@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700&display=swap";.sidebar{background-color:var(--color-sidebar-bg);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:272px;min-width:272px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--color-border);text-align:center;background:linear-gradient(160deg, var(--color-green-50) 0%, var(--color-white) 100%);flex-direction:column;align-items:center;gap:.75rem;padding:1.75rem 1.5rem 1.5rem;display:flex}.brand-logo-container{border-radius:var(--radius-sm);line-height:0;display:block}.brand-logo-img{width:108px;height:auto;display:block}.brand-logo{color:var(--color-dark-green);letter-spacing:.05em;margin:0;font-size:3.5rem;line-height:1}.brand-highlight{color:var(--color-bright-green)}.brand-subtitle{font-family:var(--font-body);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.72rem;font-weight:600;line-height:1.5}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;padding:1rem 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.nav-list{flex-direction:column;gap:2px;margin:0;padding:0 .75rem;list-style:none;display:flex}.nav-link{color:var(--color-sidebar-text);font-family:var(--font-body);border-radius:var(--radius-sm);transition:background-color var(--transition), color var(--transition);white-space:nowrap;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.65rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.nav-icon{width:18px;height:18px;color:var(--color-text-muted);transition:color var(--transition), transform .15s ease;flex-shrink:0}.nav-divider{border-top:1px solid var(--color-border);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:#5a6270;margin:1rem .75rem .25rem;padding-top:1rem;font-size:.65rem;font-weight:600}.nav-link:hover{background-color:var(--color-sidebar-hover-bg);color:var(--color-dark-green)}.nav-link:hover .nav-icon{color:var(--color-dark-green);transform:scale(1.1)}.nav-link:focus-visible{outline:var(--focus-ring);outline-offset:-1px}.nav-link.active{color:var(--color-dark-green);border-left-color:var(--color-dark-green);background:linear-gradient(90deg,#0082361a 0%,#00823608 100%);font-weight:600}.nav-link.active .nav-icon{color:var(--color-dark-green)}.sidebar-tools{background-color:var(--color-sidebar-bg);padding:0 1.5rem 1.25rem}.sidebar-tool-btn{background-color:var(--color-white);color:var(--color-sidebar-text);font-family:var(--font-body);border-radius:var(--radius-md);transition:box-shadow var(--transition), transform .15s ease, color var(--transition);border:1px solid var(--color-border);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:flex;box-shadow:0 1px 2px #0000000d}.sidebar-tool-btn svg{color:var(--color-dark-green);transition:transform .15s}.sidebar-tool-btn:hover{color:var(--color-text-black);transform:scale(1.03);box-shadow:0 4px 12px #00000014}.sidebar-tool-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.sidebar-partners{border-top:1px solid var(--color-border);background-color:var(--color-white);flex-direction:column;align-items:center;gap:.6rem;padding:.85rem 1.15rem 1.15rem;display:flex}.partners-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);text-align:center;font-size:.65rem;font-weight:700}.sidebar-partners-logos{justify-content:center;align-items:center;gap:1.25rem;width:100%;display:flex}.partner-logo-link{border-radius:var(--radius-sm);transition:transform var(--transition);justify-content:center;align-items:center;display:flex}.partner-logo-link:hover{transform:scale(1.06)}.partner-logo-link:focus-visible{outline:var(--focus-ring);outline-offset:3px}.partner-logo-img{object-fit:contain;width:auto;transition:transform .25s;display:block}.partner-logo-img--selko{max-width:72px;max-height:38px}.partner-logo-img--oph{max-width:72px;max-height:44px}.mobile-topbar,.mobile-drawer,.drawer-overlay{display:none}@media (width<=768px){.sidebar{display:none}.mobile-topbar{z-index:200;background:var(--color-white);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:fixed;top:0;left:0;right:0}.mobile-brand-group{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.mobile-brand-link{border-radius:var(--radius-sm);align-items:center;line-height:0;text-decoration:none;display:flex}.mobile-brand-link:focus-visible{outline:var(--focus-ring);outline-offset:2px}.mobile-brand-logo{width:auto;height:34px;display:block}.mobile-brand-divider{background-color:var(--color-border-strong);width:1px;height:20px;display:block}.mobile-partner-link{border-radius:var(--radius-sm);transition:opacity var(--transition), transform var(--transition);justify-content:center;align-items:center;padding:2px 4px;line-height:0;text-decoration:none;display:flex}.mobile-partner-link:hover{opacity:.85;transform:scale(1.05)}.mobile-partner-link:focus-visible{outline:var(--focus-ring);outline-offset:2px}.mobile-partner-logo{object-fit:contain;width:auto;height:26px;display:block}.mobile-brand-title{font-family:var(--font-body);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.75rem;font-weight:600;line-height:1.2;overflow:hidden}.hamburger-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-sidebar-text);cursor:pointer;transition:background-color var(--transition), color var(--transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hamburger-btn:hover{background-color:var(--color-green-50);color:var(--color-dark-green)}.hamburger-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.drawer-overlay{z-index:299;background:#00000073;animation:.2s fadeIn;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{background:var(--color-white);z-index:300;width:min(320px,85vw);box-shadow:var(--shadow-lg);visibility:hidden;flex-direction:column;padding-bottom:2rem;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-drawer--open{visibility:visible;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility linear;transform:translate(0)}.drawer-header{border-bottom:1px solid var(--color-border);background:linear-gradient(160deg, var(--color-green-50) 0%, var(--color-white) 100%);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.drawer-title{font-family:var(--font-body);color:var(--color-dark-green);text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;font-weight:700}.drawer-close-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-sidebar-text);cursor:pointer;transition:background-color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.drawer-close-btn:hover{background-color:var(--color-green-50)}.drawer-close-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.mobile-drawer .nav-list{flex-direction:column;gap:2px;padding:.75rem}.mobile-drawer-tools{margin-top:auto;padding:0 1.25rem 1.25rem}.mobile-drawer .nav-link{white-space:normal;border-bottom:none;border-left:3px solid #0000;padding:.75rem 1rem;font-size:1rem}.mobile-drawer .nav-link.active{border-left-color:var(--color-dark-green);background:linear-gradient(90deg,#0082361a 0%,#00823608 100%);border-bottom-color:#0000}.mobile-drawer-partners{border-top:1px solid var(--color-border);background-color:var(--color-white);flex-direction:column;align-items:center;gap:.6rem;margin-top:.5rem;padding:1.25rem 1rem;display:flex}.main-content{margin-top:57px}}.category-page,.page-home{animation:.35s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-header{border-bottom:2px solid var(--color-bright-green);margin-bottom:2rem;padding-bottom:1.25rem;position:relative}.page-header h1{margin-bottom:0}.header-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-top:1.25rem;margin-bottom:.25rem;display:flex}.authors-section{border-left:4px solid var(--color-bright-green);padding-left:1rem}.author-main{font-family:var(--font-body);color:var(--color-text-black);margin-bottom:.15rem;font-size:1.25rem;font-weight:700}.authors-sub{font-family:var(--font-body);color:var(--color-text-muted);margin-bottom:0;font-size:.95rem;font-weight:500}.header-logos{align-items:center;gap:1.35rem;padding-bottom:.2rem;display:flex}.header-logo-link{border-radius:var(--radius-sm);transition:transform var(--transition), opacity var(--transition);opacity:.92;justify-content:center;align-items:center;display:inline-flex}.header-logo-link:hover{opacity:1;transform:scale(1.06)}.header-logo-link:focus-visible{outline:var(--focus-ring);outline-offset:3px}.header-logo-img{object-fit:contain;width:auto;display:block}.header-logo-img--eduks{max-width:90px;max-height:42px}.header-logo-img--selko{max-width:80px;max-height:32px}.header-logo-img--oph{max-width:80px;max-height:44px}@media (width<=640px){.header-meta-row{flex-direction:column;align-items:flex-start;gap:1rem}.header-logos{padding-bottom:0}}.lead-text{color:var(--color-text-black);max-width:68ch;margin-bottom:1.75rem;font-weight:400;line-height:1.85}.page-content p,.page-content li{color:var(--color-text-dark-grey)}.page-content ul,.page-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.page-content li{margin-bottom:.55rem;line-height:1.75}.page-content li>ul,.page-content li>ol{margin-top:.4rem;margin-bottom:0}.info-box{border-left:4px solid var(--color-light-blue);border-radius:0 var(--radius-md) var(--radius-md) 0;background:linear-gradient(135deg,#26beef12 0%,#26beef08 100%);margin:2rem 0;padding:1.25rem 1.5rem;position:relative}.info-box:before{content:"";background:linear-gradient(180deg, var(--color-light-blue) 0%, #26beef66 100%);border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:-4px}.info-box p{color:#1e4d6b;max-width:65ch;margin-bottom:0;font-style:italic}.theory-section{margin-top:2.25rem;padding-top:0}.slider-section{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:2.5rem 0;overflow:hidden}.comparison-grid{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;display:grid}.comparison-col{padding:1.25rem 1.5rem}.comparison-col+.comparison-col{border-left:1px solid var(--color-border)}.comparison-col h3{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;margin-top:0;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:flex}.comparison-col--bad h3{color:#b91c1c}.comparison-col--good h3{color:var(--color-dark-green)}.comparison-col ul{margin:0;padding-left:1.1rem}.comparison-col li{color:var(--color-text-dark-grey);margin-bottom:.4rem;font-size:.875rem;line-height:1.6}.comparison-col--bad li::marker{color:#b91c1c}.comparison-col--good li::marker{color:var(--color-dark-green)}.highlight-item{background-color:#0082361f;border-radius:4px;font-weight:500;transition:all .2s;box-shadow:0 0 0 4px #0082361f;color:var(--color-text-black)!important}.comparison-col--bad .highlight-item{background-color:#b91c1c1a;box-shadow:0 0 0 4px #b91c1c1a}.comparison-col--active{transition:opacity .3s,background-color .3s}.comparison-col--dim{opacity:.38;transition:opacity .3s}.comparison-col--good.comparison-col--active{background:#0082360d}.comparison-col--bad.comparison-col--active{background:#b91c1c0a}@media (width<=600px){.comparison-grid{grid-template-columns:1fr}.comparison-col+.comparison-col{border-left:none;border-top:1px solid var(--color-border)}}.luku6-figure{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:2rem 0;line-height:0;overflow:hidden}.luku6-img{object-fit:cover;width:100%;height:auto;max-height:340px;display:block}.page-content a{color:var(--color-dark-green);text-underline-offset:3px;transition:color var(--transition);font-weight:500;text-decoration:underline}.page-content a:hover{color:var(--color-bright-green)}@media (width<=768px){.page-header{margin-bottom:1.5rem}.lead-text{margin-bottom:1.25rem}.slider-section{border-left:none;border-right:none;border-radius:0;margin:1.5rem -1.5rem}.info-box{margin:1.5rem 0;padding:1rem 1.25rem}.theory-section{margin-top:1.75rem}.comparison-page{padding:1.5rem}}#luku-8{border-left:8px solid var(--color-light-blue)}.table-responsive{width:100%;margin:2.5rem 0}.comparison-table{border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-md);border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);width:100%;box-shadow:0 4px 12px #0000000d}.platform-header{text-align:center;color:var(--color-text-black);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:flex}.platform-header span{width:min-content;display:inline-block}.platform-header img.platform-logo{object-fit:contain;border-radius:4px;flex-shrink:0}.comparison-table caption{text-align:left;color:var(--color-doc-heading);margin-bottom:1rem;font-size:1.1rem;font-weight:700}.comparison-table th,.comparison-table td{border:1px solid var(--color-border);vertical-align:top;padding:1.25rem}.comparison-table thead th{background-color:var(--color-surface-2);color:var(--color-text-black);text-align:left;font-weight:700}.comparison-table tbody th{color:var(--color-text-black);vertical-align:middle;background-color:#f9fafb;font-weight:700}.pros-cell,.cons-cell{-webkit-hyphens:auto;hyphens:auto}.pros-cell ul,.cons-cell ul{margin:0;padding-left:1.25rem}.pros-cell li,.cons-cell li{margin-bottom:.5rem;font-size:.9rem}.pros-cell li::marker{color:var(--color-dark-green)}.cons-cell li::marker{color:#b91c1c}.mobile-platform-section{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:1.5rem;overflow:hidden;box-shadow:0 2px 8px #0000000d}.mobile-platform-header{background-color:var(--color-surface-2);border-bottom:1px solid var(--color-border);color:var(--color-text-black);align-items:center;gap:.75rem;padding:1.25rem;font-weight:700;display:flex}.mobile-platform-header img{border-radius:4px}.mobile-platform-content{padding:1.25rem}.mobile-platform-content h4{text-transform:uppercase;color:var(--color-doc-heading);letter-spacing:.05em;margin-top:1rem;margin-bottom:.5rem;font-size:.95rem}.mobile-platform-content h4:first-child{margin-top:0}@media (width<=360px){.comparison-page{padding:1rem .5rem}.mobile-platform-header,.mobile-platform-content{padding:1rem}}.slider-wrapper{background:#ddd;border-radius:10px;width:100%;max-width:860px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001f}.image-container{border-radius:10px;width:100%;position:relative;overflow:hidden}.image-before{z-index:1;width:100%;position:relative}.image-after{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.image-before img{width:100%;height:auto;display:block}.image-after img{object-fit:cover;width:100%;height:100%;display:block}.image-label{color:#fff;font-family:var(--font-heading);letter-spacing:.06em;pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b8;border-radius:5px;padding:.4rem .9rem;font-size:1.1rem;position:absolute;top:1rem}.label-before{right:1rem}.label-after{left:1rem}.slider-input{opacity:0;cursor:ew-resize;z-index:20;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.slider-input:focus-visible~.slider-line .slider-thumb{box-shadow:0 0 0 4px var(--color-light-blue);outline:2px solid var(--color-white)}.slider-line{pointer-events:none;z-index:15;background-color:#ffffffe6;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 8px #0006}.slider-thumb{background-color:var(--color-bright-green);color:#000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .1s,box-shadow .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000059}.hotspot-container{z-index:30;pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.hotspot-button{background-color:var(--color-dark-green);color:#fff;cursor:pointer;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 6px #00000059}.hotspot-button:hover,.hotspot-button:focus-visible{background-color:var(--color-bright-green);color:#000;outline:none;transform:scale(1.12)}.hotspot-button:focus-visible{box-shadow:0 0 0 4px var(--color-light-blue)}.active .hotspot-button{color:var(--color-dark-green);border-color:var(--color-dark-green);background-color:#fff}.hotspot-tooltip{color:var(--color-text-black);border-left:4px solid var(--color-bright-green);z-index:9999;pointer-events:auto;background-color:#fff;border-radius:8px;width:280px;max-width:min(280px,90vw);padding:1rem 1.1rem;animation:.15s ease-out both tooltipIn;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}.hotspot-tooltip--down:before{content:"";border:7px solid #0000;border-top-width:0;border-bottom:8px solid #fff;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.hotspot-tooltip--up{transform:translate(-50%)translateY(-100%)}.hotspot-tooltip--up:after{content:"";border:7px solid #0000;border-top:8px solid #fff;border-bottom-width:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.hotspot-tooltip h4{font-family:var(--font-heading);color:var(--color-doc-heading);margin-top:0;margin-bottom:.5rem;font-size:1.2rem}.hotspot-tooltip p{max-width:none;margin-bottom:0;font-size:.875rem;line-height:1.5}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes tooltipInUp{0%{opacity:0;transform:translate(-50%)translateY(-104%)}to{opacity:1;transform:translate(-50%)translateY(-100%)}}@media (width<=768px){.slider-wrapper,.image-container{border-radius:0}.image-label{padding:.25rem .5rem;font-size:.85rem;top:.5rem}.label-before{right:.5rem}.label-after{left:.5rem}.slider-thumb{width:32px;height:32px}.hotspot-button{width:28px;height:28px}.hotspot-tooltip{width:min(260px,88vw);padding:.75rem}.hotspot-tooltip h4{font-size:1rem}.hotspot-tooltip p{font-size:.8rem}}.contrast-checker{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin:2.5rem 0;padding:2rem}.contrast-checker h5{font-family:var(--font-heading);color:var(--color-doc-heading);margin-top:0;margin-bottom:.5rem}.checker-desc{color:var(--color-text-dark-grey);margin-bottom:2rem}.checker-container{flex-direction:column;gap:1.5rem;display:flex}.checker-top-row{align-items:stretch;gap:2rem;margin-bottom:2rem;display:flex}@media (width<=768px){.checker-top-row{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}}.checker-controls{flex-direction:column;flex:1;gap:1.5rem;min-width:250px;display:flex}.color-input-group label{margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.color-input-wrapper{align-items:center;gap:.75rem;display:flex}.color-picker-wrapper{background:conic-gradient(#ffb3b3,#ffffb3,#b3ffb3,#b3ffff,#b3b3ff,#ffb3ff,#ffb3b3);border-radius:50%;flex-shrink:0;width:48px;height:48px;padding:3px;display:flex;box-shadow:inset 0 1px 3px #0000001a}.color-picker{-webkit-appearance:none;cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;width:100%;height:100%;padding:0;overflow:hidden}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{box-sizing:border-box;border:2px solid #fff;border-radius:50%}.color-picker::-moz-color-swatch{box-sizing:border-box;border:2px solid #fff;border-radius:50%}.hex-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);text-transform:uppercase;flex:1;min-width:100px;height:48px;padding:0 1rem;font-family:monospace;font-size:1.1rem}.hex-input:focus-visible,.color-picker:focus-visible{outline-offset:2px;border-color:#000;outline:3px solid #000;box-shadow:0 0 0 6px #fff}.checker-preview{flex-direction:column;flex:2;gap:1.5rem;width:100%;display:flex}.preview-box{border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;flex-grow:1;justify-content:center;gap:.75rem;padding:2rem 1.5rem;display:flex}.preview-text-large{font-size:1.5rem;font-weight:700;line-height:1.2}.preview-text-small{font-size:1rem;line-height:1.6}.results-panel{align-items:stretch;gap:1.5rem;display:flex}@media (width<=768px){.results-panel{flex-direction:column}}.ratio-display{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-width:120px;padding:1.5rem 2rem;display:flex;box-shadow:0 2px 4px #0000000d}.ratio-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-top:.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:800}.ratio-value-container{flex-direction:column;align-items:center;gap:.5rem;display:flex}.ratio-value{letter-spacing:-.02em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:4rem;font-weight:700;line-height:1;transition:color .3s}.ratio-fail{color:#d32f2f}.ratio-pass{color:#2e7d32}.ratio-excellent{color:#1b5e20}.badges-container{flex-direction:column;flex:1.5;gap:1rem;display:flex}.status-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;flex:1;gap:.6rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000d}.status-box:hover{border-color:#aaa}.status-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.status-label{color:var(--color-text);white-space:nowrap;font-size:1.1rem;font-weight:600}.status-desc{color:var(--color-text-dark-grey);font-size:.8rem;line-height:1.45}.status-badge{text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:145px;padding:.35rem .5rem;font-size:.85rem;font-weight:700;display:inline-flex}.badge-excellent{color:#fff;background:#15803d;border:1px solid #15803d;box-shadow:0 2px 4px #15803d33}.badge-pass{color:#15803d;background:#16a34a1a;border:1px solid #16a34a4d}.badge-fail{color:#b91c1c;background:#dc26261a;border:1px solid #dc26264d}@media (width<=480px){.contrast-checker{padding:1.25rem}.hex-input{min-width:0}.status-box{flex-wrap:wrap;gap:.5rem}}.layout-container{min-height:100vh;display:flex}.skip-link{background:var(--color-dark-green);color:var(--color-white);border-radius:var(--radius-sm);z-index:9999;box-shadow:var(--shadow-md);padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:top .2s;position:fixed;top:-60px;left:1rem}.skip-link:focus{clip:auto;outline:var(--focus-ring);width:auto;height:auto;margin:0;top:1rem}.main-content{background:var(--color-bg-light);scroll-behavior:smooth;flex:1;overflow-y:auto}.main-content:focus{outline:none}.content-wrapper{flex-direction:column;gap:0;max-width:860px;margin:0 auto;padding:2rem 2.5rem;display:flex}.content-divider{text-align:center;align-items:center;margin:3rem 0;display:flex}.content-divider:before,.content-divider:after{content:"";border-bottom:2px dashed var(--color-border-strong);flex:1}.content-divider:not(:empty):before{margin-right:1.5rem}.content-divider:not(:empty):after{margin-left:1.5rem}.divider-text{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);font-size:.85rem;font-weight:700}.content-wrapper>section{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);margin-bottom:2.5rem;padding:3rem 3.5rem;scroll-margin-top:1rem}.content-wrapper>section:last-child{margin-bottom:0}@media (width<=768px){.layout-container{flex-direction:column}.main-content{padding-top:0}.content-wrapper{padding:0 1rem 1rem}.content-wrapper>section{border-radius:var(--radius-md);margin-bottom:1rem;padding:1.5rem;scroll-margin-top:4.5rem}}:root{--color-white:#fff;--color-bright-green:#00da00;--color-dark-green:#008236;--color-light-blue:#26beef;--color-green-50:#f0faf4;--color-green-100:#d6f5e3;--color-green-200:#a7e8c4;--color-green-700:#008236;--color-green-900:#00512a;--color-blue-50:#edfbff;--color-blue-400:#26beef;--color-doc-heading-main:#38761d;--color-doc-heading:#38761d;--color-text-black:#111827;--color-text-dark-grey:#374151;--color-text-muted:#6b7280;--color-bg-light:#f4f6f9;--color-surface:#fff;--color-surface-2:#f9fafb;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-sidebar-bg:#fff;--color-sidebar-text:#374151;--color-sidebar-hover-bg:#f0faf4;--color-sidebar-active-bg:linear-gradient(90deg, #0082361f 0%, #0082360a 100%);--color-sidebar-active-text:#008236;--font-heading:"Bebas Neue", sans-serif;--font-body:"Inter", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 40px #0000001a, 0 4px 12px #0000000d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--focus-ring:3px solid var(--color-light-blue);--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text-dark-grey);background-color:var(--color-bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.04em;font-weight:400;line-height:1.1}h1{color:var(--color-doc-heading-main);margin-bottom:1.25rem;font-size:clamp(2.2rem,5vw,3.2rem)}h2{color:var(--color-doc-heading);margin-top:2.5rem;margin-bottom:1rem;font-size:clamp(1.6rem,3.5vw,2.25rem)}h2:first-child,h2.no-top-margin{margin-top:0}h3{color:var(--color-doc-heading);margin-bottom:.75rem;font-size:clamp(1.4rem,2.5vw,1.8rem)}h4{color:var(--color-doc-heading);margin-bottom:.75rem;font-size:clamp(1.25rem,2vw,1.5rem)}h5{color:var(--color-doc-heading);margin-bottom:.5rem;font-size:clamp(1.15rem,1.5vw,1.35rem)}h6{color:var(--color-doc-heading);margin-bottom:.5rem;font-size:1.1rem}p{max-width:70ch;margin-bottom:1rem}p:last-child{margin-bottom:0}ul,ol{padding-left:1.5rem}li{margin-bottom:.5rem;line-height:1.7}li::marker{color:var(--color-doc-heading)}a{color:var(--color-dark-green);text-underline-offset:3px;transition:color var(--transition), opacity var(--transition);text-decoration:underline}a:hover{color:var(--color-green-900)}:focus-visible{outline-offset:2px;border-radius:2px;outline:3px solid #000;box-shadow:0 0 0 6px #fff}.sr-only,.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.desktop-only{display:block}.mobile-only{display:none}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}