.resource-page { --resource-green: var(--action-text); --resource-label: 0.875rem; --resource-copy: 1rem; --resource-heading: 2rem; --resource-space-5: 1.25rem; }
.resource-header { max-width: 960px; padding: var(--blog-space-7) 0 var(--blog-space-8); }
.resource-header h1 { font-family: var(--font-display); font-size: clamp(38px, 5.5vw, 76px); font-weight: 400; line-height: 1.06; letter-spacing: -.035em; margin: 20px 0 28px; }
.resource-landing-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 390px); gap: clamp(var(--blog-space-6), 6vw, var(--blog-space-9)); align-items: start; padding-bottom: 100px; }
.resource-landing-grid > .blog-prose { min-width: 0; }
.resource-gate { background: var(--card); border: 1px solid var(--blog-rule); padding: var(--blog-space-6); box-shadow: var(--blog-space-2) var(--blog-space-2) 0 var(--well); }
.resource-gate h2, .resource-offer h2, .resource-guide-footer h2, .resource-library-item h2 { font-family: var(--font-display); font-size: var(--resource-heading); line-height: 1.15; font-weight: 400; margin: var(--blog-space-3) 0; }
.resource-gate p { line-height: 1.65; }
.resource-gate form > label:first-child { display: block; font-weight: 600; margin: var(--blog-space-5) 0 var(--blog-space-2); }
.resource-gate input[type="email"] { box-sizing: border-box; width: 100%; padding: 13px; border: 1px solid var(--ink-300); border-radius: var(--blog-space-1); font: inherit; background: var(--card); color: inherit; }
.resource-gate input:focus-visible, .resource-copy-prompt:focus-visible { outline: 3px solid var(--resource-green); outline-offset: 3px; }
.resource-consent { display: flex; gap: 10px; align-items: flex-start; margin-top: 18px; font-size: var(--resource-label); line-height: 1.55; }
.resource-consent input { accent-color: var(--resource-green); width: 18px; height: 18px; flex: 0 0 18px; margin: 2px 0 0; }
.resource-fine { font-size: var(--blog-small); line-height: 1.6; color: var(--blog-muted); }
.resource-gate .cta-button { width: 100%; justify-content: center; }
.resource-gate button:disabled { opacity: .65; cursor: wait; }
.resource-form-status { min-height: 1.6em; font-size: var(--resource-label); overflow-wrap: anywhere; }
.resource-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.resource-library { padding-bottom: 100px; }
.resource-library-item { border-top: 1px solid var(--blog-rule); padding: 40px 0; display: grid; grid-template-columns: 130px minmax(0, 680px); gap: 44px; }
.resource-library-item h2 a { color: inherit; text-decoration: none; }
.resource-library-item h2 a:hover { text-decoration: underline; text-underline-offset: .15em; }
.resource-library-item p { line-height: 1.7; }
.resource-paper-icon { width: 90px; height: 112px; border: 1px solid var(--resource-green); color: var(--resource-green); background: var(--card); box-shadow: 7px 7px 0 var(--well); display: grid; place-items: center; font-size: 46px; transform: rotate(-4deg); }
.resource-offer { padding: var(--blog-space-6); border-top: 3px solid var(--resource-green); background: var(--well); margin: var(--blog-space-7) 0; }
.resource-offer .cta-button { font-size: var(--blog-note); }
.resource-offer p { font-size: var(--resource-copy); }
.resource-access-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--blog-space-4) var(--blog-space-5); margin-top: var(--blog-space-6); }
.resource-guide { max-width: 780px; margin: 0 auto; }
/* A native disclosure keeps long guides easy to scan at every screen width. */
.resource-contents { margin-bottom: var(--blog-space-7); border-block: 1px solid var(--blog-rule); }
.resource-contents summary { padding-block: var(--blog-space-4); cursor: pointer; font-size: var(--resource-copy); font-weight: 600; }
.resource-contents-count { margin-inline-start: var(--blog-space-3); color: var(--blog-muted); font-size: var(--blog-small); font-weight: 400; }
.resource-contents ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--blog-space-2) var(--blog-space-5); list-style: none; padding: 0; margin: 0 0 var(--blog-space-4); }
.resource-contents li { min-width: 0; }
.resource-contents a { display: block; padding-block: var(--blog-space-2); font-size: var(--blog-small); line-height: 1.6; overflow-wrap: anywhere; text-underline-offset: .2em; }
.resource-contents a:hover { text-decoration-thickness: .12em; }
.resource-contents summary:focus-visible, .resource-contents a:focus-visible { outline: var(--blog-space-1) solid var(--resource-green); outline-offset: var(--blog-space-1); }
@media (max-width: 760px) { .resource-contents ol { grid-template-columns: minmax(0, 1fr); } .resource-contents a { padding-block: var(--blog-space-3); } }
.resource-guide pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: var(--blog-space-5); border: 1px solid var(--blog-rule); background: var(--card); font-size: var(--resource-label); line-height: 1.7; }
.resource-copy-prompt { background: var(--action-surface); color: var(--on-action, white); padding: 9px 14px; border: 0; border-radius: 3px; cursor: pointer; font: inherit; font-size: var(--resource-label); margin: 20px var(--blog-space-3) 0 0; }
.resource-copy-status { font-size: var(--blog-small); }
.resource-guide-footer { max-width: 780px; margin: var(--blog-space-8) auto var(--blog-space-9); border-top: 1px solid var(--blog-rule); padding-top: var(--blog-space-6); }
@media(max-width: 760px) { .resource-landing-grid { grid-template-columns: minmax(0, 1fr); gap: var(--blog-space-6); } .resource-header { padding: var(--blog-space-6) 0 40px; } .resource-gate { padding: var(--blog-space-5); } .resource-library-item { grid-template-columns: var(--blog-space-8) minmax(0, 1fr); gap: var(--blog-space-5); } .resource-paper-icon { width: 50px; height: var(--blog-space-8); font-size: calc(var(--resource-heading) - var(--blog-space-1)); } .resource-library-item h2 { font-size: calc(var(--resource-heading) - var(--blog-space-1)); } }
@media print { .resource-contents, [data-marketing-nav], [data-marketing-footer], .blog-skip-link, .resource-access-actions, .resource-copy-prompt, .resource-copy-status, .blog-breadcrumbs, .resource-guide-footer { display: none !important; } .resource-header { padding: 0 0 20px; } .resource-header h1 { font-size: var(--resource-heading); } .blog-shell { max-width: none; width: 100%; padding: 0; } .resource-guide { max-width: none; } .resource-guide pre { border-color: var(--ink-300); box-shadow: none; } .resource-guide h2, .resource-guide h3 { break-after: avoid; } .resource-page { background: var(--card); color: var(--ink-900); } }
.resource-page a:not(.cta-button) { color: var(--action-text); }
.resource-page .resource-library-item h2 a { color: var(--ink-900); }
/* Editorial actions must be visible without the landing-page reveal controller. */
.blog-page .cta-button { opacity: 1; transform: none; }