*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.7;color:var(--ink);background:var(--bg);--bg:#fffaf1;--paper:#fffefa;--ink:#143b58;--muted:#526779;--line:#dcded8;--accent:#096f91;--wash:#edf5f5;--gold:#e6ab29}body.coast{--bg:#102f3c;--paper:#fbf7eb;--ink:#edf3e8;--muted:#b5c7c9;--line:#35505b;--accent:#aad7c8;--wash:#183d48;--gold:#efd497}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:400}h1{font-size:clamp(2.8rem,5.2vw,5rem);letter-spacing:-.045em}h2{font-size:2rem}h3{font-size:1.23rem}p{margin-bottom:1.15rem}.skip{position:absolute;left:12px;top:-100px;background:var(--paper);color:#123c49;padding:10px;z-index:9}.skip:focus{top:12px}.site-header{max-width:1240px;margin:auto;padding:24px 36px 0}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:14px;text-decoration:none;font-family:Georgia,serif;font-size:1.5rem;line-height:1.2}.brand small{display:block;font:10px Arial,sans-serif;letter-spacing:.14em;margin-top:7px}.brand b{margin-left:8px}.mark{font-size:42px;color:var(--gold)}.search-button{border:1px solid var(--line);border-radius:30px;padding:9px 22px;background:var(--paper);color:#163d50;font-size:.9rem;white-space:nowrap}.search-button span{margin-left:32px}.nav{display:flex;gap:28px;overflow:auto;padding:23px 0 13px;border-bottom:1px solid var(--line);font-size:.9rem}.nav a{text-decoration:none;white-space:nowrap;padding-bottom:8px}.nav a[aria-current]{color:var(--accent);box-shadow:0 2px 0 var(--accent)}.home{max-width:1240px;margin:auto;padding:0 36px}.hero{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center;padding:62px 0 50px}.hero h1 span{display:block}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:var(--accent);margin-bottom:22px}.intro{font-size:1.09rem;max-width:620px;color:var(--muted);line-height:1.75}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;gap:28px;align-items:center;text-decoration:none;background:var(--accent);color:var(--bg);border-radius:5px;padding:13px 20px;font-weight:700;font-size:.9rem}.quiet-link{font-size:.9rem}.hero-art{position:relative;min-height:310px;overflow:hidden;isolation:isolate}.sun{position:absolute;width:155px;height:155px;background:#f5cd56;border-radius:50%;top:22px;right:35px;box-shadow:0 0 0 23px #fbe4a450,0 0 0 48px #fbe4a430}.cloud{position:absolute;font-size:205px;line-height:1;color:#8ecadd;top:65px;left:30px;text-shadow:0 3px 0 #fff}.rain{position:absolute;left:90px;top:232px;font-size:32px;color:#479dbd}.art-caption{position:absolute;bottom:0;font-size:9px;letter-spacing:.18em;left:0;right:0;text-align:center;color:var(--muted)}.compass{position:absolute;right:45px;top:5px;font-size:215px;line-height:1;color:#d8e2cb;font-family:Georgia,serif;z-index:1}.chart-grid{position:absolute;inset:0;background:repeating-linear-gradient(30deg,transparent 0 49px,#b9d6cb22 50px 51px,transparent 52px 102px),repeating-linear-gradient(150deg,transparent 0 49px,#b9d6cb22 50px 51px,transparent 52px 102px);border-radius:50%;opacity:.7}.facts{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);color:#163e50;border:1px solid #d8e0d8;border-radius:7px;margin:0 0 50px;padding:22px 12px;box-shadow:0 6px 30px #00000006}.facts div{padding:0 24px;border-right:1px solid #d8e0d8}.facts div:last-child{border:0}dt{font-size:.75rem;color:#577080}dd{margin:3px 0 0;font-size:.98rem;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading .eyebrow{margin-bottom:9px}.section-heading h2{margin:0}.date{font-size:.78rem;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.guide-card{position:relative;display:block;background:var(--paper);color:#173d4d;border:1px solid #d8dfd8;border-radius:7px;padding:27px 30px;text-decoration:none;transition:transform .15s,box-shadow .15s}.guide-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000015}.guide-card h3{margin:12px 0}.guide-card p{font-size:.94rem;color:#526a72;max-width:90%;margin:0}.card-number{font-size:11px;color:#627d82;letter-spacing:.15em}.card-arrow{position:absolute;right:25px;top:22px;font-size:23px}.overview{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:55px 0 25px;margin-top:30px;border-top:1px solid var(--line)}.overview p{color:var(--muted)}.feature-video{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--wash);padding:32px;border-radius:8px;margin:20px 0 50px}.video-player{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#d8ebf4,#ffebae);border:1px solid #d1dfdf;border-radius:6px;overflow:hidden}.play-video{background:#174b63;color:#fff;border:0;border-radius:30px;padding:15px 20px;font-weight:700;margin:15px}.video-player iframe{width:100%;height:100%;border:0}.article-wrap{max-width:1168px;padding:36px 28px 70px;margin:auto}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;color:var(--muted);margin-bottom:38px}.article-header{max-width:950px;border-bottom:1px solid var(--line);padding-bottom:26px}.article-header h1{font-size:clamp(2.5rem,4vw,4rem)}.reading-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:50px;margin-top:36px}.contents{align-self:start;position:sticky;top:25px;font-size:.85rem}.contents h2{font:700 11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.contents nav{display:flex;flex-direction:column;gap:14px}.contents a{color:var(--muted);text-decoration:none}.reading-layout article{min-width:0;background:var(--paper);color:#183c49;padding:36px 40px;border-radius:7px}.reading-layout article section{margin-bottom:36px;scroll-margin-top:26px}.reading-layout article a{color:#076782}.reading-layout article h2{font-size:1.9rem;margin-bottom:20px}.reading-layout article li{margin:12px 0}ol{padding-left:24px}.table-scroll{overflow:auto;margin:25px 0}table{width:100%;border-collapse:collapse;font-size:.91rem;text-align:left}th{background:#eaf0ed;font-size:.82rem}td,th{border-bottom:1px solid #d3dcd7;padding:13px 15px;vertical-align:top}td:first-child{font-weight:700}.related{padding-top:28px;border-top:1px solid #d3dcd7}.related a{display:flex;justify-content:space-between;padding:12px 0;text-decoration:none}.chapters{display:grid;gap:8px;margin:24px 0}.chapters a{padding:9px 12px;background:#edf3ee;font-size:.9rem;text-decoration:none}.prose{max-width:780px}.prose h1{margin-top:30px}.prose h2{margin-top:35px}footer{max-width:1168px;margin:auto;border-top:1px solid var(--line);padding:30px 0 36px;font-size:.87rem}.footer-title{font-family:Georgia,serif;font-size:1.4rem;text-decoration:none}footer p{color:var(--muted);margin:10px 0}.footer-links{display:flex;gap:24px;margin:15px 0}.legal{font-size:.72rem;max-width:830px}dialog{width:min(650px,calc(100% - 30px));max-height:80vh;border:1px solid #9bb7b9;border-radius:10px;background:#fffdf5;color:#183c49;padding:28px}dialog::backdrop{background:#09232cbb}.search-heading{display:flex;justify-content:space-between;align-items:center}.search-heading h2{font-size:1.8rem}.search-heading button{background:transparent;border:0;font-size:30px}dialog label{font-size:.85rem}dialog input{display:block;width:100%;margin-top:8px;padding:11px 14px;border:1px solid #b7c7c5;border-radius:4px}#search-status{font-size:.85rem;margin-top:15px}#search-results{list-style:none;padding:0}#search-results a{display:block;padding:15px 0;border-top:1px solid #d8dfd8;text-decoration:none}#search-results span{display:block;color:#566e75;font-size:.88rem;margin-top:4px}@media(max-width:760px){.site-header{padding:18px 20px 0}.brand{font-size:1.05rem;gap:8px}.brand small{font-size:8px}.mark{font-size:30px}.search-button{font-size:.75rem;padding:8px 12px}.search-button span{margin-left:6px}.nav{gap:22px;font-size:.8rem;padding-top:18px}.home{padding:0 20px}.hero{grid-template-columns:1fr;padding:38px 0 28px}.hero h1{font-size:2.9rem}.hero-art{display:none}.intro{font-size:1rem}.actions{gap:18px}.facts{grid-template-columns:1fr 1fr;padding:12px 0;margin-bottom:34px}.facts div{padding:9px 18px}.facts div:nth-child(2){border:0}.facts div:nth-child(-n+2){border-bottom:1px solid #d8e0d8}.facts dd{font-size:.87rem}.section-heading{display:block}.section-heading .date{display:block;margin-top:12px}.guide-grid,.overview,.feature-video{grid-template-columns:1fr}.guide-card{padding:23px}.overview{gap:20px;padding-top:30px}.feature-video{padding:22px;gap:18px}.article-wrap{padding:25px 20px 45px}.breadcrumb{margin-bottom:28px}.reading-layout{display:block}.contents{position:static;margin-bottom:30px}.contents nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reading-layout article{padding:25px 20px}.reading-layout article h2{font-size:1.65rem}.article-header h1{font-size:2.8rem}footer{margin:0 20px;padding-bottom:25px}table{min-width:440px}h2{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(min-width:761px){.hero h1{font-size:clamp(2.8rem,4vw,3.8rem)}.hero{padding:44px 0 36px}}.hero{grid-template-columns:1fr 1.25fr;gap:36px}.hero-visual{margin:0;min-width:0}.hero-visual img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 12px 36px #183c491a}.hero-visual figcaption{font-size:.72rem;color:var(--muted);margin-top:10px}.visual-roster{margin:48px 0}.roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.roster-grid a{text-decoration:none;text-align:center}.roster-grid img{display:block;width:100%;height:auto;max-width:310px;margin:0 auto 18px;transition:transform .2s}.roster-grid a:hover img{transform:translateY(-5px)}.roster-grid h3{margin-bottom:7px}.roster-grid p{font-size:.85rem;color:var(--muted)}.home-cast{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:40px;padding:32px;background:#f3eee8;border-radius:12px;margin-bottom:48px}.cast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cast-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.cast-grid img{display:block;width:100%;height:auto}.cast-grid figcaption{padding:16px;font-size:.85rem;line-height:1.6}.cast-grid figcaption strong{font-size:1.04rem;display:block}.cast-grid figcaption span{display:block}.image-credit{font-size:.7rem;color:var(--muted);margin:12px 0 0}.official-figure{margin:22px 0}.official-figure img{display:block;max-width:100%;height:auto;margin:auto;max-height:620px;object-fit:contain}.official-figure figcaption{font-size:.78rem;line-height:1.5;color:var(--muted);margin:10px 0}.character-profile{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.character-profile>img{display:block;max-width:100%;width:100%;height:auto;max-height:560px;object-fit:contain}.character-profile h3{font-size:1rem;line-height:1.5}.art-details{border:1px solid var(--line);padding:14px;border-radius:6px;margin:20px 0}.art-details summary{cursor:pointer;font-size:.88rem;font-weight:700}.video-player{position:relative}.video-player>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.video-player .play-video{position:relative;align-self:end;box-shadow:0 2px 15px #0006;z-index:1}.reading-layout article .cast-grid img{max-height:none}.reading-layout article .cast-grid{gap:16px}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:24px}.hero-visual{grid-row:1}.hero h1{font-size:2.5rem}.roster-grid{gap:8px}.roster-grid h3{font-size:1rem}.roster-grid p{font-size:.73rem;line-height:1.6}.home-cast{grid-template-columns:1fr;padding:22px;gap:16px}.cast-grid{gap:12px}.cast-grid figcaption{padding:12px;font-size:.78rem}.cast-grid figcaption strong{font-size:.94rem}.character-profile{grid-template-columns:1fr}.character-profile>img{max-height:420px}.hero-visual img{box-shadow:none}.visual-roster .section-heading a{display:inline-block;margin-top:15px}.reading-layout article .cast-grid{grid-template-columns:1fr}.reading-layout article .cast-grid figure{max-width:300px;margin:auto}}
