/* Public capability reference and worked examples. Uses the existing design tokens. */
html:not(#ap) .reference-body{max-width:1120px}
html:not(#ap) .reference-body>.prose{max-width:52rem;margin-inline:auto}
html:not(#ap) .reference-table-wrap{max-width:100%;overflow-x:auto;margin:1.8rem 0 2rem;border:1px solid var(--ap-hair);border-radius:12px}
html:not(#ap) .reference-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9375rem;line-height:1.55}
html:not(#ap) .reference-table caption{padding:1rem 1.15rem;text-align:left;font-weight:600;color:var(--ap-text);background:var(--ap-bg-alt)}
html:not(#ap) .reference-table :is(th,td){padding:1rem 1.15rem;vertical-align:top;border-top:1px solid var(--ap-hair)}
html:not(#ap) .reference-table th{font-weight:600;color:var(--ap-text)}
html:not(#ap) .reference-table td{color:var(--ap-text-2)}
html:not(#ap) .reference-table thead{background:var(--ap-bg-alt)}
html:not(#ap) .reference-steps{padding-left:1.3rem}
html:not(#ap) .reference-steps li{padding-left:.35rem;margin-bottom:1rem}
html:not(#ap) .reference-steps li::before{display:none}
/* Agency situations lead into the capability and implementation reference. */
html:not(#ap) .agency-scenarios .container{max-width:1120px}
html:not(#ap) .scenario-list{border-top:1px solid var(--ap-hair)}
html:not(#ap) .scenario-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:start;padding:2rem 0;border-bottom:1px solid var(--ap-hair)}
html:not(#ap) .scenario-row .scenario-label{display:block;margin:0 0 .65rem;color:var(--ap-gold-ink);font-size:.8125rem;font-weight:600;line-height:1.4}
html:not(#ap) .scenario-row h3{margin:0 0 .75rem;font-size:1.375rem;line-height:1.2;letter-spacing:-.02em}
html:not(#ap) .scenario-row h4{margin:0 0 .6rem;font-size:1.0625rem;line-height:1.35;letter-spacing:-.01em}
html:not(#ap) .scenario-row p{margin:0;color:var(--ap-text-2);font-size:1rem;line-height:1.55}
html:not(#ap) .scenario-output{padding:1.25rem;border-radius:var(--ap-r);background:var(--ap-tile);border-top:2px solid var(--ap-gold)}
html:not(#ap) .scenario-next{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:1.75rem}
html:not(#ap) .scenario-next p{max-width:43rem;margin:0;color:var(--ap-text-2);font-size:.9375rem;line-height:1.55}
html:not(#ap) .scenario-next a{flex-shrink:0;color:var(--ap-gold-ink);font-size:.9375rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}
html:not(#ap) .reference-page :is(#fit,#workflow,#samples-title){scroll-margin-top:120px}
html:not(#ap) .deliverable-samples .container{max-width:1120px}
html:not(#ap) .sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}
html:not(#ap) .sample-card{min-width:0;padding:clamp(1.25rem,3vw,2rem);border-radius:var(--ap-r-lg);background:var(--ap-tile-on-alt)}
html:not(#ap) .sample-label{display:block;margin-bottom:.65rem;font-size:.875rem;font-weight:600;color:var(--ap-gold-ink)}
html:not(#ap) .sample-card h3{margin:0 0 .75rem;font-size:1.5rem;line-height:1.2;letter-spacing:-.02em}
html:not(#ap) .sample-card p{font-size:1rem;line-height:1.55;color:var(--ap-text-2)}
html:not(#ap) .sample-card .sample-meta{font-size:.8125rem;line-height:1.5}
html:not(#ap) .sample-preview{border-top:1px solid var(--ap-hair);border-bottom:1px solid var(--ap-hair);margin:1.25rem 0}
html:not(#ap) .sample-preview summary{padding:1rem 0;cursor:pointer;font-weight:600;font-size:1rem;color:var(--ap-text)}
html:not(#ap) .sample-content .reference-table-wrap{margin:.25rem 0 1rem}
html:not(#ap) .sample-content .reference-table{font-size:.8125rem;min-width:380px}
html:not(#ap) .sample-content .reference-table :is(th,td){padding:.75rem}
html:not(#ap) .sample-download{color:var(--ap-gold-ink);font-size:.9375rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){html:not(#ap) .scenario-next{align-items:start;flex-direction:column;gap:1rem}}
@media(max-width:780px){html:not(#ap) .scenario-row{grid-template-columns:1fr;gap:1.25rem;padding:1.75rem 0}html:not(#ap) .scenario-row h3{max-width:26ch}html:not(#ap) .scenario-next{gap:1.25rem}html:not(#ap) .sample-grid{grid-template-columns:1fr}}
@media(max-width:600px){html:not(#ap) .reference-table{min-width:540px}html:not(#ap) .reference-table :is(th,td){padding:.8rem}}