.resource-nav { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; padding:1.25rem max(1rem,calc((100vw - 1040px)/2)); border-bottom:1px solid var(--glass-border,#ddd); }
.resource-nav a { color:var(--text-primary,#182b45); }
.resource-nav .resource-brand { font-weight:800; margin-right:auto; }
.resource-main { max-width:1040px; margin:auto; padding:3rem 1rem 5rem; }
.resource-main h1 { font-size:clamp(2rem,5vw,3.3rem); line-height:1.12; margin:.6rem 0 1.25rem; }
.resource-main h2 { font-size:1.5rem; margin:0 0 1rem; }
.resource-main h3 { font-size:1.1rem; margin:1.2rem 0 .6rem; }
.resource-main p, .resource-main li { line-height:1.7; }
.resource-main ul, .resource-main ol { padding-left:1.5rem; }
.resource-main section { padding:1.6rem; margin:1.5rem 0; background:var(--bg-surface,#fff); border:1px solid var(--glass-border,#ddd); border-radius:16px; }
.resource-eyebrow { color:var(--text-secondary,#52657a); font-weight:600; }
.resource-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1rem; }
.resource-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:1rem; }
.resource-grid section { margin:0; }
.resource-table { overflow:auto; }
.resource-table table { width:100%; border-collapse:collapse; }
.resource-table td,.resource-table th { padding:.8rem; border:1px solid var(--glass-border,#ccc); text-align:left; min-width:110px; }
.freemium-document { width:100%; height:85vh; min-height:550px; border:1px solid var(--glass-border,#ccc); border-radius:8px; background:white; }
[data-resource-status] { margin:1rem 0; }
@media(max-width:600px) { .resource-main { padding-top:2rem; } .resource-main section { padding:1rem; } .resource-actions .btn { white-space:normal; text-align:center; } }