@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #f0e8d8;--color-primary-hover: #d9cfc0;--color-secondary: #a09080;--color-tertiary: #2a2520;--color-tertiary-hover: #332d28;--color-border: #3a3228;--color-border-light: #342e28;--color-surface: #221e1a;--color-bg: #1a1612;--color-accent: rgba(212, 168, 83, .25);--color-danger: #ff6b6b;--color-brand: #5b9cf6;--color-brand-hover: #3b7dd8;--color-brand-light: rgba(91, 156, 246, .15);--color-gold: #d4a853;--font-base: "Roboto", sans-serif;--header-h: 52px;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--color-primary: #1a1a1a;--color-primary-hover: #333;--color-secondary: #555;--color-tertiary: #f5f5f5;--color-tertiary-hover: #e8e8e8;--color-border: #e0e0e0;--color-border-light: #ddd;--color-surface: #fafafa;--color-bg: #ffffff;--color-accent: rgba(155, 199, 0, .2);--color-danger: #d32f2f;--color-brand: #2563eb;--color-brand-hover: #1d4ed8;--color-brand-light: rgba(37, 99, 235, .12);color-scheme:light}}[data-theme=light]{--color-primary: #1a1a1a;--color-primary-hover: #333;--color-secondary: #555;--color-tertiary: #f5f5f5;--color-tertiary-hover: #e8e8e8;--color-border: #e0e0e0;--color-border-light: #ddd;--color-surface: #fafafa;--color-bg: #ffffff;--color-accent: rgba(155, 199, 0, .2);--color-danger: #d32f2f;--color-brand: #2563eb;--color-brand-hover: #1d4ed8;--color-brand-light: rgba(37, 99, 235, .12);color-scheme:light}[data-theme=dark]{--color-primary: #f0e8d8;--color-primary-hover: #d9cfc0;--color-secondary: #a09080;--color-tertiary: #2a2520;--color-tertiary-hover: #332d28;--color-border: #3a3228;--color-border-light: #342e28;--color-surface: #221e1a;--color-bg: #1a1612;--color-accent: rgba(212, 168, 83, .25);--color-danger: #ff6b6b;--color-brand: #5b9cf6;--color-brand-hover: #3b7dd8;--color-brand-light: rgba(91, 156, 246, .15);color-scheme:dark}html,body{height:100%}body{font-family:var(--font-base);font-size:16px;line-height:1.6;color:var(--color-primary);background:var(--color-bg)}a{color:var(--color-brand);text-decoration:none}a:hover{color:var(--color-brand-hover);text-decoration:underline}img,video{max-width:100%;height:auto}.blog-header{position:sticky;top:0;z-index:100;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:1.25rem}.blog-header__logo-link{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.blog-header__logo{height:30px;width:auto}.blog-header__logo--light{display:none}.blog-header__logo--dark{display:block}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .blog-header__logo--light{display:block}:root:not([data-theme=dark]) .blog-header__logo--dark{display:none}}[data-theme=light] .blog-header__logo--light{display:block}[data-theme=light] .blog-header__logo--dark,[data-theme=dark] .blog-header__logo--light{display:none}[data-theme=dark] .blog-header__logo--dark{display:block}.blog-header__nav{display:flex;align-items:center;gap:.25rem;flex:1}.blog-header__nav-link{padding:.35rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;color:var(--color-secondary);text-decoration:none;transition:background .12s,color .12s;white-space:nowrap}.blog-header__nav-link:hover,.blog-header__nav-link:focus-visible{background:var(--color-tertiary-hover);color:var(--color-primary);text-decoration:none}.blog-header__nav-link--active{background:var(--color-tertiary);color:var(--color-primary);font-weight:700}.blog-header__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.blog-header__theme-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-secondary);cursor:pointer;font-size:1rem;transition:color .15s,border-color .15s}.blog-header__theme-btn:hover{color:var(--color-gold);border-color:var(--color-gold)}.blog-header__hamburger{display:none}.blog-header__menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--color-border);border-radius:8px;color:var(--color-secondary);cursor:pointer;font-size:1.1rem;transition:color .15s,border-color .15s}.blog-header__menu-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.blog-header__backdrop{position:fixed;inset:0;background:#0000;z-index:299;pointer-events:none;transition:background .32s cubic-bezier(.4,0,.2,1)}.blog-header__backdrop--open{background:#00000073;pointer-events:auto}.blog-header__drawer{position:fixed;top:var(--header-h);left:0;width:min(300px,82vw);height:calc(100dvh - var(--header-h));background:var(--color-surface);border-right:1px solid var(--color-border);transform:translate(-100%);transition:transform .32s cubic-bezier(.4,0,.2,1);z-index:300;overflow-y:auto;display:flex;flex-direction:column;padding:.75rem .5rem;gap:2px}.blog-header__drawer--open{transform:translate(0)}.blog-header__drawer-link{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:8px;font-size:.9375rem;font-weight:500;color:var(--color-secondary);text-decoration:none;transition:background .12s,color .12s}.blog-header__drawer-link:hover{background:var(--color-tertiary-hover);color:var(--color-primary);text-decoration:none}.blog-header__drawer-link--active{background:var(--color-tertiary);color:var(--color-primary);font-weight:700}@media(max-width:640px){.blog-header__nav{display:none}.blog-header__hamburger{display:block}}body.menu-open{overflow:hidden}.blog-page{min-height:100dvh;display:flex;flex-direction:column}.blog-main{flex:1;width:100%;max-width:780px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.blog-listing__title{font-size:1.1rem;font-weight:700;color:var(--color-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2rem}.blog-listing__list{display:flex;flex-direction:column;gap:0}.blog-listing__item{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem 0;border-bottom:1px solid var(--color-border)}.blog-listing__item:first-child{border-top:1px solid var(--color-border)}.blog-listing__item-body{flex:1;min-width:0}.blog-listing__item-cover-link{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:160px;height:84px;background:#2d2a26;border-radius:6px;overflow:hidden}.blog-listing__item-cover{display:block;max-width:160px;max-height:84px;width:auto;height:auto}@media(max-width:480px){.blog-listing__item{flex-direction:column-reverse;gap:.75rem}.blog-listing__item-cover-link,.blog-listing__item-cover{width:100%}}.blog-listing__item-title{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.375rem}.blog-listing__item-title a{color:var(--color-primary);text-decoration:none;transition:color .12s}.blog-listing__item-title a:hover{color:var(--color-brand)}.blog-listing__item-subtitle{font-size:1rem;color:var(--color-secondary);margin-bottom:.5rem;line-height:1.4}.blog-listing__item-excerpt{font-size:.9375rem;color:var(--color-secondary);line-height:1.55;margin-bottom:.75rem}.blog-listing__item-meta{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;color:var(--color-secondary)}.blog-listing__item-author{font-weight:500;color:var(--color-primary)}.blog-listing__item-dot{opacity:.4}.blog-listing__tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.625rem}.blog-listing__tag{padding:.2rem .6rem;border-radius:99px;font-size:.75rem;font-weight:500;background:var(--color-tertiary);color:var(--color-secondary);letter-spacing:.02em}.blog-breadcrumb{margin-bottom:1.5rem}.blog-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;list-style:none;padding:0;margin:0;font-size:.8125rem;color:var(--color-secondary)}.blog-breadcrumb__item+.blog-breadcrumb__item:before{content:"/";margin-right:.25rem;opacity:.4}.blog-breadcrumb__item a{color:var(--color-secondary);text-decoration:none}.blog-breadcrumb__item a:hover{color:var(--color-brand)}.blog-breadcrumb__item--current{color:var(--color-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40ch}.blog-post__hero{margin-bottom:2rem;display:flex;justify-content:center;align-items:center;background:#2d2a26;border-radius:8px;overflow:hidden}.blog-post__hero-img{display:block;max-width:100%;height:auto;max-height:520px;width:auto}.blog-post__header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.blog-post__title{font-size:clamp(1.625rem,4vw,2.25rem);font-weight:700;line-height:1.2;color:var(--color-primary);margin-bottom:.625rem}.blog-post__subtitle{font-size:1.125rem;color:var(--color-secondary);line-height:1.45;margin-bottom:1rem}.blog-post__meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-secondary);flex-wrap:wrap}.blog-post__meta-author{font-weight:600;color:var(--color-primary)}.blog-post__tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.875rem}.blog-post__tag{padding:.2rem .625rem;border-radius:99px;font-size:.75rem;font-weight:500;background:var(--color-tertiary);color:var(--color-secondary)}.blog-prose{font-size:1.0625rem;line-height:1.75;color:var(--color-primary)}.blog-prose h1,.blog-prose h2,.blog-prose h3,.blog-prose h4{color:var(--color-primary);font-weight:700;line-height:1.25;margin-top:2.25rem;margin-bottom:.75rem}.blog-prose h2{font-size:1.5rem}.blog-prose h3{font-size:1.25rem}.blog-prose h4{font-size:1.0625rem}.blog-prose p{margin-bottom:1.25rem}.blog-prose ul,.blog-prose ol{padding-left:1.5rem;margin-bottom:1.25rem}.blog-prose li{margin-bottom:.25rem}.blog-prose strong{font-weight:700}.blog-prose em{font-style:italic}.blog-prose a{color:var(--color-brand);text-decoration:underline;text-underline-offset:3px}.blog-prose a:hover{color:var(--color-brand-hover)}.blog-prose blockquote{border-left:3px solid var(--color-gold);padding-left:1.25rem;margin:1.5rem 0;color:var(--color-secondary);font-style:italic}.blog-prose code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875em;background:var(--color-tertiary);border:1px solid var(--color-border);border-radius:4px;padding:.15em .4em}.blog-prose pre{background:var(--color-tertiary);border:1px solid var(--color-border);border-radius:8px;padding:1rem 1.25rem;overflow-x:auto;margin:1.5rem 0}.blog-prose pre code{background:none;border:none;padding:0;font-size:.875rem}.blog-prose hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}.blog-prose img{border-radius:8px;border:1px solid var(--color-border);margin:1.5rem 0;display:block}.blog-prose figure{margin:1.5rem 0}.blog-prose figcaption{font-size:.8125rem;color:var(--color-secondary);text-align:center;margin-top:.5rem}.blog-prose video{border-radius:8px;border:1px solid var(--color-border);margin:1.5rem 0;display:block}.tabiyat-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0}.tabiyat-table-scroll table{min-width:600px;margin:0}.blog-prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}.blog-prose th,.blog-prose td{padding:.6rem .875rem;border:1px solid var(--color-border);text-align:left}.blog-prose th{background:var(--color-tertiary);font-weight:600;color:var(--color-primary)}.blog-footer{border-top:1px solid var(--color-border);padding:1.5rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8125rem;color:var(--color-secondary);flex-wrap:wrap}.blog-footer__links{display:flex;gap:1rem}.blog-footer__links a{color:var(--color-secondary);transition:color .12s}.blog-footer__links a:hover{color:var(--color-primary);text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[dir=rtl] .site-nav__sidebar{border-right:none;border-left:1px solid var(--color-border, #333)}[dir=rtl] .site-nav__item--active:before{left:auto;right:0;border-radius:2px 0 0 2px}[dir=rtl] .site-layout__theme-btn{margin-left:0!important;margin-right:auto}[dir=rtl] .site-layout__menu-panel{left:auto;right:0}