.resource-page{max-width:1180px;margin:auto;padding:34px 32px 96px;color:var(--text)}
.resource-trail{display:flex;flex-wrap:wrap;gap:12px 26px;font-size:13px;padding-bottom:24px;border-bottom:1px solid var(--rule)}
.resource-trail a{color:var(--mute);text-decoration:none}.resource-trail a[aria-current=page]{color:var(--accent);font-weight:600}
.resource-hero{padding:56px 0 42px;max-width:850px}.resource-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600;color:var(--accent);margin:0 0 18px}
.resource-hero h1{font-size:clamp(36px,5.5vw,64px);line-height:1.06;letter-spacing:-.045em;font-weight:550;color:var(--ink);margin:0 0 24px;text-wrap:balance}.resource-hero>p:last-child{font-size:18px;line-height:1.6;max-width:640px}
.resource-page a:not(.resource-button):hover{text-decoration:underline}.resource-page a:focus-visible,.resource-page button:focus-visible,.resource-page input:focus-visible,.resource-page select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.resource-note{background:var(--accent-soft);padding:22px 26px;border-left:3px solid var(--accent);font-size:15px;line-height:1.7;margin:0 0 36px}.resource-note strong{color:var(--ink)}
.resource-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:36px 0 24px}.resource-section-heading h2,.resource-next h2{font-size:26px;letter-spacing:-.025em;color:var(--ink);margin:0}.resource-section-heading>span{font-size:13px;color:var(--mute)}
.resource-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;background:var(--bg-pop);padding:24px}.resource-filters label{display:grid;gap:9px;font-size:13px;color:var(--text)}.resource-filters input,.resource-filters select{width:100%;min-width:0;border:1px solid var(--rule-2);background:var(--bg-raised);border-radius:5px;padding:12px;font:inherit;color:var(--ink)}
.resource-muted{color:var(--mute);font-size:13px;line-height:1.7;margin:20px 0}.resource-table-wrap{overflow-x:auto}.resource-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.resource-table th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--mute);font-weight:500;background:var(--bg-pop);padding:16px}.resource-table td{border-bottom:1px solid var(--rule);padding:22px 16px;vertical-align:top}.resource-table td:first-child{font-weight:600;color:var(--ink)}.resource-table small{display:block;color:var(--mute);font-weight:400;margin-top:6px;font-size:12px;line-height:1.6;max-width:280px}.resource-table .resource-number{white-space:nowrap;font-variant-numeric:tabular-nums}.resource-table a{display:inline-block;margin:0 18px 8px 0}
.resource-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 0;margin-top:48px;border-top:1px solid var(--rule)}.resource-next p{margin-top:10px}.resource-button{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;background:var(--ink);color:#fff!important;text-decoration:none;border-radius:5px;font-size:14px;white-space:nowrap}
.resource-reading{display:grid;grid-template-columns:230px minmax(0,680px);gap:70px;align-items:start;border-top:1px solid var(--rule);padding-top:36px}.resource-contents{position:sticky;top:96px;display:grid;gap:0;font-size:14px}.resource-contents strong{font-size:12px;font-weight:500;color:var(--mute);margin-bottom:18px}.resource-contents a{display:flex;gap:12px;padding:12px 0;text-decoration:none;color:var(--text);border-bottom:1px solid var(--rule)}.resource-contents span{font-size:11px;color:var(--mute);padding-top:3px}
.resource-chapter{padding:0 0 40px;margin:0 0 36px;border-bottom:1px solid var(--rule);scroll-margin-top:100px}.resource-chapter:last-child{margin-bottom:0}.resource-chapter h2{color:var(--ink);font-size:28px;letter-spacing:-.025em;line-height:1.25;margin:0 0 24px}.resource-chapter p,.resource-chapter li{font-size:16px;line-height:1.85;margin:0 0 18px}.resource-chapter ol{padding-left:22px}.resource-chapter code{background:var(--bg-pop);font-size:14px;padding:3px 6px;border-radius:3px}.resource-chapter .resource-note{margin:24px 0 0}.resource-commands{display:grid;grid-template-columns:135px 1fr;gap:16px;font-size:15px;margin-bottom:28px}.resource-commands dd{margin:0}
.resource-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;font-size:13px}.resource-pagination button,.resource-retry{border:1px solid var(--rule-2);border-radius:5px;padding:10px 16px;background:var(--bg-raised);color:var(--ink);font:inherit;cursor:pointer}.resource-pagination button[hidden]{display:none}.resource-empty{padding:48px 28px;background:var(--bg-pop);margin-top:24px}.resource-empty h2{color:var(--ink);font-size:24px;margin-bottom:12px}.resource-empty p{margin-bottom:20px;line-height:1.7}.resource-error{color:var(--danger)}
.resource-activity{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--rule);padding:18px 0;margin:24px 0;font-size:13px;color:var(--mute)}.resource-activity strong{color:var(--ink);font-weight:600}.resource-activity a{white-space:nowrap}.resource-activity time{margin-right:18px}.resource-activity span{display:inline-block;margin-right:18px}
@media(max-width:760px){.resource-page{padding:24px 20px 56px}.resource-hero{padding:36px 0 28px}.resource-hero>p:last-child{font-size:16px}.resource-filters{grid-template-columns:1fr;padding:18px;gap:16px}.resource-reading{grid-template-columns:1fr;gap:32px}.resource-contents{position:static;grid-template-columns:1fr 1fr;gap:0 16px}.resource-contents strong{grid-column:1/-1}.resource-contents a{font-size:12px}.resource-chapter h2{font-size:25px}.resource-section-heading,.resource-next,.resource-activity{align-items:flex-start;flex-direction:column}.resource-table th,.resource-table td{padding:16px 10px}.resource-table{min-width:580px}.resource-note{padding:18px}.resource-commands{grid-template-columns:105px 1fr;gap:16px 10px}.resource-activity{gap:12px;line-height:2}.resource-next{margin-top:24px}.resource-trail{font-size:12px;gap:12px 18px}}

.resource-intro-art{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:32px;margin-bottom:24px}.resource-illustration{width:100%;height:auto;border-radius:8px}.resource-intro-art .resource-hero h1{font-size:clamp(36px,4.5vw,58px)}
@media(max-width:760px){.resource-intro-art{grid-template-columns:1fr;gap:0}.resource-illustration{max-height:260px;object-fit:contain}.resource-intro-art .resource-hero{padding-bottom:18px}}
