/* Resources page palette and illustrated-card treatment, adapted for documentation. */
:is(.library-page,.guide-overview-page){background:#fdf6f0;color:#4d2308;--line:#eadfd6}
:is(.library-page,.guide-overview-page) .page-shell{background:#fdf6f0}
:is(.library-page,.guide-overview-page) .topbar{background:rgba(255,255,255,.95);border-color:#eee5de}
:is(.library-page,.guide-overview-page) .sidebar-toggle{color:#4d2308}
:is(.library-page,.guide-overview-page) .breadcrumbs{color:#8c7766}
:is(.library-page,.guide-overview-page) .search-trigger{background:#fdf6f0;color:#6d4b35;border-color:#e8d9cb;border-radius:24px}
:is(.library-page,.guide-overview-page) .search-trigger kbd{color:#8c7766;border-color:#e6d9cf}
:is(.library-page,.guide-overview-page) footer{border-color:#e9ddd3;color:#8d7765}
.library-page .library-hero{max-width:1220px;margin:0 auto;padding:68px 5% 60px;text-align:center}
.library-page .eyebrow{color:#b16b36;font-size:11px;letter-spacing:1.8px;margin-bottom:20px}
.library-page .library-hero h1{font-size:clamp(36px,3.5vw,50px);line-height:1.2;letter-spacing:-1.4px;font-weight:600;max-width:1000px;margin:0 auto;color:#4d2308}
.library-page .library-hero h1 span{color:#ff7a00}
.library-page .hero-intro{font-size:clamp(18px,1.8vw,25px);line-height:1.5;font-weight:500;color:#958776;max-width:850px;margin:24px auto 0}
.library-reading-note{font-size:13px;color:#a58b77;margin-top:20px}
.library-page .library-grid{max-width:1320px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:0 5% 72px}
.library-page .guide-card{padding:10px;background:#fff;border:1px solid #e9e7e9;box-shadow:inset 0 0 0 1px #f0eef0;border-radius:34px;min-height:0;display:flex;flex-direction:column;gap:0;transition:box-shadow .22s ease,transform .22s ease}
.library-page .guide-card:hover{background:#fff;transform:translateY(-4px);box-shadow:inset 0 0 0 1px #f0eef0,0 12px 32px #4d230810,0 3px 8px #4d230808}
.guide-cover{overflow:hidden;border-radius:25px;background:#fae0c7;aspect-ratio:2314/1610}
.guide-cover-image{display:block;width:100%;height:100%;object-fit:cover}
.library-page .guide-card-copy{padding:22px 16px 14px;display:flex;flex-direction:column;flex:1}
.library-page .guide-card h2{font-size:22px;line-height:1.22;letter-spacing:-.4px;font-weight:600;color:#1a0700;margin:0 0 14px;max-width:none}
.guide-card-copy>p{font-size:16px;line-height:1.5;letter-spacing:-.2px;color:#828088;font-weight:500;margin:0 0 24px}
.library-page .card-bottom{gap:12px;font-size:11px;color:#9c8c80;border-top:1px solid #f1eae4;padding-top:15px}
.card-read{font-size:13px;font-weight:600;color:#d86600;white-space:nowrap}.card-read span{margin-left:5px}
.guide-overview-page .guide-intro{max-width:1320px;margin:0 auto;padding:64px 5% 52px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px}
.guide-overview-page .guide-intro h1{color:#4d2308;font-size:clamp(34px,3.3vw,48px);font-weight:600;letter-spacing:-1px;line-height:1.14}
.guide-overview-page .guide-intro .eyebrow{color:#b16b36}
.guide-overview-page .guide-intro .guide-description{font-size:18px;color:#958776;line-height:1.6;margin-top:22px}
.guide-overview-page .guide-intro .guide-stats{color:#a08a77;font-size:13px;margin-top:20px}
.guide-intro-cover{background:#fff;padding:9px;border:1px solid #e9e7e9;box-shadow:inset 0 0 0 1px #f0eef0;border-radius:34px;overflow:hidden}
.guide-intro-cover img{aspect-ratio:2314/1610;border-radius:25px}
.guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px}
.guide-overview-page .primary-link{margin:0;background:#ff7a00;color:white;border-radius:28px;padding:14px 22px;font-weight:500;display:inline-flex;gap:20px;align-items:center}
.guide-overview-page .pdf-link{color:#8b6b53;font-size:12px;margin:0}
.guide-overview-page .chapter-list{max-width:1320px;margin:0 auto;padding:0 5% 64px}
.guide-overview-page .chapter-list li{border-color:#e7d9ce}
.guide-overview-page .chapter-list h2{color:#4d2308}
.guide-overview-page .chapter-list small,.guide-overview-page .chapter-list span{color:#a08a77}
.guide-overview-page .chapter-list b{color:#e8710d}
@media(min-width:1700px){.library-page .library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-page .guide-card h2{font-size:21px}}
@media(max-width:1199px){.library-page .library-hero{padding-top:48px}.guide-overview-page .guide-intro{padding-top:44px}}
@media(max-width:767px){.library-page .library-hero{padding:42px 24px 38px}.library-page .library-hero h1{font-size:36px;letter-spacing:-1.2px}.library-page .hero-intro{font-size:19px;line-height:1.5}.library-page .library-grid{gap:20px;padding:0 20px 48px}.library-page .guide-card-copy{padding:20px 13px 12px}.library-page .guide-card h2{font-size:21px}.guide-overview-page .guide-intro{grid-template-columns:1fr;padding:36px 24px;gap:28px}.guide-intro-cover{max-width:560px}.guide-overview-page .chapter-list{padding:0 24px 40px}}
@media(max-width:640px){.library-page .library-grid{grid-template-columns:1fr;max-width:470px}.library-page .library-hero h1{font-size:32px}.library-page .eyebrow{font-size:10px}.library-page .hero-intro{font-size:18px}.library-page .guide-card h2{font-size:22px}.library-reading-note{font-size:12px}.guide-overview-page .guide-intro h1{font-size:36px}}

/* Compact library introduction and a real query field. */
.library-page .library-hero{padding:36px 24px 32px}
.library-page .library-hero .eyebrow{margin-bottom:12px}
.library-page .library-hero h1{max-width:700px;font-size:clamp(34px,3.5vw,44px);line-height:1.15;letter-spacing:-1.2px}
.library-page .hero-intro{max-width:560px;margin:14px auto 0;font-size:18px;line-height:1.5;font-weight:400;color:#796553}
.library-search{display:flex;align-items:center;gap:12px;width:100%;max-width:560px;margin:24px auto 0;padding:6px 6px 6px 18px;background:#fff;border:1px solid #d8c5b6;border-radius:999px;text-align:left;box-shadow:0 3px 12px #4d230805}
.library-search:focus-within{border-color:#d86600;outline:3px solid #ff7a0026;outline-offset:2px}
.library-search>.ui-icon{width:20px;height:20px;color:#957660}
.library-search input{flex:1;min-width:0;width:100%;height:44px;padding:0;border:0;background:transparent;color:#4d2308;font-size:16px;outline:none;text-overflow:ellipsis}
.library-search input::placeholder{color:#887564;opacity:1}
.library-search button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#ff6b00;color:#fff}
.library-search button:hover{background:#e95b00}
.library-search button>.ui-icon{width:20px;height:20px}
@media(max-width:640px){
 .library-page .library-hero{padding:28px 20px 24px}
 .library-page .library-hero h1{font-size:34px;letter-spacing:-1px}
 .library-page .hero-intro{font-size:16px;max-width:360px;margin-top:12px}
 .library-search{gap:8px;margin-top:20px;padding-left:12px}
}

@media(prefers-reduced-motion:reduce){.library-page .guide-card:hover{transform:none}}

.card-read .ui-icon{transition:transform .22s ease;transform-origin:center}
.guide-card:hover .card-read .ui-icon,.guide-card:focus-visible .card-read .ui-icon{transform:rotate(45deg)}

/* Framework overviews use the full-width library shell, without reader sidebar space. */
.guide-overview-page .page-shell{margin-left:0}