:root{--color-brand:#4a73c7;--color-brand-hover:#3d62b3;--color-gold:#ffc107;--color-danger:#d93025;--color-success:#28a745;--color-bg-primary:#ffffff;--color-bg-secondary:#f6f7f9;--color-surface:#ffffff;--color-surface-elevated:#ffffff;--color-border-light:#e7e9ee;--color-border-medium:rgba(0, 0, 0, 0.1);--color-text-primary:#0b1220;--color-text-secondary:#5b6472;--color-text-tertiary:#8a93a1;--color-footer-bg:#0b1220;--color-footer-text:#e8ecf2;--footer-gradient:linear-gradient(180deg, #0d1627 0%, #0b1220 100%);--footer-border-top:rgba(255, 255, 255, 0.06);--footer-hr:rgba(255, 255, 255, 0.12);--footer-copyright:rgba(232, 236, 242, 0.72);--footer-social-bg:rgba(255, 255, 255, 0.1);--footer-social-border:rgba(255, 255, 255, 0.16);--header-bg:rgba(255, 255, 255, 0.95);--header-shadow:0 1px 0 rgba(11, 18, 32, 0.02),0 8px 28px -24px rgba(11, 18, 32, 0.35);--body-gradient:radial-gradient(1200px 600px at 50% -220px, rgba(74, 115, 199, 0.08), transparent 70%);--hero-gradient:linear-gradient(180deg, #fff 0%, #fafbfe 100%);--card-gradient:linear-gradient(180deg, var(--surface-tint) 0%, var(--color-surface) 100%);--nav-active-bg:rgba(74, 115, 199, 0.14);--nav-active-border:rgba(74, 115, 199, 0.22);--btn-primary-shadow:0 8px 22px -14px rgba(74, 115, 199, 0.75);--font-primary:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--font-fallback:system-ui,-apple-system,sans-serif;--font-size-xs:0.875rem;--font-size-sm:0.95rem;--font-size-base:clamp(1rem, 0.16vw + 0.97rem, 1.075rem);--font-size-md:clamp(1.1rem, 0.42vw + 1rem, 1.22rem);--font-size-lg:clamp(1.24rem, 0.58vw + 1.1rem, 1.4rem);--font-size-xl:clamp(1.75rem, 1.35vw + 1.1rem, 2.35rem);--font-size-2xl:clamp(2.2rem, 2.25vw + 1.1rem, 3.55rem);--line-height-tight:1.2;--line-height-base:1.68;--line-height-relaxed:1.82;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--space-9:6rem;--surface-tint:#fbfcff;--container-max-width:1120px;--container-padding:clamp(1rem, 4vw, 1.5rem);--header-height:92px;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 12px -2px rgba(0, 0, 0, 0.08);--shadow-lg:0 8px 24px -4px rgba(0, 0, 0, 0.12);--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--ease-in-out-cubic:cubic-bezier(0.4, 0, 0.2, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ring-brand:0 0 0 3px rgba(74, 115, 199, 0.18);--s-1:var(--space-1);--s-2:var(--space-2);--s-3:var(--space-3);--s-4:var(--space-4);--s-5:var(--space-5);--s-6:var(--space-6);--s-7:var(--space-7);--s-8:var(--space-8);--s-9:var(--space-9);--text:var(--color-text-primary);--muted:var(--color-text-tertiary);--text-dim:var(--color-text-secondary);--card-shadow:0 10px 28px -24px rgba(11, 18, 32, 0.28),var(--shadow-sm);--card-hover-shadow:0 16px 34px -24px rgba(11, 18, 32, 0.35),0 6px 20px -12px rgba(11, 18, 32, 0.2);--cookie-banner-bg:linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(251, 252, 255, 0.98) 100%);--cookie-manage-bg:rgba(255, 255, 255, 0.96);--cookie-manage-border:rgba(74, 115, 199, 0.25);--overlay-bg:rgba(11, 18, 32, 0.38);--scrollbar-track:#f1f1f1;--scrollbar-thumb:#c1c1c1;--scrollbar-thumb-hover:#a1a1a1;--selection-bg:rgba(74, 115, 199, 0.3);--selection-text:inherit;--img-filter:none}[data-theme=dark]{color-scheme:dark;--color-brand:#6090e0;--color-brand-hover:#70a0ea;--color-bg-primary:#0f1117;--color-bg-secondary:#161921;--color-surface:#181b23;--color-surface-elevated:#1e222c;--color-border-light:rgba(255, 255, 255, 0.08);--color-border-medium:rgba(255, 255, 255, 0.12);--color-text-primary:#e4e6eb;--color-text-secondary:#a8adb8;--color-text-tertiary:#8b92a0;--color-gold:#ffd54f;--color-danger:#f87171;--color-success:#4ade80;--color-footer-bg:#0a0c12;--color-footer-text:#d1d5db;--footer-gradient:linear-gradient(180deg, #090b10 0%, #060810 100%);--footer-border-top:rgba(255, 255, 255, 0.04);--footer-hr:rgba(255, 255, 255, 0.08);--footer-copyright:rgba(209, 213, 219, 0.72);--footer-social-bg:rgba(255, 255, 255, 0.06);--footer-social-border:rgba(255, 255, 255, 0.1);--btn-primary-shadow:0 8px 22px -14px rgba(91, 134, 217, 0.5);--surface-tint:#1a1e28;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.3),0 0 0 1px rgba(255, 255, 255, 0.03);--shadow-md:0 4px 12px -2px rgba(0, 0, 0, 0.4),0 0 0 1px rgba(255, 255, 255, 0.03);--shadow-lg:0 8px 24px -4px rgba(0, 0, 0, 0.5),0 0 0 1px rgba(255, 255, 255, 0.04);--ring-brand:0 0 0 3px rgba(91, 134, 217, 0.3);--header-bg:rgba(15, 17, 23, 0.92);--header-shadow:0 1px 0 rgba(255, 255, 255, 0.04),0 8px 28px -24px rgba(0, 0, 0, 0.6);--body-gradient:radial-gradient(1200px 600px at 50% -220px, rgba(91, 134, 217, 0.06), transparent 70%);--hero-gradient:linear-gradient(180deg, #0f1117 0%, #131620 100%);--card-gradient:linear-gradient(180deg, var(--surface-tint) 0%, var(--color-surface) 100%);--nav-active-bg:rgba(91, 134, 217, 0.14);--nav-active-border:rgba(91, 134, 217, 0.24);--card-hover-shadow:0 16px 34px -24px rgba(0, 0, 0, 0.7),0 6px 20px -12px rgba(0, 0, 0, 0.4);--card-shadow:0 10px 28px -24px rgba(0, 0, 0, 0.6),var(--shadow-sm);--cookie-banner-bg:linear-gradient(180deg, rgba(24, 27, 35, 0.97) 0%, rgba(21, 24, 32, 0.98) 100%);--cookie-manage-bg:rgba(24, 27, 35, 0.95);--cookie-manage-border:rgba(91, 134, 217, 0.25);--overlay-bg:rgba(0, 0, 0, 0.6);--scrollbar-track:#1a1e28;--scrollbar-thumb:#2d3344;--scrollbar-thumb-hover:#3d4458;--selection-bg:rgba(91, 134, 217, 0.4);--selection-text:#fff;--img-filter:brightness(0.92) contrast(1.02)}html[data-theme=dark],html[data-theme=dark] body{background-color:#0f1117}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;background-color:var(--color-bg-primary)}body{background:var(--body-gradient),var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;padding-top:var(--header-height);overflow-x:hidden;min-height:100vh;letter-spacing:.002em}main{display:block}img,picture,svg,video{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-text-primary);text-wrap:balance}h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-6);letter-spacing:-.03em;line-height:1.08}h2{font-size:var(--font-size-xl);margin-bottom:var(--space-5);line-height:1.18}h3{font-size:var(--font-size-lg);margin-bottom:var(--space-4);line-height:1.3}h4,h5,h6{margin-bottom:var(--space-3)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary);max-width:64ch;line-height:1.72;text-wrap:pretty}ol,ul{margin:0;padding-left:1.2rem}li{color:var(--color-text-secondary)}p:last-child{margin-bottom:0}p+p{margin-top:var(--space-4)}a{color:var(--color-brand);text-decoration:none;text-decoration-thickness:0.08em;text-underline-offset:0.16em;transition:color var(--transition-base),text-decoration-color var(--transition-base)}a:hover{text-decoration:underline;color:var(--color-brand-hover)}a:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px;border-radius:var(--radius-sm)}b,strong{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}hr{border:0;height:1px;background-color:var(--color-border-light);margin:var(--space-7) 0}.skip-link{position:absolute;top:-100px;left:1rem;background-color:var(--color-surface);color:var(--color-text-primary);padding:var(--space-2) var(--space-4);z-index:1001;transition:top var(--transition-slow);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px;border-radius:var(--radius-md)}.container{width:min(var(--container-max-width),100% - 2 * var(--container-padding));margin-inline:auto;padding-inline:var(--container-padding)}.section-padding{padding-block:clamp(var(--space-7),6.8vw,var(--space-9))}.section-title{margin-bottom:var(--space-5);text-align:center;max-width:40ch;margin-inline:auto}.section-subtitle-wrapper{font-size:clamp(1.05rem, .52vw + .94rem, var(--font-size-md));color:var(--color-text-secondary);max-width:66ch;margin-inline:auto;text-align:center;margin-bottom:var(--space-7);text-wrap:pretty;line-height:1.76}.section-subtitle-wrapper p{margin-left:auto;margin-right:auto;max-width:62ch}.section-title+.section-subtitle-wrapper{margin-top:var(--space-3);margin-bottom:var(--space-7)}.bg-light{background-color:var(--color-bg-secondary)}.grid{display:grid;gap:clamp(var(--space-5),3.5vw,var(--space-6));align-items:stretch}.grid>*{height:100%}.grid--2-cols{grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:768px){.grid--2-cols{grid-template-columns:1fr 1fr;gap:var(--space-7)}}#header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--header-bg);border-bottom:1px solid var(--color-border-light);box-shadow:var(--header-shadow);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.header-container{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.logo-link{display:inline-flex;align-items:center;gap:10px;color:var(--color-text-primary);font-weight:700;font-size:var(--font-size-md)}.logo-link img{height:64px;width:auto;display:block}.mobile-nav-toggle{display:none}#nav-menu ul{list-style:none;display:flex;gap:var(--space-2);align-items:center}.nav-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);color:var(--color-text-primary);font-weight:600;border:1px solid transparent;min-height:44px;-webkit-tap-highlight-color:rgba(74,115,199,0.15);touch-action:manipulation;line-height:1;transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.nav-link:hover{background:var(--color-bg-secondary);border-color:var(--color-border-light);text-decoration:none}.nav-link.active,.nav-link[aria-current=page]{background-color:var(--nav-active-bg);border-color:var(--nav-active-border);color:var(--color-brand)}main>section:first-of-type{padding-top:var(--space-7)}.hero-section{padding:clamp(var(--space-7),8vw,var(--space-8)) 0;background:var(--hero-gradient)}.hero-content{text-align:center}.hero-content p{margin-left:auto;margin-right:auto}.hero-content h1{margin-bottom:var(--space-5);max-width:28ch;margin-inline:auto;line-height:1.12}.hero-content .section-subtitle-wrapper{max-width:72ch}.hero-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-4);font-size:var(--font-size-sm);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;text-decoration:none;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base);-webkit-tap-highlight-color:rgba(74,115,199,0.2);touch-action:manipulation;max-width:100%;text-align:center;line-height:1.3;white-space:normal;font-family:var(--font-primary);font-size:var(--font-size-base)}.btn-primary{background-color:var(--color-brand);color:#fff;box-shadow:var(--btn-primary-shadow)}[data-theme=dark] .btn-primary{background-color:#4a73c7}[data-theme=dark] .btn-primary:hover{background-color:#3d62b3}.btn-primary:hover{background-color:var(--color-brand-hover);color:#fff;text-decoration:none;transform:translateY(-1px)}button.btn-secondary{-webkit-appearance:none;appearance:none}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-light)}.btn-secondary:hover{background-color:var(--color-bg-secondary);text-decoration:none;transform:translateY(-1px)}.btn:focus-visible{box-shadow:var(--ring-brand)}.btn--full-width{width:100%;text-align:center}.btn-group{display:flex;gap:var(--space-4);align-items:center;justify-content:center;flex-wrap:wrap}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--color-border-light);background:0 0;color:var(--color-text-secondary);cursor:pointer;padding:0;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),transform var(--transition-base);-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--color-bg-secondary);border-color:var(--color-brand);color:var(--color-brand);transform:rotate(15deg)}.theme-toggle:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}.theme-toggle__icon{position:absolute;transition:opacity .3s ease,transform .3s ease}[data-theme=dark] .theme-toggle__icon--sun{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .theme-toggle__icon--moon{opacity:0;transform:rotate(-90deg) scale(.5)}[data-theme=light] .theme-toggle__icon--sun{opacity:0;transform:rotate(90deg) scale(.5)}[data-theme=light] .theme-toggle__icon--moon{opacity:1;transform:rotate(0) scale(1)}#footer{background:var(--footer-gradient);color:var(--color-footer-text);padding:var(--space-8) 0;margin-top:var(--space-8);border-top:1px solid var(--footer-border-top)}#footer h3{color:#fff;margin-bottom:var(--space-4);font-weight:700;font-size:var(--font-size-md)}#footer address,#footer li,#footer p{color:var(--color-footer-text);font-style:normal;line-height:1.62}#footer p{margin-bottom:0;max-width:none}#footer address p{margin-bottom:var(--space-2)}#footer a{color:var(--color-brand);text-decoration:none;transition:color var(--transition-base),text-decoration-color var(--transition-base)}#footer address a,#footer nav a{display:inline-flex;align-items:center;color:var(--color-brand);font-weight:500;min-height:44px;transition:color var(--transition-base),text-decoration-color var(--transition-base)}#footer address a:hover,#footer nav a:hover{color:var(--color-brand-hover);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:0.16em}#footer address a:focus-visible,#footer nav a:focus-visible{outline:2px solid rgba(74,115,199,.8);outline-offset:3px;border-radius:var(--radius-sm)}#footer ul{list-style:none}#footer ul li{margin-bottom:var(--space-2)}#footer ul li:last-child{margin-bottom:0}.footer-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:var(--space-6);align-items:stretch}@media (min-width:992px){.footer-grid{grid-template-columns:2fr 1fr 1.5fr 1.5fr}}#footer hr{background:var(--footer-hr);margin:var(--space-6) 0 var(--space-5)}#footer .container>p{margin:0 auto;font-size:var(--font-size-sm);color:var(--footer-copyright);text-align:center;width:100%;display:block;max-width:100%;line-height:1.55}.footer-socials{display:flex;gap:var(--space-4);margin-top:var(--space-4)}#footer .footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:var(--footer-social-bg);color:var(--color-footer-text);font-size:var(--font-size-lg);transition:var(--transition-base);border:1px solid var(--footer-social-border)}#footer .footer-socials a:hover{background-color:var(--color-brand);color:#fff;border-color:var(--color-brand);text-decoration:none}#scroll-top{position:fixed;right:calc(var(--space-5) + env(safe-area-inset-right));bottom:calc(var(--space-5) + env(safe-area-inset-bottom));width:48px;height:48px;border-radius:50%;background-color:var(--color-brand);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base),background-color var(--transition-base);z-index:998;min-height:unset;padding:0}#scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}#scroll-top:hover{background:var(--color-brand-hover);transform:translateY(-2px)}.animate-on-scroll{opacity:1;transform:none}body.js-enabled .animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;transition-delay:calc(var(--i, 0) * 100ms)}body.js-enabled .animate-on-scroll.in-view{opacity:1;transform:translateY(0)}body.js-enabled .blog-card.animate-on-scroll.in-view{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,opacity .25s ease}body.js-enabled .blog-card.animate-on-scroll.in-view:focus-within,body.js-enabled .blog-card.animate-on-scroll.in-view:hover{transform:translateY(-3px)}.delay-1{--i:1}.delay-2{--i:2}.delay-3{--i:3}.delay-4{--i:4}@media (prefers-reduced-motion:reduce){body.js-enabled .animate-on-scroll{opacity:1;transform:none;transition:none}}.blog-search-section{padding:var(--space-5) 0;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.blog-search-wrapper{display:flex;align-items:center;max-width:640px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-1);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.blog-search-wrapper:focus-within{border-color:var(--color-brand);box-shadow:var(--ring-brand)}.blog-search-icon{padding:0 var(--space-4);color:var(--color-text-tertiary);font-size:1.1rem}.blog-search-input{flex:1;border:none;background:0 0;font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);padding:var(--space-3) 0;outline:0}.blog-search-input::placeholder{color:var(--color-text-tertiary)}.blog-search-btn{min-height:44px;padding:var(--space-2) var(--space-5);border-radius:calc(var(--radius-xl) - 4px);font-size:var(--font-size-sm)}.blog-filter-section{padding:var(--space-4) 0 0}.blog-filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.blog-filter-chip{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;line-height:1}.blog-filter-chip:hover{border-color:var(--color-brand);color:var(--color-brand);transform:translateY(-1px)}.blog-filter-chip--active{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}[data-theme=dark] .blog-filter-chip--active{background:#3a68b8;border-color:#3a68b8}.blog-filter-chip--active:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover);color:#fff}[data-theme=dark] .blog-filter-chip--active:hover{background:#4575c5;border-color:#4575c5}.blog-card__badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);background:rgba(74,115,199,.1);color:var(--color-brand);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-primary);letter-spacing:.02em;line-height:1.4;text-transform:capitalize;white-space:nowrap}[data-theme=dark] .blog-card__badge{background:rgba(74,115,199,.2)}.blog-card__type{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-primary);line-height:1.4;white-space:nowrap}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--card-gradient);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.blog-card__image{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-bg-secondary)}.blog-card__image-link{display:block}.blog-card__img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out-expo)}.blog-card:hover .blog-card__img{transform:scale(1.04)}.blog-card__content{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.blog-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.blog-card__category,.blog-card__date,.blog-card__reading-time{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}.blog-card__category{color:var(--color-brand)}.blog-card__title{font-size:var(--font-size-md);margin-bottom:var(--space-3);line-height:1.35}.blog-card__title a{color:var(--color-text-primary);transition:color var(--transition-base)}.blog-card__title a:hover{color:var(--color-brand);text-decoration:none}.blog-card__excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.68;flex:1;margin-bottom:var(--space-4)}.blog-card__read-more{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-brand);transition:gap var(--transition-base);margin-top:auto}.blog-card__read-more:hover{gap:var(--space-3);text-decoration:none}.blog-empty{grid-column:1/-1;text-align:center;padding:var(--space-9) var(--space-5)}.blog-empty__icon{font-size:3rem;color:var(--color-text-tertiary);margin-bottom:var(--space-5);display:block}.blog-empty h2{color:var(--color-text-primary);margin-bottom:var(--space-3)}.blog-empty p{color:var(--color-text-secondary);max-width:40ch;margin-inline:auto}.blog-no-results{text-align:center;padding:var(--space-8) var(--space-5);color:var(--color-text-secondary)}.blog-no-results__icon{font-size:2rem;opacity:.3;margin-bottom:var(--space-4);display:block}.blog-no-results h2{color:var(--color-text-primary);margin-bottom:var(--space-3)}.blog-load-more{display:flex;justify-content:center;margin-top:var(--space-8)}.blog-load-more__btn{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-sm)}.blog-load-more__btn:hover{color:var(--color-brand)}.blog-load-more__btn i{transition:transform var(--transition-base)}.blog-load-more__btn:hover i{transform:translateY(3px)}#blog-cta .btn-group{display:grid;grid-template-columns:auto auto;justify-content:center}#blog-cta .btn-group .btn-primary{grid-column:1/-1}@media (max-width:480px){#blog-cta .btn-group{grid-template-columns:1fr}}.blog-post-hero .hero-content h1{max-width:36ch;font-size:var(--font-size-xl);line-height:1.18}.blog-post__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-top:var(--space-3)}.blog-post__meta-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}.blog-post__featured-image-section{margin-top:calc(-1 * var(--space-5));padding-bottom:var(--space-5);position:relative;z-index:1}.blog-post__featured-image{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.blog-post__hero-img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:2.15/1}.blog-breadcrumbs{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light)}.breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;font-size:var(--font-size-sm)}.breadcrumbs-list li{display:inline-flex;align-items:center;color:var(--color-text-tertiary)}.breadcrumbs-list li:not(:last-child)::after{content:'';display:inline-block;width:5px;height:5px;border-right:1.5px solid var(--color-text-tertiary);border-bottom:1.5px solid var(--color-text-tertiary);transform:rotate(-45deg);margin-left:var(--space-2);opacity:.6}.breadcrumbs-list a{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.breadcrumbs-list a:hover{color:var(--color-brand);text-decoration:none}.blog-post-layout{display:grid;grid-template-columns:1fr;gap:var(--space-7);min-width:0}@media (min-width:960px){.blog-post-layout{grid-template-columns:1fr 320px}}.prose a[href*="/admin/pages/"],.prose a[href*="/admin/powertools/"]{display:none!important}.blog-post__content{min-width:0;overflow:hidden}.prose{max-width:none;min-width:0;overflow-wrap:break-word;word-break:break-word;color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.prose h2{font-size:var(--font-size-lg);margin-top:var(--space-8);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.prose h3{font-size:var(--font-size-md);margin-top:var(--space-6);margin-bottom:var(--space-3)}.prose h4{font-size:var(--font-size-base);margin-top:var(--space-5);margin-bottom:var(--space-3);font-weight:var(--font-weight-semibold)}.prose p{margin-bottom:var(--space-5);max-width:none;line-height:var(--line-height-relaxed)}.prose img{border-radius:var(--radius-lg);margin:var(--space-6) 0;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.prose figure{margin:var(--space-6) 0}.prose figure img{margin:0}.prose figcaption{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--space-3);font-style:italic}.prose ol,.prose ul{margin-bottom:var(--space-5);padding-left:var(--space-5)}.prose li{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.prose li::marker{color:var(--color-brand)}.prose blockquote{border-left:4px solid var(--color-brand);padding:var(--space-4) var(--space-5);margin:var(--space-6) 0;background:var(--color-bg-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}.prose blockquote p{margin-bottom:0;color:var(--color-text-primary);font-weight:var(--font-weight-normal)}.prose pre{background:var(--color-surface-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-5);margin:var(--space-6) 0;overflow-x:auto;font-size:var(--font-size-sm);line-height:1.6}.prose code{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.9em;color:var(--color-brand)}.prose pre code{background:0 0;border:none;padding:0;font-size:inherit;color:inherit}.prose table{width:100%;max-width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--font-size-sm)}.prose td,.prose th{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-light);text-align:left}.prose th{background:var(--color-bg-secondary);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.prose td{color:var(--color-text-secondary)}.prose hr{border:none;border-top:1px solid var(--color-border-light);margin:var(--space-7) 0}.prose .image-grid{display:grid;gap:var(--space-4);margin:var(--space-6) 0}.prose .image-grid--2{grid-template-columns:repeat(2,1fr)}.prose .image-grid--3{grid-template-columns:repeat(3,1fr)}.prose .image-grid--4{grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.prose .image-grid--4{grid-template-columns:repeat(4,1fr)}}.prose .image-grid img{margin:0;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}.prose .notices{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border-left:4px solid}.prose .notices.yellow{background:rgba(255,193,7,.08);border-color:var(--color-gold)}.prose .notices.red{background:rgba(217,48,37,.08);border-color:var(--color-danger)}.prose .notices.blue{background:rgba(74,115,199,.08);border-color:var(--color-brand)}.prose .notices.green{background:rgba(40,167,69,.08);border-color:var(--color-success)}.blog-toc{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-7)}.blog-toc__toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;background:0 0;border:none;font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);cursor:pointer;padding:0}.blog-toc__chevron{margin-left:auto;width:10px;height:10px;border-right:2.5px solid var(--color-text-secondary);border-bottom:2.5px solid var(--color-text-secondary);transform:rotate(45deg);transition:transform .3s cubic-bezier(.4, 0, .2, 1);flex-shrink:0}.blog-toc__toggle[aria-expanded=true] .blog-toc__chevron{transform:rotate(-135deg)}.blog-toc__toggle[aria-expanded=false] .blog-toc__chevron{transform:rotate(45deg)}.blog-toc__nav{margin-top:var(--space-4);overflow:hidden;transition:max-height .35s cubic-bezier(.4, 0, .2, 1),opacity .25s ease}.blog-toc__nav[aria-hidden=true]{max-height:0;opacity:0;margin-top:0}.blog-toc__nav[aria-hidden=false]{opacity:1}.blog-toc__nav ul{list-style:none;padding-left:0}.blog-toc__nav li{margin-bottom:var(--space-2)}.blog-toc__nav a{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);border-left:2px solid transparent}.blog-toc__nav a:hover{background:var(--color-surface);color:var(--color-brand);text-decoration:none;border-left-color:var(--color-brand)}.blog-toc__nav ul ul{padding-left:var(--space-4)}.blog-toc__nav ul ul a{font-size:var(--font-size-xs)}.blog-share{margin-top:var(--space-7);padding-top:var(--space-7);border-top:1px solid var(--color-border-light)}.blog-share__title{font-size:var(--font-size-md);margin-bottom:var(--space-4)}.blog-share__buttons{display:flex;flex-wrap:wrap;gap:var(--space-3)}.blog-share__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-primary);transition:all var(--transition-base);cursor:pointer;border:1px solid var(--color-border-light);background:var(--color-surface);color:var(--color-text-primary)}.blog-share__btn:hover{transform:translateY(-1px);text-decoration:none}.blog-share__btn--facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2}.blog-share__btn--linkedin:hover{background:#0a66c2;color:#fff;border-color:#0a66c2}.blog-share__btn--copy:hover{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.blog-author-box{margin-top:var(--space-7);padding:var(--space-6);background:var(--card-gradient);border:1px solid var(--color-border-light);border-radius:var(--radius-xl)}.blog-author-box__content{display:flex;gap:var(--space-5);align-items:flex-start}.blog-author-box__avatar{width:64px;height:64px;border-radius:50%;background:var(--color-bg-secondary);border:2px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:10px}.blog-author-box__logo{width:100%;height:auto;object-fit:contain}.blog-author-box__name{font-size:var(--font-size-md);margin-bottom:var(--space-2)}.blog-author-box__bio{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.blog-author-box__link{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.blog-post-nav{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-7)}@media (min-width:640px){.blog-post-nav{grid-template-columns:1fr 1fr}}.blog-post-nav__link{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);transition:all var(--transition-base)}.blog-post-nav__link:hover{background:var(--color-surface);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.blog-post-nav__link--next{text-align:right}.blog-post-nav__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.blog-post-nav__title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-bold);line-height:1.4}.blog-sidebar{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}@media (min-width:960px){.blog-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-5));align-self:start}}.blog-sidebar__widget{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-5)}.blog-sidebar__widget--cta{background:var(--card-gradient)}.blog-sidebar__title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-4);font-weight:var(--font-weight-bold)}.blog-sidebar__search{display:flex;gap:var(--space-2)}.blog-sidebar__search-input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-primary);outline:0;transition:border-color var(--transition-base)}.blog-sidebar__search-input:focus{border-color:var(--color-brand)}.blog-sidebar__search-btn{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-brand);color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-base)}.blog-sidebar__search-btn:hover{background:var(--color-brand-hover)}.blog-sidebar__related{display:flex;flex-direction:column;gap:var(--space-3)}.blog-sidebar__related-link{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-base)}.blog-sidebar__related-link:hover{background:var(--color-surface);text-decoration:none}.blog-sidebar__related-img{width:72px;height:52px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.blog-sidebar__related-img img{width:100%;height:100%;object-fit:cover}.blog-sidebar__related-info{display:flex;flex-direction:column;gap:var(--space-1)}.blog-sidebar__related-title{font-size:var(--font-size-xs);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:1.35}.blog-sidebar__related-date{font-size:.8rem;color:var(--color-text-tertiary)}.nav-dropdown{position:relative}.nav-dropdown__header{display:flex;align-items:center;gap:0}.nav-dropdown__header .nav-link{gap:var(--space-1)}.nav-dropdown__chevron{flex-shrink:0;transition:transform var(--transition-base)}.nav-dropdown.is-open .nav-dropdown__chevron,.nav-dropdown:hover .nav-dropdown__chevron{transform:rotate(180deg)}.nav-dropdown__toggle{display:none}.nav-dropdown__menu{position:absolute;top:calc(100% + var(--space-2));left:50%;transform:translateX(-50%) translateY(6px);min-width:340px;background:var(--color-surface-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base);z-index:1100}.nav-dropdown__menu::before{content:'';position:absolute;left:0;right:0;top:calc(-1 * var(--space-2) - 6px);height:calc(var(--space-2) + 6px)}.nav-dropdown.is-open .nav-dropdown__menu,.nav-dropdown:hover .nav-dropdown__menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.nav-dropdown__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none;transition:background-color var(--transition-fast)}.nav-dropdown__item:hover{background:var(--color-bg-secondary);text-decoration:none}.nav-dropdown__item:focus-visible{outline:3px solid var(--color-brand);outline-offset:-2px}.nav-dropdown__icon{width:20px;min-width:20px;text-align:center;font-size:1rem;color:var(--color-brand);margin-top:2px}.nav-dropdown__text{display:flex;flex-direction:column;gap:2px}.nav-dropdown__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:1.3;color:var(--color-text-primary)}.nav-dropdown__desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.4;font-weight:var(--font-weight-normal)}.nav-dropdown__item:hover .nav-dropdown__title{color:var(--color-brand)}.nav-dropdown__item[aria-current=page]{background:var(--nav-active-bg)}.nav-dropdown__item[aria-current=page] .nav-dropdown__title{color:var(--color-brand)}.nav-dropdown__all{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border-light);border-radius:0 0 var(--radius-md) var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--color-brand);text-decoration:none;text-align:center}.nav-dropdown__all:hover{text-decoration:underline}.cookie-consent-root{position:fixed;right:calc(var(--space-4) + env(safe-area-inset-right));bottom:calc(var(--space-4) + env(safe-area-inset-bottom));left:auto;width:min(460px,calc(100vw - 2 * var(--space-3)));z-index:1300;pointer-events:none}.cookie-banner{width:100%;margin:0;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--cookie-banner-bg);box-shadow:var(--card-shadow);backdrop-filter:blur(8px);pointer-events:auto}.cookie-banner__content{margin-bottom:var(--space-3)}.cookie-banner__title{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-base)}.cookie-banner__badge{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:50%;color:var(--color-brand);background:rgba(74,115,199,.12);border:1px solid rgba(74,115,199,.2)}.cookie-banner__text{margin:0;max-width:none;color:var(--color-text-secondary);line-height:1.55;font-size:var(--font-size-sm)}.cookie-banner__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);align-items:stretch}.cookie-banner__actions .btn{min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.cookie-manage-btn{position:fixed;left:calc(var(--space-4) + env(safe-area-inset-left));bottom:calc(var(--space-4) + env(safe-area-inset-bottom));right:auto;border-radius:var(--radius-full);border:1px solid var(--cookie-manage-border);background:var(--cookie-manage-bg);color:var(--color-text-primary);box-shadow:var(--card-shadow);width:42px;height:42px;padding:0;min-height:42px;font-weight:var(--font-weight-semibold);cursor:pointer;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.cookie-manage-btn:hover{transform:translateY(-1px);text-decoration:none;border-color:var(--cookie-manage-border);background:var(--color-surface)}.cookie-manage-btn__icon{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;color:var(--color-brand)}.cookie-manage-btn::after{content:none}.cookie-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.cookie-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 2 * var(--space-4)));border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-surface);box-shadow:var(--shadow-lg);padding:clamp(var(--space-4),3vw,var(--space-5));pointer-events:auto}.cookie-panel h2{margin-bottom:var(--space-2);font-size:var(--font-size-lg)}.cookie-panel>p{margin-bottom:var(--space-4);max-width:none;font-size:var(--font-size-sm);line-height:1.55}.cookie-option{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-secondary);margin-bottom:var(--space-3)}.cookie-option__title{margin:0;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.cookie-option__desc{margin:var(--space-1) 0 0;max-width:none;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.cookie-option input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--color-brand);flex-shrink:0;margin-top:.15rem}.cookie-panel__actions{display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap;margin-top:var(--space-4)}.cookie-panel__actions .btn{min-height:40px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}body.cookie-consent-locked{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.no-scroll{overflow:hidden}@media (max-width:960px){.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--color-border-light);background:var(--color-surface);cursor:pointer;-webkit-tap-highlight-color:rgba(74,115,199,0.2);touch-action:manipulation;color:var(--color-text-primary)}.mobile-nav-toggle .fa-times{display:none}.mobile-nav-toggle[aria-expanded=true] .fa-bars{display:none}.mobile-nav-toggle[aria-expanded=true] .fa-times{display:block}#nav-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-surface);border-bottom:none;transform:translateY(-110%);transition:transform .3s ease;padding:var(--space-4);z-index:1202;padding-top:calc(var(--header-height) + var(--space-3));padding-left:calc(var(--space-4) + env(safe-area-inset-left));padding-right:calc(var(--space-4) + env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom);height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--card-hover-shadow)}#nav-menu.open{transform:translateY(0)}#nav-menu ul{flex-direction:column;width:100%;gap:var(--space-2);align-items:stretch}body.no-scroll .cookie-consent-root{display:none!important;pointer-events:none}body.no-scroll #scroll-top{display:none!important}body.no-scroll #header{z-index:1400}body.no-scroll #nav-menu{z-index:1401}body.no-scroll .mobile-nav-toggle{position:relative;z-index:1402}.nav-link{border-radius:var(--radius-md);width:100%;justify-content:center;padding-inline:var(--space-4)}.nav-dropdown__header{display:flex;width:100%;align-items:center;position:relative}.nav-dropdown__chevron{display:none}.nav-dropdown__toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:rgba(74,115,199,0.15);touch-action:manipulation;position:absolute;right:var(--space-2)}.nav-dropdown__toggle:hover{background:var(--color-bg-secondary)}.nav-dropdown__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.nav-dropdown__menu{position:static;transform:none;min-width:0;width:100%;border:none;border-radius:0;box-shadow:none;padding:0;margin:0;max-height:0;overflow:hidden;opacity:1;visibility:visible;pointer-events:auto;transition:max-height .3s ease;background:0 0}.nav-dropdown.is-open .nav-dropdown__menu{transform:none;max-height:400px}.nav-dropdown__item{min-height:44px;padding:var(--space-2) var(--space-4) var(--space-2) calc(var(--space-4) + var(--space-3))}.nav-dropdown__desc{display:none}.nav-dropdown__all{min-height:44px;margin-top:0;padding:var(--space-2) var(--space-4) var(--space-2) calc(var(--space-4) + var(--space-3));border-top:none;justify-content:flex-start;font-size:var(--font-size-sm)}}@media (max-width:640px){:root{--header-height:72px;--container-padding:clamp(1rem, 5vw, 1.25rem)}.logo-link img{height:48px}.section-padding{padding:var(--space-7) 0}.grid--2-cols{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.blog-post-layout{grid-template-columns:1fr;gap:var(--space-5)}.hero-section{padding:var(--space-6) 0;min-height:auto}.blog-post-hero .hero-content h1{font-size:clamp(1.5rem, 7vw, 2rem);line-height:1.2}.hero-kicker{font-size:var(--font-size-xs);margin-bottom:var(--space-2)}.breadcrumbs-list{font-size:.82rem;gap:6px}.blog-post__featured-image{border-radius:var(--radius-lg)}.blog-post__featured-image-section{margin-top:calc(-1 * var(--space-3));padding-bottom:var(--space-3)}.blog-toc{padding:var(--space-4);margin-bottom:var(--space-5);border-radius:var(--radius-lg)}.blog-toc__toggle{font-size:var(--font-size-sm)}.blog-toc__nav a{padding:6px var(--space-3);font-size:.82rem}.blog-toc__nav ul ul a{font-size:.78rem}.prose h2{margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:clamp(1.15rem, 5vw, 1.35rem);padding-bottom:var(--space-2)}.prose h3{margin-top:var(--space-5);margin-bottom:var(--space-2);font-size:clamp(1.05rem, 4.5vw, 1.2rem)}.prose h4{margin-top:var(--space-4)}.prose ol,.prose p,.prose ul{margin-bottom:var(--space-3)}.prose img{margin:var(--space-4) 0;border-radius:var(--radius-md)}.prose blockquote{padding:var(--space-3) var(--space-4);margin:var(--space-4) 0;font-size:var(--font-size-sm)}.prose pre{padding:var(--space-3) var(--space-4);font-size:.82rem;border-radius:var(--radius-md)}.prose hr{margin:var(--space-5) 0}.prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;font-size:.82rem}.prose td,.prose th{padding:var(--space-2) var(--space-3)}.prose .image-grid--2,.prose .image-grid--3{grid-template-columns:1fr}.prose .image-grid--4{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.prose .notices{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.blog-share{margin-top:var(--space-5);padding-top:var(--space-5)}.blog-share__buttons{flex-direction:column}.blog-share__btn{justify-content:center;padding:var(--space-3) var(--space-4)}.blog-author-box{margin-top:var(--space-5);padding:var(--space-4)}.blog-author-box__content{flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.blog-author-box__avatar{width:52px;height:52px;padding:8px}.blog-author-box__link{justify-content:center}.blog-post-nav{margin-top:var(--space-5);gap:var(--space-3)}.blog-post-nav__link{padding:var(--space-4);border-radius:var(--radius-lg)}.blog-sidebar{gap:var(--space-4)}.blog-sidebar__widget{padding:var(--space-4);border-radius:var(--radius-lg)}.blog-sidebar__related-img{width:64px;height:48px}.section-subtitle-wrapper p{font-size:var(--font-size-sm)}}@media (max-width:767px){#footer{margin-top:var(--space-7);padding:var(--space-7) 0}.footer-grid{gap:var(--space-5);margin-bottom:var(--space-5)}}@media (max-width:480px){:root{--container-padding:clamp(1.25rem, 6vw, 1.5rem)}.btn-group{flex-direction:column;align-items:stretch;gap:var(--space-3)}.btn{width:100%}.hero-content h1{font-size:clamp(1.4rem, 7vw, 1.8rem);line-height:1.15}.section-title{font-size:clamp(1.3rem, 6.5vw, 1.6rem)}.blog-search-wrapper{flex-direction:column;padding:var(--space-3);gap:var(--space-2)}.blog-search-icon{display:none}.blog-search-input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.blog-search-btn{width:100%;border-radius:var(--radius-md)}.blog-filter-bar{gap:6px}.blog-filter-chip{padding:6px 12px;font-size:var(--font-size-xs)}.prose .image-grid--4{grid-template-columns:1fr}.blog-card__meta{flex-direction:column;gap:4px}.cookie-banner__actions{grid-template-columns:1fr}.cookie-manage-btn{left:calc(var(--space-3) + env(safe-area-inset-left));bottom:calc(var(--space-3) + env(safe-area-inset-bottom));width:48px;height:48px}.cookie-manage-btn::after{display:none}}@media (max-width:374px){:root{--container-padding:1.25rem;--space-8:3rem}.header-container{padding-inline:1rem}.hero-section{padding:var(--space-6) 0}.section-padding{padding-block:var(--space-6)}}@media (min-width:375px) and (max-width:428px){:root{--container-padding:clamp(1.25rem, 5.5vw, 1.75rem)}.container{width:min(var(--container-max-width),100% - 2 * var(--container-padding))}}@media (min-width:429px) and (max-width:767px){:root{--container-padding:clamp(1.5rem, 5vw, 2rem)}}@media (min-width:768px) and (max-width:1023px){:root{--container-padding:clamp(2rem, 4vw, 2.5rem)}.container{width:min(var(--container-max-width),93%)}}@media (min-width:1024px) and (max-width:1439px){.container{width:min(var(--container-max-width),88%)}}@media (min-width:1440px) and (max-width:1919px){.container{width:min(1280px,84%)}}@media (min-width:1920px) and (max-width:2559px){:root{--container-max-width:1400px;--font-size-xl:clamp(2rem, 2.5vw, 2.5rem);--font-size-2xl:clamp(2.5rem, 3vw, 3.5rem)}.container{width:min(var(--container-max-width),82%)}}@media (min-width:2560px){:root{--container-max-width:1800px;--font-size-base:1.125rem;--font-size-md:1.25rem;--font-size-lg:1.5rem;--font-size-xl:clamp(2.25rem, 2.5vw, 3rem);--font-size-2xl:clamp(3rem, 3.5vw, 4rem);--space-8:6rem;--space-9:8rem}.container{width:min(var(--container-max-width),80%)}}@media (min-width:3840px){:root{--container-max-width:2400px;--font-size-base:1.25rem;--font-size-2xl:clamp(3.5rem, 4vw, 5rem)}.container{width:min(var(--container-max-width),75%)}}@supports (view-transition-name:none){::view-transition{background-color:#0f1117}}html.theme-transitioning body{transition:background-color .3s ease,color .3s ease}#header,.btn-secondary,.cookie-banner,.cookie-option,.cookie-panel,.nav-link,.skip-link,hr{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}::selection{background:var(--selection-bg);color:var(--selection-text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-theme=dark] img:not([src$=".svg"]):not(.logo-img){filter:var(--img-filter)}[data-theme=dark] .logo-img{filter:brightness(0) invert(1) brightness(.95)}@media (max-width:768px){.cookie-consent-root{left:calc(var(--space-3) + env(safe-area-inset-left));right:calc(var(--space-3) + env(safe-area-inset-right));bottom:calc(var(--space-3) + env(safe-area-inset-bottom));width:auto}.cookie-banner{width:100%;margin:0;padding:var(--space-3)}.cookie-banner__actions{grid-template-columns:1fr 1fr;align-items:stretch}.cookie-banner__actions [data-cookie-action=open-settings]{grid-column:1/-1}.cookie-banner__actions .btn,.cookie-panel__actions .btn{width:100%}.cookie-manage-btn{left:calc(var(--space-3) + env(safe-area-inset-left));bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.cookie-panel{width:calc(100% - 2 * var(--space-3));max-height:calc(100vh - 2 * var(--space-4));overflow-y:auto}.cookie-option{align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{transition-duration:NaNs!important;animation-duration:NaNs!important}}