
.age-guide-page{--purple:#2F1C77;--midnight:#1E1045;--indigo:#4338CA;--electric:#4F46E5;--magenta:#9B1D82;--fuchsia:#D946EF;--tint:#FAF8FF;--ink:#0F172A;--muted:#475569;--edge:#E2E8F0;--soft:#F8FAFC;--green:#065F46;--green-bg:#ECFDF5;--red:#991B1B;--red-bg:#FEF2F2;--radius:20px;--shadow:0 14px 40px rgba(30,16,69,.07)}
.age-guide-content *,.age-guide-content *:before,.age-guide-content *:after{box-sizing:border-box}
.age-guide-content{scroll-behavior:smooth;scroll-padding-top:98px}
.age-guide-content{margin:0;color:var(--ink);background:white;font:400 1rem/1.72 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:break-word}
.age-guide-content img,.age-guide-content svg{max-width:100%}.age-guide-content img{width:auto!important;height:auto!important;object-fit:contain;image-rendering:auto}.age-guide-content a{color:var(--indigo);text-decoration-thickness:.085em;text-underline-offset:.19em}.age-guide-content a:hover{text-decoration-thickness:.15em}.age-guide-content button{font:inherit;cursor:pointer}
.age-guide-content :where(a,button,input,[tabindex]):focus-visible{outline:4px solid var(--electric);outline-offset:4px;box-shadow:0 0 0 2px #fff}
.age-guide-content .symbol-library,.age-guide-content .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.age-guide-content .skip{position:fixed;top:-150px;left:12px;z-index:500;background:#fff;border:2px solid var(--purple);border-radius:9px;padding:9px 18px;font-weight:800}.age-guide-content .skip:focus{top:12px}
.age-guide-content .container{width:min(100% - 48px,1160px);margin-inline:auto}.age-guide-content .icon{width:20px;height:20px;flex:none}.age-guide-content .icon-lg{width:32px;height:32px}
.age-guide-content .ribbon{background:var(--midnight);color:#fff;font-size:.72rem;letter-spacing:.12em;font-weight:800}.age-guide-content .ribbon .container{padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.age-guide-content .ribbon span:last-child{color:#E9D5FF;letter-spacing:.025em;font-weight:550}
.age-guide-content .site-header{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:110;border-bottom:1px solid var(--edge);box-shadow:0 1px 2px #1E10450c}.age-guide-content .header-row{display:flex;gap:24px;align-items:center;justify-content:space-between;max-width:1210px;margin:auto;padding:15px 25px}.age-guide-content .brand{display:inline-flex;align-items:center;min-height:48px;flex:none}.age-guide-content .brand img{width:222px;height:auto;display:block;aspect-ratio:552/112;object-fit:contain}.age-guide-content .topnav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.age-guide-content .topnav a{color:#1E293B;font-size:.86rem;font-weight:730;text-decoration:none;padding:9px 0}.age-guide-content .topnav a:hover{text-decoration:underline}.age-guide-content .header-action{display:inline-flex;align-items:center;gap:8px;padding:9px 17px;min-height:44px;border-radius:99px;background:var(--purple);color:#fff;text-decoration:none;font-size:.84rem;font-weight:750}.age-guide-content .header-action:hover{background:var(--indigo);color:white}
.age-guide-content .hero{position:relative;isolation:isolate;color:#fff;background:linear-gradient(121deg,#1E1045 0%,#2F1C77 65%,#4338CA 140%);overflow:hidden}.age-guide-content .hero:before{position:absolute;content:"";inset:0;z-index:-1;background:radial-gradient(circle at 80% 20%,#d946ef2b,transparent 40%),radial-gradient(circle at 15% 95%,#4338ca3b,transparent 55%)}.age-guide-content .hero-inner{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:60px;padding:94px 0 108px}.age-guide-content .hero-eyebrow{font-size:.76rem;letter-spacing:.145em;font-weight:850;color:#F8D2F4;display:flex;gap:10px;align-items:center}.age-guide-content .hero-eyebrow .dot{width:9px;height:9px;border-radius:50%;background:var(--fuchsia)}.age-guide-content .hero h1{font-size:clamp(2.65rem,4.55vw,4.32rem);line-height:1.11;letter-spacing:-.044em;font-weight:850;margin:23px 0;max-width:660px}.age-guide-content .hero h1 span{color:#F2B6F4}.age-guide-content .hero p{font-size:clamp(1.1rem,1.6vw,1.25rem);line-height:1.62;max-width:580px;color:#EDE7FF;margin:0}.age-guide-content .hero-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:32px 0 0}.age-guide-content .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;text-align:center;padding:12px 19px;min-height:52px;border-radius:12px;border:2px solid transparent;font-weight:800;line-height:1.3;font-size:.95rem}.age-guide-content .button-light{background:#fff;color:var(--purple)}.age-guide-content .button-light:hover{background:#F4EAFD;color:var(--purple)}.age-guide-content .button-outline{color:#fff;background:transparent;border-color:#A89DD6}.age-guide-content .button-outline:hover{background:#ffffff1b;color:white}.age-guide-content .hero-source{display:block;font-size:.78rem;line-height:1.5;color:#E9DEFF;margin-top:28px}.age-guide-content .hero-diagram{background:#fff;color:var(--ink);border:1px solid #cbbce8;border-radius:26px;box-shadow:0 30px 90px #130b397a;overflow:hidden;transform:none}.age-guide-content .diagram-top{display:flex;gap:8px;justify-content:space-between;align-items:center;background:#FAF8FF;border-bottom:1px solid var(--edge);padding:12px 20px;color:#475569;font-size:.68rem;font-weight:850;letter-spacing:.10em}.age-guide-content .dots{display:flex;gap:6px}.age-guide-content .dots i{display:block;background:#D1C6E8;width:8px;height:8px;border-radius:50%}.age-guide-content .diagram-body{position:relative;padding:23px 22px 18px;background:radial-gradient(circle at 85% 20%,#F8EAFC,transparent 65%),white}.age-guide-content .diagram-svg{display:block;width:100%;height:auto;text-rendering:geometricPrecision;shape-rendering:geometricPrecision}.age-guide-content .diagram-caption{border-top:1px solid #E2E8F0;background:#F8FAFC;text-align:center;color:#2F1C77;font-weight:800;font-size:.82rem;padding:15px}
.age-guide-content .metrics{position:relative;z-index:1;margin-top:-40px}.age-guide-content .metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.age-guide-content .metric{border:1px solid var(--edge);border-radius:17px;background:#fff;padding:23px;box-shadow:var(--shadow)}.age-guide-content .metric:before{content:"";display:block;width:39px;height:4px;border-radius:5px;background:linear-gradient(90deg,var(--magenta),var(--indigo));margin-bottom:12px}.age-guide-content .metric strong{display:block;font-size:1.16rem;color:var(--purple);line-height:1.28}.age-guide-content .metric span{display:block;font-size:.83rem;color:var(--muted);line-height:1.5;margin-top:6px}
.age-guide-content section{scroll-margin-top:100px}.age-guide-content .section{padding:92px 0}.age-guide-content .section-quiet{background:#F8FAFC}.age-guide-content .section-tinted{background:linear-gradient(145deg,#FAF8FF,#fff 82%)}.age-guide-content .section-heading{max-width:820px;margin-bottom:38px}.age-guide-content .eyebrow{color:var(--purple);text-transform:uppercase;letter-spacing:.135em;font-weight:850;font-size:.76rem}.age-guide-content .section h2{font-size:clamp(2rem,3.65vw,3rem);font-weight:850;letter-spacing:-.035em;line-height:1.16;margin:13px 0 19px}.age-guide-content .section-heading p,.age-guide-content .lead{color:#334155;font-size:1.1rem;line-height:1.7;margin:0}.age-guide-content .bodycopy{max-width:890px;color:#334155}.age-guide-content .bodycopy p{margin:0 0 18px}.age-guide-content .callout{margin:32px 0 0;padding:24px 28px;border:1px solid #D6C5EE;border-left:5px solid var(--indigo);border-radius:0 16px 16px 0;background:var(--tint);max-width:970px}.age-guide-content .callout strong{color:var(--purple);font-size:1.04rem}.age-guide-content .callout p{margin:8px 0 0;color:#334155}
.age-guide-content .definitions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.age-guide-content .definition-card{display:flex;flex-direction:column;border-radius:21px;padding:26px;background:#fff;border:1px solid #E5E2ED;box-shadow:0 2px 6px #1e104509}.age-guide-content .definition-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:var(--purple)}.age-guide-content .definition-top>span{color:#64748B;letter-spacing:.11em;font-size:.67rem;font-weight:850}.age-guide-content .definition-card h3{font-size:1.64rem;color:var(--purple);letter-spacing:-.03em;margin:0 0 8px}.age-guide-content .definition-card p{color:#475569;font-size:.92rem;line-height:1.63;margin:10px 0}.age-guide-content .definition-card .definition-lead{font-size:1.02rem;font-weight:800;color:#1E293B;line-height:1.4}.age-guide-content .question{margin-top:auto;padding:17px 18px;background:#FAF8FF;border:1px solid #E7DBF5;border-radius:13px}.age-guide-content .question strong{display:block;color:var(--purple);font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}.age-guide-content .question span{font-size:.89rem;color:#334155;line-height:1.55;display:block}
.age-guide-content .inclusion-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:start}.age-guide-content .inclusion-layout h3{font-size:1.55rem;margin:0 0 16px;color:var(--purple);line-height:1.28}.age-guide-content .inclusion-layout p{color:#334155}.age-guide-content .inclusion-dims{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0;padding:0}.age-guide-content .inclusion-dims li{display:flex;gap:12px;align-items:flex-start;background:white;padding:15px;border:1px solid var(--edge);border-radius:13px}.age-guide-content .dimension-mark{flex:none;width:33px;height:33px;border-radius:10px;background:#F0EBFF;color:#2F1C77;display:grid;place-items:center;font-size:.72rem;font-weight:900}.age-guide-content .inclusion-dims strong{font-size:.93rem;line-height:1.45;display:block}.age-guide-content .inclusion-dims small{font-size:.78rem;color:var(--muted);line-height:1.48;display:block;margin-top:3px}
.age-guide-content .benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.age-guide-content .benefit{display:flex;align-items:flex-start;gap:17px;border-radius:17px;border:1px solid var(--edge);padding:24px;background:#fff}.age-guide-content .benefit-num{width:43px;height:43px;display:grid;place-items:center;background:#F1EBFF;color:var(--purple);font-weight:900;border-radius:12px;flex:none;font-size:.88rem}.age-guide-content .benefit h3{font-size:1.17rem;color:var(--purple);line-height:1.3;margin:4px 0 10px}.age-guide-content .benefit p{color:var(--muted);font-size:.91rem;line-height:1.63;margin:0}.age-guide-content .mini-kicker{display:block;color:var(--magenta);text-transform:uppercase;letter-spacing:.095em;font-size:.65rem;font-weight:850}
.age-guide-content .subhead{font-size:1.57rem!important;line-height:1.27;margin:44px 0 14px;color:var(--purple);letter-spacing:-.02em}.age-guide-content .columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.age-guide-content .panel{background:#fff;border:1px solid var(--edge);border-radius:18px;padding:25px}.age-guide-content .panel>h3{margin:0 0 12px;color:var(--purple);font-size:1.23rem}.age-guide-content .panel p{margin:0 0 13px;color:#334155;font-size:.94rem}.age-guide-content .panel ul{padding-left:22px;margin:8px 0}.age-guide-content .panel li{margin:8px 0}.age-guide-content .technical{background:#1E1045;color:#fff;border-radius:17px;padding:24px;overflow:auto;font:500 .95rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.age-guide-content .technical .tag{color:#A6F3CE}.age-guide-content .technical .txt{color:#fff}.age-guide-content .technical .attr{color:#F4D6A4}.age-guide-content .sample-note{font-size:.79rem!important;color:#475569!important;margin-top:15px!important}
.age-guide-content .iso-box{background:#fff;border:1px solid #D8C9EB;border-radius:22px;padding:33px;box-shadow:var(--shadow);display:grid;grid-template-columns:.3fr .7fr;gap:25px}.age-guide-content .iso-ident{background:#F0EBFF;color:#2F1C77;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:26px 15px}.age-guide-content .iso-ident span{font-size:.75rem;font-weight:800;letter-spacing:.14em}.age-guide-content .iso-ident strong{font-size:1.95rem;line-height:1.2}.age-guide-content .iso-content p{margin:0 0 13px;color:#334155}.age-guide-content .iso-content ul{margin:8px 0 0;padding-left:22px}.age-guide-content .iso-content li{margin:7px 0}
.age-guide-content .compare-title{font-size:1.12rem;margin:0 0 19px;color:var(--purple)}.age-guide-content .compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.age-guide-content .comparison{border:1px solid #E2E8F0;border-radius:20px;background:white;overflow:hidden}.age-guide-content .comparison-top{padding:18px 22px;background:#FAF8FF;border-bottom:1px solid #E9E3F2;font-weight:850;font-size:1.1rem;color:var(--purple)}.age-guide-content .comparison-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px}.age-guide-content .example-screen{border-radius:13px;border:1px solid #E2E8F0;min-width:0;overflow:hidden;background:#fff}.age-guide-content .example-screen header{display:flex;align-items:center;gap:7px;padding:11px 13px;font-size:.78rem;font-weight:850;border-bottom:1px solid #E2E8F0}.age-guide-content .example-screen.bad header{color:#991B1B;background:#FEF2F2}.age-guide-content .example-screen.good header{color:#065F46;background:#ECFDF5}.age-guide-content .example-inner{padding:17px 13px;min-height:142px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center}.age-guide-content .bad-contrast{background:#fff;color:#c7c9d3;font-weight:750;font-size:1.12rem}.age-guide-content .good-contrast{background:#fff;color:#2F1C77;font-weight:800;font-size:1.12rem}.age-guide-content .ui-small{font-size:.65rem;line-height:1.35}.age-guide-content .ui-control{border-radius:9px;background:#4338CA;color:white;font-weight:800;font-size:.84rem;padding:10px 12px;min-height:42px;min-width:120px}.age-guide-content .ui-control.bad-control{font-size:.67rem;color:#a6a6c4;background:#ede7fa;min-width:60px;min-height:25px;padding:3px 6px}.age-guide-content .input-faux{border:2px solid #cbd5e1;width:100%;text-align:left;border-radius:7px;padding:9px;color:#475569;font-size:.72rem;line-height:1.5}.age-guide-content .error-faux{font-size:.75rem;color:#991b1b;font-weight:700;line-height:1.5}.age-guide-content .caption-frame{background:#142b4a;border-radius:10px;width:100%;max-width:180px;aspect-ratio:1.7;position:relative;display:flex;align-items:center;justify-content:center;color:#c9d8ee}.age-guide-content .caption-frame .play-symbol{font-size:2rem;line-height:1}.age-guide-content .caption-frame .subtitle{position:absolute;bottom:4px;left:5px;right:5px;background:#090e1e;color:#fff;border-radius:3px;font-size:.67rem;line-height:1.35;padding:4px}.age-guide-content .comparison-foot{padding:0 17px 18px;color:var(--muted);font-size:.8rem;line-height:1.54;min-height:55px}.age-guide-content .sample-disclaimer{margin-top:14px;font-size:.83rem;color:var(--muted)}
.age-guide-content .wcag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.age-guide-content .wcag-item{border:1px solid var(--edge);border-radius:18px;background:#fff;padding:23px}.age-guide-content .wcag-item .wcag-icon{width:49px;height:49px;border-radius:14px;background:#F0EBFF;color:var(--purple);display:grid;place-items:center;margin-bottom:18px}.age-guide-content .wcag-item strong{color:var(--purple);display:block;font-size:1.14rem;margin-bottom:9px}.age-guide-content .wcag-item p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.57}.age-guide-content .wcag-foot{font-size:.84rem;color:var(--muted);margin-top:24px}
.age-guide-content .steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.age-guide-content .step{display:flex;align-items:flex-start;gap:17px;border-radius:17px;border:1px solid var(--edge);background:white;padding:25px}.age-guide-content .step-number{border-radius:13px;background:#2F1C77;color:#fff;width:44px;height:44px;display:grid;place-items:center;font-weight:900;font-size:.91rem;flex:none}.age-guide-content .step h3{font-size:1.17rem;color:var(--purple);margin:2px 0 9px;line-height:1.28}.age-guide-content .step p{margin:0 0 13px;color:#475569;font-size:.91rem;line-height:1.59}.age-guide-content .step-output{font-size:.79rem;color:#334155;line-height:1.5;background:#FAF8FF;display:block;border-radius:9px;padding:9px 10px;border:1px solid #E7DDF7}.age-guide-content .step-output strong{color:var(--purple)}
.age-guide-content .quote-band{background:var(--midnight);color:white;padding:48px;border-radius:25px;margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:34px}.age-guide-content .quote-band strong{font-size:1.55rem;line-height:1.32;letter-spacing:-.025em;display:block}.age-guide-content .quote-band p{color:#EAE5FF;line-height:1.69;margin:0}
.age-guide-content .activity-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.age-guide-content .activity-box{border:1px solid var(--edge);padding:29px;background:white;border-radius:20px}.age-guide-content .activity-box h3{margin:0 0 12px;color:var(--purple);font-size:1.3rem}.age-guide-content .activity-box p{margin:0 0 15px;color:#475569}.age-guide-content .activity-box ol{padding-left:22px;margin:0}.age-guide-content .activity-box li{padding-left:4px;margin:11px 0}.age-guide-content .table-scroll{max-width:100%;overflow-x:auto}.age-guide-content .rubric{border-collapse:collapse;width:100%;font-size:.86rem}.age-guide-content .rubric th,.age-guide-content .rubric td{text-align:left;padding:11px;border-bottom:1px solid #E2E8F0}.age-guide-content .rubric th{background:#F0EBFF;color:#2F1C77}.age-guide-content .rubric td:last-child,.age-guide-content .rubric th:last-child{text-align:right;white-space:nowrap}.age-guide-content .rubric tfoot td{font-weight:850;color:var(--purple)}
.age-guide-content .checklist{background:#fff;border:1px solid var(--edge);border-radius:23px;box-shadow:var(--shadow);overflow:hidden}.age-guide-content .checkhead{padding:27px 28px 20px;background:#FAF8FF;border-bottom:1px solid #E5E0EE;display:flex;justify-content:space-between;align-items:center;gap:20px}.age-guide-content .checkhead h3{margin:0 0 5px;font-size:1.36rem;color:var(--purple)}.age-guide-content .checkhead p{margin:0;color:var(--muted);font-size:.86rem}.age-guide-content .progress-count{color:var(--purple);font-size:1.34rem;font-weight:900;flex:none}.age-guide-content .progressbar{margin:17px 28px 7px;background:#E2E8F0;height:11px;overflow:hidden;border-radius:50px}.age-guide-content .progressfill{height:100%;width:0%;background:linear-gradient(90deg,#9B1D82,#4338CA);transition:width .18s}.age-guide-content .check-list{list-style:none;margin:0;padding:20px 28px 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.age-guide-content .check-list li{border-bottom:1px solid #F1F5F9}.age-guide-content .checklabel{display:flex;gap:14px;align-items:flex-start;padding:12px 1px 15px;cursor:pointer;font-size:.9rem;line-height:1.5}.age-guide-content .checklabel input{width:23px;height:23px;flex:none;margin:0;accent-color:#4338CA;cursor:pointer}.age-guide-content .check-label-text strong{color:#2F1C77}.age-guide-content .check-actions{padding:23px 27px 27px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:11px}.age-guide-content .action-btn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 17px;border:2px solid #2F1C77;border-radius:12px;background:#fff;color:#2F1C77;font-weight:800;font-size:.88rem}.age-guide-content .action-btn.main{background:#2F1C77;color:white}.age-guide-content .action-btn:hover{background:#F1EBFF}.age-guide-content .action-btn.main:hover{background:#4338CA}.age-guide-content .action-btn:disabled{opacity:.65;cursor:default}
.age-guide-content .resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.age-guide-content .resource{border-radius:13px;border:1px solid var(--edge);background:#fff;padding:15px 17px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:center;min-width:0;min-height:65px;text-decoration:none;font-size:.9rem;font-weight:750;line-height:1.45;color:var(--purple);overflow-wrap:break-word}.age-guide-content .resource:has(> .icon){grid-template-columns:20px minmax(0,1fr) 15px}.age-guide-content .resource .icon:first-child{color:#4338CA}.age-guide-content .resource .icon:last-child{margin-left:auto;width:15px;height:15px}.age-guide-content .resource:hover{background:#FAF8FF;text-decoration:underline}
.age-guide-content .conclusion{margin-top:32px;background:#FAF8FF;border-left:5px solid #9B1D82;border-radius:0 16px 16px 0;padding:24px 27px}.age-guide-content .conclusion strong{color:var(--purple);display:block;font-size:1.17rem;margin-bottom:6px}.age-guide-content .conclusion p{color:#334155;margin:0;max-width:960px}
.age-guide-content .cta{background:linear-gradient(115deg,#1E1045,#2F1C77 65%,#4338CA);color:#fff;position:relative;isolation:isolate;overflow:hidden}.age-guide-content .cta:after{content:"";z-index:-1;position:absolute;width:400px;height:400px;right:-100px;top:-130px;border:1px solid #ffffff2b;border-radius:50%;box-shadow:0 0 0 90px #ffffff08,0 0 0 180px #ffffff05}.age-guide-content .cta-grid{display:grid;grid-template-columns:1fr auto;gap:65px;align-items:center;padding:78px 0}.age-guide-content .cta .eyebrow{color:#F3BDF3}.age-guide-content .cta h2{color:#fff;font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.16;margin:13px 0 18px;max-width:760px}.age-guide-content .cta p{color:#EDE7FF;max-width:750px;font-size:1.07rem;line-height:1.68;margin:0}.age-guide-content .cta-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:#fff;color:#2F1C77;min-height:57px;padding:14px 22px;border-radius:12px;text-decoration:none;font-weight:850;white-space:nowrap;box-shadow:0 8px 22px #130B3547}.age-guide-content .cta-button:hover{background:#F2E9FB;color:#2F1C77}.age-guide-content .cta-small{display:block;margin-top:13px;color:#EAE2FF;font-size:.78rem;text-align:center}
.age-guide-content .footer{background:#150B37;color:#E2DDF9;padding:48px 0 20px}.age-guide-content .footer-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.age-guide-content .footer-brand{max-width:550px}.age-guide-content .footer-mark{background:#fff;border:1px solid rgba(255,255,255,.24);border-radius:22px;padding:18px 24px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(0,0,0,.16)}.age-guide-content .footer-mark img{width:min(300px,100%);height:auto;display:block;aspect-ratio:552/112;object-fit:contain}.age-guide-content .footer-brand p{color:#D7CFF5;margin:20px 0 10px;font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.3;font-weight:780}.age-guide-content .footer-brand small{color:#C5BCE3;line-height:1.65;display:block;max-width:62ch}.age-guide-content .footer-links{display:flex;flex-direction:column;gap:10px}.age-guide-content .footer-links strong{color:#fff}.age-guide-content .footer-links a,.age-guide-content .footer-bottom a{color:#DAD2FA;font-size:.88rem}.age-guide-content .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:37px;border-top:1px solid #ffffff30;padding-top:19px;color:#C9C2E3;font-size:.78rem}
.age-guide-content .utility{position:fixed;z-index:130;right:20px;bottom:18px;display:flex;align-items:center;gap:6px;border:1px solid #D8D2E7;border-radius:16px;padding:9px;background:#fffffff5;box-shadow:0 10px 34px #1e104533;backdrop-filter:blur(14px)}.age-guide-content .utility-label{font-size:.61rem;letter-spacing:.11em;color:#2F1C77;font-weight:900;padding:0 8px}.age-guide-content .utility button{border:1px solid transparent;background:#F0EBFF;color:#2F1C77;min-height:44px;border-radius:10px;display:inline-flex;gap:8px;align-items:center;padding:9px 12px;font-size:.77rem;font-weight:850}.age-guide-content .utility button:hover{border-color:#7C6DA5;background:#E9DFFD}.age-guide-content .utility .tmark{font-weight:900;font-size:.97rem;white-space:nowrap}
@media(max-width:1100px){.age-guide-content .topnav{gap:12px}.age-guide-content .topnav a{font-size:.79rem}.age-guide-content .header-row{gap:10px}.age-guide-content .brand img{width:192px}.age-guide-content .hero-inner{gap:30px}.age-guide-content .hero h1{font-size:clamp(2.5rem,4.5vw,3.8rem)}}
@media(max-width:900px){.age-guide-content .header-row{flex-wrap:wrap}.age-guide-content .topnav{order:3;flex-basis:100%;justify-content:center}.age-guide-content .hero-inner{grid-template-columns:1fr;padding:68px 0 95px}.age-guide-content .hero-diagram{max-width:560px;transform:none}.age-guide-content .definition-card h3{font-size:1.4rem}.age-guide-content .inclusion-layout,.age-guide-content .activity-layout{grid-template-columns:1fr}.age-guide-content .iso-box{grid-template-columns:1fr}.age-guide-content .iso-ident{padding:16px}.age-guide-content .iso-ident strong{font-size:1.25rem}.age-guide-content .wcag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.age-guide-content .cta-grid{grid-template-columns:1fr;gap:23px}.age-guide-content .cta-button{justify-self:start}.age-guide-content .cta-small{text-align:left}}
@media(max-width:700px){.age-guide-content .container{width:min(100% - 32px,1160px)}.age-guide-content .ribbon .container{font-size:.62rem}.age-guide-content .ribbon span:last-child{display:none}.age-guide-content .header-row{padding:12px 16px}.age-guide-content .brand img{width:190px}.age-guide-content .header-action{font-size:.74rem;padding:8px 12px}.age-guide-content .topnav{justify-content:flex-start;gap:17px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.age-guide-content .topnav a{white-space:nowrap;font-size:.75rem}.age-guide-content .hero-inner{padding:59px 0 72px}.age-guide-content .hero h1{font-size:clamp(2.25rem,10vw,3.1rem)}.age-guide-content .hero-source{font-size:.75rem}.age-guide-content .metric-grid,.age-guide-content .definitions,.age-guide-content .benefits,.age-guide-content .steps,.age-guide-content .resources{grid-template-columns:1fr}.age-guide-content .metrics{margin-top:-21px}.age-guide-content .metric-grid{gap:9px}.age-guide-content .metric{padding:15px 18px}.age-guide-content .section{padding:65px 0}.age-guide-content .section h2{font-size:clamp(1.88rem,8vw,2.5rem)}.age-guide-content .inclusion-dims,.age-guide-content .columns,.age-guide-content .compare-grid,.age-guide-content .check-list{grid-template-columns:1fr}.age-guide-content .definition-card{padding:22px}.age-guide-content .iso-box{padding:21px}.age-guide-content .comparison-row{gap:8px;padding:11px}.age-guide-content .comparison-foot{min-height:0}.age-guide-content .quote-band{padding:25px;grid-template-columns:1fr;gap:15px}.age-guide-content .cta-grid{padding:66px 0}.age-guide-content .footer-grid{flex-direction:column}.age-guide-content .footer-bottom{align-items:flex-start;flex-direction:column}.age-guide-content .utility{bottom:8px;left:8px;right:8px;justify-content:center;gap:4px;padding:7px}.age-guide-content .utility-label{display:none}.age-guide-content .utility button{flex:1;justify-content:center;gap:6px;font-size:.74rem;padding:8px 5px}.age-guide-content .checkhead{padding:20px}.age-guide-content .check-list{padding:13px 20px}.age-guide-content .progressbar{margin:14px 20px 0}.age-guide-content .check-actions{padding:19px}.age-guide-content .activity-box{padding:22px}.age-guide-content .diagram-body{padding:14px}.age-guide-content .footer{padding-bottom:86px}.age-guide-content .hero-inner{grid-template-columns:minmax(0,1fr)}.age-guide-content .hero-inner>*{min-width:0}.age-guide-content .hero-diagram{min-width:0}.age-guide-content .columns,.age-guide-content .definitions,.age-guide-content .metric-grid,.age-guide-content .benefits,.age-guide-content .steps,.age-guide-content .resources,.age-guide-content .inclusion-dims,.age-guide-content .check-list,.age-guide-content .compare-grid{grid-template-columns:minmax(0,1fr)}.age-guide-content .cta-grid{grid-template-columns:minmax(0,1fr)}.age-guide-content .cta-grid>*{min-width:0}.age-guide-content .activity-layout{grid-template-columns:minmax(0,1fr)}.age-guide-content .activity-box{min-width:0}.age-guide-content .benefit>div,.age-guide-content .step>div,.age-guide-content .inclusion-layout>div{min-width:0}.age-guide-content .checkhead{flex-wrap:wrap}.age-guide-content .cta-button{display:flex;width:100%;white-space:normal;max-width:100%;overflow-wrap:anywhere;text-align:center}.age-guide-content .utility{flex-wrap:wrap}.age-guide-content .utility button{min-width:0}}
@media(max-width:370px){.age-guide-content .brand img{width:160px}.age-guide-content .footer-mark{padding:14px 16px}.age-guide-content .footer-mark img{width:220px}.age-guide-content .header-action{font-size:.69rem;padding:8px 10px}.age-guide-content .hero h1{font-size:2.16rem}.age-guide-content .utility button{font-size:.65rem}.age-guide-content .utility .tmark{font-size:.78rem}.age-guide-content .comparison-row{grid-template-columns:1fr}.age-guide-content .example-inner{min-height:120px}}
@media(prefers-reduced-motion:reduce){.age-guide-content{scroll-behavior:auto}.age-guide-content *,.age-guide-content *:before,.age-guide-content *:after{transition:none!important;animation:none!important}}
@media print{.age-guide-content{font-size:11pt!important;scroll-behavior:auto}.age-guide-content{font-size:10pt;line-height:1.4;color:#111}.age-guide-content .site-header,.age-guide-content .ribbon,.age-guide-content .hero-buttons,.age-guide-content .utility,.age-guide-content .check-actions,.age-guide-content .cta-button,.age-guide-content .header-action,.age-guide-content .topnav,.age-guide-content .skip{display:none!important}.age-guide-content .hero{background:white!important;color:#111;padding:0}.age-guide-content .hero-inner{display:block;padding:25px 0}.age-guide-content .hero h1,.age-guide-content .hero h1 span,.age-guide-content .hero p,.age-guide-content .hero-source{color:#111!important}.age-guide-content .hero-diagram{display:none}.age-guide-content .metrics{margin:0}.age-guide-content .metric-grid{grid-template-columns:repeat(3,1fr)}.age-guide-content .section{padding:30px 0}.age-guide-content .section h2{font-size:20pt}.age-guide-content .definitions,.age-guide-content .benefits,.age-guide-content .steps,.age-guide-content .wcag-grid,.age-guide-content .inclusion-dims{grid-template-columns:repeat(2,1fr)}.age-guide-content .definition-card,.age-guide-content .panel,.age-guide-content .benefit,.age-guide-content .step,.age-guide-content .comparison,.age-guide-content .checklist{break-inside:avoid}.age-guide-content .cta{background:white;color:#111}.age-guide-content .cta-grid{padding:30px 0}.age-guide-content .cta h2,.age-guide-content .cta p,.age-guide-content .cta .eyebrow{color:#111}.age-guide-content .footer{background:white;color:#333;border-top:1px solid #ddd;padding:15px 0}.age-guide-content .footer .footer-mark{display:none}.age-guide-content .footer-brand p,.age-guide-content .footer-brand small,.age-guide-content .footer-links a,.age-guide-content .footer-bottom{color:#333}.age-guide-content .footer a{color:#333}.age-guide-content a[href^="http"]:after{content:" (" attr(href) ")";font-size:7pt;overflow-wrap:anywhere}.age-guide-content .resource{break-inside:avoid}.age-guide-content .check-list{grid-template-columns:repeat(2,1fr)}.age-guide-content .checklabel{padding:6px 0}.age-guide-content .quote-band{background:#fff;color:#111;border:1px solid #ccc}.age-guide-content .quote-band p{color:#333}}

/* Integrated theme shell: only the guide subtree is styled. */
.age-guide-page .wp-block-post-content{margin-block-start:0!important}
.age-guide-page main .age-guide-return-line{margin:0!important}
.age-guide-page main .age-guide-return-line a{display:inline-flex;align-items:center;min-height:44px}
.age-guide-page main .wp-block-group:has(> .age-guide-return-line),.age-guide-page main .age-guide-return-region{min-height:0!important;margin-block:0!important;padding-top:16px!important;padding-bottom:16px!important}
.age-guide-page .age-guide-content{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
.age-guide-content .age-container{width:min(100% - 48px,1160px);margin-inline:auto}
.age-guide-content .guide-ribbon{background:var(--midnight);color:#fff;font-size:.72rem;letter-spacing:.12em;font-weight:800}
.age-guide-content .guide-ribbon .age-container{padding-block:8px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.age-guide-content .guide-ribbon span:last-child{color:#E9D5FF;letter-spacing:.025em;font-weight:550}
.age-guide-content .guide-nav{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--edge);box-shadow:0 2px 8px rgba(30,16,69,.08)}
.age-guide-content .guide-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
.age-guide-content .guide-nav__links{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:7px 4px;scrollbar-width:thin}
.age-guide-content .guide-nav__links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:8px;color:#1E293B;font-size:.88rem;font-weight:750;text-decoration:none;white-space:nowrap}
.age-guide-content .guide-nav__links a:hover{background:#F0EBFF;text-decoration:underline}
.age-guide-content .guide-print{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;border:2px solid var(--purple);border-radius:10px;background:#fff;color:var(--purple);font-weight:800;flex:none}
.age-guide-content .guide-print:hover{background:#F0EBFF}
.age-guide-content .section-heading{display:block!important;grid-template-columns:none!important;width:100%!important;max-width:920px!important}
.age-guide-content .section-heading>*{max-width:100%}
.age-guide-content .section-heading h2,.age-guide-content .section h2{width:auto!important;max-width:26ch;word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance}
.age-guide-content .hero-credits{display:block;margin-top:8px;color:#fff;font-weight:650}
.age-guide-content .hero-credits a{color:#fff;text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.2em}
.age-guide-content #contenido-guia:focus{outline:none}
@media(max-width:700px){.age-guide-content .age-container{width:min(100% - 32px,1160px)}.age-guide-content .guide-ribbon span:last-child{display:none}.age-guide-content .guide-nav__inner{align-items:stretch;gap:6px}.age-guide-content .guide-nav__links{flex:1}.age-guide-content .guide-print{align-self:center;padding-inline:10px}.age-guide-content .guide-print .icon{width:18px}.age-guide-content .section-heading h2,.age-guide-content .section h2{max-width:100%;text-wrap:wrap}}
@media print{.age-guide-content .guide-ribbon,.age-guide-content .guide-nav,.age-guide-content .skip{display:none!important}}

