/* Shared layout, intrinsic sizing and explicit motion preferences. */
:root{--v7-border:#ddd2e3;--v7-soft:#f5f0f7;--v7-ink:#381943}
html{scroll-padding-top:8rem}body{overflow-wrap:break-word}main{min-width:0}img,video,canvas{max-width:100%}button,input,select,textarea{font:inherit;max-width:100%}a,button,summary{-webkit-tap-highlight-color:transparent}a{overflow-wrap:anywhere}[id]{scroll-margin-top:8rem}
.editor-header{gap:1.25rem;flex-wrap:wrap}.editor-header>div{display:flex;flex-wrap:wrap;gap:.65rem;min-width:0}.editor-header .brand{flex-shrink:0}.resource-footer{display:flex;flex-wrap:wrap;gap:1rem}.resource-footer p{flex-basis:100%}
.utility-bar{justify-content:flex-start;gap:.8rem 1.3rem;padding-block:1rem}.utility-bar>a{font-size:.83rem}.utility-bar .reading-menu{margin-left:auto}.source-facts{margin-top:1.2rem;border-top:1px solid var(--v7-border);padding-top:1rem}.source-facts summary{font-weight:800;cursor:pointer;line-height:1.5}.source-facts dl{font-size:.86rem;margin:.9rem 0}.source-facts dl>div{padding:.55rem 0}.source-facts dt{font-weight:800}.source-facts dd{margin:0;color:#55475e}.source-facts .field-hint{font-size:.8rem}.source-facts a{display:inline-flex;min-height:44px;align-items:center}
.journey-nav,.format-links,.subnav{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0}.journey-nav a,.format-links a,.subnav a{border:1px solid var(--v7-border);border-radius:999px;padding:.7rem 1rem;font-weight:750;background:#fff;text-decoration:none}.subnav a[aria-current=page]{background:var(--v7-ink);color:#fff}.v7-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.v7-card{border:1px solid var(--v7-border);padding:1.7rem;border-radius:24px;background:#fff;min-width:0}.v7-card:nth-child(3n+2){background:#f0f4e0}.v7-card:nth-child(3n+3){background:#f6edf9}.v7-card h2,.v7-card h3{font-size:1.3rem;line-height:1.4;letter-spacing:-.03em}.v7-card p{line-height:1.7}.v7-card .tag{font-size:.72rem}.v7-card .button{margin-top:.6rem}.journey-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;margin-bottom:2rem}.journey-hero img{border-radius:30% 18% 25% 14%;width:100%;aspect-ratio:4/3;object-fit:cover}.journey-hero h1{font-size:clamp(2rem,4.5vw,4.6rem);line-height:1.08}.journey-task{padding:2rem;border:1px solid var(--v7-border);border-radius:24px;margin:1rem 0;background:#fff}.journey-task h2{font-size:1.5rem}.journey-task details{border-top:1px solid var(--v7-border);padding:1rem 0}.journey-task summary{cursor:pointer;font-weight:800}.journey-task .task-short{font-size:1.12rem;line-height:1.8}.version-code{font-variant-numeric:tabular-nums;word-break:break-all}.status-note{padding:.85rem 1rem;border-left:4px solid #80638f;background:var(--v7-soft)}
.coverage-table{width:100%;border-collapse:collapse}.coverage-table th,.coverage-table td{vertical-align:top;text-align:left;padding:1rem;border-bottom:1px solid var(--v7-border)}.coverage-table th{font-size:.85rem}.coverage-table td{font-size:.92rem;line-height:1.6}.coverage-table th:first-child{width:24%}.coverage-table a{display:inline-block;margin:.3rem 0}.coverage-table caption{text-align:left;margin:1rem 0;font-weight:800}.coverage-table ul{padding-left:1.2rem}.scope-controls{display:flex;flex-wrap:wrap;gap:1rem;padding:1.25rem;background:var(--v7-soft);border-radius:20px}.scope-controls label{flex:1;min-width:180px}.scope-controls select{display:block;width:100%;padding:.8rem;background:#fff;border:1px solid #9b8ba5;border-radius:9px}.lab-options{display:grid;gap:.7rem;margin:1rem 0}.lab-options button{white-space:normal;text-align:left;border:1px solid #9b8ba5;padding:1rem;border-radius:12px;background:#fff}.lab-feedback{background:#f0f4e0;padding:1rem;border-radius:12px}.lab-feedback:focus{outline:3px solid #684079;outline-offset:4px}.lab-answer-list{padding-left:1.3rem}.lab-answer-list li{margin-block:.7rem}.page-kicker{display:inline-block;border:1px solid var(--v7-border);border-radius:999px;padding:.4rem .8rem;font-weight:800;font-size:.72rem;letter-spacing:.08em}.public-feature-band{background:#f3eff7;padding:4rem 0}.public-feature-band .v7-card{box-shadow:0 12px 30px #38194308}.release-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.release-summary>div{padding:1rem;background:var(--v7-soft);border-radius:15px}.release-summary dt{font-weight:800}.release-summary dd{margin:.4rem 0 0}.text-code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3eff7;border:1px solid var(--v7-border);padding:1rem;border-radius:12px;font-size:.85rem;max-width:100%}.print-only{display:none}.page-intro{max-width:72ch}.directory-card,.print-resource,.review-item,.technical-target,.studio-preview{min-width:0}
@media(min-width:1100px){.hero .intro{padding-block:2.8rem}.hero h1{font-size:clamp(3rem,4.6vw,5rem)}.hero-art{max-width:530px}.needs{padding-top:1.5rem}.need-card{min-height:210px}}
@media(max-width:1050px){.v7-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-header{padding:1rem 4%}.editor-header>div{flex-basis:100%}}
@media(max-width:760px){html{scroll-padding-top:7rem}.site-header .header-inner{gap:.65rem}.site-header nav{gap:.5rem;flex-wrap:wrap}.site-header nav a{padding:.45rem .25rem}.utility-bar{padding-block:.65rem;gap:.4rem .8rem}.utility-bar .reading-menu{margin-left:0}.journey-hero{grid-template-columns:1fr}.journey-hero img{max-height:260px;object-position:center 35%}.v7-grid{grid-template-columns:1fr}.journey-task,.v7-card{padding:1.2rem}.coverage-table,.coverage-table tbody,.coverage-table tr,.coverage-table td{display:block}.coverage-table thead{display:none}.coverage-table tr{border:1px solid var(--v7-border);border-radius:18px;margin:1rem 0;padding:.5rem}.coverage-table td{border:0;padding:.65rem}.coverage-table td:before{content:attr(data-label);display:block;font-weight:800;color:var(--v7-ink);font-size:.8rem;margin-bottom:.25rem}.release-summary{grid-template-columns:1fr}.resource-main h1{font-size:clamp(1.9rem,8vw,3rem)}.editor-header .brand{font-size:1.2rem}.editor-header .brand-symbol{width:36px;height:36px}.editor-header>div{font-size:.88rem}.reading-menu>div{max-width:calc(100vw - 2rem);right:0;left:auto}.public-feature-band{padding:2.5rem 0}}
@media(max-width:400px){.site-header .brand{font-size:1.12rem}.site-header .exit-button{font-size:.76rem;padding:.6rem}.hero .intro{padding-top:2rem}.intro-description{font-size:1rem}.utility-bar>a{font-size:.77rem}.source-facts dd{overflow-wrap:anywhere}.scope-controls label{min-width:0;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
html[data-calm=true] *,html[data-calm=true] *::before,html[data-calm=true] *::after{animation:none!important;transition:none!important}
@media(forced-colors:active){.v7-card,.journey-task,.status-note,.source-facts{border:1px solid CanvasText}.subnav a[aria-current=page]{border:2px solid Highlight}}
@media print{.journey-nav,.format-links,.subnav,.scope-controls,.lab-options,.no-print{display:none!important}.print-only{display:block}.v7-grid,.journey-hero{display:block}.v7-card,.journey-task{break-inside:avoid;padding:.6rem;border-radius:0;box-shadow:none}.source-facts{display:block}.source-facts>summary{list-style:none}.resource-main{max-width:100%;padding:0}.source-facts dl{font-size:10pt}.page-intro{font-size:11pt}}

.utility-shell{padding-block:.75rem;border-bottom:1px solid var(--v7-border)}.utility-shell>summary{cursor:pointer;font-weight:800;font-size:.83rem;padding:.5rem 0}.utility-shell .utility-bar{padding-bottom:.4rem}.mobile-menu{display:none}
@media(max-width:760px){.site-header .desktop-nav{display:none}.mobile-menu{display:block;font-size:.78rem;order:2}.mobile-menu>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:.4rem}.mobile-menu>summary::after{content:' ☰'}.mobile-menu nav{display:grid;position:absolute;left:0;right:0;top:100%;background:#fff;padding:1rem 5%;box-shadow:0 12px 18px #38194314;z-index:20;grid-template-columns:1fr 1fr}.site-header .header-inner{position:relative;flex-wrap:nowrap;min-height:75px}.site-header .exit-button{order:3;margin-left:auto}.site-header .brand{font-size:1.04rem}.site-header .brand-symbol{width:33px;height:36px;font-size:1.7rem}.site-header .brand-place{font-size:.48rem}.utility-shell{padding-block:.25rem}.hero-art{margin-top:1.5rem}.hero-art-frame{max-height:200px}.hero-art img{object-position:center 35%}.hero-art figcaption{display:none}.hero-bottom{display:none}.hero .intro{padding-bottom:1.5rem}.need-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.need-card{min-height:170px;padding:1rem}.need-card h3{font-size:1.02rem}.need-card .card-link{font-size:.74rem}.need-card .card-index{font-size:.58rem}.need-card::before{display:none}.need-card:after{display:none}}
@media(max-width:350px){.need-grid{grid-template-columns:1fr}.site-header .brand-symbol{display:none}.site-header .brand{font-size:1rem}.site-header .exit-button{padding:.55rem}.mobile-menu{font-size:.72rem}}

audio{max-width:100%;display:block;margin-block:1rem}
@media print{audio{display:none}}
@media(max-width:760px){html[lang="en"] .header-inner{flex-wrap:wrap}html[lang="en"] .header-inner .brand{flex:0 0 auto;white-space:nowrap}html[lang="en"] .header-inner nav{order:3;width:100%;display:flex;flex-wrap:wrap}html[lang="en"] .header-inner .exit-button{margin-left:auto}}
@media(max-width:760px){.coverage-table caption{display:block;width:100%}}
.journey-hero img{height:auto;max-height:420px}