/* Phase 4 — resources and capability pages; respects existing site tokens and themes. */
.p4-kicker{font-weight:650;letter-spacing:.07em;text-transform:uppercase;font-size:.78rem;color:var(--accent,#169eaa)}
.p4-intro{max-width:78ch;margin-bottom:2rem}.page-hero .p4-intro+.btn-row{margin-top:2rem}.p4-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin-top:2rem}
.p4-tile{border:1px solid var(--line,rgba(128,148,164,.32));background:var(--card,rgba(125,140,160,.06));border-radius:1.1rem;padding:clamp(1.15rem,3vw,2rem)}
.p4-tile h2,.p4-tile h3{margin:.65rem 0}.p4-tile p{line-height:1.7}.p4-label{font-size:.8rem;font-weight:650;letter-spacing:.035em;opacity:.8}
.p4-read{display:inline-block;font-weight:700;margin-top:.7rem;line-height:1.6}
.p4-guide{max-width:1110px;margin:auto}.p4-guide-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.65fr);gap:clamp(1.5rem,4vw,4rem)}
.p4-prose{max-width:78ch}.p4-prose h2{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.22;margin:2.1rem 0 .8rem;scroll-margin-top:90px}.p4-prose h3{font-size:1.12rem;margin:1.4rem 0 .5rem;scroll-margin-top:90px}
.p4-prose p,.p4-prose li{line-height:1.82}.p4-prose ul,.p4-prose ol{margin:.7rem 0 1.4rem;padding-left:1.4rem}.p4-prose li{margin:.4rem 0}.p4-prose a{text-decoration:underline;text-underline-offset:3px}
.p4-aside{align-self:start;position:sticky;top:100px;padding:1.3rem;border:1px solid var(--line,rgba(128,148,164,.32));border-radius:1rem}
.p4-aside h2{font-size:1.1rem;margin:0 0 .9rem}.p4-aside a{display:block;margin:.7rem 0;text-decoration:underline;text-underline-offset:3px}
.p4-figure{margin:1.5rem 0 2rem}.p4-figure img{width:100%;height:auto;display:block;border-radius:1rem;border:1px solid var(--line,rgba(128,148,164,.28))}.p4-figure figcaption{font-size:.84rem;line-height:1.65;opacity:.76;margin-top:.5rem}
.p4-table-wrap{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--line,rgba(128,148,164,.32));border-radius:.8rem}.p4-table{border-collapse:collapse;width:100%;min-width:510px;text-align:left}.p4-table th,.p4-table td{padding:.9rem;vertical-align:top;border-bottom:1px solid var(--line,rgba(128,148,164,.25));line-height:1.65}.p4-table th{font-weight:750;background:rgba(105,147,178,.08)}.p4-table tr:last-child td{border:0}
.p4-checklist{padding:1.3rem;border-radius:1rem;border:1px solid var(--line,rgba(128,148,164,.32));background:rgba(75,155,170,.045)}.p4-checklist li{margin:.6rem 0}
.p4-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin:1.8rem 0}.p4-small{font-size:.84rem;opacity:.85;line-height:1.7}.p4-feature-image img{max-height:310px;object-fit:cover;object-position:top}
.p4-brief{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.p4-brief .p4-tile{height:100%}
.p4-feature-links{margin-top:1.4rem;display:flex;gap:1rem;flex-wrap:wrap}.p4-feature-links a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.p4-inline{border-left:3px solid #22b3c4;padding-left:1rem;margin:1.4rem 0;line-height:1.75}
@media(max-width:790px){.p4-resource-grid,.p4-guide-grid,.p4-brief{grid-template-columns:1fr}.p4-aside{position:static}.p4-prose h2{margin-top:1.6rem}.p4-tile{padding:1.2rem}}
@media(max-width:420px){.p4-actions .btn{width:100%;text-align:center;justify-content:center}}
@media print{.site-header,.mobile-menu,.wa-fab,.site-footer,.p4-actions,.p4-aside{display:none!important}.p4-guide-grid{display:block}.p4-tile{break-inside:avoid}.p4-prose{max-width:none}a{color:#000!important}}