.library-hero{padding:72px 7% 58px;background:#f3efe9;text-align:center}
.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--olive);font-weight:500}
.library-hero h1,.article-hero h1{font-family:var(--serif);font-size:64px;font-weight:500;color:var(--ink);margin:8px 0 12px}
.library-hero>p:last-of-type{font-size:18px;color:var(--muted)}
.library-search{max-width:570px;height:58px;margin:28px auto 0;background:white;border-radius:32px;display:flex;align-items:center;padding:0 22px;box-shadow:0 5px 16px rgba(0,0,0,.04)}
.library-search span{font-size:25px;margin-inline-end:13px}.library-search input{border:0;outline:0;width:100%;background:transparent}
.library-shell{max-width:980px;margin:auto;padding:38px 5% 70px}
.alphabet{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.alphabet button{border:0;background:transparent;width:29px;height:29px;border-radius:50%;cursor:pointer;color:var(--muted)}
.alphabet button:hover,.alphabet button.selected{background:var(--olive);color:white}
.condition-row{display:grid;grid-template-columns:55px 1fr 35px;gap:20px;align-items:center;padding:24px 6px;border-bottom:1px solid var(--line)}
.condition-letter{font-family:var(--serif);font-size:36px;color:var(--olive)}
.condition-row h2{font-family:var(--serif);font-size:25px;font-weight:500;margin:0 0 5px}.condition-row p{margin:0;color:var(--muted);font-size:13px}
.row-arrow{font-size:20px}.condition-row:hover h2{color:var(--olive)}.condition-row.hidden{display:none}
.library-note{text-align:center;color:var(--muted);font-size:12px;margin-top:35px}
.article-page{max-width:1120px;margin:auto;padding:0 5% 80px}
.breadcrumb{padding:28px 0 20px;font-size:12px;color:var(--muted)}
.article-hero{padding:42px 7% 45px;background:#f3efe9;border-radius:4px}
.article-hero h1{font-size:62px}.article-intro{font-family:var(--serif);font-size:23px;line-height:1.45;max-width:780px;color:#35433a}
.review-strip{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-top:24px}
.article-layout{display:grid;grid-template-columns:220px 1fr;gap:70px;margin-top:52px}
.article-nav{position:sticky;top:25px;align-self:start;display:flex;flex-direction:column;gap:12px;font-size:12px;border-left:1px solid var(--line);padding-left:18px}
.article-nav strong{font-family:var(--serif);font-size:18px;font-weight:500;margin-bottom:4px}.article-nav a{color:var(--muted)}
.article-content{max-width:690px}.article-content section{margin-bottom:42px;scroll-margin-top:30px}
.article-content h2{font-family:var(--serif);font-size:32px;font-weight:500;color:var(--ink);margin:0 0 14px}
.article-content p{font-size:15px;line-height:1.8;color:#4f5953}
.urgent-box{background:#f3efe9;border-left:3px solid var(--olive);padding:28px 30px}.urgent-box h2{margin-top:4px}
.article-meta{border-top:1px solid var(--line);padding-top:28px}.article-meta h2{font-size:25px}
html[dir="rtl"] .article-nav{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:18px}
html[dir="rtl"] .urgent-box{border-left:0;border-right:3px solid var(--olive)}
html[dir="rtl"] .row-arrow{transform:rotate(180deg)}
@media(max-width:760px){
 .library-hero{padding:48px 6% 42px}.library-hero h1,.article-hero h1{font-size:46px}
 .alphabet{gap:4px}.article-page{padding-left:4%;padding-right:4%}.article-hero{padding:35px 7%}
 .article-layout{grid-template-columns:1fr;gap:25px}.article-nav{position:static;border:0!important;padding:0!important;display:none}
 .article-intro{font-size:20px}.condition-row{grid-template-columns:40px 1fr 25px;gap:10px}
}