/*
Theme Name: Farzaad
Theme URI: https://farzaad.com/
Author: Farzad
Description: Lightweight RTL classic WordPress theme for farzaad.com
Version: 2.0.0
Text Domain: farzaad
*/

@font-face{font-family:"IRANSansXFaNum";src:url("assets/fonts/IRANSansXFaNum-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"IRANSansXFaNum";src:url("assets/fonts/IRANSansXFaNum-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}

:root{
    --bg:#fcfaf7;
    --surface:#fffefa;
    --surface-2:#f8f3ef;
    --text:#241d1d;
    --muted:#7c6f6d;
    --line:#ece4de;
    --primary:#5a252b;
    --primary-2:#7c303a;
    --accent:#a9535d;
    --soft-red:#f7e8e6;
    --soft-green:#edf8ed;
    --green:#2f8f46;
    --soft-yellow:#fff6df;
    --yellow:#d69b18;
    --soft-blue:#edf5ff;
    --blue:#3977b9;
    --radius:16px;
    --shadow:0 8px 28px rgba(50,28,24,.055);
    --shell:min(1380px,calc(100% - 48px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.9;direction:rtl;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.fz-font-iransansx,body.fz-font-iransansx button,body.fz-font-iransansx input,body.fz-font-iransansx select,body.fz-font-iransansx textarea{font-family:"IRANSansXFaNum",Tahoma,Arial,sans-serif}
pre,code,kbd,samp,.entry-content pre,.entry-content code{font-family:Consolas,"SFMono-Regular",Menlo,Monaco,"Liberation Mono",monospace!important;font-variant-numeric:lining-nums;direction:ltr}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.shell{width:var(--shell);margin-inline:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;margin:8px;padding:10px 14px;background:#fff;color:#000;z-index:99999}
.skip-link{top:0;right:0}

.site-header{background:var(--primary);color:#fff;position:relative;z-index:40;border-bottom:1px solid rgba(255,255,255,.12)}
.site-header-inner{width:var(--shell);margin-inline:auto;min-height:76px;display:flex;align-items:center;gap:30px}
.site-brand{font-family:inherit;font-size:2rem;font-weight:700;letter-spacing:.01em;margin-left:auto;direction:ltr}
.desktop-nav .menu,.site-footer .menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:30px}
.desktop-nav a{display:block;color:#fff;padding:24px 0;opacity:.92;font-weight:700;font-size:.92rem}
.desktop-nav .current-menu-item>a,.desktop-nav a:hover{opacity:1}
.header-tools{display:flex;align-items:center;gap:12px;margin-right:auto}
.blog-button{background:#b95b64;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:9px 20px;font-size:.9rem;font-weight:700}
.header-search,.mobile-nav{position:relative}
.header-search summary,.mobile-nav summary{list-style:none;cursor:pointer}
.header-search summary::-webkit-details-marker,.mobile-nav summary::-webkit-details-marker{display:none}
.header-search summary{width:38px;height:38px;display:grid;place-items:center;font-size:1.55rem}
.header-search-panel{position:absolute;top:48px;left:0;width:min(420px,86vw);background:#fff;padding:12px;border-radius:12px;box-shadow:0 16px 45px rgba(0,0,0,.17);color:var(--text)}
.search-form{display:flex;gap:8px}
.search-form input{width:100%;min-width:0;border:1px solid var(--line);background:#fff;padding:11px 14px;border-radius:9px;outline:none}
.search-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(169,83,93,.12)}
.search-form button{border:0;border-radius:9px;background:var(--primary);color:#fff;padding:10px 16px}
.mobile-nav{display:none}

.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:9px 22px;border-radius:9px;font-weight:700;border:1px solid transparent}
.button-primary{background:var(--primary);color:#fff}
.button-primary:hover{background:var(--primary-2)}
.button-ghost{border-color:#bea8a0;background:transparent;color:var(--text)}

.home-main{padding-bottom:58px}
.home-hero{display:grid;direction:ltr;grid-template-columns:1fr 1fr;min-height:420px;background:#fffdfa;border:1px solid var(--line);border-top:0;overflow:hidden}
.hero-copy{direction:rtl;padding:64px 72px;display:flex;flex-direction:column;justify-content:center}
.hero-kicker{margin:0 0 2px;font-size:1.55rem;font-weight:800;color:var(--primary)}
.hero-copy h1{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.3;margin:0 0 14px;color:var(--primary);letter-spacing:-.035em}
.hero-copy>p:not(.hero-kicker){font-size:1.1rem;max-width:600px;margin:0 0 24px;color:#463b3a}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-visual{direction:rtl;position:relative;min-height:420px;background:#c8b09f}
.hero-image,.fz-image-placeholder{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#dfd1c6,#bca08d)}
.developer-card{position:absolute;top:38px;left:38px;background:rgba(255,249,242,.92);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.55);border-radius:9px;padding:20px 22px;color:#2b2323;box-shadow:var(--shadow);direction:ltr;text-align:left}
.developer-card strong{font-size:.8rem;line-height:1.5;letter-spacing:.11em}
.developer-card span{display:block;font-size:1.1rem;margin-top:18px}

.home-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding-block:26px}
.home-categories a{min-height:96px;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;background:#faf7f3;border:1px solid #efe3db;border-radius:11px;font-weight:700;transition:background .15s ease,border-color .15s ease}
.home-categories a:hover{background:#f4ede8;border-color:#e0ccc3}
.category-mark{width:34px;height:34px;border-radius:50%;border:1px solid #cdaeb0;display:grid;place-items:center;color:var(--primary);font-weight:800}

.home-featured{display:grid;direction:ltr;grid-template-columns:1.05fr .95fr;gap:0;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-top:6px}
.featured-image{direction:rtl;min-height:310px}
.featured-image img,.featured-image .fz-image-placeholder{width:100%;height:100%;object-fit:cover}
.featured-copy{direction:rtl;padding:44px 48px;display:flex;flex-direction:column;justify-content:center}
.featured-label{display:inline-block;align-self:flex-start;background:#f2e7e1;color:var(--primary);border-radius:7px;padding:3px 9px;font-size:.78rem;font-weight:800;margin-bottom:10px}
.post-category-text{font-size:.85rem;font-weight:800;color:var(--primary);margin-bottom:7px}
.featured-copy h2,.blog-featured h2{margin:0 0 12px;font-size:clamp(1.45rem,2.2vw,2.05rem);line-height:1.45;color:var(--primary)}
.featured-copy p,.blog-featured p{color:#655a58;margin:0 0 12px}
.read-more{font-weight:800;color:var(--primary);margin-bottom:10px}
.post-meta{display:flex;gap:15px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.78rem}

.home-latest{padding-block:28px 10px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.section-heading h2{font-size:1.5rem;margin:0;color:var(--primary)}
.section-heading a{font-size:.85rem;color:var(--primary);font-weight:800}
.latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.latest-card{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden;min-width:0}
.latest-image{aspect-ratio:16/9;background:#eee;display:block}
.latest-image img,.latest-image .fz-image-placeholder{width:100%;height:100%;object-fit:cover}
.latest-card .post-badge{position:absolute;top:10px;right:10px}
.latest-card h3{font-size:1rem;line-height:1.6;margin:12px 14px 10px}
.mini-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.74rem;padding:0 14px 12px}
.post-badge{display:inline-flex;align-items:center;max-width:max-content;border-radius:999px;background:#f2e5df;color:var(--primary);padding:3px 10px;font-size:.75rem;font-weight:800}

.home-subscribe{margin-top:26px;background:#f5eeea;border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.home-subscribe strong{color:var(--primary);font-size:1.05rem}
.home-subscribe p{margin:2px 0 0;color:var(--muted);font-size:.86rem}

.blog-layout{display:grid;direction:ltr;grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding-block:28px 60px;align-items:start}
.blog-main{direction:rtl;min-width:0}
.breadcrumbs{display:flex;align-items:center;gap:8px;color:#958784;font-size:.78rem;margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.breadcrumbs a:hover{color:var(--primary)}
.archive-header{padding:6px 4px 18px;border-bottom:1px solid var(--line);margin-bottom:20px}
.archive-header h1{font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.25;margin:0 0 7px;color:var(--primary);letter-spacing:-.03em}
.archive-header p,.archive-description{margin:0;color:#6e6260;max-width:780px}
.archive-description p{margin:0}

.blog-featured{display:grid;direction:ltr;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);margin-bottom:24px;box-shadow:var(--shadow)}
.blog-featured-copy{direction:rtl;padding:34px 34px;display:flex;flex-direction:column;justify-content:center}
.blog-featured-copy .button{align-self:flex-start;margin:5px 0 12px}
.blog-featured-image{direction:rtl;min-height:300px;display:block}
.blog-featured-image img,.blog-featured-image .fz-image-placeholder{width:100%;height:100%;object-fit:cover}

.loop-toolbar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}
.loop-toolbar h2{margin:0;color:var(--primary);font-size:1.35rem}
.loop-toolbar>span{color:var(--muted);font-size:.85rem}
.sort-form select{border:1px solid var(--line);background:var(--surface);padding:8px 34px 8px 12px;border-radius:9px;color:#4d4240}
.post-list{display:flex;flex-direction:column;gap:10px}
.list-card{display:grid;direction:ltr;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:9px 10px;min-height:172px}
.list-card-image{direction:rtl;display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#eee}
.list-card-image img,.list-card-image .fz-image-placeholder{width:100%;height:100%;object-fit:cover}
.list-card-body{direction:rtl;min-width:0;padding:4px 8px}
.list-card-title{font-size:1.2rem;line-height:1.55;margin:4px 0 4px;color:#54272c}
.list-card-body>p{margin:0 0 6px;color:#746866;font-size:.9rem;line-height:1.75}
.list-card .post-badge{margin-bottom:1px}

.blog-sidebar,.single-sidebar{direction:rtl;position:sticky;top:18px;display:flex;flex-direction:column;gap:16px}
.sidebar-box{background:rgba(255,255,253,.96);border:1px solid var(--line);border-radius:12px;padding:16px}
.sidebar-box h2{font-size:1rem;color:var(--primary);margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #eee2dc}
.categories-box ul,.sidebar-posts,.toc ol{list-style:none;margin:0;padding:0}
.categories-box li+li{border-top:1px solid #f0e7e2}
.categories-box a{display:flex;align-items:center;justify-content:space-between;padding:8px 5px;font-size:.86rem}
.categories-box small{background:#f1e7e1;color:#7c6966;border-radius:999px;padding:1px 7px;min-width:28px;text-align:center}
.categories-box .is-active a{color:var(--primary);font-weight:800;background:#f8ecea;border-radius:7px}
.sidebar-posts{display:flex;flex-direction:column;gap:10px}
.sidebar-posts li+li{padding-top:10px;border-top:1px solid #f1e8e3}
.sidebar-posts a{display:grid;direction:ltr;grid-template-columns:80px minmax(0,1fr);gap:9px;align-items:center;font-size:.78rem;line-height:1.55;font-weight:700}
.sidebar-thumb{direction:rtl;display:block;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#eee}
.sidebar-thumb img,.sidebar-thumb .fz-image-placeholder{width:100%;height:100%;object-fit:cover}
.sidebar-posts a>span:last-child{direction:rtl}.sidebar-posts small{display:block;color:var(--muted);font-size:.68rem;font-weight:400;margin-top:2px}

.navigation.pagination{margin-top:22px}
.nav-links{display:flex;align-items:center;justify-content:center;gap:7px}
.page-numbers{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:7px;font-size:.86rem}
.page-numbers.current{background:var(--primary);border-color:var(--primary);color:#fff}

.single-shell{padding-block:22px 64px}
.single-article{min-width:0}
.single-hero{display:grid;direction:ltr;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center;margin:14px 0 34px}
.single-hero-image{direction:rtl;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#eee;box-shadow:var(--shadow)}
.single-hero-image img,.single-hero-image .fz-image-placeholder{width:100%;height:100%;object-fit:cover}
.single-hero-copy{direction:rtl}.single-hero-copy h1{font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.35;margin:8px 0 12px;color:var(--primary);letter-spacing:-.03em}
.single-deck{font-size:1.05rem;line-height:1.9;color:#6f6260;margin:0 0 18px}
.single-meta-line{display:flex;align-items:center;gap:10px}
.single-meta-line .avatar{border-radius:50%}
.single-grid{display:grid;direction:ltr;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}
.entry-content{direction:rtl;font-size:1rem;line-height:2.05;min-width:0}
.entry-content>p,.entry-content>ul,.entry-content>ol,.entry-content>blockquote,.entry-content>pre,.entry-content>figure,.entry-content>.wp-caption{max-width:100%;margin-top:0;margin-bottom:1.25em}
.entry-content h2,.entry-content h3{scroll-margin-top:28px;color:var(--primary);line-height:1.45}
.entry-content h2{font-size:1.55rem;margin:2em 0 .55em;border-right:4px solid var(--accent);padding-right:11px}
.entry-content h3{font-size:1.2rem;margin:1.6em 0 .45em}
.entry-content a{color:#8c2437;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.entry-content img{border-radius:10px;cursor:zoom-in}
.entry-content figure{margin-inline:0}
.entry-content figcaption{font-size:.8rem;color:var(--muted);text-align:center;margin-top:5px}
.entry-content blockquote{margin-inline:0;background:#f4e9e5;border-right:4px solid var(--accent);padding:20px 24px;border-radius:10px;color:#5b4d4b}
.entry-content pre{direction:ltr;text-align:left;background:#20272b;color:#f6f6f4;border-radius:9px;padding:18px;overflow:auto;line-height:1.65;font-family:Consolas,Monaco,monospace;font-size:.88rem}
.entry-content code{font-family:Consolas,Monaco,monospace}
.entry-content :not(pre)>code{background:#f1e7e2;color:#7f2834;border-radius:5px;padding:2px 5px;direction:ltr;unicode-bidi:embed}
.entry-content table{width:100%;border-collapse:collapse;margin:1.4em 0;background:#fff}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px 12px;text-align:right}
.entry-content th{background:#f4e9e4}

.download,.glink,.attention,.warning,.internal-link{position:relative;margin:1.45em 0!important;padding:18px 20px;border-radius:12px;line-height:1.9}
.download{background:var(--soft-green);border:2px solid var(--green)}
.download::before{content:"↓";display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d7efd9;color:#1d7633;font-weight:900;margin-left:8px}
.glink{background:#f0faef;border-right:4px solid #42a94d}
.attention{background:var(--soft-yellow);border-right:5px solid var(--yellow)}
.warning{background:#fdebec;border-right:5px solid #d73943}
.internal-link{background:var(--soft-blue);border:1px solid #7bb0eb}
.internal-link a{font-weight:800;color:#1260a8}

.author-card{text-align:center}
.author-card .avatar{border-radius:50%;margin:0 auto 8px}
.author-card h2{font-size:1rem;margin:0 0 5px;color:var(--primary)}
.author-card p{font-size:.8rem;color:var(--muted);margin:0}
.author-card-bottom{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;text-align:right;background:#faf4f1;border:1px solid #ead9d1;border-radius:12px;padding:15px 18px;margin-top:34px}
.author-card-bottom .avatar{margin:0}
.toc ol{counter-reset:toc}
.toc li{counter-increment:toc}
.toc a{display:block;padding:5px 0;color:#675a57;font-size:.78rem;line-height:1.55}
.toc a::before{content:counter(toc) ". ";color:#b2918d}
.toc-level-3{padding-right:14px}
.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.post-navigation a{border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px 14px;text-decoration:none}
.post-navigation small{display:block;color:var(--muted);font-size:.7rem}
.post-navigation strong{display:block;font-size:.85rem;line-height:1.55;margin-top:2px}
.comments-area{margin-top:30px;border-top:1px solid var(--line);padding-top:20px}
.comment-list{padding:0;list-style:none}
.comment-body{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:10px}
.comment-author .avatar{border-radius:50%;float:right;margin-left:10px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff}
.comment-form input[type=submit]{width:auto;background:var(--primary);color:#fff;border-color:var(--primary);padding:10px 18px}
.comment-form-author,.comment-form-email,.comment-form-comment{margin:0 0 12px}
.comment-form label{display:block;font-weight:700;margin-bottom:5px}
.comment-form label small{font-weight:400;color:var(--muted)}
.comment-form-cookies-consent,.comment-form-fz-notify{display:flex;align-items:flex-start;gap:8px;margin:10px 0;font-size:.86rem;color:var(--muted)}
.comment-form-cookies-consent input,.comment-form-fz-notify input{width:auto;margin-top:7px;flex:0 0 auto}
.comment-form-cookies-consent label,.comment-form-fz-notify label{font-weight:400;margin:0}
.fz-view-pixel{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}

.fz-lightbox{border:0;padding:0;background:transparent;max-width:min(1100px,94vw);max-height:94vh;color:#fff;overflow:visible}
.fz-lightbox::backdrop{background:rgba(20,13,13,.9);backdrop-filter:blur(2px)}
.fz-lightbox-inner{position:relative;background:#191414;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.4);animation:fzModalIn .16s ease-out}
.fz-lightbox-stage{position:relative;display:grid;place-items:center;min-width:min(78vw,900px);min-height:min(68vh,620px);background:#120f0f}
.fz-lightbox-stage img{max-height:75vh;max-width:100%;width:auto;margin:auto;opacity:0;transition:opacity .16s ease}
.fz-lightbox-stage img.is-ready{opacity:1}
.fz-lightbox-loader{position:absolute;width:34px;height:34px;border:3px solid rgba(255,255,255,.22);border-top-color:#fff;border-radius:50%;animation:fzSpin .72s linear infinite;opacity:0;transition:opacity .1s ease}
.fz-lightbox.is-loading .fz-lightbox-loader{opacity:1}
.fz-lightbox-info{padding:12px 16px 16px;direction:rtl}
.fz-lightbox-info strong{display:block;font-size:1rem}
.fz-lightbox-info p{font-size:.82rem;color:#d6ccca;margin:5px 0 0}
.fz-lightbox-close,.fz-lightbox-nav{position:absolute;z-index:3;border:0;background:rgba(0,0,0,.62);color:#fff;display:grid;place-items:center}
.fz-lightbox-close{top:10px;left:10px;width:38px;height:38px;border-radius:50%;font-size:1.4rem}
.fz-lightbox-nav{top:50%;transform:translateY(-50%);width:42px;height:58px;border-radius:10px;font-size:2rem;line-height:1}
.fz-lightbox-prev{right:12px}.fz-lightbox-next{left:12px}
.fz-lightbox-nav:disabled{opacity:.25;cursor:default}
@keyframes fzSpin{to{transform:rotate(360deg)}}
@keyframes fzModalIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}

.fz-code-wrap{position:relative;margin:0 0 1.25em}
.fz-code-wrap pre{margin:0!important;padding-top:48px}
.fz-copy-code{position:absolute;top:8px;left:8px;z-index:2;border:1px solid rgba(255,255,255,.16);background:#323b40;color:#fff;border-radius:7px;padding:5px 10px;font-family:inherit;font-size:.75rem}
.fz-copy-code:hover{background:#3e494f}

.mobile-toc{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;margin:0 0 20px;overflow:hidden}
.mobile-toc summary{cursor:pointer;padding:11px 14px;color:var(--primary);font-weight:800;list-style:none}
.mobile-toc summary::-webkit-details-marker{display:none}
.mobile-toc ol{margin:0;padding:0 28px 12px 12px}
.mobile-toc li{margin:4px 0;color:var(--muted);font-size:.86rem}
.mobile-toc a{text-decoration:none}

.page-shell,.error-page{padding-block:34px 70px}
.page-article{max-width:920px;margin-inline:auto}
.page-article>header h1{font-size:2.4rem;color:var(--primary)}
.error-card{max-width:720px;margin:60px auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:44px}
.error-card>span{font-family:inherit;font-size:5rem;color:#cba8a5;line-height:1}
.error-card .search-form{margin:22px auto;max-width:520px}
.empty-state{background:#fff;border:1px dashed #d8c7bf;border-radius:12px;padding:24px;text-align:center}

.site-footer{border-top:1px solid var(--line);background:#f8f4f1;margin-top:40px}
.site-footer-inner{width:var(--shell);margin-inline:auto;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;padding:28px 0;color:#6b5c59}
.site-footer strong{font-family:inherit;color:var(--primary);font-size:1.4rem;direction:ltr;display:inline-block}
.site-footer p{margin:4px 0 0;font-size:.8rem}
.site-footer .menu{gap:16px;font-size:.8rem}
.copyright{white-space:nowrap}

@media (max-width:1100px){
    :root{--shell:min(100% - 32px,1100px)}
    .blog-layout{grid-template-columns:minmax(0,1fr) 285px;gap:20px}
    .list-card{grid-template-columns:240px minmax(0,1fr)}
    .home-categories{grid-template-columns:repeat(3,1fr)}
    .latest-grid{grid-template-columns:repeat(2,1fr)}
    .single-grid{grid-template-columns:minmax(0,1fr) 260px;gap:24px}
    .hero-copy{direction:rtl;padding:48px}
}

@media (max-width:860px){
    :root{--shell:min(100% - 24px,820px);--radius:13px}
    body{font-size:15px}
    .site-header-inner{min-height:64px;gap:14px}
    .site-brand{font-size:1.65rem}
    .desktop-nav{display:none}
    .mobile-nav{display:block}
    .mobile-nav summary{width:38px;height:38px;display:grid;align-content:center;gap:4px;padding:8px}
    .mobile-nav summary span{height:2px;background:#fff;border-radius:2px;display:block}
    .mobile-nav-panel{position:absolute;top:48px;left:0;width:min(290px,86vw);background:#fff;color:var(--text);border-radius:12px;padding:10px;box-shadow:0 18px 45px rgba(0,0,0,.18)}
    .mobile-nav-panel .menu{list-style:none;margin:0;padding:0}
    .mobile-nav-panel a{display:block;padding:10px 12px;border-radius:7px;font-weight:700}
    .mobile-nav-panel a:hover{background:#f7efea}

    .home-hero{grid-template-columns:1fr}
    .hero-copy{direction:rtl;padding:36px 26px}
    .hero-visual{min-height:auto;aspect-ratio:16/9}
    .developer-card{top:18px;left:18px;padding:12px 14px}
    .home-featured{grid-template-columns:1fr}
    .featured-image{direction:rtl;min-height:auto;aspect-ratio:16/9}
    .featured-copy{direction:rtl;padding:26px}

    .blog-layout{grid-template-columns:1fr;padding-top:20px}
    .blog-sidebar{position:static;order:2;display:grid;grid-template-columns:1fr 1fr;align-items:start}
    .categories-box{grid-column:1/-1}
    .blog-featured{grid-template-columns:1fr}
    .blog-featured-image{order:-1;min-height:auto;aspect-ratio:16/9}
    .list-card{grid-template-columns:220px minmax(0,1fr)}

    .single-hero{grid-template-columns:1fr;gap:20px}
    .single-hero-image{order:-1}
    .single-grid{grid-template-columns:1fr}
    .single-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;order:2}
    .single-sidebar .toc{display:none}
    .mobile-toc{display:block}
    .entry-content{direction:rtl;font-size:1rem;line-height:2}
    .site-footer-inner{grid-template-columns:1fr;gap:12px;text-align:center}
    .site-footer .menu{justify-content:center;flex-wrap:wrap}
}

@media (max-width:620px){
    :root{--shell:calc(100% - 20px)}
    .blog-button{display:none}
    .header-tools{gap:5px}
    .home-main{padding-bottom:30px}
    .home-hero{margin-inline:0;width:100%;border-left:0;border-right:0}
    .hero-copy h1{font-size:1.95rem}
    .hero-copy>p:not(.hero-kicker){font-size:.98rem}
    .hero-actions .button{flex:1}
    .home-categories{grid-template-columns:repeat(2,1fr);gap:9px;padding-block:16px}
    .home-categories a{min-height:82px;font-size:.86rem}
    .latest-grid{grid-template-columns:1fr}
    .home-subscribe{align-items:flex-start;flex-direction:column}
    .home-subscribe .button{width:100%}
    .section-heading{align-items:flex-end}

    .archive-header h1{font-size:1.85rem}
    .blog-featured-copy{direction:rtl;padding:22px}
    .list-card{grid-template-columns:1fr;gap:10px;padding:9px}
    .list-card-image{width:100%}
    .list-card-body{padding:3px 5px 8px}
    .list-card-title{font-size:1.08rem}
    .list-card-body>p{font-size:.84rem}
    .post-meta{gap:9px;font-size:.72rem}
    .blog-sidebar,.single-sidebar{grid-template-columns:1fr}
    .categories-box,.single-sidebar .toc{grid-column:auto}

    .single-shell{padding-top:12px}
    .breadcrumbs{font-size:.7rem}
    .single-hero-copy{direction:rtl}.single-hero-copy h1{font-size:1.78rem}
    .single-deck{font-size:.94rem}
    .single-meta-line{align-items:flex-start}
    .single-meta-line .post-meta{display:grid;grid-template-columns:1fr 1fr}
    .entry-content{direction:rtl;font-size:16px;line-height:2.05}
    .entry-content h2{font-size:1.35rem}
    .entry-content h3{font-size:1.12rem}
    .download,.glink,.attention,.warning,.internal-link{padding:15px 14px}
    .author-card-bottom{grid-template-columns:54px minmax(0,1fr)}
    .author-card-bottom .avatar{width:54px;height:54px}
    .post-navigation{grid-template-columns:1fr}
    .fz-lightbox-stage{min-width:92vw;min-height:58vh}
    .fz-lightbox-nav{width:38px;height:52px}
    .site-footer{margin-top:20px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fz-lightbox-inner,.fz-lightbox-loader{animation:none}.fz-lightbox-stage img{transition:none}}