@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-vietnamese-400-normal.CRcqvyg1.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-400-normal.BuGn0gnm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-latin-ext-400-normal.CiZNW1ec.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-400-normal.DYBYyMQr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-latin-400-normal.PpnXBOrz.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-400-normal.bXgqVju9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-vietnamese-600-normal.nyU-ZL2p.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-600-normal.DkpCIyan.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-latin-ext-600-normal.BNd8euf0.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-600-normal.BeUwKxhG.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-latin-600-normal.BZDkUTrt.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-600-normal.5IO4e7bK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/be-vietnam-pro-vietnamese-800-normal.D4LFh2W4.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-800-normal.CA0HL1e4.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/be-vietnam-pro-latin-ext-800-normal.GEpNgheG.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-800-normal.BvOXQlBN.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/be-vietnam-pro-latin-800-normal.BpHZASpI.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-800-normal.Cwp5p0gU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box;min-width:0}:root{interpolate-size:allow-keywords;scrollbar-gutter:stable;text-wrap:pretty;overflow-wrap:break-word;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100svh;margin:0}h1,h2,h3,h4{text-wrap:balance}img,svg,video{max-width:100%;height:auto;display:block}input,textarea,select{font-size:max(16px,1rem)}button,a,[role=button]{touch-action:manipulation}button,[role=button]{-webkit-user-select:none;user-select:none}:root{color-scheme:light;--paper:oklch(100% 0 none);--surface:oklch(96.4% 0 none);--ink:oklch(14.5% 0 none);--ink-muted:oklch(38% 0 none);--rule:oklch(84% 0 none);--blue:oklch(49.5% .284 267.2);--red:oklch(65.3% .234 31.3);--navy:oklch(23.1% .138 266.8);--seal:var(--blue);--seal-hover:color-mix(in oklch, var(--blue), black 22%);--seal-subtle:color-mix(in oklch, var(--blue) 9%, transparent);--on-seal:var(--paper);--mark:oklch(52% .2 31);--warn-bg:color-mix(in oklch, var(--red) 14%, var(--paper));--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2rem, 1.3rem + 3.2vw, 4rem);--step-display:clamp(2rem, .2rem + 10.4vw, 11rem);--margin:clamp(1rem, .5rem + 2vw, 1.75rem);--gap:clamp(1rem, .6rem + 1.2vw, 1.5rem);--section:clamp(5rem, 2.5rem + 8vw, 11rem);--space-xs:.5rem;--space-s:1rem;--space-m:1.5rem;--space-l:clamp(2rem, 1.5rem + 2vw, 3rem);--header-h:4.5rem;--ease-out:cubic-bezier(.23, 1, .32, 1);--max:92rem;--edge:max(var(--margin), (100% - var(--max)) / 2);color:var(--ink);background:var(--paper);font-family:Be Vietnam Pro,system-ui,sans-serif;line-height:1.55}[data-field=red]{--field-bg:var(--red);--field-ink:var(--ink)}[data-field=blue]{--field-bg:var(--blue);--field-ink:var(--paper)}[data-field=navy]{--field-bg:var(--navy);--field-ink:var(--paper)}[data-field=black]{--field-bg:var(--ink);--field-ink:var(--paper)}[data-field=paper]{--field-bg:var(--paper);--field-ink:var(--ink)}body{font-size:var(--step-body);grid-template-rows:auto 1fr auto;display:grid}h1,h2,h3,h4{margin-block:0}h1{font-size:var(--step-display);letter-spacing:-.04em;font-weight:800;line-height:1.04}h2{font-size:var(--step-head);letter-spacing:-.03em;font-weight:800;line-height:1.12}h3{font-size:var(--step-lead);letter-spacing:-.015em;font-weight:800;line-height:1.3}h4{font-size:var(--step-body);font-weight:600}small,.small{font-size:var(--step-small)}a{color:var(--seal);text-underline-offset:.2em}@media (hover:hover) and (pointer:fine){a:hover{color:var(--seal-hover)}}:focus-visible{outline:max(2px, .1em) solid var(--seal);outline-offset:.2em}[data-field=blue] :focus-visible,[data-field=navy] :focus-visible,[data-field=black] :focus-visible,.showcase :focus-visible,.stage:nth-child(-n+3) :focus-visible,.site-footer :focus-visible{outline-color:var(--paper)}.stage:nth-child(n+4) :focus-visible{outline-color:var(--ink)}.stage summary:focus-visible{outline-offset:-.35em}.site-header{align-items:center;gap:var(--space-m);block-size:var(--header-h);padding-inline:var(--edge);background:var(--paper);display:flex}.brand{font-weight:800;font-size:var(--step-lead);letter-spacing:-.03em;color:var(--ink);text-decoration:none}.site-header ul{gap:var(--space-m);margin:0;padding:0;list-style:none;display:flex}.site-header nav a{color:var(--ink);padding-block:.6rem;font-weight:600;text-decoration:none}.site-header nav a[aria-current=page]{text-decoration:underline .12em}@media (hover:hover) and (pointer:fine){.site-header nav a:hover{color:var(--seal)}}.header-action{margin-inline-start:auto}.site-header a{white-space:nowrap}@media (width<=30rem){.site-header,.site-header ul{gap:.8rem}.site-header .header-action{min-block-size:2.75rem;padding-inline:.75rem}body:has(.hero) .header-action{display:none}body:has(.hero) .site-header ul{margin-inline-start:auto}}@media (width<=22rem){.site-header .header-action{display:none}.site-header ul{margin-inline-start:auto}}.button{font:inherit;color:var(--on-seal);background:var(--seal);cursor:pointer;white-space:nowrap;border:0;border-radius:0;justify-content:center;justify-self:start;align-items:center;min-block-size:3rem;padding-block:.6rem;padding-inline:1.4rem;font-weight:600;text-decoration:none;display:inline-flex}.button:active{scale:.97}@media (hover:hover) and (pointer:fine){.button:hover{background:var(--seal-hover);color:var(--on-seal)}}@media (prefers-reduced-motion:no-preference){.button{transition:scale .16s var(--ease-out), background-color .16s var(--ease-out)}}.button.quiet{color:var(--ink);background:var(--surface)}@media (hover:hover) and (pointer:fine){.button.quiet:hover{background:color-mix(in oklch, var(--surface), var(--ink) 8%);color:var(--ink)}}.link-button{font:inherit;color:var(--seal);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link-button:active{opacity:.7}@media (hover:hover) and (pointer:fine){.link-button:hover{color:var(--seal-hover)}}.lines .line{margin-block:-.16em -.24em;padding-block:.16em .24em;display:block;overflow:clip}.lines [data-line]{display:block}@media (prefers-reduced-motion:no-preference){.js .lines [data-line]{animation:line-up .9s var(--ease-out) forwards;animation-delay:calc(var(--i,0) * .11s + .15s);transform:translateY(110%)}.js [data-rise]{opacity:0;animation:rise .8s var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 90ms + .2s);transform:translateY(18px)}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-out);transform:translateY(24px)}.js [data-reveal].is-in{opacity:1;transform:none}}@keyframes line-up{to{transform:none}}@keyframes rise{to{opacity:1;transform:none}}.chapters>section{column-gap:var(--gap);padding-inline:var(--edge);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.hero{--seam:50%;min-block-size:clamp(40rem, 100svh - var(--header-h), 58rem);grid-template-rows:minmax(0,1fr) minmax(0,1fr);position:relative;overflow:clip}.hero-sky,.hero-sea{padding-inline:var(--edge);grid-column:1/-1}.hero-sky{background:var(--paper);padding-block:clamp(.25rem,1vh,1rem) 0}.hero-sea{background:var(--red);color:var(--ink);gap:var(--space-m);padding-block:calc(var(--step-display) * .62 + var(--space-m)) var(--margin);flex-direction:column;display:flex}.hero-date{flex-direction:column;margin:0;display:flex}.hero-date-value{font-size:var(--step-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums;min-block-size:1.15em;font-weight:800;line-height:1.15}.hero-date-label{font-weight:600}.hero-title{--cut:81%;inset-inline:var(--margin);translate:0 calc(-1 * var(--cut));text-align:center;pointer-events:none;font-size:var(--step-display);letter-spacing:-.045em;margin:0;font-weight:800;line-height:1.04;position:absolute;inset-block-start:var(--seam)}.hero-title-sky,.hero-title-sea{display:block}.hero-title .line{white-space:nowrap}.hero-title-sky{color:var(--blue);clip-path:inset(0 0 calc(100% - var(--cut)) 0)}.hero-title-sea{color:var(--ink);clip-path:inset(var(--cut) 0 0 0);position:absolute;inset:0}.hero-foot{column-gap:var(--gap);row-gap:var(--space-m);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;margin-block-start:auto;display:grid}.hero-lead{font-size:var(--step-lead);grid-column:1/span 7;max-inline-size:48ch;margin:0;font-weight:600;line-height:1.4}.hero-form{flex-direction:column;grid-column:8/-1;gap:.4rem;display:flex}.hero-form label{font-weight:600}.hero-form-row{gap:0;display:flex}.hero-form input{background:var(--paper);border:0;border-radius:0;flex:1;min-block-size:3.25rem}.hero-form .button{background:var(--ink);color:var(--paper);min-block-size:3.25rem}@media (hover:hover) and (pointer:fine){.hero-form .button:hover{background:var(--navy)}}.hero :focus-visible{outline-color:var(--ink)}@media (width>=40rem) and (aspect-ratio>=3/5) and (aspect-ratio<=1){.hero{min-block-size:max(40rem,78svh)}}@media (width<=48rem){.hero{--seam:36%;grid-template-rows:36fr 64fr;min-block-size:34rem}.hero-lead,.hero-form{grid-column:1/-1}.hero-lead{font-size:var(--step-body)}.hero-sky{flex-direction:column;justify-content:end;padding-block-end:calc(var(--step-display) * 2.08 * .81 + var(--space-m));display:flex}}.workbench{background:var(--paper);padding-block:var(--section);row-gap:var(--space-l);container-type:inline-size}.workbench-intro{gap:var(--space-s);flex-direction:column;grid-column:1/-1;display:flex}.workbench-intro p{max-inline-size:60ch;margin:0}.workbench>.results{grid-column:1/-1}.workbench>.form{grid-column:1/-1;grid-template-columns:minmax(0,1fr);align-items:start;max-inline-size:64rem}@media (width>=36rem){.workbench>.form{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench .form .field:has(#place,#zone,#name){grid-column:span 2}}@media (width>=60rem){.workbench>.form{grid-template-columns:repeat(4,minmax(0,1fr))}}.workbench>.results{max-inline-size:54rem}.content-grid{--gutter:var(--margin);--content:46rem;--breakout:64rem;grid-template-columns:[full-width-start] var(--edge) [breakout-start content-start] min(100% - var(--edge) - var(--margin), var(--content)) [content-end] minmax(0, calc(var(--breakout) - var(--content))) [breakout-end] minmax(var(--margin), 1fr) [full-width-end];align-content:start;row-gap:var(--space-l);padding-block-end:var(--section);display:grid}.content-grid>*{grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.intro{grid-column:full-width;grid-template-columns:subgrid;align-content:end;row-gap:var(--space-m);min-block-size:min(40svh,22rem);padding-block:var(--space-l) clamp(2.5rem, 1.5rem + 3vw, 4.5rem);background:var(--red);color:var(--ink);margin-block-end:var(--space-l);display:grid}[data-band=blue]>.intro{background:var(--blue);color:var(--paper)}[data-band=navy]>.intro{background:var(--navy);color:var(--paper)}[data-band=black]>.intro{background:var(--ink);color:var(--paper)}:is([data-band=blue],[data-band=navy],[data-band=black])>.intro :focus-visible{outline-color:var(--paper)}.content-grid>.intro>*{grid-column:content}.intro h1{max-inline-size:12ch}.lead{font-size:var(--step-lead);max-inline-size:40ch;margin:0;font-weight:600;line-height:1.4}.toc ol{flex-direction:column;gap:.35rem;margin:0;padding-inline-start:1.4rem;font-weight:600;display:flex}.toc a{color:var(--ink);text-decoration:none}@media (hover:hover) and (pointer:fine){.toc a:hover{color:var(--seal);text-decoration:underline}}@media (width>=70rem){.content-grid:has(>.toc){grid-template-columns:[full-width-start] var(--edge) [toc-start] minmax(14rem, 20rem) [toc-end] minmax(var(--gap), 4rem) [breakout-start content-start] minmax(0, 50rem) [content-end breakout-end] minmax(var(--margin), 1fr) [full-width-end]}.content-grid:has(>.toc)>.intro>*{grid-column:toc-start/content-end}.toc{padding:var(--space-m);background:var(--surface);grid-area:2/toc/span 40;align-self:start;position:sticky;inset-block-start:var(--space-m)}}.prose>*{margin-block:0}.prose>*+*{margin-block-start:var(--flow-space,1em)}.prose>:is(h2,h3){--flow-space:2em}.prose>:is(h2,h3)+*{--flow-space:.5em}.content-grid>section h2{font-size:var(--step-lead);letter-spacing:-.015em;line-height:1.3}.prose>:is(p,ul,ol){max-inline-size:66ch}.panel h2{font-size:var(--step-lead);letter-spacing:-.015em;line-height:1.3}@media (prefers-reduced-motion:no-preference){.js .content-grid>.intro>*{opacity:0;animation:rise .8s var(--ease-out) forwards;animation-delay:.12s;transform:translateY(18px)}.js .content-grid>.intro>:nth-child(2){animation-delay:.23s}}.plate{gap:var(--gap);margin-block:.5em;display:grid}.plate-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.plate figure{flex-direction:column;gap:.5rem;margin:0;display:flex}.plate img{object-fit:contain;block-size:clamp(14rem,30vw,24rem);inline-size:100%;padding:var(--space-m);background:var(--surface)}.plate figcaption{font-size:var(--step-small)}.form{gap:var(--space-m) var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:end;max-inline-size:72rem;display:grid}.panel{background:var(--surface);padding:var(--space-m)}.panel :is(input:not([type=radio],[type=checkbox]),select){background:var(--paper)}.form .wide{grid-column:1/-1}.field{flex-direction:column;gap:.35rem;display:flex}.field label,.field legend{font-weight:600}.hint{color:var(--ink-muted);font-size:var(--step-small);margin:0}.tip{font-size:var(--step-small)}.tip>summary{min-block-size:2.75rem;color:var(--seal);cursor:pointer;align-items:center;gap:.4rem;font-weight:600;list-style:none;display:inline-flex}.tip>summary::-webkit-details-marker{display:none}.tip>summary:before{content:"+";inline-size:1ch;font-weight:800}.tip[open]>summary:before{content:"−"}@media (hover:hover) and (pointer:fine){.tip>summary:hover{text-decoration:underline}}.tip>p{padding-inline:var(--space-s);background:var(--surface);max-inline-size:60ch;margin:0;padding-block:.6rem}.tip>p+p{padding-block-start:0}.settings-intro{margin:0 0 var(--space-s);font-size:var(--step-small);max-inline-size:60ch}.choices{gap:0 var(--space-m);flex-wrap:wrap;display:flex}input:not([type=radio],[type=checkbox]),select{color:inherit;background:var(--surface);border:0;border-block-end:2px solid var(--ink);border-radius:0;min-block-size:3rem;inline-size:100%;padding-block:.6rem;padding-inline:.75rem;font-family:inherit}input:user-invalid{border-block-end-color:var(--mark)}:is(input,select):focus-visible{outline-offset:0}fieldset{gap:.4rem var(--space-m);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}fieldset legend{inline-size:100%;margin-block-end:.3rem;padding:0;font-weight:600}.choice{align-items:center;gap:.5rem;min-block-size:2.75rem;display:inline-flex}.choice input{accent-color:var(--seal);block-size:1.15rem;inline-size:1.15rem;margin:0}.custom-place{display:none}.form:has(select[name=place] option[value=custom]:checked) .custom-place{display:flex}.form details.wide>summary{cursor:pointer;min-block-size:2.75rem;color:var(--seal);align-items:center;gap:.5rem;font-weight:600;list-style:none;display:flex}.form details.wide>summary::-webkit-details-marker{display:none}.form details.wide>summary:before{content:"+";inline-size:1ch;font-weight:800}.form details.wide[open]>summary:before{content:"−"}.form details.wide .settings-grid{gap:var(--space-m) var(--gap);padding:var(--space-m);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));display:grid}.form details.wide .settings-grid :is(input,select){background:var(--paper)}.error{color:var(--mark);margin:0;font-weight:600}.share{gap:var(--space-s);flex-wrap:wrap;align-items:center;display:flex}.results{gap:var(--space-l);flex-direction:column;padding-block-start:var(--space-l);display:flex}.results:empty{display:none}.summary{gap:var(--space-m) var(--gap);padding:var(--space-m);background:var(--surface);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}@media (width>=40rem){.summary{grid-template-columns:repeat(3,minmax(0,1fr))}}.summary>div{flex-direction:column;gap:.1rem;display:flex}.summary dt{font-size:var(--step-small);font-weight:600}.summary dd{font-size:var(--step-lead);letter-spacing:-.015em;margin:0;font-weight:800;line-height:1.3}.result-jumps ul{gap:.25rem var(--space-m);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.result-jumps .link-button{min-block-size:2.75rem;font-weight:600}.block{gap:var(--space-s);flex-direction:column;display:flex}.block>p{margin:0}.results h2{font-size:var(--step-head)}.results .block h3{font-size:var(--step-lead)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;inline-size:100%;font-size:var(--step-small)}caption{text-align:start;color:var(--ink-muted);padding-block-end:.4rem}th,td{text-align:start;vertical-align:top;border-block-end:1px solid var(--rule);padding-block:.55rem;padding-inline:0 .75rem}th{font-weight:600}thead th{border-block-end:2px solid var(--ink);font-weight:600}td,time{font-variant-numeric:tabular-nums}.differs{background:var(--seal-subtle)}.han{color:var(--ink-muted)}.steps{font-variant-numeric:tabular-nums;color:var(--ink-muted);font-size:var(--step-small)}.notes{padding-block:var(--space-s);padding-inline:var(--space-m) var(--space-s);background:var(--warn-bg);flex-direction:column;gap:.5rem;margin:0;display:flex}.provenance{font-size:var(--step-small);gap:.25rem var(--space-s);grid-template-columns:max-content 1fr;margin:0;display:grid}.provenance dt{font-weight:600}.provenance dd{color:var(--ink-muted);margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:clip}.readings{gap:var(--space-l)}.readings>.hint{font-size:var(--step-body);color:var(--ink);max-inline-size:64ch}.reading{flex-direction:column;gap:.7rem;display:flex}.reading>*,.reading p{margin:0}.reading>h3{font-size:var(--step-lead);padding-block:var(--space-m);padding-inline:var(--space-m);background:var(--red);color:var(--ink)}.reading[aria-labelledby=r-tuvi]>h3{background:var(--navy);color:var(--paper)}.reading[aria-labelledby=r-western]>h3,.reading[aria-labelledby=r-so]>h3{background:var(--blue);color:var(--paper)}.reading[aria-labelledby=r-nhatchu]>h3{background:var(--ink);color:var(--paper)}.reading :is(p,ul),.results .block>p{max-inline-size:68ch}.reading h4{font-size:var(--step-body);margin-block:.6rem 0;font-weight:600}.reading ul{flex-direction:column;gap:.3rem;margin:0;padding-inline-start:1.2rem;display:flex}.basis{color:var(--ink-muted);font-size:var(--step-small)}.reading-summary{font-size:var(--step-lead);font-weight:600;line-height:1.4}.reading-source{color:var(--ink-muted);font-size:var(--step-small)}.reading details{background:var(--surface);padding-inline:var(--space-s)}.reading summary{cursor:pointer;align-items:center;min-block-size:2.75rem;font-weight:600;list-style:none;display:flex}.reading summary::-webkit-details-marker{display:none}.reading summary:after{content:"+";margin-inline-start:auto;font-weight:400}.reading details[open] summary:after{content:"−"}.reading details::details-content{block-size:0;overflow:clip}.reading details[open]::details-content{block-size:auto}@media (prefers-reduced-motion:no-preference){.reading details::details-content{transition:block-size .3s var(--ease-out), content-visibility .3s allow-discrete}}.details-body{padding-block-end:var(--space-s)}.details-all{gap:var(--space-l)}.wheel{aspect-ratio:1;inline-size:min(100%,35rem);color:var(--ink)}.wheel svg{block-size:auto;inline-size:100%}table.compact{inline-size:auto;min-inline-size:min(100%,20rem)}details.plain>summary{cursor:pointer;min-block-size:2.75rem;color:var(--seal);align-items:center;font-weight:600;display:flex}.tuvi-wrap{inline-size:min(100cqi,76rem);container-type:inline-size}.tuvi-grid{font-size:var(--step-small);gap:.4rem;display:grid}.palace,.tuvi-center{background:var(--surface);flex-direction:column;gap:.35rem;padding-block:.6rem;padding-inline:.7rem;display:flex}.tuvi-center{background:var(--navy);color:var(--paper)}.tuvi-center :is(dt,.hint){color:color-mix(in oklch, var(--paper) 78%, var(--navy))}.palace.is-menh{outline:2px solid var(--mark);outline-offset:-2px}.palace header{flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;display:flex}.palace h4{font-size:var(--step-body);margin:0;font-weight:800}.palace .than{font-size:var(--step-small);color:var(--mark);font-weight:600}.palace-pos{color:var(--ink-muted)}.dai-han{font-variant-numeric:tabular-nums;color:var(--ink-muted);margin-inline-start:auto}.palace ul{margin:0;padding:0;list-style:none}.stars-main{font-weight:600}.stars-main abbr{color:var(--ink-muted);font-weight:400;text-decoration:none}.star-none{color:var(--ink-muted);font-weight:400}.stars-minor{color:var(--ink-muted);flex-wrap:wrap;gap:0 .6rem;display:flex}.hoa{color:var(--mark);font-weight:600}.tuan-triet{color:var(--ink-muted);margin:0;font-weight:600}.palace footer{color:var(--ink-muted);flex-wrap:wrap;gap:0 .6rem;margin-block-start:auto;padding-block-start:.3rem;display:flex}.tuvi-center h4{font-size:var(--step-body);margin:0}.tuvi-center dl{gap:0 .6rem;margin:0;display:grid}.tuvi-center dt{color:var(--ink-muted)}.tuvi-center dd{margin:0 0 .35rem}@container (width>=46rem){.tuvi-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(9rem,auto)}.tuvi-center{grid-area:2/2/4/4}.tuvi-center dl{grid-template-columns:minmax(8rem,max-content) 1fr;row-gap:.2rem}.tuvi-center dd{margin:0}.palace[data-branch="5"]{grid-area:1/1}.palace[data-branch="6"]{grid-area:1/2}.palace[data-branch="7"]{grid-area:1/3}.palace[data-branch="8"]{grid-area:1/4}.palace[data-branch="4"]{grid-area:2/1}.palace[data-branch="9"]{grid-area:2/4}.palace[data-branch="3"]{grid-area:3/1}.palace[data-branch="10"]{grid-area:3/4}.palace[data-branch="2"]{grid-area:4/1}.palace[data-branch="1"]{grid-area:4/2}.palace[data-branch="0"]{grid-area:4/3}.palace[data-branch="11"]{grid-area:4/4}}table.bazi td,table.bazi th{text-align:center}table.bazi th[scope=row]{text-align:start}.element-count{gap:.3rem var(--space-m);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.showcase{--disc:min(60svh, 38vw);--disc-x:55%;background:var(--blue);min-block-size:max(100svh,44rem);color:var(--paper);position:relative;overflow:clip}.showcase[data-field=red]{--disc-bg:var(--red)}.showcase[data-field=navy]{--disc-bg:var(--navy)}.showcase[data-field=black]{--disc-bg:var(--ink)}.showcase[data-field=paper]{--disc-bg:var(--paper)}.showcase-stage{position:absolute;inset:0}.disc{inline-size:var(--disc);aspect-ratio:1;background:var(--disc-bg,var(--red));border-radius:50%;position:absolute;inset-block-start:calc(50% - var(--disc) / 2);inset-inline-start:calc(var(--disc-x) - var(--disc) / 2)}.showcase-panel{position:absolute;inset:0}.showcase-object{margin:0}.showcase-object img{block-size:calc(var(--disc) * .98);inline-size:auto;max-inline-size:calc(var(--disc) * 1.15);object-fit:contain;position:absolute;inset-block-end:calc(50% - var(--disc) * .38);inset-inline-start:var(--disc-x);translate:-50%}.showcase-object figcaption{gap:var(--space-s);flex-direction:column;max-inline-size:30ch;display:flex;position:absolute;inset-block-end:calc(50% - var(--disc) / 2);inset-inline-start:calc(var(--disc-x) + var(--disc) / 2 + var(--gap) * 1.5);inset-inline-end:var(--edge)}.showcase-fact{font-weight:600}.showcase-credit{font-size:var(--step-small)}.showcase-list{flex-direction:column;gap:.5rem;display:flex;position:absolute;inset-block-end:calc(50% - var(--disc) / 2);inset-inline-start:var(--edge)}.showcase-list h2{font-size:var(--step-lead);letter-spacing:-.015em;font-weight:600}.showcase-list [role=tablist]{flex-direction:column;align-items:start;display:flex}.showcase-list [role=tab]{font:inherit;font-size:var(--step-head);letter-spacing:-.03em;color:var(--paper);cursor:pointer;text-underline-offset:.12em;background:0 0;border:0;padding:0;font-weight:400;line-height:1.15;text-decoration-thickness:.07em}.showcase-list [role=tab][aria-selected=true]{font-weight:800;text-decoration-line:underline}.showcase-list [role=tab]:active{scale:.98}@media (hover:hover) and (pointer:fine){.showcase-list [role=tab]:hover{text-decoration-line:underline}}.js .showcase-panel{opacity:0;visibility:hidden}.js .showcase-panel.is-active{opacity:1;visibility:visible}@media (prefers-reduced-motion:no-preference){.disc{transition:background-color .3s var(--ease-out)}.js .showcase-panel{transition:opacity .3s var(--ease-out), visibility 0s linear .3s}.js .showcase-panel.is-active{transition:opacity .3s var(--ease-out), visibility 0s}.showcase-panel.is-active .showcase-object img{animation:settle 1.4s var(--ease-out) both}}@keyframes settle{0%{transform:translateY(4%)rotate(-2deg)scale(.96)}to{transform:none}}@media (width<=70rem){.chapters>.showcase{--disc:min(86vw, 60svh);gap:var(--space-l);min-block-size:auto;padding-block:var(--section);flex-direction:column;display:flex}.showcase-stage{position:relative;inset:auto}.disc{inset-block-start:2rem;inset-inline-start:calc(50% - var(--disc) / 2)}.showcase-panel{position:static}.js .showcase-panel:not(.is-active){display:none}.showcase-object{gap:var(--space-m);flex-direction:column;display:flex}.showcase-object img{inline-size:calc(var(--disc) * .72);block-size:calc(var(--disc) * .72);max-inline-size:none;margin-block:calc(2rem + var(--disc) * .14) calc(var(--disc) * .14);object-fit:contain;margin-inline:auto;position:relative;inset:auto;translate:none}.showcase-object figcaption{max-inline-size:none;position:static}.showcase-fact{order:-1}.showcase-list{order:-1;position:static}.showcase-list [role=tablist]{flex-flow:wrap;gap:0 1.25rem}.showcase-list [role=tab]{font-size:var(--step-lead);flex:none;min-block-size:2.75rem}}.stages{background:var(--paper);padding-block:var(--section);row-gap:clamp(2.5rem,1.5rem + 3vw,4rem)}.stages-intro{grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--space-s);display:grid}.stages-intro h2{grid-column:1/span 5}.stages-intro p{grid-column:7/span 5;margin:0}.stage-row{grid-column:1/-1;block-size:clamp(30rem,60svh,36rem);display:flex}.stage{--stage-bg:var(--navy);--stage-ink:var(--paper);background:var(--stage-bg);color:var(--stage-ink);flex:1 1 0;position:relative;overflow:clip}.stage:nth-child(2){--stage-bg:color-mix(in oklch, var(--navy), var(--blue))}.stage:nth-child(3){--stage-bg:var(--blue)}.stage:nth-child(4){--stage-bg:color-mix(in oklch, var(--blue) 42%, var(--paper));--stage-ink:var(--ink)}.stage:nth-child(5){--stage-bg:color-mix(in oklch, var(--blue) 16%, var(--paper));--stage-ink:var(--ink)}.stage[open]{flex-grow:6}.stage summary{left:var(--space-s);bottom:var(--space-m);writing-mode:vertical-rl;cursor:pointer;font-size:var(--step-lead);letter-spacing:-.015em;white-space:nowrap;font-weight:800;list-style:none;position:absolute;rotate:180deg}.stage summary::-webkit-details-marker{display:none}.stage:not([open]) summary:before{content:"";position:absolute;inset:-100vh -50vw}.stage[open] summary{writing-mode:horizontal-tb;top:var(--space-m);bottom:auto;left:var(--space-m);right:var(--space-m);font-size:var(--step-head);letter-spacing:-.03em;white-space:normal;cursor:default;line-height:1.1;rotate:none}.stage-body{gap:var(--space-m);padding:var(--space-m);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;display:grid;position:absolute;inset:0}.stage-body p{max-inline-size:36ch;margin:0}.stage-body figure{flex-direction:column;align-self:center;gap:.4rem;margin:0;margin-block-start:calc(var(--step-head) * 1.3);display:flex}.stage-body :is(img,video){object-fit:cover;max-block-size:20rem;inline-size:100%}.stage-body figcaption{font-size:var(--step-small)}.stage .link-button{color:inherit;font-weight:600}@media (prefers-reduced-motion:no-preference){.stage{transition:flex-grow .45s var(--ease-out)}.stage::details-content{transition:opacity .3s var(--ease-out) .15s, content-visibility .45s allow-discrete;opacity:0}.stage[open]::details-content{opacity:1}}@media (hover:hover) and (pointer:fine){.stage:not([open]):hover{filter:brightness(1.12)}}@media (width<=48rem){.stages-intro h2,.stages-intro p{grid-column:1/-1}.stage-row{flex-direction:column;block-size:auto}.stage{flex:none}.stage summary,.stage[open] summary{writing-mode:horizontal-tb;min-block-size:4rem;padding-inline:var(--space-s);font-size:var(--step-lead);letter-spacing:-.015em;align-items:center;display:flex;position:static;rotate:none}.stage:not([open]) summary:before{content:none}.stage-body{padding:0 var(--space-s) var(--space-m);grid-template-columns:1fr;position:static}.stage-body figure{margin-block-start:0}}.faq{background:var(--paper)}.chapters>.hero,.chapters>.faq{padding-inline:0}.faq-head,.faq-band{grid-column:1/-1;grid-template-columns:subgrid;padding-inline:var(--edge);display:grid}.faq-head{background:var(--red);color:var(--ink);min-block-size:40svh;padding-block:var(--space-l) var(--space-m);align-content:end}.faq-head h2{font-size:var(--step-display);letter-spacing:-.045em;grid-column:1/-1;line-height:1.04}.faq-band{row-gap:var(--space-s);padding-block:3.5rem}.faq-band:nth-child(odd){background:var(--surface)}.faq-band h3{grid-column:1/span 5}.faq-band p{grid-column:7/-1;max-inline-size:60ch;margin:0}@media (width<=48rem){.faq-head{min-block-size:30svh}.faq-band{padding-block:2rem}.faq-band h3,.faq-band p{grid-column:1/-1}}.site-footer{column-gap:var(--gap);row-gap:var(--space-l);padding:var(--section) var(--edge) var(--margin);background:var(--ink);color:var(--paper);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.site-footer a{color:var(--paper)}@media (hover:hover) and (pointer:fine){.site-footer a:hover{color:var(--red)}}.footer-name{font-size:var(--step-display);letter-spacing:-.045em;grid-column:1/-1;margin:0;font-weight:800;line-height:1}.footer-row{grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--space-l);display:grid}.footer-places{font-size:var(--step-lead);letter-spacing:-.015em;flex-direction:column;grid-column:1/span 5;gap:.3rem;margin:0;padding:0;font-weight:800;list-style:none;display:flex}.footer-places a{color:var(--red);text-decoration:none}@media (hover:hover) and (pointer:fine){.footer-places a:hover{color:var(--red);text-decoration:underline}}.footer-credits{flex-direction:column;grid-column:7/-1;gap:.5rem;display:flex}.footer-credits summary{cursor:pointer;align-items:center;gap:.5rem;min-block-size:2.75rem;font-weight:600;list-style:none;display:flex}.footer-credits summary::-webkit-details-marker{display:none}.footer-credits summary:before{content:"+";inline-size:1ch;font-weight:800}.footer-credits details[open] summary:before{content:"−"}.footer-credits details ul{margin-block-start:.5rem}.footer-credits p{margin:0}.footer-credits ul{columns:2 16rem;column-gap:var(--gap);margin:0;padding:0;list-style:none}.footer-credits li{break-inside:avoid;margin-block-end:.45rem}.footer-legal{justify-content:space-between;align-items:end;gap:var(--space-s) var(--space-l);font-size:var(--step-small);flex-wrap:wrap;grid-column:1/-1;padding-block-start:var(--space-l);display:flex}.footer-legal p{max-inline-size:60ch;margin:0}@media (width<=48rem){.footer-places,.footer-credits{grid-column:1/-1}}