/* Resource library: extends the existing Love PHX site, not a second theme. */
.skip-link{position:fixed;left:var(--space-4);top:var(--space-4);z-index:100;background:var(--color-surface);padding:var(--space-3) var(--space-4);transform:translateY(-200%)}
.skip-link:focus{transform:none}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:rgba(255,255,255,.75);margin-bottom:var(--space-8)}
.breadcrumbs a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.guide-hero{padding-block:var(--space-10) var(--space-16)}
.guide-hero h1{max-width:26ch}
.guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--space-16);padding-block:var(--space-16)}
.guide-sidebar{min-width:0}
.guide-nav{padding-bottom:var(--space-8);border-bottom:1px solid var(--color-divider)}
.guide-nav-label{font-size:var(--text-xs);letter-spacing:.12em;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-4)}
.guide-nav nav{display:grid;gap:var(--space-3)}
.guide-nav nav a{font-size:var(--text-sm);line-height:1.5;color:var(--color-text-muted);padding-left:var(--space-3);border-left:2px solid var(--color-divider)}
.guide-nav nav a:hover{color:var(--color-primary);border-color:var(--color-accent)}
.guide-back{display:block;margin-top:var(--space-6);font-size:var(--text-sm);font-weight:600}
.guide-advisor{background:var(--color-surface-offset);padding:var(--space-6);border-radius:var(--radius-lg);margin-top:var(--space-8)}
.guide-advisor h2{font-size:var(--text-lg);margin-block:var(--space-4) var(--space-3)}
.guide-advisor p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}
.guide-advisor .eyebrow{letter-spacing:.08em}
.guide-advisor .eyebrow::before{width:16px}
.guide-advisor .btn{padding-inline:var(--space-4)}
.guide-body{min-width:0}
.guide-takeaway{border-left:3px solid var(--color-accent);padding:var(--space-2) var(--space-6);margin-bottom:var(--space-10)}
.guide-takeaway span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);font-weight:700}
.guide-takeaway p{font-size:var(--text-lg);font-weight:500;margin-top:var(--space-2);line-height:1.5}
.guide-section{padding:0 0 var(--space-10);margin-bottom:var(--space-10);border-bottom:1px solid var(--color-divider);scroll-margin-top:110px}
.guide-number{font-size:var(--text-xs);font-weight:600;color:var(--color-accent)}
.guide-section h2{font-size:var(--text-xl);margin-block:var(--space-2) var(--space-5);font-weight:600}
.guide-section p{margin-bottom:var(--space-4);color:var(--color-text-muted);overflow-wrap:anywhere}
.guide-section p a{text-decoration:underline;text-underline-offset:3px}
.guide-list{padding-left:var(--space-6);display:grid;gap:var(--space-3);margin-block:var(--space-4) var(--space-6);color:var(--color-text-muted)}
.guide-list li::marker{color:var(--color-accent)}
.guide-note{padding:var(--space-5) var(--space-6);background:var(--color-surface-offset);border-radius:var(--radius-md);margin-block:var(--space-6)}
.guide-note strong{font-size:var(--text-sm);color:var(--color-primary-deep)}
.guide-note p{font-size:var(--text-sm);margin:var(--space-2) 0 0}
.official-links{display:grid;gap:var(--space-3);margin-block:var(--space-5)}
.official-links a{padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;display:flex;justify-content:space-between;gap:var(--space-3);overflow-wrap:anywhere}
.official-links a:hover{background:var(--color-surface-offset);border-color:var(--color-primary)}
.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-block:var(--space-5)}
.directory-entry{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);min-width:0;overflow-wrap:anywhere}
.directory-entry h3{font-size:var(--text-base);font-weight:600;line-height:1.5;margin-bottom:var(--space-3)}
.directory-entry p{font-size:var(--text-sm);margin-bottom:0}
.directory-entry a{font-weight:600}
.directory-filter{margin-block:var(--space-8) var(--space-4)}
.directory-filter label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}
.directory-filter>div{display:flex;gap:var(--space-3)}
.directory-filter input{min-width:0;flex:1;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-surface);font-size:var(--text-base)}
.directory-filter [data-count]{font-size:var(--text-xs);margin:var(--space-2) 0}
.directory-empty{padding:var(--space-6);background:var(--color-surface-offset);border-radius:var(--radius-md)}
[hidden]{display:none!important}
.guide-photo{margin-bottom:var(--space-10)}
.guide-photo img{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:var(--radius-lg)}
.guide-photo figcaption{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}
.guide-end{display:grid;gap:var(--space-5);justify-items:start}
.guide-end p{font-size:var(--text-xs);color:var(--color-text-muted)}
.guide-related{background:var(--color-surface-offset)}
@media(max-width:1000px){.guide-layout{grid-template-columns:220px minmax(0,1fr);gap:var(--space-8)}}
@media(max-width:760px){.guide-layout{grid-template-columns:1fr;padding-block:var(--space-8)}.guide-nav nav{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-advisor{display:none}.guide-takeaway{margin-bottom:var(--space-8)}}
@media(max-width:480px){.directory-grid{grid-template-columns:1fr}.guide-nav nav{grid-template-columns:1fr}.directory-filter>div{flex-wrap:wrap}.directory-filter input{flex-basis:65%}.guide-hero{padding-bottom:var(--space-10)}}