/* Shared static archive: editorial typography, readable line lengths and RTL. */
.crit-page #header { background: #211a14; }
.crit-page main { padding-top: 94px; }
.crit-hero { padding: 70px 0 55px; background: #eee7dc; border-bottom: 1px solid #d8cbb8; }
.crit-hero h1 { font-size: clamp(2.4rem, 5vw, 4.1rem); line-height: 1.12; max-width: 1000px; margin: 16px 0 24px; }
.crit-hero p { max-width: 790px; font-size: 1.3rem; }
.crit-hero nav a, .crit-source a, .crit-sidebar a, .crit-related a, .crit-promo li a, .crit-return, .crit-footer-link a { text-decoration: underline; text-underline-offset: 4px; }
.crit-kicker { font-size: .85rem !important; font-weight: 700; letter-spacing: .07em; color: #795b33; }
.crit-index { padding-block: 54px 80px; }
.crit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-bottom: 40px; }
.crit-card { display: flex; align-items: center; gap: 25px; padding: 28px; background: #fffdf9; border: 1px solid #d8cbb8; border-radius: 14px; transition: border-color .2s; }
.crit-card:hover { border-color: #795b33; }
.crit-card img { width: 90px; height: 138px; object-fit: contain; flex-shrink: 0; }
.crit-card h2 { font-size: 1.65rem; line-height: 1.2; margin-bottom: 10px; }
.crit-card p { margin-bottom: 15px; font-size: 1.1rem; }
.crit-action { display: inline-block; color: #674821; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.crit-layout { display: grid; grid-template-columns: 260px minmax(0, 760px); justify-content: space-between; gap: 52px; padding-block: 55px 80px; }
.crit-sidebar { align-self: start; padding: 25px; background: #eee7dc; border-radius: 12px; }
.crit-sidebar h2 { font-size: 1.5rem; margin-bottom: 18px; }
.crit-sidebar ol { padding-inline-start: 20px; }
.crit-sidebar ul { list-style: none; }
.crit-sidebar li { font-size: 1.08rem; line-height: 1.5; margin-bottom: 17px; }
.crit-sidebar h2:not(:first-child) { margin-top: 32px; }
.crit-reading { min-width: 0; }
.crit-intro, .crit-article { padding-bottom: 40px; margin-bottom: 42px; border-bottom: 1px solid #d8cbb8; }
.crit-intro h2, .crit-article h2 { font-size: clamp(1.9rem, 3vw, 2.5rem); line-height: 1.2; margin: 12px 0 22px; }
.crit-reading p { font-size: 1.25rem; line-height: 1.85; margin-bottom: 22px; }
.crit-byline { font-size: 1.05rem !important; color: #675947; }
.crit-lead { font-style: italic; }
.crit-note { background: #eee7dc; border-inline-start: 3px solid #9b7748; padding: 18px 22px; font-size: 1rem !important; line-height: 1.65 !important; margin-block: 24px; }
.crit-source { padding: 20px 0; font-size: 1rem; }
.crit-source p { font-size: 1rem; margin-bottom: 8px; }
.crit-scan { margin-block: 25px; }
.crit-scan img { max-height: 620px; margin-inline: auto; object-fit: contain; }
.crit-scan figcaption { text-align: center; margin-top: 12px; }
.crit-related li { margin-block: 12px; font-size: 1.15rem; }
.crit-promo { background: #eee7dc; padding: 48px 0; border-top: 1px solid #d8cbb8; }
.crit-promo h2 { font-size: 2rem; margin-bottom: 14px; }
.crit-promo p { font-size: 1.2rem; margin-bottom: 20px; }
.crit-promo li { margin-bottom: 12px; font-size: 1.1rem; }
.crit-promo ul { margin-bottom: 22px; }
.crit-footer-link { text-align: center; margin-block: 20px; }
.crit-footer-link a { color: #d0ad77; }
.crit-page [id] { scroll-margin-top: 115px; }
.crit-page a:focus-visible, .crit-promo a:focus-visible { outline: 3px solid #8b6b3e; outline-offset: 5px; }
.crit-skip { position: fixed; top: -100px; inset-inline-start: 15px; padding: 12px; background: white; z-index: 3000; }
.crit-skip:focus { top: 10px; }
html[lang="ar"] .crit-page, html[lang="ar"] .crit-page :is(p,a,li,span,h1,h2,strong,aside,figcaption), html[lang="ar"] .crit-promo, html[lang="ar"] .crit-promo * { font-family: Tahoma, Arial, sans-serif; letter-spacing: normal; }
html[lang="ar"] .crit-reading p { line-height: 2; }
@media (min-width: 1001px) { .nav-menu { gap: 18px; } }
@media (min-width: 769px) and (max-width: 1000px) {
    #header .nav-menu { position: absolute; top: 70px; inset-inline: 0; flex-direction: column; gap: 16px; padding: 26px; background: #211a14; border-radius: 12px; }
}
@media (max-width: 900px) {
    .crit-layout { grid-template-columns: minmax(0, 1fr); gap: 35px; }
    .crit-sidebar ol { columns: 2; column-gap: 32px; }
    .crit-sidebar li { break-inside: avoid; }
    .crit-card { padding: 22px; gap: 18px; }
}
@media (max-width: 620px) {
    .crit-grid { grid-template-columns: 1fr; }
    .crit-hero { padding-block: 40px; }
    .crit-page main { padding-top: 85px; }
    .crit-sidebar ol { columns: 1; }
    .crit-layout { padding-block: 32px 50px; }
    .crit-card { padding: 20px; }
    .crit-card img { width: 68px; height: 110px; }
    .crit-card h2 { font-size: 1.45rem; }
    .crit-reading p { font-size: 1.15rem; }
    .crit-note { padding: 16px; }
    .crit-kicker { overflow-wrap: anywhere; }
}
/* Book pages load opera.css after premium.css: restore its mobile grid. */
@media (max-width: 768px) {
    .book-details .container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .book-details .container { grid-template-columns: minmax(0, 1fr); }
}