@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800&display=swap";:root{--bg: #e6e7ee;--bg-white: #ECF0F3;--bg-card: #e6e7ee;--bg-elevated: #e6e7ee;--bg-soft: #ECF0F3;--bg-hover: #d1d9e6;--text: #44476A;--text-heading: #31344b;--text-soft: #66799e;--text-muted: #93a5be;--text-inverse: #ECF0F3;--border: #D1D9E6;--border-light: rgba(243, 247, 250, .05);--primary: #e6e7ee;--primary-hover: #cfd1df;--primary-active: #c8cad9;--secondary: #2D4CC8;--secondary-hover: #2640a9;--secondary-active: #243c9e;--shadow-soft: 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff;--shadow-soft-sm: 3px 3px 6px #b8b9be, -3px -3px 6px #ffffff;--shadow-soft-lg: 9px 9px 18px #b8b9be, -9px -9px 18px #ffffff;--shadow-inset: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #ffffff;--shadow-inset-sm: inset 1px 1px 3px #b8b9be, inset -2px -2px 4px #ffffff;--shadow-none: none;--radius: .55rem;--radius-sm: .35rem;--radius-lg: .75rem;--radius-pill: 2rem;--sidebar-width: 260px;--sidebar-collapsed: 64px;--sidebar-bg: #e6e7ee;--header-height: 56px;--font: "Nunito Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-10: 3rem;--transition: .2s ease;--transition-sidebar: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{margin:0;font-family:var(--font, "Nunito Sans", -apple-system, BlinkMacSystemFont, sans-serif);font-size:1rem;font-weight:300;line-height:1.6;color:var(--text, #44476A);background-color:var(--bg, #e6e7ee);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:700;color:var(--text-heading, #31344b);line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{margin-top:0;margin-bottom:1rem}a{color:var(--text-heading, #31344b);text-decoration:none;background-color:transparent}a:hover{color:var(--secondary, #2D4CC8)}img{max-width:100%;height:auto;vertical-align:middle;border-style:none}small{font-size:80%}hr{margin:1.5rem 0;border:0;border-top:1px solid var(--border, #D1D9E6)}ul,ol{padding-left:1.5rem}table{width:100%;border-collapse:collapse;margin-bottom:1rem;background:var(--bg, #e6e7ee);border-radius:var(--radius, .55rem);overflow:hidden}th,td{padding:.75rem 1rem;border:1px solid var(--border, #D1D9E6);text-align:left}th{font-weight:600;background:var(--bg-soft, #ECF0F3)}blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:3px solid var(--secondary, #2D4CC8);background:var(--bg-soft, #ECF0F3);border-radius:var(--radius, .55rem)}code{font-family:var(--font-mono, "SF Mono", Monaco, "Cascadia Code", monospace);font-size:.875em;padding:.15rem .35rem;background:var(--bg-soft, #ECF0F3);border-radius:var(--radius-sm, .35rem)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-5, 1.25rem)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);padding:.625rem 1.25rem;font-family:var(--font, "Nunito Sans", -apple-system, BlinkMacSystemFont, sans-serif);font-size:.875rem;font-weight:600;line-height:1.5;text-align:center;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid transparent;border-radius:var(--radius, .55rem);background-color:var(--primary, #e6e7ee);color:var(--text-heading, #31344b);box-shadow:var(--shadow-inset, inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #ffffff);transition:all var(--transition, .2s ease)}.btn:hover{background-color:var(--primary-hover, #cfd1df);color:var(--text-heading, #31344b)}.btn:focus{outline:0;box-shadow:var(--shadow-inset, inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #ffffff),0 0 0 .0625rem #cbccd680}.btn:active{background-color:var(--primary-active, #c8cad9);box-shadow:var(--shadow-inset, inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #ffffff)}.btn-primary{background-color:var(--primary, #e6e7ee);color:var(--text-heading, #31344b);border-color:var(--primary, #e6e7ee);box-shadow:var(--shadow-soft-sm, 3px 3px 6px #b8b9be, -3px -3px 6px #ffffff)}.btn-primary:hover{background-color:var(--primary-hover, #cfd1df);border-color:var(--primary-active, #c8cad9);box-shadow:var(--shadow-soft, 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff)}.btn-secondary{background-color:var(--secondary, #2D4CC8);color:var(--text-inverse, #ECF0F3);border-color:var(--secondary, #2D4CC8);box-shadow:var(--shadow-soft-sm, 3px 3px 6px #b8b9be, -3px -3px 6px #ffffff)}.btn-secondary:hover{background-color:var(--secondary-hover, #2640a9);border-color:var(--secondary-active, #243c9e);color:var(--text-inverse, #ECF0F3)}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.card{position:relative;display:flex;flex-direction:column;background-color:var(--bg-card, #e6e7ee);border:1px solid rgba(243,247,250,.05);border-radius:var(--radius-lg, .75rem);box-shadow:var(--shadow-soft, 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff);transition:all var(--transition, .2s ease)}.card:hover{box-shadow:var(--shadow-soft-lg, 9px 9px 18px #b8b9be, -9px -9px 18px #ffffff);transform:translateY(-2px)}.card-body{padding:1.25rem;flex:1 1 auto}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:var(--text-soft, #66799e);background:var(--bg, #e6e7ee);border-radius:var(--radius-pill, 2rem);box-shadow:var(--shadow-inset-sm, inset 1px 1px 3px #b8b9be, inset -2px -2px 4px #ffffff);text-decoration:none;transition:all var(--transition, .2s ease)}.tag:hover{color:var(--secondary, #2D4CC8);box-shadow:var(--shadow-inset, inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #ffffff)}.badge{display:inline-block;padding:.25rem .75rem;font-size:.7rem;font-weight:700;color:var(--text-inverse, #ECF0F3);border-radius:var(--radius-pill, 2rem);text-transform:uppercase;letter-spacing:.03em}.breadcrumb{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:.82rem;color:var(--text-soft, #66799e);margin-bottom:var(--space-3, .75rem)}.breadcrumb a{color:var(--text-soft, #66799e)}.breadcrumb a:hover{color:var(--secondary, #2D4CC8)}.breadcrumb .sep,.breadcrumb .current{color:var(--text-muted, #93a5be)}.prose{max-width:720px;font-size:1.025rem;line-height:1.8;color:var(--text, #44476A)}.prose h2{margin-top:2rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border, #D1D9E6)}.prose h3{margin-top:1.5rem;margin-bottom:.5rem}.prose p{margin-bottom:1.25rem}.prose img{border-radius:var(--radius, .55rem);box-shadow:var(--shadow-soft, 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff);margin:1.5rem 0}.prose blockquote{font-style:italic;color:var(--text-soft, #66799e)}.prose table{box-shadow:var(--shadow-soft-sm, 3px 3px 6px #b8b9be, -3px -3px 6px #ffffff)}.disclosure{padding:var(--space-4, 1rem);background:var(--bg-soft, #ECF0F3);border-radius:var(--radius, .55rem);box-shadow:var(--shadow-inset-sm, inset 1px 1px 3px #b8b9be, inset -2px -2px 4px #ffffff);font-size:.85rem;color:var(--text-soft, #66799e)}.section{padding-block:var(--space-8, 2.5rem)}.section-alt{background:var(--bg-soft, #ECF0F3);border-top:1px solid var(--border, #D1D9E6);border-bottom:1px solid var(--border, #D1D9E6)}.section-header{margin-bottom:var(--space-6, 1.5rem)}.section-title{font-size:1.35rem;font-weight:700;margin:0;color:var(--text-heading, #31344b)}.section-sub{color:var(--text-soft, #66799e);margin:var(--space-1, .25rem) 0 0 0;font-size:.92rem}.layout-wrapper{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;z-index:1000;width:var(--sidebar-collapsed, 64px);height:100vh;background:var(--sidebar-bg, #e6e7ee);border-right:1px solid var(--border, #D1D9E6);display:flex;flex-direction:column;overflow:hidden;transition:width var(--transition-sidebar, .3s cubic-bezier(.4, 0, .2, 1));box-shadow:3px 0 8px #0000000a}@media(hover:hover){.sidebar:hover{width:var(--sidebar-width, 260px)}}.sidebar-header{display:flex;align-items:center;padding:var(--space-5, 1.25rem) var(--space-4, 1rem);gap:var(--space-3, .75rem);flex-shrink:0;min-height:64px}.sidebar-logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg, #e6e7ee);border-radius:var(--radius, .55rem);box-shadow:var(--shadow-soft-sm, 3px 3px 6px #b8b9be, -3px -3px 6px #ffffff);font-size:1.1rem;font-weight:800;color:var(--secondary, #2D4CC8);flex-shrink:0}.sidebar-logo-text{white-space:nowrap;font-size:1.15rem;font-weight:800;color:var(--text-heading, #31344b);opacity:0;transition:opacity .15s ease .1s}.sidebar:hover .sidebar-logo-text{opacity:1}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2, .5rem) 0}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border, #D1D9E6);border-radius:3px}.nav-section-label{padding:var(--space-3, .75rem) var(--space-4, 1rem) var(--space-1, .25rem);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #93a5be);white-space:nowrap;overflow:hidden;opacity:0;transition:opacity .15s ease .1s}.sidebar:hover .nav-section-label{opacity:1}.nav-link{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-2, .5rem) var(--space-4, 1rem);color:var(--text, #44476A);text-decoration:none;font-size:.88rem;font-weight:400;white-space:nowrap;transition:all var(--transition, .2s ease);border-radius:0;margin:1px 0}.nav-link:hover{background:var(--bg-soft, #ECF0F3);color:var(--secondary, #2D4CC8)}.nav-link.active{background:var(--bg-soft, #ECF0F3);color:var(--secondary, #2D4CC8);font-weight:600;box-shadow:inset 2px 0 0 var(--secondary, #2D4CC8)}.nav-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem;color:var(--text-soft, #66799e)}.nav-label{opacity:0;transition:opacity .15s ease .1s}.sidebar:hover .nav-label{opacity:1}.nav-divider{height:1px;background:var(--border, #D1D9E6);margin:var(--space-2, .5rem) var(--space-4, 1rem);opacity:0;transition:opacity .15s ease .1s}.sidebar:hover .nav-divider{opacity:1}.col-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;font-weight:700;background:var(--bg, #e6e7ee);border-radius:var(--radius-sm, .35rem);box-shadow:var(--shadow-inset-sm, inset 1px 1px 3px #b8b9be, inset -2px -2px 4px #ffffff)}.sidebar-footer{flex-shrink:0;padding:var(--space-3, .75rem) var(--space-4, 1rem);white-space:nowrap}.lang-row{display:flex;gap:var(--space-1, .25rem);opacity:0;transition:opacity .15s ease .1s}.sidebar:hover .lang-row{opacity:1}.lang-btn{flex:1;padding:.3rem .5rem;font-size:.75rem;font-weight:600;text-align:center;border-radius:var(--radius-sm, .35rem);background:var(--bg, #e6e7ee);color:var(--text-soft, #66799e);text-decoration:none;box-shadow:var(--shadow-inset-sm, inset 1px 1px 3px #b8b9be, inset -2px -2px 4px #ffffff);transition:all var(--transition, .2s ease)}.lang-btn:hover{color:var(--text-heading, #31344b);box-shadow:var(--shadow-inset, inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #ffffff)}.lang-btn.active{color:var(--secondary, #2D4CC8);font-weight:700;box-shadow:var(--shadow-inset, inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #ffffff)}.sidebar-copyright{font-size:.65rem;color:var(--text-muted, #93a5be);margin-top:var(--space-2, .5rem);opacity:0;transition:opacity .15s ease .1s}.sidebar:hover .sidebar-copyright{opacity:1}.theme-row{display:flex;gap:var(--space-1, .25rem);opacity:0;transition:opacity .15s ease .1s;margin-top:var(--space-2, .5rem)}.sidebar:hover .theme-row{opacity:1}.theme-btn{flex:1;padding:.3rem .5rem;font-size:.75rem;font-weight:600;text-align:center;border-radius:var(--radius-sm, .35rem);background:var(--bg, #e6e7ee);color:var(--text-soft, #66799e);text-decoration:none;border:none;cursor:pointer;box-shadow:var(--shadow-inset-sm, inset 1px 1px 3px #b8b9be, inset -2px -2px 4px #ffffff);transition:all var(--transition, .2s ease);font-family:inherit}.theme-btn:hover{color:var(--text-heading, #31344b);box-shadow:var(--shadow-inset, inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #ffffff)}.theme-btn.active{color:var(--secondary, #2D4CC8);font-weight:700;box-shadow:var(--shadow-inset, inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #ffffff)}.main-content{flex:1;margin-left:var(--sidebar-collapsed, 64px);min-height:100vh;transition:margin-left var(--transition-sidebar, .3s cubic-bezier(.4, 0, .2, 1))}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:999;height:var(--header-height, 56px);background:var(--bg, #e6e7ee);border-bottom:1px solid var(--border, #D1D9E6);padding:0 var(--space-4, 1rem);align-items:center;justify-content:space-between;box-shadow:var(--shadow-soft-sm, 3px 3px 6px #b8b9be, -3px -3px 6px #ffffff)}.mobile-header-logo{display:flex;align-items:center;gap:var(--space-2, .5rem);font-weight:800;font-size:1.05rem;color:var(--text-heading, #31344b);text-decoration:none}.hamburger-btn{display:flex;flex-direction:column;gap:4px;padding:var(--space-2, .5rem);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm, .35rem);box-shadow:var(--shadow-inset-sm, inset 1px 1px 3px #b8b9be, inset -2px -2px 4px #ffffff);background:var(--bg, #e6e7ee)}.hamburger-btn span{display:block;width:20px;height:2px;background:var(--text, #44476A);border-radius:2px;transition:all var(--transition, .2s ease)}.mobile-lang{font-size:.75rem;font-weight:700;color:var(--text-soft, #66799e);text-decoration:none;padding:var(--space-1, .25rem) var(--space-2, .5rem);border-radius:var(--radius-sm, .35rem);background:var(--bg, #e6e7ee);box-shadow:var(--shadow-inset-sm, inset 1px 1px 3px #b8b9be, inset -2px -2px 4px #ffffff)}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:998;background:#0000004d;opacity:0;transition:opacity var(--transition, .2s ease)}.sidebar-overlay.active{opacity:1}.sidebar.open{width:var(--sidebar-width, 260px)!important;box-shadow:var(--shadow-soft-lg, 9px 9px 18px #b8b9be, -9px -9px 18px #ffffff)}.sidebar.open .nav-label,.sidebar.open .nav-section-label,.sidebar.open .sidebar-logo-text,.sidebar.open .sidebar-copyright,.sidebar.open .nav-divider,.sidebar.open .lang-row,.sidebar.open .theme-row{opacity:1!important}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:var(--space-5, 1.25rem)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--space-5, 1.25rem)}.columns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:var(--space-4, 1rem)}.load-more-wrap{text-align:center;margin-top:var(--space-6, 1.5rem)}.subscribe-card{background:var(--bg-soft, #ECF0F3);border-radius:var(--radius-lg, .75rem);padding:var(--space-7, 2rem);text-align:center;box-shadow:var(--shadow-soft, 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff)}.subscribe-card h2{font-size:1.35rem;margin:0 0 var(--space-2, .5rem)}.subscribe-card p{color:var(--text-soft, #66799e);margin:0 0 var(--space-5, 1.25rem);font-size:.92rem}.subscribe-form{display:flex;gap:var(--space-3, .75rem);max-width:26rem;margin:0 auto}.subscribe-form input{flex:1;padding:var(--space-3, .75rem) var(--space-4, 1rem);border:1px solid var(--border, #D1D9E6);border-radius:var(--radius, .55rem);font-family:var(--font, "Nunito Sans", -apple-system, BlinkMacSystemFont, sans-serif);font-size:.9rem;background:var(--bg, #e6e7ee);color:var(--text, #44476A);box-shadow:var(--shadow-inset-sm, inset 1px 1px 3px #b8b9be, inset -2px -2px 4px #ffffff);transition:all var(--transition, .2s ease)}.subscribe-form input:focus{outline:none;border-color:var(--border, #D1D9E6);box-shadow:var(--shadow-inset, inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #ffffff)}.footer-subscribe{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6, 1.5rem);padding:var(--space-6, 1.5rem) var(--space-7, 2rem);margin-bottom:var(--space-6, 1.5rem);background:var(--bg-card, #e6e7ee);border-radius:var(--radius, .55rem);box-shadow:var(--shadow-soft, 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff)}.footer-subscribe .subscribe-text h3{font-size:1.15rem;font-weight:800;color:var(--text-heading, #31344b);margin-bottom:var(--space-1, .25rem)}.footer-subscribe .subscribe-text p{font-size:.85rem;color:var(--text-soft, #66799e);margin:0}.footer-subscribe .subscribe-form{display:flex;gap:var(--space-2, .5rem);flex-shrink:0}.footer-subscribe .subscribe-form input{width:240px}@media(max-width:767px){.footer-subscribe{flex-direction:column;text-align:center;padding:var(--space-5, 1.25rem)}.footer-subscribe .subscribe-form,.footer-subscribe .subscribe-form input{width:100%}}.site-footer{background:var(--bg-soft, #ECF0F3);border-top:1px solid var(--border, #D1D9E6);padding:var(--space-8, 2.5rem) 0 var(--space-5, 1.25rem);margin-top:var(--space-8, 2.5rem)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:var(--space-6, 1.5rem)}.footer-brand{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:1.1rem;font-weight:800;color:var(--text-heading, #31344b);margin-bottom:var(--space-3, .75rem)}.footer-desc{font-size:.85rem;color:var(--text-soft, #66799e);margin-bottom:var(--space-3, .75rem)}.footer-heading{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-heading, #31344b);margin-bottom:var(--space-3, .75rem)}.footer-links{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.footer-links a{font-size:.85rem;color:var(--text-soft, #66799e)}.footer-links a:hover{color:var(--secondary, #2D4CC8)}.footer-social{display:flex;gap:var(--space-2, .5rem);margin-top:var(--space-3, .75rem)}.footer-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius, .55rem);background:var(--bg, #e6e7ee);box-shadow:var(--shadow-soft-sm, 3px 3px 6px #b8b9be, -3px -3px 6px #ffffff);font-size:.85rem;transition:all var(--transition, .2s ease)}.footer-social a:hover{box-shadow:var(--shadow-soft, 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff);transform:translateY(-1px)}.footer-bottom{text-align:center;padding-top:var(--space-5, 1.25rem);margin-top:var(--space-5, 1.25rem);border-top:1px solid var(--border, #D1D9E6);font-size:.8rem;color:var(--text-muted, #93a5be)}.hero-section{padding-block:var(--space-6, 1.5rem)}.hero-card{display:block;text-decoration:none;color:inherit;border-radius:var(--radius-lg, .75rem);overflow:hidden;background:var(--bg, #e6e7ee);box-shadow:var(--shadow-soft, 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff);transition:all var(--transition, .2s ease)}.hero-card:hover{box-shadow:var(--shadow-soft-lg, 9px 9px 18px #b8b9be, -9px -9px 18px #ffffff);transform:translateY(-2px)}.hero-image{position:relative;aspect-ratio:21 / 9;background-size:cover;background-position:center;display:flex;align-items:flex-end}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.15) 50%,transparent 100%)}.hero-content{position:relative;z-index:1;padding:var(--space-6, 1.5rem);max-width:48rem}.hero-badge{display:inline-block;padding:.25rem .75rem;font-size:.7rem;font-weight:700;color:#fff;border-radius:var(--radius-pill, 2rem);text-transform:uppercase;letter-spacing:.04em;background:var(--secondary, #2D4CC8);margin-bottom:var(--space-3, .75rem)}.hero-title{font-size:clamp(1.3rem,3vw,2rem);font-weight:800;color:#fff;line-height:1.2;margin:0 0 var(--space-2, .5rem);text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-meta{display:flex;align-items:center;gap:var(--space-2, .5rem);color:#ffffffd9;font-size:.82rem}.hero-sep{opacity:.5}.page-header{padding-block:var(--space-6, 1.5rem) var(--space-4, 1rem);border-bottom:1px solid var(--border, #D1D9E6);background:var(--bg-soft, #ECF0F3)}.page-title{font-size:1.75rem;font-weight:800;margin:0 0 var(--space-1, .25rem);color:var(--text-heading, #31344b)}.page-desc{color:var(--text-soft, #66799e);margin:0;font-size:.95rem}.content-layout{display:grid;grid-template-columns:1fr 16rem;gap:var(--space-6, 1.5rem);align-items:start}.content-sidebar{position:sticky;top:var(--space-4, 1rem)}.sidebar-card{background:var(--bg, #e6e7ee);border-radius:var(--radius-lg, .75rem);padding:var(--space-5, 1.25rem);box-shadow:var(--shadow-soft, 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff)}.sidebar-card-title{font-size:.95rem;font-weight:700;margin:0 0 var(--space-4, 1rem);padding-bottom:var(--space-3, .75rem);border-bottom:2px solid var(--border, #D1D9E6);color:var(--text-heading, #31344b)}.post-card{display:flex;flex-direction:column;background:var(--bg, #e6e7ee);border-radius:var(--radius-lg, .75rem);overflow:hidden;text-decoration:none;color:var(--text, #44476A);box-shadow:var(--shadow-soft, 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff);transition:all var(--transition, .2s ease)}.post-card:hover{box-shadow:var(--shadow-soft-lg, 9px 9px 18px #b8b9be, -9px -9px 18px #ffffff);transform:translateY(-3px)}.post-card-image-wrap{position:relative;aspect-ratio:16 / 9;overflow:hidden}.post-card-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.post-card:hover .post-card-image-wrap img{transform:scale(1.05)}.post-card-badge{position:absolute;top:var(--space-3, .75rem);left:var(--space-3, .75rem);padding:.2rem .65rem;font-size:.65rem;font-weight:700;color:#fff;border-radius:var(--radius-pill, 2rem);text-transform:uppercase;letter-spacing:.03em}.post-card-body{padding:var(--space-4, 1rem);display:flex;flex-direction:column;gap:var(--space-2, .5rem);flex:1}.post-card-meta{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:.75rem;color:var(--text-muted, #93a5be)}.post-card-title{font-size:.95rem;font-weight:700;margin:0;color:var(--text-heading, #31344b);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-desc{font-size:.82rem;color:var(--text-soft, #66799e);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-featured .post-card-image-wrap{aspect-ratio:16 / 10}.post-card-featured .post-card-title{font-size:1.05rem}.post-card-compact{flex-direction:row;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem)}.post-card-compact .post-card-image-wrap{width:64px;height:64px;aspect-ratio:auto;border-radius:var(--radius, .55rem);flex-shrink:0}.post-card-compact .post-card-body{padding:0}.post-card-compact .post-card-title{font-size:.85rem;-webkit-line-clamp:2}.post-card-compact .post-card-meta{font-size:.7rem}.column-card{display:block;text-decoration:none;border-radius:var(--radius-lg, .75rem);overflow:hidden;background:var(--bg, #e6e7ee);box-shadow:var(--shadow-soft, 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff);transition:all var(--transition, .2s ease)}.column-card:hover{box-shadow:var(--shadow-soft-lg, 9px 9px 18px #b8b9be, -9px -9px 18px #ffffff);transform:translateY(-3px)}.column-card-image{aspect-ratio:16 / 10;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end}.column-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%);display:flex;align-items:flex-end;padding:var(--space-3, .75rem)}.column-card-name{color:#fff;font-size:.85rem;font-weight:700;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.4)}.empty-state{text-align:center;padding:var(--space-8, 2.5rem);color:var(--text-muted, #93a5be);background:var(--bg, #e6e7ee);border-radius:var(--radius, .55rem);box-shadow:var(--shadow-inset-sm, inset 1px 1px 3px #b8b9be, inset -2px -2px 4px #ffffff)}.post-hero{position:relative;border-radius:var(--radius-lg, .75rem);overflow:hidden;background:var(--bg, #e6e7ee);box-shadow:var(--shadow-soft, 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff);margin-bottom:var(--space-6, 1.5rem)}.post-hero-image{width:100%;aspect-ratio:21 / 9;object-fit:cover}.post-hero-overlay{padding:var(--space-6, 1.5rem) var(--space-6, 1.5rem) var(--space-5, 1.25rem)}.post-hero .badge-col{display:inline-block;padding:.25rem .75rem;font-size:.7rem;font-weight:700;color:#fff;border-radius:var(--radius-pill, 2rem);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-3, .75rem)}.post-hero h1{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:var(--text-heading, #31344b);margin:0 0 var(--space-3, .75rem);line-height:1.2}.post-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2, .5rem);font-size:.85rem;color:var(--text-soft, #66799e)}.tag-filters{padding-block:var(--space-4, 1rem);border-bottom:1px solid var(--border, #D1D9E6)}.tags-row{display:flex;flex-wrap:wrap;gap:var(--space-2, .5rem)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2, .5rem);margin:var(--space-6, 1.5rem) 0}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:var(--space-5, 1.25rem)}@media(max-width:768px){.mobile-header{display:flex}.sidebar{transform:translate(-100%);width:var(--sidebar-width, 260px)!important;transition:transform var(--transition-sidebar, .3s cubic-bezier(.4, 0, .2, 1));box-shadow:none}.sidebar:hover{width:var(--sidebar-width, 260px)!important}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-soft-lg, 9px 9px 18px #b8b9be, -9px -9px 18px #ffffff)}.sidebar.open .nav-label,.sidebar.open .nav-section-label,.sidebar.open .sidebar-logo-text,.sidebar.open .sidebar-copyright,.sidebar.open .nav-divider,.sidebar.open .lang-row,.sidebar.open .theme-row{opacity:1!important}.sidebar-overlay{display:block}.main-content{margin-left:0;padding-top:var(--header-height, 56px)}.content-layout{grid-template-columns:1fr}.content-sidebar{position:static}.hero-image{aspect-ratio:4 / 3}.hero-content{padding:var(--space-4, 1rem)}.post-grid,.featured-grid{grid-template-columns:1fr}.columns-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr))}.subscribe-form{flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:var(--space-5, 1.25rem)}.post-hero-image{aspect-ratio:4 / 3}.container{padding:0 var(--space-4, 1rem)}}@media(min-width:769px)and (max-width:1024px){.post-grid{grid-template-columns:repeat(2,1fr)}.content-layout{grid-template-columns:1fr}.content-sidebar{position:static}}[data-theme=dark]{--bg: var(--dark-bg, #1a1c2b);--bg-white: var(--dark-bg-card, #222438);--bg-card: var(--dark-bg-card, #1e2032);--bg-elevated: var(--dark-bg-card, #222438);--bg-soft: var(--dark-bg-card, #222438);--bg-hover: var(--dark-bg-card, #2a2d42);--text: var(--dark-text, #b8b9c4);--text-heading: var(--dark-heading, #e4e4ec);--text-soft: var(--dark-text, #8a8ca0);--text-muted: var(--dark-text-muted, #5d5f77);--text-inverse: var(--dark-bg, #1a1c2b);--border: var(--dark-border, #2e3045);--border-light: rgba(255,255,255,.03);--primary: var(--dark-bg-card, #2a2d42);--primary-hover: var(--dark-bg-card, #323550);--primary-active: var(--dark-bg-card, #3a3d5a);--secondary: #4a6ddb;--shadow-soft: 5px 5px 10px #131422, -5px -5px 10px #272a3e;--shadow-soft-sm: 3px 3px 6px #131422, -3px -3px 6px #272a3e;--shadow-soft-lg: 8px 8px 16px #131422, -8px -8px 16px #272a3e;--shadow-inset: inset 2px 2px 5px #131422, inset -3px -3px 7px #272a3e;--shadow-inset-sm: inset 1px 1px 3px #131422, inset -2px -2px 4px #272a3e;--sidebar-bg: var(--dark-bg-card, #1e2032)}[data-theme=dark] .sidebar{border-right-color:var(--border, #D1D9E6);box-shadow:3px 0 10px #0000004d}[data-theme=dark] .post-card:hover,[data-theme=dark] .column-card:hover,[data-theme=dark] .hero-card:hover{box-shadow:var(--shadow-soft-lg, 9px 9px 18px #b8b9be, -9px -9px 18px #ffffff)}[data-theme=dark] img{opacity:.9;transition:opacity var(--transition, .2s ease)}[data-theme=dark] img:hover{opacity:1}