/* Farabad v1.8 proposal - additive, accessible light editorial layout.
   Keeps original content, application routes, images and data unchanged. */
:root{--page:#f5f7fb;--surface:#fff;--ink:#172b3d;--ink-soft:#32465a;--muted:#607186;--line:#dfe6ee;--shadow:0 10px 34px rgba(28,52,77,.07)}
html{color-scheme:light}
body.site-body{background:linear-gradient(180deg,#f9fbfd,#f2f6fa 65%,#f8f9fc)!important;color:#203449!important}
.site-body .ambient{display:none!important}
.site-body .masthead{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #dce5ef!important;box-shadow:0 3px 18px #263d5010}
.site-body .brand-word b,.site-body .brand-word small{color:#243b52!important}
.site-body .mainnav a{color:#304d68!important}
.site-body .mainnav a:hover,.site-body .mainnav a:focus-visible{background:#edf4fb!important;color:#154b7b!important}
.site-body .member-link{background:#f4f8fd!important;color:#204d73!important;border-color:#d8e6f1!important}
.site-body .member-link:hover{background:#e3f0fb!important}
.site-body .header-tools{color:#263c54}
.site-body .panel,.site-body .post-card,.site-body .feature-bar,.site-body .sidebar-panel,.site-body .sidebar-about,.site-body .sidebar-search,.site-body .article-full,.site-body .article-aside{background:#fff!important;color:#26394c!important;border:1px solid #e0e7ef!important;box-shadow:0 8px 28px #2038500b!important}
.site-body .panel-title,.site-body .section-head,.site-body .section-head h2{color:#233e56!important}
.site-body .hero{min-height:176px!important;padding:23px clamp(18px,3vw,38px)!important;background:linear-gradient(110deg,#eff5fb,#e3eef8 60%,#f9edf0)!important;color:#18344e!important;border:1px solid #d4e2ef!important;box-shadow:0 10px 32px #2f54701b!important;border-radius:18px}
.site-body .hero:before,.site-body .hero:after{opacity:.1}
.site-body .hero h1{font-size:clamp(22px,2.7vw,35px);line-height:1.3;color:#153e5a!important}
.site-body .hero p{color:#405b73!important;margin-bottom:12px!important}
.site-body .hero-kicker{color:#90545b!important}
.site-body .hero-emblem{max-width:130px!important;max-height:130px!important;filter:none}
.site-body .hero-orbit{opacity:.8}
.site-body .hero .button,.site-body .button{background:linear-gradient(120deg,#246294,#3a7ba9)!important;color:#fff!important;border:1px solid #3985b9!important;box-shadow:0 7px 16px #2573a51a!important}
.site-body .hero .button:hover,.site-body .button:hover{background:#17557e!important}
.site-body .card-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
.site-body .post-card{display:flex!important;flex-direction:row!important;min-height:188px;border-radius:17px!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.site-body .post-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #17344918!important}
.site-body .post-cover{flex:0 0 clamp(180px,29%,290px)!important;height:auto!important;min-height:188px;align-self:stretch;background:linear-gradient(125deg,#e5edf6,#c9dcea)!important}
.site-body .post-cover:before{border-color:#ffffff33}
.site-body .post-cover img.farabad-card-cover{width:100%!important;height:100%!important;min-height:188px!important;display:block;object-fit:cover!important;max-width:none!important;max-height:none!important}
.site-body .post-cover .cover-symbol{max-width:95px!important;max-height:95px!important}
.site-body .cover-label{background:#fff!important;color:#315671!important;border:1px solid #c9d7e4!important}
.site-body .post-card-body{background:#fff!important;display:flex;flex:1;flex-direction:column;min-width:0;padding:21px 25px!important}
.site-body .post-top{display:flex;justify-content:space-between;color:#667c8f!important;font-size:12px}
.site-body .post-date,.site-body .post-reads,.site-body .muted,.site-body .sidebar-about p,.site-body .post-card p{color:#52677c!important}
.site-body .post-card h3{margin:9px 0 7px!important;font-size:clamp(17px,1.7vw,22px)!important;line-height:1.5;min-height:0!important;color:#203c54!important}
.site-body .post-card h3 a,.site-body .post-card h3 span{color:#203c54!important}
.site-body .post-card h3 a:hover{color:#195d8c!important}
.site-body .post-card p{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.9;margin:0 0 8px!important;max-width:74ch!important}
.site-body .post-bottom{margin-top:auto!important;padding-top:9px}
.site-body .read-link{color:#17618f!important;font-weight:700}
.site-body .side-menu a,.site-body .sidebar a,.site-body .rank-main a{color:#24445f!important}
.site-body .feature-bar{color:#294d6b!important}
.site-body .reading,.site-body .article-full,.site-body .article-full h1{color:#1d3246!important}
.site-body .reading h2,.site-body .reading h3{color:#214e6f!important}
.site-body input,.site-body textarea,.site-body select{background:#fff;color:#203348;border-color:#cbd7e5}
.site-body .footer{background:#fff!important;color:#496176!important;border-top:1px solid #dce5ef!important}
.site-body .footer-inner b,.site-body .footer-inner small{color:#41566c!important}
.site-body .farabad-store-link{background:#234e75!important;color:#fff!important;border:1px solid #2e76ae!important;border-radius:9px}
.site-body a:focus-visible,.site-body button:focus-visible{outline:3px solid #258bc5!important;outline-offset:3px}
@media(max-width:650px){
 .site-body .hero{min-height:170px!important;padding:17px 18px!important}
 .site-body .hero-emblem{max-width:92px!important;max-height:92px!important}
 .site-body .hero p{font-size:12px}
 .site-body .card-grid{gap:11px!important}
 .site-body .post-card{min-height:150px!important}
 .site-body .post-cover{flex-basis:35%!important;min-height:150px!important}
 .site-body .post-cover img.farabad-card-cover{min-height:150px!important}
 .site-body .post-card-body{padding:12px 13px!important}
 .site-body .post-card h3{font-size:15px!important;margin:5px 0!important;line-height:1.4}
 .site-body .post-card p{display:-webkit-box!important;font-size:12px;line-height:1.65;-webkit-line-clamp:2}
 .site-body .post-top{font-size:10px!important;gap:5px}
 .site-body .post-bottom{margin-top:auto!important;font-size:11px}
}
@media(max-width:380px){
 .site-body .post-cover{flex-basis:34%!important;min-height:145px!important}
 .site-body .post-cover img.farabad-card-cover{min-height:145px!important}
 .site-body .post-card-body{padding:10px!important}
 .site-body .post-card h3{font-size:13px!important}
 .site-body .post-card p{font-size:11px;-webkit-line-clamp:2}
 .site-body .post-top{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){.site-body .post-card{transition:none!important}.site-body .post-card:hover{transform:none!important}}
/* Also restore the three-language welcome screen to the light visual system. */
.language-screen{background:radial-gradient(circle at 18% 20%,#d8e7f5,transparent 42%),linear-gradient(135deg,#f7fafd,#eef3f9)!important;color:#2b4358!important}
.language-screen .language-card{background:#fff!important;color:#253b51!important;border:1px solid #d9e5ef!important;box-shadow:0 24px 55px #1a43501c!important}
.language-screen .language-card h1,.language-screen .language-card h2{color:#193b58!important}
.language-screen .language-card p{color:#526e86!important}
.language-screen .language-options a:not(.english-featured-option){background:#f3f7fc!important;color:#274762!important;border:1px solid #d5e4f0!important}
.language-screen .language-options a:not(.english-featured-option):hover{background:#e6f1fb!important}
.language-screen .language-options a:not(.english-featured-option) span{color:#4779a0!important}
.language-screen .eyebrow{color:#3d74a2!important}

/* Editorial images keep natural aspect ratios and stay comfortably within the reading column. */
.site-body .article-full .farabad-media{width:min(100%,640px)!important;max-width:100%!important;margin-block:25px!important;border-radius:14px;overflow:visible!important}
.site-body .article-full .farabad-media img,.site-body .article-full .farabad-media video{width:auto!important;max-width:100%!important;height:auto!important;max-height:min(64vh,520px)!important;object-fit:contain!important;border-radius:12px!important;margin-inline:auto!important}
.site-body .article-full .farabad-media .media-image-open{background:transparent!important;border:0!important;padding:0!important;width:100%!important;cursor:zoom-in}
.site-body .farabad-tile-open:not(button){cursor:default}
@media(max-width:650px){.site-body .article-full .farabad-media{width:100%!important;margin-block:16px!important}.site-body .article-full .farabad-media img,.site-body .article-full .farabad-media video{max-height:48vh!important}}

.site-body .farabad-media-admin{display:flex;align-items:center;gap:20px;padding:16px;margin:15px 0;background:#fff;border:1px solid #dfe9f2;border-radius:15px}
.site-body .farabad-media-admin-thumb{flex:0 0 135px;max-width:135px;min-height:96px;display:grid;place-items:center;background:#edf3fa;border-radius:11px;overflow:hidden}
.site-body .farabad-media-admin-thumb img{max-width:135px;max-height:110px;object-fit:contain}
.site-body .farabad-media-admin-fields{flex:1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:9px 12px}
.site-body .farabad-media-admin-fields strong{flex-basis:100%;color:#24425b}
.site-body .farabad-media-admin-fields label{flex:1 1 145px;min-width:145px}
.site-body .farabad-media-admin-fields select{width:100%}
@media(max-width:560px){.site-body .farabad-media-admin{gap:11px}.site-body .farabad-media-admin-thumb{flex-basis:80px;max-width:80px}.site-body .farabad-media-admin-thumb img{max-width:80px}.site-body .farabad-media-admin-fields label{min-width:0;flex-basis:100%}}
/* FARABAD | Editorial Signature / 2026-10-13
   A constrained design layer; no markup, stored content, authentication or DB changes. */
:root{--farabad-paper:#f7f6f3;--farabad-white:#fff;--farabad-ink:#15283b;--farabad-muted:#586b79;--farabad-line:#e8e6df;--farabad-accent:#a87939;--farabad-deep:#123d55}
html{scroll-padding-top:95px}
body.site-body{font-family:Vazirmatn,"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;background:var(--farabad-paper)!important;color:var(--farabad-ink)!important;font-size:14px;line-height:1.85;-webkit-font-smoothing:antialiased}
.site-body .masthead{background:rgba(255,255,255,.98)!important;box-shadow:0 2px 20px rgba(15,39,52,.045)!important;border-bottom:1px solid var(--farabad-line)!important}
.site-body .header-inner{max-width:1260px!important;min-height:99px;padding-block:12px;gap:16px}
.site-body .brand-word b{font-weight:850;letter-spacing:-.03em;color:var(--farabad-ink)!important}
.site-body .brand-word small{color:var(--farabad-accent)!important;font-weight:750;letter-spacing:3px}
.site-body .mainnav{gap:3px}
.site-body .mainnav a{font-size:12px;letter-spacing:.03em;padding:8px 11px;border-radius:6px!important;font-weight:700;color:#435362!important}
.site-body .mainnav a:first-child{background:transparent!important}
.site-body .mainnav a:hover,.site-body .mainnav a:focus-visible{background:#f1f3f4!important;color:var(--farabad-deep)!important}
.site-body .languages{border:1px solid var(--farabad-line);border-radius:9px;background:#faf9f7!important;padding:3px}
.site-body .languages a{font-size:11px}
.site-body .languages a.english-quick-access{background:var(--farabad-deep)!important;color:#fff!important;border:1px solid var(--farabad-deep)!important;box-shadow:none;border-radius:6px;font-weight:850;letter-spacing:.06em}
.site-body .site-wrap{max-width:1260px!important;padding:31px 22px 85px!important}
.site-body .site-columns{grid-template-columns:minmax(0,1fr) 265px;gap:34px}
.site-body .sidebar{gap:15px}
.site-body .hero{min-height:222px!important;padding:32px clamp(25px,4vw,48px)!important;border:1px solid #e0e6e6!important;border-radius:9px!important;background:linear-gradient(105deg,#f3f1eb 0%,#f6f7f5 57%,#e6efed 100%)!important;box-shadow:none!important;overflow:hidden}
.site-body .hero:before{content:"";position:absolute;inset:auto -50px -140px auto;width:390px;height:390px;border:1px solid rgba(100,137,141,.17);border-radius:50%;transform:none;opacity:1!important}
.site-body .hero:after{display:none!important}
.site-body .hero-copy{max-width:680px}
.site-body .hero-kicker{font-size:11px!important;letter-spacing:.08em;color:#9b743d!important;font-weight:850}
.site-body .hero h1{font-size:clamp(27px,3.2vw,43px)!important;line-height:1.4!important;letter-spacing:-.035em;color:#183648!important;max-width:650px;margin:10px 0 9px;font-weight:900}
.site-body .hero p{font-size:13px!important;line-height:1.85;color:#536c74!important;max-width:520px;margin-bottom:20px!important}
.site-body .hero-orbit{width:25%!important;min-width:130px!important;max-width:210px!important;opacity:.32;filter:saturate(.55)}
.site-body .hero-emblem{max-width:158px!important;max-height:158px!important;animation:none;filter:none!important}
.site-body .hero .button,.site-body .button{padding:9px 19px!important;border-radius:6px!important;background:#173d51!important;color:white!important;border:1px solid #173d51!important;box-shadow:none!important;font-size:12px;transition:background .2s}
.site-body .button:hover,.site-body .hero .button:hover{background:#275a72!important}
.site-body .feature-bar{margin:17px 0!important;border:1px solid #eae5db!important;box-shadow:none!important;border-radius:7px!important;background:#fffdf9!important;padding:12px 18px!important;gap:17px}
.site-body .feature-eyebrow{border-radius:3px;background:#f9f2e7!important;color:#886331!important;font-size:10px!important;letter-spacing:.05em}
.site-body .feature-title{font-size:13px!important;color:#254354}
.site-body .section-head{margin:35px 0 17px!important;padding-bottom:15px;border-bottom:1px solid #d9e0de}
.site-body .section-head h2{font-size:clamp(21px,2.2vw,29px)!important;line-height:1.4;letter-spacing:-.04em;color:#1a3949!important}
.site-body .section-head .eyebrow{font-size:10px;color:#937044!important;letter-spacing:2.2px}
.site-body .section-rune{color:#b69667!important}
.site-body .card-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
.site-body .post-card{display:flex!important;flex-direction:row!important;min-height:205px!important;border:1px solid #e1e5e6!important;border-radius:9px!important;box-shadow:0 4px 20px rgba(24,42,57,.035)!important;transition:box-shadow .22s,transform .22s;background:#fff!important}
.site-body .post-card:hover{transform:translateY(-2px)!important;box-shadow:0 15px 31px rgba(23,47,61,.09)!important;border-color:#cddbdc!important}
.site-body .post-cover{flex:0 0 clamp(185px,32%,290px)!important;align-self:stretch;min-height:205px!important;height:auto!important;background:#dee7e7!important}
.site-body .post-cover img.farabad-card-cover{display:block;width:100%!important;height:100%!important;min-height:205px!important;max-height:none!important;object-fit:cover!important;object-position:center}
.site-body .post-cover .cover-symbol{opacity:.8;max-width:94px!important;max-height:94px!important}
.site-body .post-cover .cover-label{position:absolute;bottom:12px;inset-inline-end:12px;padding:3px 10px;background:rgba(255,255,255,.95)!important;color:#415a64!important;border:1px solid #e0e5e2!important;border-radius:4px!important;font-size:10px}
.site-body .post-card-body{display:flex!important;flex:1;flex-direction:column;justify-content:flex-start;min-width:0;padding:23px clamp(18px,3vw,30px)!important;background:transparent!important}
.site-body .post-top{font-size:11px!important;color:#7b8890!important;letter-spacing:.02em;gap:8px;flex-wrap:wrap}
.site-body .post-card h3{font-size:clamp(18px,1.85vw,24px)!important;line-height:1.55!important;margin:12px 0 7px!important;font-weight:840!important;min-height:0!important;letter-spacing:-.025em}
.site-body .post-card h3 a,.site-body .post-card h3 span{color:#1a3447!important}
.site-body .post-card h3 a:hover{color:#0d657e!important}
.site-body .post-card p{font-size:13px!important;color:#5d6c78!important;line-height:1.95!important;margin:0 0 10px!important;-webkit-line-clamp:2;line-clamp:2;max-width:78ch}
.site-body .post-bottom{margin-top:auto;padding-top:12px!important;border-top:1px solid #eef0ee!important}
.site-body .read-link{color:#14566c!important;font-size:12px!important;letter-spacing:.01em}
.site-body .panel,.site-body .sidebar-search,.site-body .sidebar-panel,.site-body .sidebar-about{border:1px solid #e5e8e6!important;border-radius:9px!important;box-shadow:none!important;background:#fff!important}
.site-body .panel-title{font-size:13px!important;color:#1c3848!important}
.site-body .panel-title em{border-radius:3px!important;background:#173d51!important}
.site-body .sidebar-search button{border-radius:6px!important;background:#173d51!important}
.site-body .sidebar input{font-size:12px}
.site-body .side-menu a{background:#f8f9f8!important;color:#3a5360!important;border-radius:5px!important}
.site-body .side-menu a:hover{background:#edf3f3!important;color:#16566b!important}
.site-body .ranked li{border-color:#eceeec!important;padding:12px 2px}
.site-body .rank-num{border-radius:3px;background:#eff3f3!important;color:#446572!important}
.site-body .rank-main a{color:#334b5a!important}
.site-body .sidebar-about{background:#fff!important}
.site-body .side-about-mark{background:#f2f4f2!important}
.site-body .article-full{border-radius:10px!important;max-width:100%;padding:clamp(24px,4vw,52px)!important}
.site-body .article-full h1{font-size:clamp(27px,3vw,40px)!important;line-height:1.65!important;color:#1a3949!important}
.site-body .reading{font-size:16px!important;line-height:2.3!important;color:#304250!important}
.site-body .footer{border-top:1px solid #e4e8e7!important}
.site-body .footer-inner{max-width:1260px!important}
.site-body .farabad-store-link{border-radius:5px!important;background:#1f5364!important;border-color:#1f5364!important}
.site-body a:focus-visible,.site-body button:focus-visible{outline:3px solid #b48142!important;outline-offset:3px}
/* Keep user-selected media ratios natural; no implicit full-bleed images. */
.site-body .article-full .farabad-media{max-width:min(100%,650px)!important;border-radius:8px!important}
.site-body .article-full .farabad-media img,.site-body .article-full .farabad-media video{border-radius:7px!important}
@media(max-width:1200px){.site-body .header-inner{flex-wrap:wrap}.site-body .site-columns{grid-template-columns:minmax(0,1fr) 245px;gap:20px}}
@media(max-width:920px){.site-body .site-columns{grid-template-columns:minmax(0,1fr)!important}.site-body .sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.site-body .sidebar-search{grid-column:1/-1}}
@media(max-width:650px){
 .site-body .header-inner{min-height:0;padding:10px 13px!important;gap:7px}
 .site-body .site-wrap{padding:14px 12px 45px!important}
 .site-body .mainnav{gap:0;padding-top:9px}
 .site-body .mainnav a{font-size:11px;padding:5px 7px!important}
 .site-body .hero{padding:25px 19px!important;min-height:180px!important}
 .site-body .hero h1{font-size:clamp(24px,6vw,31px)!important}
 .site-body .hero p{font-size:12px!important;line-height:1.8!important}
 .site-body .hero-orbit{position:absolute;opacity:.14;inset-inline-end:-17px;bottom:-50px;min-width:128px!important}
 .site-body .feature-bar{padding:11px 13px!important;gap:8px}
 .site-body .section-head{margin:26px 0 12px!important}
 .site-body .card-grid{gap:11px!important}
 .site-body .post-card{min-height:172px!important;border-radius:8px!important}
 .site-body .post-cover{flex-basis:36%!important;min-height:172px!important}
 .site-body .post-cover img.farabad-card-cover{min-height:172px!important}
 .site-body .post-card-body{padding:13px!important}
 .site-body .post-top{font-size:10px!important;gap:4px}
 .site-body .post-card h3{font-size:15px!important;line-height:1.55!important;margin:6px 0!important}
 .site-body .post-card p{font-size:11px!important;line-height:1.75!important;-webkit-line-clamp:2}
 .site-body .post-bottom{padding-top:5px!important;font-size:11px!important}
 .site-body .sidebar{display:flex}
}
@media(max-width:390px){.site-body .post-cover{flex-basis:34%!important}.site-body .post-card h3{font-size:14px!important}.site-body .post-card p{font-size:10px!important}.site-body .post-card-body{padding:11px!important}.site-body .post-top{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.site-body .post-card{transition:none!important}.site-body .post-card:hover{transform:none!important}}
