:root{color-scheme:light;--sidebar-width: 224px;--sidebar-collapsed-width: 60px;--side-ad-width: 300px;--spacing: 1.5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--bg-color: #ffffff;--bg-sidebar: #f7f8fa;--card-bg: #ffffff;--surface-raised: #ffffff;--surface-soft: #f4f5f7;--control-bg: #ffffff;--text-main: #202124;--text-muted: #616670;--text-light: #6d727c;--border-color: #dfe2e7;--primary: #315fb4;--primary-hover: #244b94;--primary-text: #ffffff;--nav-active-bg: #e8eef9;--danger: #b53440;--danger-hover: #922733;--accent-gold: #8c691f;--accent-warm: var(--primary);--accent-mint: var(--primary);--ad-bg: var(--surface-soft);--ad-border: var(--border-color);--ad-text: var(--text-muted);--banner-bg: var(--surface-soft);--banner-border: var(--border-color);--banner-text: var(--text-muted);--shadow-sm: none;--shadow-md: none;--shadow-card: none;--shadow-float: 0 8px 24px rgb(0 0 0 / .12);--focus-ring: #809fdb;--scrollbar-thumb: #c4c8d0}:root.dark{color-scheme:dark;--bg-color: #191a1c;--bg-sidebar: #151618;--card-bg: #1e2023;--surface-raised: #25272b;--surface-soft: #222428;--control-bg: #1e2023;--text-main: #e7e9ed;--text-muted: #a2a7b1;--text-light: #949aa5;--border-color: #35383f;--primary: #9abcf9;--primary-hover: #b7d0ff;--primary-text: #172239;--nav-active-bg: #253044;--danger: #ed8b94;--danger-hover: #f4a8af;--accent-gold: #d9bb76;--focus-ring: #9abcf9;--scrollbar-thumb: #464b55}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}html,body,#app{margin:0;width:100%;height:100%}body{font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-color);color:var(--text-main);overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a{color:var(--primary);text-underline-offset:3px}button,summary{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:1.8rem;line-height:1.25;letter-spacing:-.025em;font-weight:650}h2{font-size:1.2rem;line-height:1.35;font-weight:600}h3{font-size:1rem;line-height:1.4;font-weight:600}code,pre,textarea{font-family:ui-monospace,Cascadia Code,SFMono-Regular,Consolas,monospace}label{display:block;margin-bottom:.5rem;font-weight:500}input[type=text],input[type=email],input[type=search],textarea{width:100%;padding:.75rem;color:var(--text-main);background:var(--control-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:var(--text-light)}input[type=number],select{padding:.4rem .6rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--control-bg);color:var(--text-main)}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:var(--radius-md);padding:.6rem 1rem;border:1px solid transparent;font-size:.875rem;line-height:1.4;font-weight:550;text-decoration:none}.primary{background:var(--primary);color:var(--primary-text)}.primary:hover:not(:disabled){background:var(--primary-hover)}.secondary{background:var(--card-bg);color:var(--text-main);border-color:var(--border-color)}.secondary:hover:not(:disabled){background:var(--surface-soft)}.danger{background:var(--danger);color:var(--bg-color)}.danger:hover:not(:disabled){background:var(--danger-hover)}.app-root{height:100dvh;display:flex;flex-direction:column}.app-header{flex-shrink:0;height:56px;display:flex;align-items:center;gap:.75rem;padding:0 1rem;border-bottom:1px solid var(--border-color);background:var(--bg-color);z-index:200}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text-main)}.brand-mark{width:26px;height:26px;border-radius:5px}.brand-wordmark{font-size:1rem;font-weight:650;letter-spacing:-.025em}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.45rem}.sidebar-toggle,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;padding:7px;background:transparent;color:var(--text-muted);border:0;border-radius:var(--radius-md)}.sidebar-toggle:hover,.theme-toggle:hover{background:var(--surface-soft);color:var(--text-main)}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.login-btn{display:inline-flex;align-items:center;gap:.5rem;max-width:230px;padding:.45rem .65rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:transparent;color:var(--text-main);font-size:.8rem;white-space:nowrap}.login-btn svg{flex-shrink:0}.account-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:300;display:grid;gap:.5rem;min-width:210px;max-width:min(320px,calc(100vw - 32px));padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-float);overflow-wrap:anywhere}.app-container{display:flex;flex:1;min-height:0}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;padding:.75rem 0}.sidebar h2{color:var(--text-light);font-size:.73rem;font-weight:550;margin:1.25rem 1rem .4rem}.sidebar-nav{display:grid;gap:2px}.publisher-nav{padding-bottom:.5rem}.nav-item{display:flex;align-items:center;gap:.65rem;margin:0 .5rem;padding:.55rem .65rem;min-height:36px;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-md);font-size:.8rem;overflow:hidden;white-space:nowrap}button.nav-item{width:calc(100% - 1rem);border:0;background:transparent;text-align:left}.nav-item:hover{background:var(--surface-soft);color:var(--text-main)}.nav-item.active{background:var(--nav-active-bg);color:var(--primary);font-weight:600}.sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;flex-shrink:0}.sidebar-icon svg{width:17px;height:17px;stroke-width:1.6}.site-nav-icon{font-size:1rem}.sidebar-footer{padding:.5rem 0;border-top:1px solid var(--border-color)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed h2{height:0;overflow:hidden;margin:.5rem 0}.sidebar.collapsed .nav-item{justify-content:center;padding:.65rem 0;gap:0}.sidebar.collapsed .nav-item>span:not(.sidebar-icon){display:none}.sidebar-backdrop{display:none}.main-content{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column;padding:clamp(1rem,2.2vw,2.5rem)}.work-area{min-width:0;flex-shrink:0}.work-area>header{margin-bottom:1.75rem}.work-area>header h1{margin-bottom:.4rem}.work-area>header p{color:var(--text-muted);margin:0}.tool-content,.interactive-tool-shell{min-width:0}.app-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;margin-top:auto;color:var(--text-light);font-size:.75rem}.footer-links{display:flex;flex-wrap:wrap;gap:.8rem}.app-footer a{color:inherit;text-decoration:none}.app-footer a:hover{color:var(--primary);text-decoration:underline}.app-footer{padding-top:3rem}.info-box{margin-top:1.5rem;padding:.75rem 1rem;background:var(--surface-soft);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-muted)}.premium-pill{display:inline-flex;gap:.4rem;align-items:center;color:var(--text-muted);font-size:.8rem}.premium-feature{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 0;margin:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);font-size:.85rem}.premium-feature p{margin:.2rem 0 0;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000080}.app-modal{background:var(--card-bg);color:var(--text-main);padding:1.5rem;width:100%;max-width:480px;max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-float)}.modal-close{float:right;padding:.25rem;border:0;background:transparent;color:var(--text-muted);font-size:1rem}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.auth-modal-header h2{margin:0}.auth-modal-copy{margin:1rem 0;color:var(--text-muted)}.auth-form{display:grid;gap:.75rem}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1rem 0;color:var(--text-light)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--border-color)}.icon-btn{background:transparent;border:0;color:var(--text-muted);padding:.4rem}.toast-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:grid;gap:.5rem;z-index:9999;pointer-events:none;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;background:var(--text-main);color:var(--bg-color);border-radius:var(--radius-md);box-shadow:var(--shadow-float);pointer-events:auto;font-size:.85rem}.toast-error{background:var(--danger);color:var(--bg-color)}.tool-error{padding:1rem;border:1px solid var(--danger);border-radius:var(--radius-md)}.tool-error code{display:block;overflow-wrap:anywhere;margin:1rem 0;color:var(--danger)}.site-loading{min-height:100dvh;display:grid;place-items:center;color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.publisher-page{width:100%;min-width:0}.publisher-page-header{margin-bottom:1.5rem}.publisher-page-header h1,.article-header h1{margin-bottom:.6rem}.publisher-lead{color:var(--text-muted);margin-bottom:1rem;max-width:75ch}.tool-search{max-width:28rem;margin-bottom:2rem}.tool-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:1.75rem 2.5rem;align-items:start}.directory-group h2{font-size:.85rem;color:var(--text-muted);margin:0 0 .5rem}.directory-grid{display:grid}.directory-card{display:block;padding:1rem 0;border-bottom:1px solid var(--border-color);text-decoration:none;color:var(--text-main)}.directory-card h3{margin-bottom:.3rem;font-size:1rem}.directory-card p{margin:0;color:var(--text-muted);font-size:.85rem}.directory-card:hover h3{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.blog-index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:0 2.5rem}.blog-index-card{padding:1.25rem 0;border-bottom:1px solid var(--border-color)}.blog-index-card h2{margin-bottom:.5rem;font-size:1.05rem}.blog-index-card h2 a{color:var(--text-main);text-decoration:none}.blog-index-card h2 a:hover{color:var(--primary);text-decoration:underline}.blog-index-card p{color:var(--text-muted);margin-bottom:0;font-size:.85rem}.breadcrumbs{display:flex;gap:.6rem;color:var(--text-muted);font-size:.8rem;margin-bottom:1.5rem}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.article-header{margin-bottom:2.5rem}.article-header h1{max-width:50ch}.article-body{min-width:0;font-size:.95rem;line-height:1.7;container:guide / inline-size}.article-body>section,.article-body>.guide-reference-grid{margin-bottom:2rem}.article-body>section:not(.evidence-record){max-width:80ch}.guide-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;max-width:140ch}.guide-reference-grid section{min-width:0}.publisher-list{margin:0 0 1rem;padding-left:1.3rem}.publisher-list li{margin:.5rem 0;padding-left:.15rem;color:var(--text-muted)}.publisher-faq details{border-bottom:1px solid var(--border-color)}.publisher-faq details:first-of-type{border-top:1px solid var(--border-color)}.publisher-faq summary{padding:.8rem 0;font-weight:500}.publisher-faq p{color:var(--text-muted);margin:0 0 1rem}.tool-guide{margin-top:2rem;border-top:1px solid var(--border-color);font-size:.9rem}.tool-guide>summary,.guide-evidence>summary{padding:1rem 0;font-weight:500;color:var(--text-muted)}.tool-guide>summary:hover,.guide-evidence>summary:hover{color:var(--primary)}.tool-guide-content{padding:.5rem 0 1rem;line-height:1.7}.tool-guide-content>.publisher-list{max-width:80ch}.tool-guide h2{font-size:1rem}.guide-evidence{border-top:1px solid var(--border-color)}.evidence-record{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;margin-bottom:2rem;font-size:.85rem}.evidence-record-header{display:flex;justify-content:space-between;align-items:start;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--border-color)}.evidence-record-header h2{margin:0;font-size:1rem;overflow-wrap:anywhere}.publisher-kicker{color:var(--text-muted);font-size:.8rem;margin-bottom:.4rem}.evidence-date{display:grid;color:var(--text-muted);font-size:.75rem;text-align:right;flex-shrink:0}.evidence-environment,.evidence-fixtures,.evidence-table-wrap,.evidence-limit{padding:1.25rem;border-bottom:1px solid var(--border-color)}.evidence-record h3{font-size:.9rem}.evidence-environment dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0}.evidence-environment dt{color:var(--text-muted);font-size:.75rem}.evidence-environment dd{margin:.3rem 0 0;overflow-wrap:anywhere}.evidence-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-copy>section{padding:1.25rem;border-bottom:1px solid var(--border-color)}.evidence-copy p,.evidence-limit p{color:var(--text-muted);margin-bottom:0}.fixture-grid{display:grid;gap:.5rem}.fixture-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.fixture-card>div{display:grid;min-width:0}.fixture-card strong{overflow-wrap:anywhere}.fixture-card span,.fixture-card code{font-size:.75rem;color:var(--text-muted)}.evidence-manifest-link{display:inline-block;margin-top:1rem}.evidence-screenshot{margin:0;border-bottom:1px solid var(--border-color)}.evidence-screenshot img{display:block;width:100%;max-height:440px;object-fit:contain;object-position:left top}.evidence-screenshot figcaption{padding:.75rem 1.25rem;display:flex;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.75rem;overflow-wrap:anywhere}.evidence-table-wrap{overflow-x:auto}.evidence-table{width:100%;min-width:620px;border-collapse:collapse;text-align:left;font-size:.8rem}.evidence-table th,.evidence-table td{border:1px solid var(--border-color);padding:.65rem;vertical-align:top}.evidence-table th{font-weight:500}.evidence-status{color:var(--primary)}.evidence-limit{border-bottom:0}.article-ad,.banner-ad,.side-ad{margin:2rem 0;padding:.75rem;min-height:280px;border:1px solid var(--border-color);background:var(--ad-bg)}.article-ad-label{display:block;text-align:center;font-size:.7rem;color:var(--ad-text);margin-bottom:.5rem}.legal-page{max-width:80ch;font-size:.9rem;line-height:1.75}.legal-page .last-updated{color:var(--text-muted);font-size:.8rem}.legal-page section{margin-top:1.75rem}.legal-page h2{font-size:1.1rem}.legal-page p,.legal-page li{color:var(--text-muted)}.legal-kicker{display:none}@container guide (max-width: 42rem){.guide-reference-grid,.evidence-copy,.evidence-environment dl{grid-template-columns:1fr}.evidence-record-header,.evidence-screenshot figcaption{flex-direction:column}.evidence-date{text-align:left}.fixture-card{grid-template-columns:minmax(0,1fr) auto}.fixture-card code{grid-column:1 / -1}}@media(max-width:768px){.app-header{padding:0 .65rem;gap:.4rem}.header-actions{gap:.2rem}.header-actions .login-btn{padding:.4rem;width:32px;height:32px;justify-content:center}.header-actions .login-btn span,.header-actions .login-btn>svg:last-child:not(:first-child){display:none}.brand-mark{display:none}.sidebar{position:fixed;inset:56px auto 0 0;width:var(--sidebar-width);transform:translate(-100%);visibility:hidden}.sidebar.open{transform:translate(0);visibility:visible}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar.collapsed h2{height:auto;margin:1.25rem 1rem .4rem}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:.55rem .65rem;gap:.65rem}.sidebar.collapsed .nav-item>span:not(.sidebar-icon){display:inline}.sidebar-backdrop{display:block;position:fixed;inset:56px 0 0;z-index:90;border:0;background:#0000004d}.main-content{padding:1.25rem 1rem}.guide-reference-grid{grid-template-columns:1fr;gap:1.5rem}.tool-search{max-width:none}.app-footer{align-items:flex-start;flex-direction:column}h1{font-size:1.5rem}.app-modal{padding:1.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}