:root{--color-bg:#FFFFFF;--color-bg-subtle:#FAFAFA;--color-bg-muted:#F5F5F5;--color-text:#171717;--color-text-secondary:#525252;--color-text-muted:#737373;--color-border:#E5E5E5;--color-border-strong:#D4D4D4;--color-accent:#1D4ED8;--color-accent-hover:#1E40AF;--color-accent-light:#DBEAFE;--color-success:#16A34A;--color-success-bg:#DCFCE7;--color-warning:#CA8A04;--color-warning-bg:#FEF9C3;--color-error:#DC2626;--color-error-bg:#FEE2E2;--color-info:#0284C7;--color-info-bg:#E0F2FE;--font-sans:var(--font-inter),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono",Consolas,"Liberation Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--shadow-subtle:0 1px 2px rgba(0,0,0,0.04);--shadow-soft:0 2px 8px rgba(0,0,0,0.06);--shadow-medium:0 4px 16px rgba(0,0,0,0.08);--shadow-elevated:0 8px 32px rgba(0,0,0,0.1);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-display{font-size:var(--text-5xl);line-height:1.1;letter-spacing:-.025em}.text-display,.text-heading-1{font-weight:600;color:var(--color-text)}.text-heading-1{font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:-.02em}.text-heading-2{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.01em}.text-heading-2,.text-heading-3{line-height:var(--leading-tight);color:var(--color-text)}.text-heading-3{font-size:var(--text-xl);font-weight:500}.text-body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.text-small{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}.text-mono{font-family:var(--font-mono);font-size:.875em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;line-height:1;text-decoration:none;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.btn-primary:hover{background:var(--color-text-secondary);border-color:var(--color-text-secondary)}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg-muted);border-color:var(--color-text-muted)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent;padding:var(--space-2) var(--space-3)}.btn-ghost:hover{background:var(--color-bg-muted);color:var(--color-text)}.btn-accent{background:var(--color-accent);color:white;border-color:var(--color-accent)}.btn-accent:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-soft)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.card-flat{background:var(--color-bg-subtle);border:none;border-radius:var(--radius-lg);padding:var(--space-6)}.card-flat:hover{background:var(--color-bg-muted)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-text);box-shadow:0 0 0 3px rgba(0,0,0,.05)}.input::placeholder{color:var(--color-text-muted)}.input:disabled{background:var(--color-bg-muted);cursor:not-allowed;opacity:.6}.input-subtle{background:var(--color-bg-subtle);border-color:transparent}.input-subtle:focus{background:var(--color-bg);border-color:var(--color-text)}.label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-2)}.help-text{color:var(--color-text-muted)}.error-text,.help-text{font-size:var(--text-sm);margin-top:var(--space-1)}.error-text{color:var(--color-error)}.container-narrow{max-width:48rem}.container-base,.container-narrow{margin:0 auto;padding:0 var(--space-6)}.container-base{max-width:64rem}.container-wide{max-width:80rem;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-24) 0}.section-sm{padding:var(--space-16) 0}.section-lg{padding:var(--space-24) 0}.divider{margin:var(--space-12) 0}.divider,.divider-subtle{height:1px;background:var(--color-border)}.divider-subtle{margin:var(--space-6) 0}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;line-height:1.4;border-radius:var(--radius-full);background:var(--color-bg-muted);color:var(--color-text-secondary)}.badge-accent{background:var(--color-accent-light);color:var(--color-accent)}.badge-success{background:#DCFCE7;color:#16A34A}.badge-warning{background:#FEF9C3;color:#CA8A04}.badge-error{background:#FEE2E2;color:#DC2626}.nav-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link-active,.nav-link:hover{color:var(--color-text);background:var(--color-bg-muted)}.table-minimal{width:100%;border-collapse:collapse}.table-minimal td,.table-minimal th{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.table-minimal th{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.table-minimal tbody tr:hover{background:var(--color-bg-subtle)}.header-minimal{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);transition:transform var(--transition-base),opacity var(--transition-base)}body.pdf-download-bar-active .header-minimal{transform:translateY(-100%);opacity:0;pointer-events:none}body:has(.pdf-download-sticky-bar) .header-minimal{transform:translateY(-100%);opacity:0;pointer-events:none}.header-minimal-inner{display:flex;align-items:center;justify-content:space-between;height:4rem;min-height:4rem}.header-minimal-inner>a:first-child{display:inline-flex;align-items:center;height:100%;line-height:4rem}@media (prefers-reduced-motion:reduce){.header-minimal{transition:none}}.footer-minimal{padding:var(--space-16) 0;border-top:1px solid var(--color-border);background:var(--color-bg-subtle)}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.bg-subtle{background:var(--color-bg-subtle)}.bg-muted{background:var(--color-bg-muted)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.focus-ring:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.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}@media (max-width:640px){:root{--text-5xl:1.75rem;--text-4xl:1.5rem;--text-3xl:1.25rem;--text-2xl:1.125rem;--text-xl:1rem}.section{padding:var(--space-10) 0}.section-lg{padding:var(--space-12) 0}.container-base,.container-narrow,.container-wide{padding:0 var(--space-3)}.btn{min-height:48px;line-height:1.25;text-align:center;white-space:normal}.btn,.btn-lg{padding:var(--space-4) var(--space-6)}.btn-lg{font-size:var(--text-base);width:100%;justify-content:center}.card{padding:var(--space-4)}.header-minimal-inner{height:3.5rem}}@media (max-width:768px){:root{--text-5xl:2.25rem;--text-4xl:1.875rem;--text-3xl:1.5rem;--text-2xl:1.25rem}.section{padding:var(--space-16) 0}.container-base,.container-narrow,.container-wide{padding:0 var(--space-4)}.table-minimal td,.table-minimal th{padding:var(--space-3);font-size:var(--text-sm)}.table-minimal th{font-size:var(--text-xs)}.footer-minimal{padding:var(--space-12) 0}}.content-inset{border-radius:var(--radius-md);padding:var(--space-4)}.content-inset,.content-inset-lg{background:var(--color-bg-subtle)}.content-inset-lg{border-radius:var(--radius-lg);padding:var(--space-6)}.card-section{background:var(--color-bg-muted);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.card-section:last-child{margin-bottom:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.footer-minimal,.header-minimal{display:none}.card{border:1px solid #000;box-shadow:none}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.5rem}.table-responsive table{width:100%;margin-bottom:0}.table-responsive--wide table{min-width:600px}.mobile-modal-shell{overflow-y:auto;overscroll-behavior:contain;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.mobile-modal-panel{max-height:calc(100dvh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.mobile-menu-panel{max-height:100dvh;padding-bottom:max(1rem,env(safe-area-inset-bottom));overscroll-behavior:contain}.mobile-menu-shell{overflow:hidden;overscroll-behavior:contain}.cookie-banner-panel{max-height:calc(100dvh - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}.floating-inquiry-button{z-index:30;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));max-width:calc(100vw - 2rem)}.pdf-download-sticky-bar{top:-1px}.product-lightbox-media{width:min(calc(100vw - 7rem),56rem);height:min(calc(100vw - 7rem),calc(100dvh - 7rem));max-width:calc(100vw - 7rem);max-height:calc(100dvh - 7rem)}@media (max-width:640px){.mobile-modal-shell{align-items:flex-end;padding-right:var(--space-3);padding-left:var(--space-3)}.mobile-modal-panel{width:100%;max-height:calc(100dvh - 1.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:var(--radius-lg)}.mobile-modal-body,.mobile-modal-header{padding:var(--space-4)}.cookie-banner-panel .container{padding-top:var(--space-4);padding-bottom:var(--space-4)}.pdf-download-sticky-bar{padding-top:env(safe-area-inset-top)}}@media (min-width:640px){.product-lightbox-media{aspect-ratio:1/1;width:min(100%,56rem);height:auto;margin-right:var(--space-16);margin-left:var(--space-16)}}@media (max-width:640px){.text-display{font-size:2rem}.text-heading-1{font-size:1.75rem}.text-heading-2{font-size:1.375rem}.text-heading-3{font-size:1.125rem}.shadow-xl{box-shadow:0 4px 6px -1px rgb(0 0 0/.1)}.p-8{padding:1.25rem}.container-narrow,.container-wide{padding-left:1rem!important;padding-right:1rem!important}}.article-page{min-height:100vh;background-color:var(--color-bg-subtle)}.article-header{background-color:var(--color-bg);padding:var(--space-8) 0;margin-bottom:var(--space-6)}@media (max-width:640px){.article-header{padding:var(--space-6) 0}}.article-section{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}@media (max-width:640px){.article-section{padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-md)}}.article-section--subtle{background-color:var(--color-bg-subtle);border-color:transparent}.info-box{background-color:var(--color-bg-muted);border-top:3px solid var(--color-accent);padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-4) 0}.info-box--warning{border-top-color:var(--color-warning)}.info-box--success{border-top-color:var(--color-success)}.section-gap{gap:var(--space-6)}@media (max-width:640px){.section-gap{gap:var(--space-4)}}.stack-sm>*+*{margin-top:var(--space-2)}.stack-md>*+*{margin-top:var(--space-4)}.stack-lg>*+*{margin-top:var(--space-6)}.touch-target{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.list-interactive li{min-height:44px;display:flex;align-items:center}.transition-layout{transition:padding var(--transition-base),margin var(--transition-base),font-size var(--transition-base)}.article-container{max-width:100%;margin:0 auto;padding:2rem 0;line-height:1.7;color:var(--color-text-secondary)}.article-container h1{font-size:2.5rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;line-height:1.2}.article-container h2{font-size:1.875rem;font-weight:600;color:var(--color-text);margin-top:3rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-border)}.article-container h3{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.article-container h3,.article-container h4{font-weight:600;color:var(--color-text-secondary)}.article-container h4{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem}.article-container p{margin-bottom:1.25rem;color:var(--color-text-secondary)}.article-container strong{font-weight:600;color:var(--color-text)}.article-info-box{background-color:var(--color-bg-subtle);border-top:3px solid var(--color-border-strong);padding:1.5rem;margin:2rem 0;border-radius:var(--radius-md)}.article-info-box h3,.article-info-box h4{margin-top:0;color:var(--color-text-secondary)}.article-warning-box{background-color:var(--color-warning-bg);border-top:3px solid var(--color-warning);padding:1.5rem;margin:2rem 0;border-radius:var(--radius-md)}.article-warning-box h3,.article-warning-box h4{margin-top:0;color:var(--color-text)}.article-highlight-box{background-color:var(--color-accent-light);border-top:3px solid var(--color-accent);padding:1.5rem;margin:2rem 0;border-radius:var(--radius-md)}.article-highlight-box h3,.article-highlight-box h4{margin-top:0;color:var(--color-accent-hover)}.article-danger-box{background-color:var(--color-error-bg);border-top:3px solid var(--color-error);padding:1.5rem;margin:2rem 0;border-radius:var(--radius-md)}.article-danger-box h3,.article-danger-box h4{margin-top:0;color:var(--color-error)}.article-container ol,.article-container ul{margin:1.5rem 0;padding-left:1.5rem}.article-container ul{list-style-type:disc}.article-container ol{list-style-type:decimal}.article-container li{margin-bottom:.75rem;color:var(--color-text-secondary);line-height:1.7}.article-clean-list{list-style:none;padding-left:0}.article-table{width:100%;border-collapse:collapse;margin:2rem 0;background-color:var(--color-bg);box-shadow:var(--shadow-subtle)}.article-table thead{background-color:var(--color-bg-subtle);border-bottom:2px solid var(--color-border)}.article-table th{padding:1rem;text-align:left;font-weight:600;color:var(--color-text);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.article-table td{padding:1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.article-table tbody tr:hover{background-color:var(--color-bg-subtle)}.article-card-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}@media (min-width:768px){.article-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.article-card-grid.grid-3{grid-template-columns:repeat(3,1fr)}}.article-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;transition:all var(--transition-fast)}.article-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-soft)}.article-card h3,.article-card h4{margin-top:0;margin-bottom:.75rem;color:var(--color-text)}.article-card p{margin-bottom:.5rem;color:var(--color-text-muted);font-size:.875rem}.article-code-block{background-color:var(--color-text);color:var(--color-border);padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;margin:2rem 0;font-family:var(--font-mono);font-size:.875rem;line-height:1.7}.article-container code{background-color:var(--color-bg-muted);color:var(--color-accent);padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875em}.article-summary{background-color:var(--color-bg-subtle);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:1.5rem;margin:2rem 0}.article-summary h3{margin-top:0;font-size:1.125rem;color:var(--color-text-secondary)}.article-quote{border-top:3px solid var(--color-border-strong);padding-top:1rem;padding-left:0;margin:2rem 0;font-style:italic;color:var(--color-text-secondary)}.article-divider{border:0;height:1px;background-color:var(--color-border);margin:3rem 0}.article-section{margin:3rem 0}.lead-text{font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary);margin:1.5rem 0 2rem;padding:1.25rem;border-radius:var(--radius-md)}.lead-text,.table-of-contents{background-color:var(--color-bg-subtle)}.table-of-contents{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;margin:2rem 0}.table-of-contents h2{font-size:1.25rem;margin-top:0;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-border-strong);color:var(--color-text)}.table-of-contents ul{list-style:none;padding-left:0;margin:0}.table-of-contents li{margin-bottom:.625rem}.table-of-contents a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);display:block;padding:.375rem 0}.table-of-contents a:hover{color:var(--color-accent);padding-left:.5rem}.article-related{margin-top:4rem;padding-top:2rem;border-top:2px solid var(--color-border)}.article-related h2{margin-top:0;font-size:1.5rem;border-bottom:none}.article-link-card{display:block;padding:1rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.article-link-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.article-link-card .title{font-weight:600;color:var(--color-text);margin-bottom:.25rem}.article-link-card .description{font-size:.875rem;color:var(--color-text-muted)}.article-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.article-badge-default{background-color:var(--color-bg-muted);color:var(--color-text-secondary)}.article-badge-primary{background-color:var(--color-accent-light);color:var(--color-accent-hover)}.article-badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.article-badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}@media (max-width:768px){.article-container{padding:1rem .75rem}.article-container h1{font-size:2rem}.article-container h2{font-size:1.5rem;margin-top:2rem}.article-table{font-size:.875rem}.article-table td,.article-table th{padding:.75rem .5rem}}@media print{.article-container{max-width:none;padding:0}.article-highlight-box,.article-info-box,.article-warning-box{border:1px solid #000;background-color:white}.article-card{break-inside:avoid}}