:root{--on-dark:#fff;--hero-copy:#e8eff5;--surface:#fff;--ink:#0b1831;--ink-soft:#142846;--night:#091329;--dusk:#263f71;--mist:#dce9f1;--paper:#f6f2e9;--gold:#d6a54a;--coral:#c86655;--line:#b9c9d6;--verified:#1f6d63;--bounded:#895f15;--community:#72517d;--shadow:0 18px 55px rgba(9,19,41,.13);--radius:18px;--max:1180px;font-family:ui-rounded,"Avenir Next",Avenir,system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.55;background:var(--paper)}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.site-header{position:sticky;top:0;z-index:10;min-height:64px;background:rgba(9,19,41,.94);color:var(--on-dark);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--on-dark) 15%,transparent)}.wordmark{text-decoration:none;display:inline-flex;align-items:center;gap:.45rem}.wordmark img{height:34px;width:auto;display:block}.wordmark span{font-weight:800;letter-spacing:.02em}.wordmark span{color:var(--gold);font-weight:600}.site-header nav{display:flex;gap:1.2rem}.site-header nav a{text-decoration:none;font-size:.9rem}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(9,19,41,.94) 0%,rgba(9,19,41,.82) 45%,rgba(38,63,113,.55) 100%),url(media/official/hero-bg.jpg) center/cover no-repeat;color:var(--on-dark);padding:clamp(4rem,9vw,8.5rem) max(5vw,calc((100vw - var(--max))/2));min-height:360px}.hero>*{position:relative;z-index:1}.hero>div:first-child,.hero-inner>*{max-width:760px}.hero h1{font-size:clamp(2.4rem,6vw,5.75rem);line-height:.98;letter-spacing:-.055em;margin:.4rem 0 1.2rem}.hero-inner h1{font-size:clamp(2.25rem,5vw,4.5rem)}.lede{font-size:clamp(1.05rem,2vw,1.3rem);max-width:66ch;color:var(--hero-copy)}.brand-note,.kicker{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--gold);margin:0 0 .55rem}.fact-strip{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.7rem 0}.fact-strip span{padding:.48rem .7rem;border:1px solid color-mix(in srgb,var(--on-dark) 29%,transparent);background:color-mix(in srgb,var(--ink) 36%,transparent);border-radius:999px;font-size:.86rem}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;padding:.78rem 1rem;background:var(--gold);color:var(--night);border-radius:999px;min-height:44px}.back{color:var(--mist);text-decoration:none;font-weight:700}.hero-orbit{position:absolute;right:9%;top:10%;width:min(35vw,430px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:50%;opacity:.65}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:12%;border:1px solid color-mix(in srgb,var(--on-dark) 28%,transparent);border-radius:50%}.hero-orbit:after{inset:32%;border-color:var(--coral)}.section,.guide-grid,.next-cta{width:min(var(--max),90vw);margin:0 auto}.section{padding:clamp(2.8rem,6vw,5.6rem) 0}.definition{padding-bottom:1.7rem}.definition h2,.answers h2,.tasks h2,.media h2,.sources h2,.next-cta h2{font-size:clamp(1.7rem,3.8vw,3rem);letter-spacing:-.04em;line-height:1.08;margin:.15rem 0 .8rem}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:4rem 0}.card{width:auto;margin:0;padding:1.3rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 2px 0 color-mix(in srgb,var(--night) 2%,transparent)}.card h2{font-size:1.16rem;line-height:1.2;margin:.2rem 0 .6rem}.card .kicker{font-size:.65rem;color:var(--verified)}.answer-grid,.task-grid,.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.answer-card,.task-card,.media-card,.brand-art{border-radius:var(--radius);border:1px solid var(--line);padding:1.15rem;background:var(--surface)}.answer-card h3{font-size:1.02rem;line-height:1.25;margin:0}.answer-card a,.task-card small{font-weight:800;color:var(--dusk)}.task-card{text-decoration:none;display:flex;flex-direction:column;gap:.7rem;min-height:165px;transition:border-color .15s,box-shadow .15s}.task-card:hover{border-color:var(--dusk);box-shadow:var(--shadow)}.task-card span{font-size:.77rem;color:var(--community);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.task-card strong{font-size:1rem}.media{background:var(--mist);width:100%;padding-left:max(5vw,calc((100vw - var(--max))/2));padding-right:max(5vw,calc((100vw - var(--max))/2))}.media>div:first-child{max-width:700px}.media-card{display:flex;min-height:150px;flex-direction:column;justify-content:center;text-decoration:none;font-weight:800;background:var(--night);color:var(--on-dark);border-color:var(--night)}.media-card span,.media-card small{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin-bottom:.45rem}.media-card small{color:var(--mist);margin-top:.6rem}.brand-art{margin:0;min-height:150px;background:radial-gradient(circle,var(--dusk),var(--night));color:var(--on-dark);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}.clock-mark{width:68px;aspect-ratio:1;border:3px solid var(--gold);border-radius:50%;position:relative}.clock-mark:before,.clock-mark:after{content:"";position:absolute;background:var(--gold);left:50%;top:50%;transform-origin:top}.clock-mark:before{width:3px;height:23px;transform:rotate(-38deg)}.clock-mark:after{width:3px;height:17px;transform:rotate(82deg)}.brand-art figcaption{font-size:.78rem;text-align:center;padding:0 .5rem}.sources{padding-bottom:4rem}.sources ul{padding-left:1.2rem}.sources li{margin:.7rem 0}.sources a{font-weight:800;color:var(--dusk)}.next-cta{margin-top:1rem;margin-bottom:5rem;padding:clamp(2rem,6vw,4rem);border-radius:var(--radius);background:linear-gradient(115deg,var(--night),var(--dusk));color:var(--on-dark)}.next-cta p{margin:0;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.next-cta h2{max-width:620px}footer{padding:2rem 5vw;background:var(--night);color:var(--mist);display:flex;justify-content:space-between;gap:1rem}footer p{margin:.3rem 0 0;font-size:.9rem}footer a{color:var(--gold)}
@media(max-width:760px){.site-header{padding:0 1rem}.site-header nav a:not(:first-child){display:none}.hero{padding:4.5rem 1.15rem}.hero-orbit{right:-18%;top:12%;width:80vw;opacity:.34}.guide-grid{grid-template-columns:1fr;padding:2.5rem 0}.answer-grid,.task-grid,.media-grid{grid-template-columns:1fr}.section{padding:2.7rem 0}.media{padding-left:5vw;padding-right:5vw}.next-cta{margin-bottom:3rem}footer{flex-direction:column}}
.parent-task{display:inline-block;margin-bottom:1.25rem;color:var(--dusk);font-weight:800}
.task-group{margin:2rem 0 3rem}.task-group>h3{font-size:clamp(1.35rem,3vw,2rem);margin:0 0 .35rem}.task-group>p,.coverage-note{max-width:76ch}.coverage-note{padding:1rem 1.1rem;border-left:4px solid var(--gold);background:var(--surface)}
.inline-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.inline-links>a{display:inline-flex;align-items:center;min-height:44px;padding:.65rem .85rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--dusk);font-weight:800;text-decoration:none}.next-cta .inline-links>a{background:var(--gold);border-color:var(--gold);color:var(--night)}
.module ul,.module ol{padding-left:1.25rem}.module li+li{margin-top:.5rem}.module table{width:100%;border-collapse:collapse;margin-top:.8rem;font-size:.92rem}.module th,.module td{text-align:left;vertical-align:top;padding:.7rem;border:1px solid var(--line)}.module thead th{background:var(--mist);color:var(--night)}.module tbody th{color:var(--ink-soft);background:color-mix(in srgb,var(--mist) 42%,var(--surface))}
@media(max-width:760px){.module{overflow-x:auto}.module table{min-width:560px}.inline-links{align-items:stretch}.inline-links>a{width:100%;justify-content:center}.task-group{margin-bottom:2.3rem}}
.mobile-nav{display:none}
@media(max-width:900px){.desktop-nav{display:none!important}.mobile-nav{display:block;position:relative}.mobile-nav summary{display:flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:.45rem .75rem;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-weight:800;cursor:pointer;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:calc(100% + .55rem);min-width:190px;padding:.55rem;display:grid;gap:.25rem;background:var(--night);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.mobile-nav nav a{display:flex!important;align-items:center;min-height:44px;padding:.55rem .7rem;border-radius:calc(var(--radius) / 2)}.mobile-nav nav a:hover{background:var(--ink-soft)}}

.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.gallery-item{margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--night)}.gallery-item img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.gallery-item figcaption{font-size:.78rem;color:var(--ink-soft);padding:.55rem .7rem;background:var(--paper)}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.video-card{position:relative;display:block;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:inherit}.video-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.video-card .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(9,19,41,.82);border:3px solid var(--gold)}.video-card .play-btn:before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent var(--gold)}.video-card strong{display:block;padding:.7rem .8rem .1rem;font-size:.95rem;line-height:1.25}.video-card small{display:block;padding:0 .8rem .8rem;font-size:.76rem;color:var(--community)}
.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem}.button-ghost{background:transparent;color:var(--on-dark);border:2px solid var(--gold)}
@media(max-width:760px){.gallery-grid,.video-grid{grid-template-columns:1fr}.hero-actions .button{width:100%;justify-content:center}}

.answer-card h3 a{text-decoration:underline;text-underline-offset:3px}.answer-card h3 a:hover{color:var(--gold)}
