.library-page{--library-green:#38594b;--library-soft:#e8eee8}
.library-hero{padding:4rem 0 3rem;background:var(--paper);border-bottom:1px solid var(--line)}
.library-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:5rem;align-items:center}
.library-hero h1{font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.18;letter-spacing:normal;margin:1rem 0 1.25rem;max-width:17ch}
.library-hero-lead{max-width:36rem;font-size:1.08rem;line-height:1.9;color:var(--ink-soft)}
.library-hero-actions{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center;margin:1.8rem 0}
.library-text-link{font-weight:700;text-underline-offset:5px;color:var(--navy)}
.library-stats{display:flex;flex-wrap:wrap;gap:1.25rem;color:var(--ink-soft);font-size:.85rem;align-items:center}
.library-stats strong{font-size:1.3rem;color:var(--navy);margin-inline-end:.2rem}
.library-start{border:1px solid var(--line);background:var(--surface);padding:1.8rem;border-radius:1rem}
.library-start h2{font-size:1.25rem;margin:.55rem 0 1.4rem}
.library-start>a{display:flex;gap:.85rem;align-items:center;padding:1.1rem 0;text-decoration:none;border-top:1px solid var(--line);color:var(--ink)}
.library-start>a:hover strong{color:var(--gold-dark)}
.library-start>a>span:nth-child(2){flex:1}
.library-start strong,.library-start small{display:block}
.library-start small{color:var(--ink-soft);font-size:.82rem;margin-top:.25rem}
.library-step{font-family:monospace;color:var(--gold-dark);font-size:.85rem}
.library-catalog{padding-block:3.5rem 4rem;scroll-margin-top:6rem}
.library-section-heading{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem}
.library-section-heading h2{font-size:clamp(1.7rem,3vw,2.15rem);margin:.4rem 0}
.library-search{font-size:.82rem;font-weight:700;width:min(100%,21rem)}
.library-search input{display:block;margin-top:.35rem;width:100%;padding:.85rem 1rem;border:1px solid var(--line);border-radius:.5rem;background:var(--surface);font:inherit;font-size:.95rem;color:var(--ink)}
.library-topics{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.75rem;scroll-margin-top:6rem}
.library-topics a{padding:.45rem .85rem;background:var(--surface);border:1px solid var(--line);border-radius:2rem;text-decoration:none;color:var(--ink-soft);font-size:.85rem;min-height:2.6rem;display:flex;align-items:center}
.library-topics a:hover{background:var(--navy);border-color:var(--navy);color:white}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;align-items:start}
.library-card{background:var(--surface);border:1px solid var(--line);border-radius:.85rem;padding:1.5rem;min-width:0;transition:border-color .18s,box-shadow .18s}
.library-card:hover{border-color:var(--gold);box-shadow:0 8px 25px #07162b09}
.library-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}
.library-symbol{width:2.9rem;height:2.9rem;background:var(--library-soft);color:var(--library-green);border-radius:.65rem;display:grid;place-items:center;font-weight:700;font-size:.95rem;font-family:monospace}
.library-count{font-size:.8rem;color:var(--ink-soft)}
.library-card h3{font-size:1.6rem;margin:.4rem 0 .65rem}
.library-card .guide-heading-link{color:var(--navy);text-decoration:none}
.library-card .guide-heading-full{display:none}
.library-description{font-size:.94rem;line-height:1.8;color:var(--ink-soft);min-height:8.5rem;margin:0 0 1.4rem}
.library-card-actions{display:flex;gap:.75rem;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1.3rem}
.library-card-actions .button{font-size:.87rem;min-height:2.65rem;padding:.55rem .9rem}
.library-doc-link{font-size:.8rem;color:var(--gold-dark);text-underline-offset:4px}
.library-chapters{border-top:1px solid var(--line);padding-top:.85rem}
.library-chapters summary{display:flex;justify-content:space-between;align-items:center;gap:.5rem;cursor:pointer;font-size:.86rem;font-weight:700;list-style:none;min-height:2rem}
.library-chapters summary::-webkit-details-marker,.library-reference summary::-webkit-details-marker{display:none}
.library-chapters[open] summary>span,.library-reference[open] .library-expand{transform:rotate(45deg)}
.library-chapters .guide-chapters{margin-top:1rem;font-size:.88rem;max-height:28rem;overflow:auto;padding-inline-start:1.4rem}
.library-search-status{font-size:.9rem;color:var(--ink-soft)}
.library-search-status:empty{display:none}
.library-card[hidden],.library-search[hidden]{display:none}
.library-official{background:var(--library-soft);padding:4rem 0;scroll-margin-top:5rem}
.library-official-grid{display:grid;grid-template-columns:1fr 1.8fr;gap:4rem;align-items:start}
.library-official-intro h2{font-size:2rem;line-height:1.4;margin:.6rem 0 1rem}
.library-official-intro p{color:var(--ink-soft);line-height:1.85}
.library-production-note{font-size:.85rem;border-top:1px solid #bccabf;padding-top:1rem;margin-top:1.5rem}
.library-reference{border-bottom:1px solid #bccabf;scroll-margin-top:6rem}
.library-reference:first-child{border-top:1px solid #bccabf}
.library-reference summary{display:flex;justify-content:space-between;align-items:center;padding:1.3rem .35rem;gap:1rem;cursor:pointer;list-style:none}
.library-reference summary>span:first-child{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.library-reference summary strong{font-size:1.08rem}
.library-reference-count{font-size:.8rem;color:var(--ink-soft)}
.library-expand{font-size:1.5rem;line-height:1}
.library-reference-body{padding:.25rem .4rem 1.5rem}
.library-reference .guide-chapters{columns:2;column-gap:2rem;font-size:.87rem}
.library-reference li{break-inside:avoid;padding-bottom:.4rem}
.library-page :is(a,summary,input):focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(min-width:1100px){.library-card h3{min-height:2.1rem}}
@media(max-width:1050px){.library-hero-grid{gap:2rem}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-description{min-height:7rem}.library-official-grid{gap:2rem}}
@media(max-width:680px){.library-hero{padding:2rem 0}.library-hero-grid,.library-official-grid{grid-template-columns:1fr;gap:2rem}.library-hero h1{font-size:2.5rem}.library-start{padding:1.25rem}.library-stats{gap:.8rem}.library-stats>span:last-child{flex-basis:100%}.library-section-heading{display:block}.library-search{margin-top:1.2rem;width:100%}.library-grid{grid-template-columns:1fr}.library-description{min-height:0}.library-card{padding:1.35rem}.library-catalog{padding-block:2.5rem}.library-topics{gap:.4rem}.library-topics a{padding:.35rem .65rem}.library-reference .guide-chapters{columns:1}.library-official{padding:2.5rem 0}.library-hero-actions{gap:1rem}.library-card-top{margin-bottom:1rem}}
@media(prefers-reduced-motion:reduce){.library-card{transition:none}}
.library-chapters{border:0;border-top:1px solid var(--line);border-radius:0;padding:.85rem 0 0;background:transparent}
.library-reference{border:0;border-bottom:1px solid #bccabf;border-radius:0;padding:0;background:transparent}
.library-page summary::after{content:none}

.library-symbol{background:#fff;border:1px solid var(--line);width:3.1rem;height:3.1rem}
.library-symbol img{display:block;width:2rem;height:2rem;object-fit:contain}

.library-card .guide-english-name{font-size:.85rem;font-weight:500;color:var(--ink-soft);line-height:1.5;margin:.65rem 0 .15rem;text-align:start;overflow-wrap:anywhere}
html[dir="rtl"] .library-card .guide-english-name{text-align:left}
.library-card .guide-english-name+h3{margin-top:.2rem}
