/* Editorial article system: warm paper, deep green ink, readable RTL text. */
body.article-page{padding:0;--bg:#f8f7f3;--surface:#fff;--ink:#17372d;--muted:#626d66;--line:#d9ddd4;--accent:#17372d;--soft:#edf1e6;background:var(--bg);color:var(--ink);color-scheme:light}
.article-page main{background:var(--bg)}
.article-page .cinema-header{background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}
.article-page .cinema-header-row{height:76px;direction:rtl;max-width:1280px;width:calc(100% - 96px)}
.article-page .cinema-brand{color:var(--ink);font-size:30px}
.article-page .cinema-nav{margin-inline-start:32px;margin-inline-end:auto;gap:32px}
.article-page .cinema-nav a{font-size:14px;font-weight:650}
.article-page .cinema-nav a.active:after{background:#bfdc77;width:28px;height:3px;bottom:17px}
.article-page .cinema-header a:hover,.article-page .cinema-footer a:hover{color:#55783b}
.article-page .cinema-header .icon-button{color:var(--ink);min-width:44px;min-height:44px}
.article-page .mobile-menu{background:var(--bg);color:var(--ink)}
.article-shell{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.article-preview{margin-top:20px;padding:10px 16px;border-inline-start:3px solid #bfdc77;background:#edf1e6;font-size:13px}
.article-progress{position:fixed;inset:0 0 auto;height:3px;z-index:30;pointer-events:none}
.article-progress span{display:block;width:100%;height:100%;background:#91b953;transform:scaleX(0);transform-origin:right;will-change:transform}
.article-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:44px;align-items:center;padding-block:46px 42px;border-bottom:1px solid var(--line)}
.article-hero-text-only{grid-template-columns:1fr;max-width:880px;margin-inline:auto}
.article-heading{min-width:0}
.article-heading h1{font-size:clamp(30px,3.15vw,46px);line-height:1.65;font-weight:850;letter-spacing:-1.3px;margin:0 0 20px;text-wrap:balance;overflow-wrap:break-word}
.article-deck{font-size:17px;line-height:2;color:var(--muted);margin:0 0 28px}
.article-byline-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.article-author{display:flex;gap:10px;align-items:center;font-size:13px}
.article-author strong,.article-author a{font-weight:750}
.article-monogram{width:38px;height:38px;flex:none;border-radius:50%;background:#e4eada;color:var(--ink);display:grid;place-items:center;font-size:17px;font-weight:800}
.article-meta{display:flex;gap:8px;color:var(--muted);font-size:11px;margin-top:3px;flex-wrap:wrap}
.article-actions{display:flex;gap:6px;flex:none}
.article-actions form{margin:0}
.article-page .article-actions .cinema-utility{border:1px solid var(--line);border-radius:5px;min-width:44px;min-height:44px;color:var(--ink);padding:9px;background:transparent;display:flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:12px}
.article-actions .cinema-utility span{display:none}
.article-actions .cinema-utility:hover{background:#e9efdf}
.article-hero-media{margin:0;overflow:hidden;border-radius:5px;background:#e7e9e0}
.article-hero-media img{display:block;width:100%;aspect-ratio:1.45;height:auto;object-fit:cover;object-position:center}
.article-hero-media img.is-portrait{object-fit:contain;max-height:520px;background:#e7e9e0}
.article-reading-layout{display:grid;grid-template-columns:minmax(0,800px) 232px;column-gap:64px;justify-content:center;padding-block:52px 36px}
.article-reading{grid-column:1;grid-row:1;min-width:0;scroll-margin-top:24px}
.article-outline-rail{grid-column:2;grid-row:1;min-width:0;border-inline-start:1px solid var(--line);padding-inline-start:24px}
.article-outline{position:sticky;top:30px;max-height:calc(100vh - 60px);overflow:auto;scroll-margin-top:20px}
.article-outline summary{font-size:15px;font-weight:800;padding:0 0 16px;list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.article-outline summary::-webkit-details-marker{display:none}
.article-outline summary svg{display:none}
.article-outline nav{display:grid;gap:4px}
.article-outline a{display:block;padding:11px 13px 11px 0;border-inline-start:3px solid transparent;font-size:13px;line-height:1.85;color:var(--muted);transition:color .15s,border-color .15s}
.article-outline a:hover,.article-outline a[aria-current="location"]{border-color:#bfdb7d;color:var(--ink);background:linear-gradient(to left,#eaf0df70,transparent)}
.article-prose{font-size:19px;line-height:2.1;color:#344139;overflow-wrap:anywhere}
.article-prose>p:first-child{font-size:20px;color:#283e31;margin-top:0}
.article-prose p{margin:0 0 25px}
.article-prose h2{font-size:27px;line-height:1.7;color:var(--ink);font-weight:800;margin:42px 0 17px;scroll-margin-top:28px;letter-spacing:-.4px}
.article-prose h3{font-size:22px;line-height:1.8;color:var(--ink);margin:32px 0 14px;scroll-margin-top:28px}
.article-prose a{color:#2c6249;text-decoration:underline;text-decoration-color:#93ac98;text-underline-offset:5px;word-break:break-word}
.article-prose a:hover{text-decoration-color:currentColor}
.article-prose img{display:block;width:100%;max-width:100%;height:auto;border-radius:5px;margin:32px 0 0}
.article-prose p:has(>img){margin-bottom:8px}
.article-prose p:has(>img)+p{font-size:12px;line-height:1.9;color:var(--muted);margin:8px 0 34px}
.article-prose p:has(>img)+p em{font-style:normal}
.article-prose blockquote{border-inline-start:3px solid #bfdc77;margin:34px 0;padding:6px 24px;font-size:22px;color:var(--ink)}
.article-prose ul,.article-prose ol{padding-inline-start:26px;margin-block:20px 28px}
.article-prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:16px}
.article-prose td,.article-prose th{border:1px solid var(--line);padding:10px}
.article-prose pre{overflow:auto;direction:ltr;font-size:14px}
.article-spoiler{border-block:1px solid var(--line);padding:18px 0;margin:30px 0}
.article-spoiler summary{font-size:15px;font-weight:700;cursor:pointer}
.article-spoiler[open] summary{margin-bottom:24px}
.article-notice{border-inline-start:3px solid #a3bd72;background:#eef1e8;padding:15px 20px;font-size:15px}
.article-verdict{border-top:2px solid #b5cd8a;margin-top:36px}
.article-verdict h2{display:flex;justify-content:space-between;gap:20px}
.article-verdict h2 span{white-space:nowrap}
.article-verdict small{font-size:13px}
.article-editorial{border-top:1px solid var(--line);margin-top:36px;padding-top:24px;font-size:12px;line-height:2;color:var(--muted)}
.article-source{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;color:var(--ink)}
.article-source svg{width:16px;height:16px}
.article-editorial summary{cursor:pointer;padding-block:8px;color:var(--ink)}
.article-editorial p{margin:8px 0}
.article-tags{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:20px;color:var(--ink)}
.article-tags a{padding-block:7px}
.article-connections{max-width:1100px;margin-inline:auto;padding:24px 0 72px;scroll-margin-top:24px}
.article-section-heading{font-size:23px;line-height:1.7;margin:0 0 22px;font-weight:800}
.article-film-list{display:grid;gap:12px}
.article-film-row{display:flex;gap:20px;align-items:center;border:1px solid var(--line);padding:15px;border-radius:6px;min-width:0}
.article-film-cover{display:block;flex:none;width:78px}
.article-film-cover img{width:78px;height:108px;object-fit:cover;border-radius:4px;display:block}
.article-film-copy{min-width:0;flex:1}
.article-film-copy h3{font-size:19px;margin:0 0 4px;line-height:1.65}
.article-film-copy p{font-size:12px;color:var(--muted);margin:0 0 5px;text-align:right}
.article-film-copy>div{font-size:12px;color:var(--muted)}
.article-film-link{display:inline-flex;align-items:center;justify-content:center;gap:20px;flex:none;background:#c4df85;border:1px solid #b9d27e;border-radius:4px;color:#183929;font-size:14px;font-weight:750;min-height:46px;padding:10px 22px}
.article-film-link:hover{background:#b9d772}
.article-film-link svg{width:19px;height:19px}
.article-watch{display:grid;gap:16px;margin-top:26px}
.article-page .article-watch .download-invitation{margin:0}
.article-related{margin-top:48px}
.article-story-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.article-story{display:block;min-width:0}
.article-story>img{width:100%;aspect-ratio:2.35;object-fit:cover;border-radius:4px;display:block;margin-bottom:14px}
.article-story h3{font-size:18px;line-height:1.8;margin:0 0 7px;color:var(--ink)}
.article-story>span{font-size:12px;color:var(--muted)}
.article-page .cinema-footer{background:var(--bg);color:var(--ink);border-top:1px solid var(--line);padding-block:28px}
.article-page .cinema-footer-row{max-width:1280px;width:calc(100% - 96px)}
.article-page .cinema-footer p{color:var(--muted);font-size:11px}
.article-page .cinema-footer nav{font-size:12px}
.article-page :is(a,button,summary):focus-visible{outline:3px solid #819f53;outline-offset:4px;border-radius:3px}
.article-mobile-tools{display:none}
@media(min-width:1101px){.article-outline summary{pointer-events:none}.article-outline:not([open]) nav{display:grid}}
@media(max-width:1100px){.article-shell{width:calc(100% - 56px)}.article-hero{gap:30px}.article-heading h1{font-size:34px}.article-deck{font-size:16px}.article-reading-layout{grid-template-columns:minmax(0,740px);padding-top:32px}.article-outline-rail{grid-column:1;grid-row:1;padding:0;border:0;margin-bottom:28px}.article-outline{position:static;max-height:none;border:1px solid var(--line);border-radius:5px}.article-outline summary{padding:12px 16px}.article-outline summary svg{display:block;width:18px;height:18px}.article-outline[open] summary svg{transform:rotate(180deg)}.article-outline nav{padding:0 16px 14px}.article-reading{grid-row:2}.article-page .cinema-header-row,.article-page .cinema-footer-row{width:calc(100% - 56px)}.article-page .cinema-nav{gap:22px;margin-inline-start:10px}.article-page .article-watch .download-invitation{grid-template-columns:90px 1fr;gap:20px;padding:18px}.article-page .article-watch .download-invitation-art{width:90px;height:130px}.article-page .article-watch .download-invitation-action{grid-column:2;align-items:start}.article-page .article-watch .download-invitation-button{min-width:210px}.article-page .article-watch .download-invitation h2{font-size:21px}}
@media(max-width:700px){.article-shell{width:calc(100% - 36px)}.article-page .cinema-header-row{width:calc(100% - 36px);height:64px;gap:16px}.article-page .cinema-brand{font-size:25px}.article-page .cinema-nav{display:none}.article-page .cinema-header-actions{margin-inline-start:auto;gap:4px}.article-hero{grid-template-columns:1fr;gap:24px;padding-block:26px 28px}.article-heading h1{font-size:30px;line-height:1.65;letter-spacing:-.7px;margin-bottom:16px}.article-deck{font-size:15px;line-height:1.95;margin-bottom:20px}.article-byline-row{gap:8px}.article-author{font-size:12px;gap:8px}.article-meta{font-size:10px;gap:5px}.article-monogram{width:33px;height:33px;font-size:15px}.article-actions{gap:5px}.article-hero-media img{aspect-ratio:1.65;max-height:420px}.article-reading-layout{padding-top:24px;padding-bottom:18px}.article-outline-rail{margin-bottom:24px}.article-outline summary{font-size:14px;min-height:48px}.article-outline a{font-size:13px}.article-prose{font-size:17px;line-height:2.05}.article-prose>p:first-child{font-size:18px}.article-prose h2{font-size:23px;line-height:1.75;margin-top:32px;margin-bottom:15px}.article-prose h3{font-size:20px}.article-prose p{margin-bottom:22px}.article-prose img{margin-top:28px;border-radius:4px}.article-prose p:has(>img)+p{font-size:11px;margin-bottom:28px}.article-editorial{font-size:11px}.article-connections{padding-top:20px;padding-bottom:40px}.article-section-heading{font-size:20px;margin-bottom:18px}.article-film-row{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px 14px;padding:13px}.article-film-cover{width:65px;grid-row:1/3}.article-film-cover img{width:65px;height:98px}.article-film-copy h3{font-size:17px}.article-film-copy p{font-size:11px}.article-film-link{grid-column:2;font-size:13px;padding:8px 14px;min-height:44px;justify-self:start;gap:20px}.article-watch{margin-top:22px}.article-page .article-watch .download-invitation{grid-template-columns:64px minmax(0,1fr);gap:15px;padding:18px 15px;border-radius:10px}.article-page .article-watch .download-invitation-art{width:64px;height:95px;grid-row:1;align-self:start}.article-page .article-watch .download-invitation h2{font-size:19px;line-height:1.8}.article-page .article-watch .download-invitation p{font-size:12px}.article-page .article-watch .download-invitation-action{grid-column:1/-1;align-items:stretch}.article-page .article-watch .download-invitation-button{min-width:0;min-height:48px;width:100%}.article-page .article-watch .download-platforms{gap:8px}.article-page .article-watch .download-platforms li{font-size:9px}.article-related{margin-top:34px}.article-story-list{gap:16px}.article-story h3{font-size:14px;line-height:1.9}.article-story>img{aspect-ratio:1.6;margin-bottom:10px}.article-story>span{font-size:10px}.article-page .cinema-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.article-page .cinema-footer-row{width:calc(100% - 36px);gap:18px;flex-wrap:wrap}.article-page .cinema-footer nav{font-size:11px;gap:16px;flex-wrap:wrap}.article-mobile-tools{display:flex;position:fixed;inset:auto 0 0;z-index:20;background:#fdfdfbed;backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:5px 18px calc(5px + env(safe-area-inset-bottom));justify-content:space-around;gap:8px}.article-mobile-tools a,.article-mobile-tools button{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:0;color:var(--ink);font:inherit;font-size:12px;min-height:46px;min-width:76px;padding:8px}.article-mobile-tools svg{width:18px;height:18px}.article-page .toast{bottom:80px;max-width:calc(100vw - 36px)}}
@media(prefers-reduced-motion:reduce){.article-page *{scroll-behavior:auto!important;transition:none!important}}

.article-monogram{position:relative;overflow:hidden}
.article-monogram img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
