body:has(dialog[open]){overflow:hidden !important;}.featured-blog-container{display:grid;grid-template-columns:minmax(300px, 460px) 1fr;gap:40px;align-items:center;background:rgb(var(--color-primary-rgb) / 0.025);border:1px solid rgb(var(--color-primary-rgb) / 0.14);border-radius:28px;padding:32px;margin-bottom:56px;box-shadow:0 8px 28px -6px rgb(var(--color-primary-rgb) / 0.05);transition:border-color 0.3s ease, box-shadow 0.3s ease;}.featured-blog-container:hover{border-color:rgb(var(--color-primary-rgb) / 0.28);box-shadow:0 16px 40px -10px rgb(var(--color-primary-rgb) / 0.1);}@media (max-width: 960px){.featured-blog-container{grid-template-columns:1fr;gap:24px;padding:22px;margin-bottom:40px;}}.featured-blog-frame{width:100%;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:20px;padding:12px;box-shadow:0 10px 28px -8px rgb(var(--color-primary-rgb) / 0.1);position:relative;overflow:hidden;cursor:pointer;}.featured-blog-img{width:100%;height:auto;max-height:360px;object-fit:contain !important;border-radius:12px;display:block;margin:0 auto;transition:transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);}.featured-blog-frame:hover .featured-blog-img{transform:scale(1.02);}.blogs-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:28px;}@media (max-width: 1060px){.blogs-grid{grid-template-columns:repeat(2, 1fr);gap:24px;}}@media (max-width: 640px){.blogs-grid{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding:4px 4px 18px 4px;margin-left:-0.5rem;margin-right:-0.5rem;padding-left:0.5rem;padding-right:0.5rem;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;}.blogs-grid::-webkit-scrollbar{display:none;}.blogs-grid .blog-card{flex:0 0 85%;max-width:85%;min-width:270px;scroll-snap-align:center;scroll-snap-stop:normal;}}.blog-card{background:var(--color-surface-card);border:1px solid var(--color-border-strong);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 18px -4px rgb(var(--color-primary-rgb) / 0.04);transition:transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.28s ease, box-shadow 0.28s ease;position:relative;}.blog-card:hover,
    .blog-card:focus-within{transform:translateY(-5px);border-color:rgb(var(--color-primary-rgb) / 0.32);box-shadow:0 16px 34px -8px rgb(var(--color-primary-rgb) / 0.12);}.blog-cover-wrapper{position:relative;width:100%;padding:12px 12px 0 12px;background:rgb(var(--color-primary-rgb) / 0.015);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;}.blog-cover-img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:14px;display:block;border:1px solid var(--color-border);transition:transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);}.blog-card:hover .blog-cover-img{transform:scale(1.03);}.blog-hover-overlay{position:absolute;inset:12px 12px 0 12px;background:rgb(var(--color-primary-rgb) / 0.82);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:14px;opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:10px;transition:opacity 0.25s ease;z-index:10;}.blog-card:hover .blog-hover-overlay{opacity:1;pointer-events:auto;}#blog-reader-dialog{width:100vw;height:100vh;max-width:100%;max-height:100%;margin:0;padding:0;border:none;background:transparent;z-index:9999;overflow:hidden;}#blog-reader-dialog::backdrop{background:rgba(18, 5, 8, 0.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.reader-surface{--reader-bg:#FAF7F2;--reader-card:#FFFFFF;--reader-text:#3A101D;--reader-muted:rgba(58, 16, 29, 0.68);--reader-border:rgba(101, 28, 50, 0.14);--reader-accent:#C59B27;--reader-quote-bg:rgba(101, 28, 50, 0.04);--reader-font-size:1.125rem;--reader-line-height:1.85;--reader-max-width:720px;background-color:var(--reader-bg);color:var(--reader-text);transition:background-color 0.3s ease, color 0.3s ease;}.reader-surface[data-theme="white"]{--reader-bg:#FFFFFF;--reader-card:#F8FAFC;--reader-text:#1E293B;--reader-muted:#64748B;--reader-border:rgba(30, 41, 59, 0.12);--reader-quote-bg:#F1F5F9;}.reader-surface[data-theme="sepia"]{--reader-bg:#F4ECD8;--reader-card:#EFE4C8;--reader-text:#433422;--reader-muted:#786248;--reader-border:rgba(67, 52, 34, 0.16);--reader-quote-bg:rgba(67, 52, 34, 0.06);}.reader-surface[data-theme="night"]{--reader-bg:#130D10;--reader-card:#1D1418;--reader-text:#F3ECE7;--reader-muted:rgba(243, 236, 231, 0.65);--reader-border:rgba(243, 236, 231, 0.12);--reader-quote-bg:rgba(243, 236, 231, 0.05);}.reader-article-body{font-size:var(--reader-font-size);line-height:var(--reader-line-height);max-width:var(--reader-max-width);margin:0 auto;transition:font-size 0.2s ease, max-width 0.25s ease;}.reader-article-body.font-serif-mode{font-family:Georgia, 'Times New Roman', serif;}.reader-article-body.font-sans-mode{font-family:'Outfit', system-ui, -apple-system, sans-serif;}.reader-article-body p{margin-bottom:1.45em;}.reader-article-body h3{font-family:'Poppins', sans-serif;font-weight:700;font-size:1.38em;margin-top:1.8em;margin-bottom:0.65em;line-height:1.3;color:var(--reader-text);}.reader-article-body blockquote{margin:1.8em 0;padding:1.25em 1.5em;border-left:4px solid #C59B27;background:var(--reader-quote-bg);border-radius:0 16px 16px 0;font-style:italic;font-weight:500;}.reader-article-body ul{list-style:disc;padding-left:1.5em;margin-bottom:1.5em;}.reader-article-body li{margin-bottom:0.55em;}#reader-scroll-container::-webkit-scrollbar{width:6px;}#reader-scroll-container::-webkit-scrollbar-track{background:transparent;}#reader-scroll-container::-webkit-scrollbar-thumb{background:rgba(101, 28, 50, 0.25);border-radius:9999px;}