.resource-detail { width:min(1050px,calc(100% - 40px)); margin:0 auto; padding:32px 0 80px; color:#f5f1e8; overflow-wrap:anywhere; }
.resource-detail nav { font-size:.9rem; color:#bbb; margin-bottom:40px; }
.resource-detail a { color:#ff5260; text-decoration:underline; text-underline-offset:4px; }
.resource-detail .resource-detail-heading h1 { font-size:clamp(2rem,4vw,3.5rem); line-height:1.15; margin:16px 0 24px; color:#fff; }
.resource-detail time { color:#bbb; }
.resource-detail .resource-detail-intro { font-size:1.2rem; line-height:1.7; margin:28px 0 40px; white-space:pre-line; }
.resource-detail-body { font-size:1.05rem; line-height:1.8; }
.resource-detail-body h2 { font-size:1.6rem; line-height:1.3; }
.resource-detail .resource-detail-body :is(h2, h3, h4, h5, h6) {
    margin: 2rem 0 1rem;
}
.resource-detail .resource-detail-body p {
    margin: 0 0 1rem;
}
.resource-detail-body img { display:block; max-width:100%; height:auto; margin:24px auto; }
.resource-detail-body .resource-cover { max-width:min(100%,540px); }
.resource-detail iframe { display:block; width:100%; border:1px solid #444; background:#202020; margin:20px 0; }
.resource-document iframe { height:75vh; min-height:380px; }
.resource-video iframe { aspect-ratio:16/9; }
.resource-action { display:inline-block; padding:12px 0; }
.resource-back { display:inline-block; margin-top:48px; }
.pdf-preview { margin:20px 0; border:1px solid #444; background:#202020; }
.pdf-preview [hidden] { display:none; }
.pdf-preview-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; padding:10px; border-bottom:1px solid #444; }
.pdf-preview-toolbar button { width:44px; height:44px; padding:0; border:1px solid #777; background:#151515; color:#fff; font:inherit; font-size:1.5rem; cursor:pointer; }
.pdf-preview-toolbar button:hover:not(:disabled) { background:#ab0a13; }
.pdf-preview-toolbar button:disabled { opacity:.4; cursor:default; }
.pdf-preview-pagination { display:flex; align-items:center; gap:6px; font-size:.9rem; }
.pdf-preview-pagination input { width:4.5rem; min-height:44px; border:1px solid #777; background:#151515; color:#fff; padding:6px; font:inherit; text-align:center; }
.pdf-preview-zoom { display:flex; align-items:center; gap:8px; }
.pdf-preview-zoom output { min-width:4rem; text-align:center; font-size:.9rem; }
.pdf-preview-status { padding:16px; }
.pdf-preview-viewport { height:70vh; min-height:320px; overflow:auto; padding:16px; overscroll-behavior:contain; background:#383838; }
.pdf-preview canvas { display:block; margin:0 auto; background:#fff; }
.pdf-preview-text { padding:12px 16px; border-top:1px solid #444; }
.pdf-preview-text summary { cursor:pointer; }
.pdf-preview-text [data-pdf-page-text] { padding-top:12px; white-space:pre-wrap; }
.pdf-preview :is(button,input,summary,[tabindex]):focus-visible { outline:2px solid #fff; outline-offset:3px; }
.resource-detail a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media(max-width:600px) { .resource-detail { width:calc(100% - 32px); padding-top:20px; } .resource-document iframe { min-height:320px; height:60vh; } .pdf-preview-viewport { height:60vh; } }