:root{--paper:#f6f0e5;--card:#fffcf6;--ink:#2d322b;--muted:#64695d;--line:#d8cfbd;--green:#284736;--bronze:#8b6334;--red:#9b4230;--gold:#b9955c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Georgia,'Times New Roman',serif}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--bronze);outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.8vw,62px);line-height:1.05;font-weight:400;letter-spacing:-.04em;margin:12px 0 14px}h1 em{color:var(--green);font-weight:400}h2{font-size:clamp(26px,3vw,38px);line-height:1.18;font-weight:400;margin-bottom:14px;letter-spacing:-.02em}h3{font-size:25px;line-height:1.2;font-weight:400}p{margin-bottom:18px}.site-header{max-width:1320px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;letter-spacing:.13em;line-height:1.2}.brand small{display:block;font:10px/1.4 Arial,sans-serif;letter-spacing:.22em;margin-top:6px}.seal{border:1px solid var(--bronze);padding:5px;color:var(--bronze);font:23px/1.05 Georgia,serif;writing-mode:vertical-rl;letter-spacing:0}nav{display:flex;gap:26px;align-items:center;font:14px/1.4 Arial,sans-serif}nav a{text-decoration:none}.text-button{background:none;border:0;padding:0;font:inherit;text-decoration:underline;text-underline-offset:5px}.header-caption{font:12px/1.5 Arial,sans-serif;text-align:right;color:var(--muted)}main{max-width:1240px;margin:auto;padding:0 40px}.begin-section{padding-top:36px}.section-intro{text-align:center;margin-bottom:28px}.section-intro p{color:var(--muted);margin-bottom:0}.eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:.17em;color:var(--bronze);text-transform:uppercase}.entry-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;align-items:stretch}.birth-form{border:1px solid var(--line);background:var(--card);padding:28px 32px}.form-heading{display:flex;gap:17px;align-items:flex-start;margin-bottom:22px}.chapter{font-size:27px;line-height:1.1;color:var(--bronze)}.form-heading h2{font-size:24px;margin:0 0 8px}.form-heading p{font:14px/1.5 Arial,sans-serif;color:var(--muted);margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row label,.field-label{font:14px/1.5 Arial,sans-serif;display:block}.field-label{margin:20px 0 7px}.required{color:var(--bronze)}.optional{float:right;color:var(--muted);font-size:12px}.birth-form input:not([type=checkbox]),.birth-form select{width:100%;min-width:0;display:block;padding:11px 12px;border:1px solid var(--line);border-radius:2px;background:#fffdf8;color:var(--ink);font:16px/1.35 Arial,sans-serif;min-height:46px}.form-row input{margin-top:7px}.field-note{font:12px/1.5 Arial,sans-serif;color:var(--muted);margin:8px 0}.check-row{display:flex;gap:9px;align-items:center;margin:12px 0;font:13px/1.5 Arial,sans-serif}.check-row input{accent-color:var(--green);width:17px;height:17px}.city-search{display:flex;gap:7px}.city-search button,.small-button{border:1px solid var(--line);padding:9px 14px;background:var(--paper);font:14px Arial,sans-serif}.city-search input{flex:1}.city-results{display:grid;gap:0}.city-results button{background:#fffdf8;border:1px solid var(--line);border-top:0;text-align:left;padding:11px;font:14px/1.5 Arial,sans-serif}.city-results button small{display:block;color:var(--muted)}.selected-city{font:13px/1.5 Arial,sans-serif;border-left:3px solid var(--green);padding:9px 12px;background:#edf0e7;margin-top:10px}.settings{margin:18px 0;color:var(--muted);font:13px/1.5 Arial,sans-serif}.settings summary,summary{cursor:pointer}.settings .field-label{margin-top:15px}.manual-location{margin-top:16px}.manual-location .small-button{margin-top:12px}.primary-button{background:var(--green);border:1px solid var(--green);color:#fff9ec;min-height:50px;padding:13px 22px;letter-spacing:.02em}.calculate-button{width:100%;margin-top:10px;display:flex;justify-content:space-between;align-items:center;font:15px Arial,sans-serif}.calculate-button span{font-family:Georgia,serif;font-size:24px}.primary-button:disabled{opacity:.6;cursor:wait}.privacy-line{font:11px/1.5 Arial,sans-serif;color:var(--muted);margin:12px 0 0;text-align:center}.intro-art{position:relative;min-height:560px;overflow:hidden;background:#304536;color:#fff5df}.atlas-art{background-image:url('assets/daymaster-atlas.png');background-size:500% 200%;background-repeat:no-repeat;aspect-ratio:1}.tree-art{position:absolute;inset:0;aspect-ratio:auto;background-size: auto 200%;background-position:0% 0%;width:100%;height:100%}.intro-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#18291c30 0%,transparent 48%,#142d23e8 100%);pointer-events:none}.art-top{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;gap:12px;font:10px/1.5 Arial,sans-serif;letter-spacing:.15em;z-index:1}.art-top span[lang=zh]{font:21px Georgia,serif;writing-mode:vertical-rl;letter-spacing:.3em}.art-bottom{position:absolute;bottom:32px;left:30px;right:30px;display:flex;gap:20px;align-items:center;z-index:1}.big-character{font:85px/1 Georgia,serif}.art-bottom .eyebrow{color:#dfc49d}.art-bottom h2{font-size:31px;margin:8px 0 10px}.art-bottom p{font-size:14px;margin:0;color:#eee2cb}.process-strip{padding:23px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);font:12px/1.5 Arial,sans-serif;color:var(--muted)}.process-strip b{font-weight:400;color:var(--bronze);margin-right:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:25px}.section-heading h2{margin-top:8px}.section-heading p{color:var(--muted);margin:0;max-width:740px}.atlas-section,.result-section,.practice-section{padding:68px 0;border-bottom:1px solid var(--line)}.vertical-label{writing-mode:vertical-rl;color:var(--bronze);font-size:24px;letter-spacing:.2em}.daymaster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.master-card{padding:0;background:transparent;border:0;text-align:left}.master-card .atlas-art{position:relative}.master-card .han{position:absolute;top:10px;left:12px;font-size:38px;line-height:1;color:#fff8e7;text-shadow:0 1px 8px #000b}.master-card h3{font-size:19px;margin:11px 0 3px}.master-card p{font:12px/1.5 Arial,sans-serif;color:var(--muted);margin:0}.master-card:hover .atlas-art{filter:brightness(1.06)}.outline-button{border:1px solid var(--bronze);background:transparent;white-space:nowrap;padding:11px 16px;font:14px Arial,sans-serif}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.pillar{background:var(--card);padding:20px;text-align:center;border-top:2px solid var(--bronze)}.pillar small{font:11px/1.5 Arial,sans-serif;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.pillar .characters{font-size:48px;margin:12px 0;letter-spacing:.09em;line-height:1.3}.pillar p{font:13px/1.6 Arial,sans-serif;margin:0}.pillar.day{background:#e8ebdf;border-top-color:var(--green)}.daymaster-feature{display:grid;grid-template-columns:1fr 1.35fr;background:var(--card);border:1px solid var(--line);margin-top:30px}.daymaster-feature .atlas-art{min-height:300px;aspect-ratio:1}.master-copy{padding:32px}.master-copy .han-label{font:54px/1 Georgia,serif;color:var(--bronze);margin:8px 0 16px}.master-copy h2{font-size:34px}.master-copy p{color:var(--muted)}.reflection-box{border-left:2px solid var(--bronze);padding:2px 0 2px 18px;margin-top:23px;font-style:italic}.calculation-record,.ratings-details{font:14px/1.7 Arial,sans-serif;border:1px solid var(--line);padding:18px 20px;margin-top:24px;background:#fffaf1}.calculation-record dl{display:grid;grid-template-columns:180px 1fr;gap:9px;margin-bottom:0}.calculation-record dt{color:var(--muted)}.calculation-record dd{margin:0;overflow-wrap:anywhere}.element-section{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:45px}.element-section p{color:var(--muted)}.element-row{display:grid;grid-template-columns:62px 1fr 36px;align-items:center;gap:13px;margin-bottom:15px;font:14px Arial,sans-serif}.bar-track{height:7px;background:#dfd9ca}.bar-fill{height:100%;background:var(--green)}.notice,.error{padding:14px 18px;font:14px/1.6 Arial,sans-serif;border-left:3px solid var(--bronze);background:#eee5d3;margin:14px 0}.error{border-color:var(--red);color:#7d3024;background:#f5e6df}.intention-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.intention-tabs button{font:14px Arial,sans-serif;border:1px solid var(--line);background:transparent;padding:12px 20px}.intention-tabs button[aria-pressed=true]{background:var(--green);color:#fff6e5;border-color:var(--green)}.intention-content{display:grid;grid-template-columns:160px 1fr 1fr;gap:32px;background:var(--card);padding:30px;border:1px solid var(--line)}.intention-symbol{font:100px/1.2 Georgia,serif;color:var(--bronze);text-align:center}.intention-content h3{font-size:26px}.intention-content p{color:var(--muted);font-size:15px}.culture-section{display:flex;gap:35px;padding:60px 0;max-width:850px;margin:auto}.culture-section>.chapter{font-size:65px}.culture-section p{color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1320px;margin:auto;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer>div{font:12px/1.65 Arial,sans-serif;color:var(--muted);margin:0}footer>div{display:flex;gap:15px;flex-wrap:wrap}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:30px;width:min(750px,calc(100% - 30px));max-height:85vh;overflow:auto}dialog::backdrop{background:#15241be0}.dialog-close{float:right;padding:8px 12px;border:1px solid var(--line);background:var(--card);font:14px Arial,sans-serif;margin-bottom:15px}dialog h2{clear:both;font-size:32px}dialog .daymaster-feature{clear:both;display:block}dialog .daymaster-feature .atlas-art{max-width:100%;min-height:0;max-height:440px;background-size:500% 200%;aspect-ratio:1}dialog .master-copy{padding:24px}dialog p,dialog li{font-size:15px}dialog li{margin:12px 0}[hidden]{display:none!important}@media(max-width:900px){.header-caption{display:none}main{padding:0 24px}.site-header{padding:22px 24px}.birth-form{padding:23px}.entry-layout{grid-template-columns:1.1fr .9fr;gap:20px}.art-bottom{left:20px;right:20px;display:block}.big-character{font-size:60px}.art-bottom h2{font-size:26px}.daymaster-grid{grid-template-columns:repeat(5,1fr);gap:12px}.master-card h3{font-size:16px}.intention-content{grid-template-columns:80px 1fr 1fr;gap:22px}.intention-symbol{font-size:70px}footer{flex-wrap:wrap}}@media(max-width:650px){.site-header{padding:18px;gap:16px;flex-wrap:wrap}.brand{font-size:20px}.brand small{font-size:9px}nav{gap:15px;font-size:12px}nav a:nth-child(2){display:none}main{padding:0 18px}.section-intro{text-align:left}.begin-section{padding-top:30px}.section-intro h1{font-size:40px}.entry-layout{grid-template-columns:1fr}.birth-form{padding:22px 18px}.intro-art{min-height:320px}.tree-art{background-size:500% 200%;background-position:0 0}.art-bottom{display:flex}.big-character{font-size:68px}.form-heading h2{font-size:22px}.form-row{gap:12px}.process-strip{gap:9px;font-size:11px}.daymaster-grid{grid-template-columns:repeat(2,1fr);gap:22px 16px}.master-card h3{font-size:20px}.master-card p{font-size:13px}.atlas-section,.result-section,.practice-section{padding:44px 0}.section-heading{align-items:flex-start;flex-wrap:wrap}.section-heading p{font-size:15px}.pillars{gap:7px}.pillar{padding:13px 5px}.pillar .characters{font-size:31px}.pillar p{font-size:11px}.pillar small{font-size:9px;letter-spacing:.04em}.daymaster-feature{grid-template-columns:1fr}.daymaster-feature .atlas-art{max-height:none;min-height:0}.master-copy{padding:24px}.element-section{grid-template-columns:1fr;gap:18px}.calculation-record dl{grid-template-columns:1fr;gap:3px}.calculation-record dd{margin-bottom:12px}.intention-content{grid-template-columns:1fr;gap:10px;padding:24px}.intention-symbol{text-align:left;font-size:60px}.culture-section{gap:18px;padding:40px 0}.culture-section>.chapter{font-size:45px}footer{padding:25px 18px;gap:22px}.eyebrow{font-size:10px;letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* A three-chapter reading, introduced through the five elements. */
:root{--paper:#f3eee4;--green:#193e32;--bronze:#896633}.eyebrow{font-size:12px}.brand small{font-size:11px}.header-caption{font-size:12px}.site-header{max-width:none;padding:20px 5vw}.stage-title{font-size:clamp(40px,5vw,60px);line-height:1.06}.stage-title:focus,h1:focus,h2[tabindex]:focus{outline:none}.section-intro{margin-bottom:32px}.begin-section{padding:35px 0 55px}.process-strip{display:none}.journey-nav{padding:26px 0 0;display:flex;justify-content:center;gap:0;font:14px/1.5 Arial,sans-serif}.journey-nav button{border:0;border-bottom:1px solid var(--line);padding:13px 28px;background:transparent;color:var(--muted)}.journey-nav button span{margin-right:10px;color:var(--bronze)}.journey-nav button[aria-current]{border-bottom:2px solid var(--green);color:var(--green)}.journey-nav button:disabled{opacity:.55;cursor:default}.next-chapter{margin-top:38px;padding:30px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.next-chapter h3{margin:8px 0 10px}.next-chapter p{color:var(--muted);margin:0}.next-chapter button{flex-shrink:0;font:15px/1.5 Arial,sans-serif}.result-section,.practice-section{padding-top:38px}.welcome-section{padding:40px 0 0;text-align:center;color:#f7f0dc}.welcome-heading{max-width:760px;margin:0 auto 30px}.welcome-heading .eyebrow{color:#cbb588;font-size:12px}.welcome-heading h1{font-size:clamp(42px,4.8vw,66px);line-height:1.08;margin:15px 0 18px;letter-spacing:-.035em}.welcome-heading h1 em{color:#dbca9d}.welcome-heading p{font:16px/1.6 Georgia,serif;color:#cccfc1;margin:0}.elements-landscape{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-width:1120px;margin:auto}.element-scene{position:relative;height:280px;overflow:hidden;padding:0;border:1px solid #e0ce9b25;background:#19352c;color:#fff7e5;transition:transform .25s,border-color .25s}.element-scene:nth-child(2),.element-scene:nth-child(4){margin-top:20px}.element-scene:nth-child(3){margin-top:38px}.scene-art{position:absolute;inset:0;aspect-ratio:auto;filter:brightness(.75) saturate(.85);transition:filter .3s;background-size:500% 200%}.element-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06191000 28%,#071b15d9 100%);pointer-events:none}.element-scene:hover .scene-art,.element-scene[aria-pressed=true] .scene-art{filter:brightness(1) saturate(.95)}.element-scene[aria-pressed=true]{border-color:#dfc495}.scene-label{position:absolute;bottom:23px;left:0;right:0;z-index:1;display:grid;justify-items:center;gap:4px}.scene-label>span{font:45px/1.2 Georgia,serif}.scene-label strong{font:20px/1.4 Georgia,serif;font-weight:400;letter-spacing:.02em}.scene-label small{font:12px/1.5 Arial,sans-serif;color:#e4dac6}.element-caption{min-height:87px;margin:21px auto 0;max-width:660px}.element-caption>span{font:12px/1.5 Arial,sans-serif;letter-spacing:.17em;color:#d5ba80}.element-caption p{font-size:16px;line-height:1.5;color:#d7d7c9;margin:6px 0 0}.welcome-action .primary-button{font:15px/1.4 Arial,sans-serif;background:#dcc89b;color:#162f27;border-color:#dcc89b;min-width:250px;padding:16px 28px}.welcome-action>p{font:12px/1.5 Arial,sans-serif;color:#c0c8b9;margin:12px 0 28px}.welcome-foot{display:flex;align-items:center;gap:28px;text-align:left;padding:26px 0 30px;border-top:1px solid #dcc89b3b}.welcome-foot>span{font:23px/1.5 Georgia,serif;white-space:nowrap;color:#cdb889}.welcome-foot p{font:14px/1.6 Arial,sans-serif;color:#c0c8b9;max-width:510px;margin:0}.welcome-foot button{margin-left:auto;color:#e4d5b4;font:14px/1.5 Arial,sans-serif;white-space:nowrap}body[data-stage=welcome]{background:#102c24}body[data-stage=welcome] .site-header{color:#f7f0dc;border-color:#dfcda22b}body[data-stage=welcome] .header-caption{color:#b8c4b5}body[data-stage=welcome] .seal{color:#dcc493;border-color:#ad9360}body[data-stage=welcome] footer{color:#e4d7b7;border-color:#dfcda22b}body[data-stage=welcome] footer p,body[data-stage=welcome] footer>div{color:#bdc8b9}body[data-stage=welcome] footer .seal{color:#d1b782;border-color:#ad9360}body[data-stage=welcome] main{max-width:1240px}.privacy-line{font-size:12px}.check-row,.settings{font-size:14px}.master-card p{font-size:14px}.welcome-section,.begin-section,.result-section,.practice-section,.atlas-section{animation:chapter-in .4s ease-out}@keyframes chapter-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.welcome-section{padding-top:52px}.element-scene{height:330px}}@media(max-width:900px){.welcome-section{padding-top:36px}.element-scene{height:245px}.welcome-heading h1{font-size:52px}.welcome-foot{gap:18px;flex-wrap:wrap}.welcome-foot button{margin-left:0}.next-chapter{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.site-header{padding:16px 18px;flex-wrap:nowrap}.site-header nav{gap:14px;font-size:12px}.site-header .brand{font-size:17px;gap:9px}.brand small{font-size:9px}.seal{font-size:20px}.welcome-section{padding-top:32px}.welcome-heading{margin-bottom:24px}.welcome-heading h1{font-size:42px;margin:14px 0}.welcome-heading p{font-size:16px;max-width:300px;margin:auto}.elements-landscape{gap:4px;margin:0 -8px}.element-scene{height:218px}.element-scene:nth-child(2),.element-scene:nth-child(4){margin-top:12px}.element-scene:nth-child(3){margin-top:24px}.scene-label{bottom:17px;gap:7px}.scene-label>span{font-size:33px}.scene-label strong{font-size:16px}.scene-label small{display:none}.element-caption{margin-top:17px;min-height:96px;padding:0 8px}.element-caption p{font-size:15px}.element-caption>span{font-size:12px}.welcome-action>p{max-width:270px;margin:12px auto 24px}.welcome-foot{padding:24px 0;gap:14px;display:block;text-align:center}.welcome-foot>span{display:block;margin-bottom:12px}.welcome-foot p{font-size:14px}.welcome-foot button{margin:16px auto 0}.journey-nav{padding-top:15px}.journey-nav button{padding:12px 9px;font-size:12px;flex:1}.journey-nav button span{display:block;margin:0 0 4px}.stage-title{font-size:40px}.begin-section .intro-art{display:none}.begin-section{padding-top:28px}.begin-section .section-intro{text-align:center}.form-row{grid-template-columns:1fr}.form-row input{min-width:0}.next-chapter{padding-top:25px}.next-chapter h3{font-size:25px}.next-chapter button{width:100%}.result-section,.practice-section{padding-top:30px}.intention-tabs{display:grid;grid-template-columns:1fr 1fr}.intention-tabs button{padding:12px 8px}.intention-tabs button:last-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.welcome-section,.begin-section,.result-section,.practice-section,.atlas-section{animation:none}.element-scene,.scene-art{transition:none}}

/* Elements Flow: English brand first, with Wuxing and Chinese calligraphy retained. */
@font-face{font-family:'Wuxing Calligraphy';src:url('assets/wuxing-calligraphy.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.site-header .brand,footer .brand{gap:12px;letter-spacing:0;flex-shrink:0}
.brand .brand-name{font:400 28px/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.025em;white-space:nowrap}
.brand .brand-name small{font:10px/1.5 Arial,sans-serif;letter-spacing:.18em;margin-top:8px}
.brand .seal{font-family:'Wuxing Calligraphy','Kaiti SC','STKaiti',serif;font-size:30px;line-height:1.03;padding:5px 4px;letter-spacing:.04em;font-weight:400}
@media(max-width:650px){.site-header{flex-wrap:wrap;justify-content:center;gap:15px}.site-header .brand{justify-content:center}.brand .brand-name{font-size:26px}.brand .brand-name small{font-size:10px;letter-spacing:.15em}.site-header nav{width:100%;justify-content:center;font-size:14px;gap:30px}.brand .seal{font-size:29px}footer .brand .brand-name{font-size:25px}}

/* A text-free, scalable Five Elements mark beside the existing wordmark. */
.brand-mark{display:block;width:56px;height:56px;flex-shrink:0}
@media(max-width:650px){.brand-mark{width:52px;height:52px}}

.brand .brand-han{font:400 28px/1 'Wuxing Calligraphy','Kaiti SC','STKaiti',serif;writing-mode:vertical-rl;letter-spacing:.04em;color:#896633;flex-shrink:0}
@media(max-width:650px){.site-header .brand,footer .brand{gap:9px}.brand .brand-han{font-size:26px}.brand .brand-name{font-size:24px}.brand .brand-name small{font-size:9px}}

/* Explicit English birth-date order and twelve-hour clock. */
.birth-field-group{border:0;padding:0;margin:0 0 17px;min-width:0}.birth-field-group legend{font:14px/1.5 Arial,sans-serif;padding:0;margin-bottom:9px}.birth-parts{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.date-parts{grid-template-columns:.8fr 1.55fr 1fr}.birth-parts label{min-width:0;font:12px/1.5 Arial,sans-serif;color:var(--muted)}.birth-parts input,.birth-parts select{margin-top:5px}.birth-parts input:disabled,.birth-parts select:disabled{opacity:.5;cursor:not-allowed}.birth-parts input[type=number]{appearance:textfield;-moz-appearance:textfield}.birth-parts input::-webkit-inner-spin-button,.birth-parts input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media(max-width:380px){.birth-parts{gap:7px}.birth-form .birth-parts input,.birth-form .birth-parts select{padding:11px 7px}}

/* Standalone detailed landscape, never enlarged from the atlas thumbnail. */
.intro-art .birth-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.intro-art .art-top>span:first-child{color:#293f32;background:#f6f0e5e8;padding:5px 8px;align-self:flex-start}.intro-art .art-top>span[lang=zh]{text-shadow:0 1px 4px #15241b}

/* Airier ink landscape: retain paper whites and keep text separate from the artwork. */
.intro-art:after{background:linear-gradient(180deg,transparent 0%,transparent 58%,#142d23d9 100%)}.intro-art .art-top>span:first-child{background:none;padding:0}

.gender-heading{position:relative;display:flex;align-items:center;gap:6px}.gender-heading .optional{float:none;margin-left:auto}.gender-info{display:inline-flex}.info-button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;padding:0;background:transparent;color:var(--muted)}.info-button>span{display:block;border:1px solid #aaa38e;border-radius:50%;width:17px;height:17px;font:italic 12px/16px Georgia,serif;text-align:center}.info-tooltip{position:absolute;top:calc(100% + 6px);left:0;z-index:10;width:min(300px,100%);padding:12px 15px;border:1px solid #d6cbb5;border-radius:4px;background:#fffdf6;box-shadow:0 5px 18px #2530231a;color:var(--ink);font:13px/1.6 Arial,sans-serif}.info-tooltip:before{content:'';position:absolute;top:-5px;left:66px;width:8px;height:8px;background:#fffdf6;border-top:1px solid #d6cbb5;border-left:1px solid #d6cbb5;transform:rotate(45deg)}

/* Keep atlas art and labels aligned even when card titles wrap. */
.daymaster-grid .master-card{display:flex;flex-direction:column;align-items:stretch;min-width:0}
.daymaster-grid .master-card .atlas-art{width:100%;flex:none}
.daymaster-grid .master-card h3{flex:1;min-height:2.4em}
.daymaster-grid .master-card p{flex:none}
