/* ATAG learning reference: shared site colors and native disclosures. */
.ag-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:48px;align-items:start}
.ag-hero h1{font-size:clamp(2.8rem,6vw,5.2rem)}
.ag-hero-panel{border:1px solid var(--accent-ink);background:var(--surface);border-radius:12px;padding:28px}
.ag-hero-panel h2{font-size:1.4rem;line-height:1.35}.ag-hero-panel>a{display:inline-block;min-height:36px;color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px}
.ag-flow{margin-block:26px}.ag-flow p{padding:15px 18px;border-left:3px solid var(--accent-ink);background:var(--bg)}
.ag-flow strong,.ag-flow p span{display:block}.ag-flow p span{font-size:.87rem;color:var(--text-dim);margin-top:5px}.ag-flow>span{display:block;text-align:center;font-size:1.6rem;color:var(--accent-ink)}
.ag-version{font-size:.82rem;color:var(--text-dim);margin-bottom:16px}.ag-version strong{color:var(--text)}
.ag-two-parts{margin-top:28px}.ag-two-parts article{border-top:2px solid var(--accent-ink);padding-top:22px}.ag-two-parts p:not(.dg-kicker){color:var(--text-dim);font-size:.94rem}
.ag-two-parts article>a{display:inline-block;min-height:44px;padding-top:18px;color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px}
.ag-reading{max-width:880px;color:var(--text-dim)}
.ag-index nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 30px;margin-top:16px}
.ag-index a{display:flex;gap:12px;align-items:baseline;min-height:44px;padding-block:8px;color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px;font-size:.85rem}
.ag-index a span{font-family:var(--mono);white-space:nowrap}
.ag-controls{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px;margin-top:24px}
.ag-controls .dg-fields{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.ag-levels{display:flex;flex-wrap:wrap;gap:8px;margin-block:22px 12px}.ag-levels button{font-size:.81rem}.ag-levels button span{display:inline-block;margin-left:8px;font-family:var(--mono)}
.ag-controls .dg-actions{margin-bottom:0}.ag-controls .dg-actions button{font-size:.78rem}
.ag-filter-help{font-size:.79rem;color:var(--text-dim);max-width:950px;line-height:1.7}
.ag-part{padding-top:40px;scroll-margin-top:calc(var(--nav-h) + 24px)}.ag-part>.dg-kicker{margin-bottom:8px}
.ag-part>h2{border-bottom:2px solid var(--accent-ink);padding-bottom:18px}
.ag-page .ag-applicability{margin-bottom:32px}.ag-applicability summary>span,.ag-practice summary>span{display:inline-block;margin-left:12px;color:var(--text-dim);font-size:.74rem;font-weight:400}
.ag-applicability .ag-source-text{font-size:.88rem}
.ag-principle{scroll-margin-top:calc(var(--nav-h) + 24px);padding-top:22px}.ag-page .ag-principle>h3{font-size:1.25rem;padding-bottom:20px;border-bottom:1px solid var(--border)}
.ag-principle>h3>span{font:500 .8rem/1.5 var(--mono);color:var(--accent-ink);margin-right:10px}
.ag-guideline{padding:20px 0 32px;scroll-margin-top:calc(var(--nav-h) + 24px)}.ag-guideline-head{max-width:880px;margin-bottom:20px}
.ag-guideline-head .dg-kicker{margin-bottom:8px}.ag-guideline-head h4{font-size:1.15rem;line-height:1.45;margin-bottom:12px}.ag-guideline-head>p:last-child{color:var(--text-dim)}
.ag-page .ag-practice{background:var(--surface);border-color:var(--text-faint);margin-bottom:22px}.ag-practice h5{font-size:.9rem;margin-block:20px 8px}.ag-practice p{max-width:880px;color:var(--text-dim)}
.ag-page .ag-item{border-radius:0;border-width:0 0 1px;margin:0;padding:0;border-color:var(--text-faint);scroll-margin-top:calc(var(--nav-h) + 24px)}
.ag-item summary{padding:18px 16px;min-height:72px}.ag-item summary:hover{background:var(--surface)}
.ag-item-meta{font:500 .72rem/1.7 var(--mono);color:var(--accent-ink);margin-left:6px}.ag-item-meta>span{margin-left:12px;color:var(--text-dim)}
.ag-item-title{display:block;font-size:1rem;margin:6px 0 0 22px;line-height:1.5}
.ag-item-body{padding:0 20px 24px 38px;max-width:960px}.ag-excerpt-label{font:.71rem/1.6 var(--mono);color:var(--text-dim);margin-bottom:18px}
.ag-source-text{border-left:3px solid var(--border);padding-left:20px;font-size:.95rem}.ag-source-text a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}.ag-source-text p:empty{display:none}
.ag-item-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:22px!important;font-size:.8rem}.ag-item-links a{display:inline-block;min-height:28px}
.ag-item:target,.ag-item.is-target{outline:2px solid var(--accent-ink);outline-offset:3px}
#ag-empty{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:8px}#ag-notice:empty{display:none}
.ag-review-steps{max-width:900px}.ag-review-steps li{padding:10px 0 10px 8px}.ag-scope p{max-width:900px;color:var(--text-dim)}
#ag-copyright{font-size:.78rem;color:var(--text-dim)}.ag-page [hidden]{display:none!important}html:not(.js) .ag-js{display:none}
@media(max-width:850px){.ag-hero{grid-template-columns:1fr;gap:28px}.ag-hero-panel{max-width:680px}}
@media(max-width:540px){.ag-controls{padding:18px}.ag-controls .dg-fields,.ag-index nav{grid-template-columns:1fr}.ag-item-meta>span{display:block;margin-left:22px}.ag-item-body{padding-inline:12px}.ag-source-text{padding-left:12px}.ag-practice summary>span,.ag-applicability summary>span{display:block;margin:5px 0 0 18px}.ag-levels button{flex:1 1 44%}}
@media print{.ag-hero{display:block}.ag-hero-panel{margin-top:14px;padding:14px}.ag-controls,.ag-index,#ag-notice,.ag-item-links a[href^="#"]{display:none!important}.ag-item,.ag-practice,.ag-applicability{break-inside:auto}.ag-item summary{padding:12px 0}.ag-item-body{padding:0 0 18px}.ag-source-text{border-color:#777}.ag-page *{color:#111!important}.ag-item-meta>span{display:inline;margin-left:12px}.ag-part,.ag-principle,.ag-guideline{padding-top:12px}.ag-part>h2,.ag-principle>h3,.ag-guideline-head{break-after:avoid}.ag-hero-panel>a{display:none}.ag-flow{margin-block:10px}}