:root{--c-bg: #f6f7fb;--c-surface: #ffffff;--c-ink: #1c2033;--c-ink-soft: #4a5068;--c-muted: #7a8198;--c-line: #e6e8f0;--c-brand: #0f6b4f;--c-brand-soft: #e4f2ec;--c-accent: #c9601f;--c-accent-soft: #fbeede;--c-gold: #b1882f;--c-gold-soft: #f7efdb;--c-danger: #b23a3a;--c-danger-soft: #fbeaea;--brand-gradient: linear-gradient(135deg, #0f6b4f 0%, #15926c 100%);--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 3px rgba(28, 32, 51, .06), 0 10px 30px -12px rgba(28, 32, 51, .12)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;overflow-x:hidden;font-family:Cairo,Segoe UI,Tahoma,system-ui,sans-serif;background:var(--c-bg);color:var(--c-ink);line-height:1.85;font-size:17px;text-rendering:optimizeLegibility}img{max-width:100%;height:auto}a{color:var(--c-brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.4;color:var(--c-ink);font-weight:800}h1{font-size:clamp(1.5rem,2.6vw,2.15rem)}h2{font-size:clamp(1.25rem,2vw,1.6rem);margin-top:2rem}h3{font-size:1.15rem;margin-top:1.6rem}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:18px}.site-header{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(8px);border-block-end:1px solid var(--c-line)}.header-inner{display:flex;align-items:center;gap:16px;height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem;color:var(--c-ink);white-space:nowrap}.brand:hover{text-decoration:none}.brand-logo{width:36px;height:36px;border-radius:10px;background:var(--brand-gradient);color:#fff;display:grid;place-items:center;font-size:18px}.main-nav{display:flex;align-items:center;gap:4px;margin-inline-start:auto}.main-nav a{padding:8px 14px;border-radius:8px;color:var(--c-ink-soft);font-weight:700;font-size:.98rem}.main-nav a:hover{background:var(--c-brand-soft);color:var(--c-brand);text-decoration:none}.nav-icon{margin-inline-end:5px}.search-btn{width:42px;height:42px;border-radius:10px;border:1px solid var(--c-line);background:var(--c-surface);cursor:pointer;font-size:18px}.burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--c-line);background:var(--c-surface);cursor:pointer;font-size:20px}@media (max-width: 900px){.main-nav{display:none}.burger{display:block}}.nav-menu-icon{margin-inline-end:6px}.drawer-mask{position:fixed;inset:0;background:#14182880;opacity:0;pointer-events:none;transition:opacity .2s;z-index:90}.drawer-mask.open{opacity:1;pointer-events:auto}.drawer{position:fixed;inset-block:0;inset-inline-end:0;width:300px;max-width:84vw;background:var(--c-surface);z-index:95;padding:22px;transform:translate(100%);transition:transform .25s;overflow-y:auto}html[dir=rtl] .drawer{transform:translate(-100%)}.drawer.open{transform:translate(0)}.drawer a{display:block;padding:12px 14px;border-radius:10px;margin-block-end:6px;font-weight:700;color:var(--c-ink-soft)}.drawer a:hover{background:var(--c-brand-soft);color:var(--c-brand);text-decoration:none}.drawer-close{position:absolute;inset-block:14px;inset-inline-start:14px;border:none;background:transparent;font-size:22px;cursor:pointer}.drawer-head{font-weight:800;font-size:1.1rem;margin-block-end:14px}.search-layer{position:fixed;inset:0;background:#fffffffa;z-index:100;display:none;align-items:start;justify-content:center;padding:12vh 20px}.search-layer.open{display:flex}.search-box{width:100%;max-width:620px}.search-box input{width:100%;font-size:1.35rem;padding:18px 20px;border:2px solid var(--c-line);border-radius:var(--radius);font-family:inherit;direction:rtl}.search-box input:focus{outline:none;border-color:var(--c-brand)}.search-close{position:absolute;inset-block:22px;inset-inline-start:26px;border:none;background:var(--c-brand-soft);border-radius:50%;width:46px;height:46px;font-size:20px;cursor:pointer}.search-results{margin-block-start:18px}.search-results a{display:block;padding:12px 14px;border-radius:10px;background:var(--c-bg);margin-block-end:8px;font-weight:700}.search-results .tag{color:var(--c-muted);font-size:.82rem;font-weight:600}.hero{padding:40px 0 26px}.hero h1{margin:0 0 10px}.hero p{color:var(--c-ink-soft);max-width:720px;margin:0;font-size:1.05rem}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-block:22px}.hub-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);padding:20px;display:block;box-shadow:var(--shadow);transition:transform .15s}.hub-card:hover{transform:translateY(-3px);text-decoration:none}.hub-card .ic{font-size:30px}.hub-card h3{margin:10px 0 6px;font-size:1.15rem}.hub-card p{margin:0;color:var(--c-muted);font-size:.92rem;line-height:1.6}.hub-card .arrow{color:var(--c-brand);font-weight:800}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.post-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}.post-card h3{margin:0;font-size:1.08rem}.post-card h3 a{color:var(--c-ink)}.post-card h3 a:hover{color:var(--c-brand)}.post-card p{margin:0;color:var(--c-ink-soft);font-size:.94rem}.post-meta{color:var(--c-muted);font-size:.82rem;display:flex;gap:12px;flex-wrap:wrap}.badge{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--c-brand-soft);color:var(--c-brand);font-size:.78rem;font-weight:800}.badge.gold{background:var(--c-gold-soft);color:var(--c-gold)}.section-title{display:flex;align-items:center;gap:8px;font-size:1.3rem;margin:34px 0 16px}.article-header{padding:30px 0 10px}.crumbs{color:var(--c-muted);font-size:.86rem;margin-block-end:14px}.crumbs a{color:var(--c-muted)}.article-header h1{margin:0 0 12px}.article-lead{font-size:1.1rem;color:var(--c-ink-soft);background:var(--c-brand-soft);border-inline-start:4px solid var(--c-brand);border-radius:8px;padding:14px 18px;margin:0 0 18px}.article-layout{display:grid;grid-template-columns:260px 1fr;gap:30px;padding-block-end:40px}.article-body{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);padding:22px 26px 34px;box-shadow:var(--shadow)}.article-body h2{padding-block-start:10px;border-block-start:1px solid var(--c-line)}.article-body table{width:100%;border-collapse:collapse;margin-block:18px;font-size:.94rem}.article-body th,.article-body td{border:1px solid var(--c-line);padding:10px 12px;text-align:start;vertical-align:top}.article-body th{background:var(--c-brand-soft);color:var(--c-brand);font-weight:800}.article-body tr:nth-child(2n) td{background:#fafbfd}.article-body ul,.article-body ol{padding-inline-start:22px}.article-body blockquote{margin-inline:0;padding:12px 18px;border-inline-start:4px solid var(--c-accent);background:var(--c-accent-soft);border-radius:8px}.article-body :is(ul li,ol li){margin-block-end:6px}.callout{display:flex;gap:12px;padding:14px 16px;border-radius:10px;margin-block:16px}.callout.tip{background:var(--c-brand-soft)}.callout.warn{background:var(--c-danger-soft)}.callout.info{background:var(--c-gold-soft)}.callout .em{font-size:22px;line-height:1.4}.callout .tx{font-size:.96rem}.checklist{background:var(--c-surface);border:1px solid var(--c-line);border-radius:10px;padding:6px 16px}.checklist li{list-style:none;margin-block:8px}.checklist li:before{content:"✅  "}.toc{position:sticky;top:84px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-sm);padding:16px 18px;font-size:.92rem;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto}.toc .toc-title{font-weight:800;margin-block-end:8px;display:flex;gap:6px;align-items:center}.toc ul{list-style:none;margin:0;padding-inline-start:0}.toc li{margin-block-end:5px}.toc a{color:var(--c-ink-soft)}.toc a:hover{color:var(--c-brand)}@media (max-width: 920px){.article-layout{grid-template-columns:1fr}.toc{position:static;max-height:none}}.author-box{display:flex;align-items:center;gap:14px;background:var(--c-bg);border:1px solid var(--c-line);border-radius:10px;padding:14px 18px;margin-block-start:26px}.author-avatar{width:52px;height:52px;border-radius:50%;background:var(--brand-gradient);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0}.share-row{display:flex;gap:8px;align-items:center;margin-block-start:18px;flex-wrap:wrap}.share-row .lbl{color:var(--c-muted);font-size:.86rem}.share-btn{padding:7px 14px;border-radius:8px;border:1px solid var(--c-line);background:var(--c-surface);cursor:pointer;font-family:inherit;font-size:.88rem;color:var(--c-ink-soft);font-weight:700}.share-btn:hover{border-color:var(--c-brand);color:var(--c-brand)}.related{margin-block-start:26px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);padding:18px 22px}.related h3{margin-top:0}.related ul{margin:0;padding-inline-start:18px}.related li{margin-block-end:8px}.related a{color:var(--c-ink-soft)}.related .tag{color:var(--c-muted);font-size:.82rem}.faq-list>details{border:1px solid var(--c-line);border-radius:10px;background:var(--c-surface);margin-block-end:10px;padding:0 18px}.faq-list summary{cursor:pointer;font-weight:800;padding:14px 0;color:var(--c-ink)}.faq-list details p{margin-block:0 16px;color:var(--c-ink-soft)}.tool-card{background:linear-gradient(180deg,var(--c-brand-soft),#fff);border:1px solid #cfe3da;border-radius:var(--radius);padding:20px;margin-block:22px}.tool-card .tool-head{display:flex;align-items:center;gap:8px;font-weight:800;margin-block-end:6px}.tool-card .tool-sub{color:var(--c-ink-soft);font-size:.92rem;margin-block-end:14px}.fill-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.fill-grid{grid-template-columns:1fr}}.fill-grid label{display:block;font-size:.9rem;font-weight:700;margin-block-end:4px}.fill-grid input{width:100%;padding:11px 13px;border:1px solid var(--c-line);border-radius:9px;font-family:inherit;font-size:.98rem;background:#fff}.fill-grid input:focus{outline:none;border-color:var(--c-brand)}.tool-actions{display:flex;gap:10px;margin-block-start:16px;flex-wrap:wrap}.btn{border:none;border-radius:10px;padding:11px 20px;font-family:inherit;font-size:.98rem;font-weight:800;cursor:pointer}.btn-primary{background:var(--brand-gradient);color:#fff}.btn-ghost{background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-ink-soft)}.result-box{display:none;margin-block-start:18px;background:#fff;border:1px solid var(--c-line);border-radius:10px;padding:18px;white-space:pre-wrap;line-height:1.9;font-size:1rem}.result-box.show{display:block}.tool-note{font-size:.82rem;color:var(--c-muted);margin-block-start:10px}.site-footer{background:#141828;color:#aeb4c9;margin-block-start:30px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding:40px 0 24px}.footer-grid h4{color:#fff;margin:0 0 12px;font-size:1.02rem}.footer-grid a{color:#aeb4c9;display:block;padding:4px 0}.footer-grid a:hover{color:#fff}.footer-note{border-block-start:1px solid rgba(255,255,255,.08);padding:18px 0 26px;font-size:.86rem;color:#838aa3}.footer-brand{font-size:1.15rem;font-weight:800;color:#fff}.footer-desc{font-size:.9rem;margin-block-start:8px}.legal-note{background:var(--c-danger-soft);border-inline-start:4px solid var(--c-danger);color:#7c2727;padding:12px 16px;border-radius:8px;font-size:.92rem;margin-block-start:18px}.placeholder{color:var(--c-muted);font-style:italic}.skip-link{position:absolute;inset-block-start:-50px;background:var(--c-brand);color:#fff;padding:10px 16px;border-radius:8px;z-index:200}.skip-link:focus{inset-block-start:8px}