:root{--bg:#fafaf9;--surface:#fff;--surface-2:#f5f5f4;--text:#1c1917;--muted:#78716c;--border:#e7e5e4;--border-strong:#d6d3d1;--amber:#d97706;--amber-dark:#92400e;--amber-soft:#fffbeb;--green:#059669;--green-soft:#ecfdf5;--blue:#2563eb;--blue-soft:#eff6ff;--red:#e11d48;--shadow:0 1px 2px rgba(28,25,23,.05);--shadow-lg:0 18px 45px rgba(28,25,23,.12);--radius:18px;--header-h:80px}
html.dark{--bg:#0c0a09;--surface:#1c1917;--surface-2:#292524;--text:#f5f5f4;--muted:#a8a29e;--border:#292524;--border-strong:#44403c;--amber:#f59e0b;--amber-dark:#fbbf24;--amber-soft:#451a03;--green-soft:#052e16;--blue-soft:#172554;--shadow:0 1px 2px rgba(0,0,0,.35);--shadow-lg:0 18px 45px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.ozt-theme{margin:0;background:var(--bg);color:var(--text);font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}h1,h2,h3,.brand-name,.font-serif{font-family:'Playfair Display',Georgia,serif}code,.font-mono,.formula-chip,.formula-box,.lcd-panel{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{width:100%;max-width:1280px;margin:0 auto;padding:30px 24px 54px;flex:1}
.site-header{height:var(--header-h);position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--surface) 96%,transparent);border-bottom:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.header-inner{height:100%;max-width:1280px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-identity{display:flex;align-items:center;gap:11px;min-width:0}.brand .custom-logo-link{display:flex}.brand .custom-logo{max-width:190px;max-height:52px;width:auto;height:auto}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#d97706,#b45309);color:#fff;font-size:20px;box-shadow:0 8px 18px rgba(180,83,9,.24);flex:none}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-name{font-size:23px;font-weight:700;letter-spacing:-.045em;line-height:1;color:var(--text);white-space:nowrap}.brand-name>span{color:var(--amber)}.brand-name small{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;color:#a8a29e;letter-spacing:-.02em}.brand-tagline{margin-top:5px;font-size:10px;font-weight:600;color:var(--muted);white-space:nowrap}.desktop-nav{margin-left:auto}.ozt-menu{display:flex;align-items:center;gap:3px;list-style:none;margin:0;padding:0}.ozt-menu a{display:block;padding:9px 11px;border-radius:10px;font-size:12px;font-weight:700;color:#57534e;transition:.18s}.dark .ozt-menu a{color:#d6d3d1}.ozt-menu a:hover,.ozt-menu .current-menu-item>a,.ozt-menu .current_page_item>a{background:var(--amber-soft);color:var(--amber-dark)}.header-actions{display:flex;gap:7px;align-items:center}.icon-btn{height:37px;min-width:37px;padding:0 10px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:.18s}.icon-btn:hover{color:var(--text);background:var(--surface-2)}.icon-btn.active{color:#047857;background:var(--green-soft);border-color:#a7f3d0}.dark .icon-btn.active{border-color:#065f46}.language-pill{height:37px;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface);display:flex;align-items:center;padding:0 5px 0 9px;gap:3px}.language-pill select{border:0;background:transparent;color:var(--text);font-size:11px;font-weight:700;outline:0;max-width:88px}.mobile-menu-button{display:none}.mobile-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:12px 18px 18px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg)}.mobile-nav.open{display:block}.mobile-nav .ozt-menu{display:grid;grid-template-columns:1fr 1fr}.mobile-nav .ozt-menu a{font-size:13px;padding:12px}
.top-product-ad{position:sticky;top:var(--header-h);z-index:90;background:#1c1917;color:white;border-bottom:1px solid #292524}.admin-bar .top-product-ad{top:calc(var(--header-h) + 32px)}.top-product-inner{max-width:1280px;margin:auto;padding:8px 24px;display:flex;align-items:center;gap:13px}.top-product-image{width:42px;height:42px;object-fit:cover;border-radius:9px}.top-product-copy{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.top-product-copy strong{font-size:12px}.top-product-copy>span:last-child{font-size:11px;color:#d6d3d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sponsored-pill,.ad-label{font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.09em;font-size:8px;font-weight:700}.sponsored-pill{background:#f59e0b;color:#451a03;padding:3px 6px;border-radius:999px}.ad-slot{max-width:1280px;margin:14px auto;padding:0 24px;position:relative}.ad-slot .ad-label{display:block;color:var(--muted);text-align:center;margin-bottom:4px}.ad-placeholder{min-height:90px;border:1px dashed var(--border-strong);border-radius:14px;background:var(--surface);display:grid;place-items:center;color:var(--muted);font-size:12px;text-transform:capitalize}.ad-slot-sidebar_ad{padding:0;margin:0 0 18px}.ad-slot-sidebar_ad .ad-placeholder{min-height:250px}.ad-slot-sticky_ad{position:fixed;z-index:150;bottom:12px;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 24px));margin:0;padding:0}.ad-slot-sticky_ad>.ad-label{position:absolute;right:8px;top:-15px}.ad-slot-sticky_ad>.ad-placeholder,.ad-slot-sticky_ad>div:not(.ad-label){box-shadow:var(--shadow-lg);background:var(--surface)}
.page-hero{text-align:center;max-width:860px;margin:10px auto 28px}.page-hero.compact{max-width:820px;margin-top:8px}.page-hero h1{font-size:clamp(30px,5vw,50px);letter-spacing:-.04em;line-height:1.08;margin:7px 0 10px}.page-hero.compact h1{font-size:clamp(29px,4vw,43px)}.page-hero p{margin:0 auto;color:var(--muted);font-size:14px;max-width:760px}.page-hero .btn{margin-top:18px}.eyebrow{font-family:'JetBrains Mono',monospace;color:var(--amber);text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:800}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 auto 18px}.mode-tab{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);transition:.2s;min-width:0}.mode-tab>span:first-child{font-size:19px}.mode-tab strong{font-family:'Plus Jakarta Sans',sans-serif;display:block;font-size:11px;color:var(--text);line-height:1.2}.mode-tab small{display:block;font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-tab:hover{border-color:#f59e0b;transform:translateY(-1px)}.mode-tab.active{border-color:#f59e0b;background:var(--amber-soft);box-shadow:0 0 0 2px rgba(245,158,11,.1)}
.surface,.article-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.digital-scale{padding:22px 26px;margin-bottom:28px}.surface-head,.surface-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.surface-head{padding-bottom:17px;border-bottom:1px solid var(--border)}.surface-head>div:first-child,.surface-title{justify-content:flex-start}.surface-head>div:first-child,.surface-title{display:flex;align-items:center;gap:10px}.surface-head h2,.surface-title h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;margin:0;color:var(--text)}.surface-head p,.surface-title p{font-size:10px;margin:2px 0 0;color:var(--muted)}.icon-chip{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--surface-2);color:var(--text);font-size:17px}.icon-chip.amber{background:var(--amber-soft)}.icon-chip.green{background:var(--green-soft)}.icon-chip.blue{background:var(--blue-soft)}.scale-actions{display:flex;align-items:center;gap:7px}.range-switch{display:flex;background:var(--surface-2);border:1px solid var(--border);padding:2px;border-radius:9px}.range-switch button{border:0;background:transparent;color:var(--muted);padding:5px 7px;border-radius:7px;font-family:'JetBrains Mono',monospace;font-size:9px;cursor:pointer}.range-switch button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-weight:800}.btn{border:0;border-radius:11px;padding:10px 14px;font-size:11px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-small{padding:7px 11px;font-size:10px}.btn-amber{background:#d97706;color:#fff}.btn-amber:hover{background:#b45309}.btn-muted{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}
.lcd-panel{margin-top:18px;border:2px solid #44403c;border-radius:17px;padding:20px 22px;background:#1c1917;color:white;box-shadow:0 20px 34px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.02);position:relative;overflow:hidden}.lcd-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 25%,rgba(255,255,255,.035),transparent 70%)}.lcd-panel.beep{box-shadow:0 0 0 4px rgba(251,191,36,.23),0 20px 34px rgba(0,0,0,.18);border-color:#f59e0b}.lcd-status{position:relative;display:flex;align-items:center;justify-content:space-between;padding-bottom:11px;margin-bottom:17px;border-bottom:1px solid #292524;font-size:8px;color:#34d399;letter-spacing:.03em}.lcd-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#34d399;margin-right:5px;box-shadow:0 0 0 4px rgba(52,211,153,.08)}.lcd-status em{font-style:normal;color:#57534e;margin:0 8px}.lcd-status strong{color:#fbbf24}.lcd-grid{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;gap:8px;position:relative}.lcd-input{display:block;border:1px solid #292524;border-radius:13px;padding:13px 15px;background:rgba(12,10,9,.7)}.lcd-input>span{display:block;color:#a8a29e;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:700;margin-bottom:7px}.lcd-input>div{display:flex;align-items:flex-end;gap:8px}.lcd-input input{min-width:0;width:100%;border:0;background:transparent;color:#6ee7b7;font-size:31px;line-height:1;font-weight:700;outline:0;font-family:'JetBrains Mono',monospace}.lcd-input strong{font-size:12px;color:#a8a29e;margin-bottom:3px}.lcd-swap{text-align:center;color:#78716c;font-size:18px}.lcd-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:16px;background:#292524;border:1px solid #292524;border-radius:11px;overflow:hidden;position:relative}.lcd-summary>div{background:#0c0a09;padding:10px 12px}.lcd-summary span{display:block;color:#78716c;text-transform:uppercase;font-size:7px;letter-spacing:.08em}.lcd-summary strong{display:block;color:#e7e5e4;font-size:10px;margin-top:3px}.scale-slider{margin-top:18px}.slider-labels{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-family:'JetBrains Mono',monospace;font-size:9px}.slider-labels span:nth-child(2){color:var(--amber);font-weight:800}.scale-slider input{width:100%;accent-color:#d97706}.preset-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.preset-row button{border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--muted);padding:7px 9px;font-family:'JetBrains Mono',monospace;font-size:9px;cursor:pointer}.preset-row button:hover,.preset-row button.active{border-color:#f59e0b;color:var(--amber-dark);background:var(--amber-soft)}.benchmark-strip{margin-top:15px;padding:10px 13px;border-radius:11px;background:var(--surface-2);display:flex;align-items:center;gap:10px}.benchmark-strip strong{font-size:10px;color:var(--text)}
.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:28px;align-items:start}.main-column{display:grid;gap:24px;min-width:0}.sidebar{display:grid;gap:18px;position:sticky;top:calc(var(--header-h) + 75px)}.mode-panel{display:none;padding:22px 24px}.mode-panel.active{display:block}.field{display:block;margin-top:16px}.field>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border-strong);border-radius:11px;padding:10px 12px;background:var(--surface-2);color:var(--text);font-size:11px;outline:0}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.1)}.result-callout{margin-top:17px;padding:17px 18px;border-radius:14px;background:var(--amber-soft);border:1px solid #fde68a}.dark .result-callout{border-color:#78350f}.result-callout.green{background:var(--green-soft);border-color:#a7f3d0}.dark .result-callout.green{border-color:#065f46}.result-callout.blue{background:var(--blue-soft);border-color:#bfdbfe}.dark .result-callout.blue{border-color:#1e3a8a}.result-callout h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;margin:5px 0 4px;letter-spacing:-.02em}.result-callout h3 strong{color:var(--amber-dark);font-family:'JetBrains Mono',monospace}.result-callout p{font-size:10px;color:var(--muted);margin:0}.metric-grid{display:grid;gap:8px;margin-top:12px}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric-grid>div{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;padding:11px}.metric-grid span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.metric-grid strong{display:block;margin-top:3px;font-family:'JetBrains Mono',monospace;font-size:12px}.note-box{margin-top:14px;padding:11px 13px;border-radius:11px;background:var(--surface-2);color:var(--muted);font-size:10px;border-left:3px solid var(--amber)}.note-box.warning{border-left-color:#e11d48}.section-mini-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 9px}.threshold-list{display:grid;gap:7px}.threshold-card{border:1px solid var(--border);border-radius:11px;padding:10px 12px;background:var(--surface-2);display:flex;gap:12px;align-items:center;justify-content:space-between}.threshold-card strong{font-size:10px}.threshold-card p{margin:2px 0 0;color:var(--muted);font-size:8px}.threshold-card span{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--blue);white-space:nowrap}.sidebar-card{padding:18px}.sidebar-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;margin:5px 0 10px}.sidebar-card p{font-size:10px;color:var(--muted)}.sidebar-card>a{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--border);font-size:10px;font-weight:700}.sidebar-card>a span{color:var(--amber)}.authority-card>div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid var(--border)}.authority-card strong{font-size:11px}.authority-card div span{font-family:'JetBrains Mono',monospace;color:var(--amber-dark);font-size:9px}
.benchmark-section,.reverse-section{padding:22px 24px}.benchmark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.benchmark-card{border:1px solid var(--border);border-radius:13px;background:var(--surface-2);padding:12px;text-align:left;color:var(--text);cursor:pointer;transition:.18s}.benchmark-card:hover{border-color:#f59e0b;transform:translateY(-1px)}.benchmark-oz{font-family:'JetBrains Mono',monospace;color:var(--amber);font-size:9px;font-weight:800}.benchmark-card strong{display:block;font-size:10px;margin:4px 0 2px}.benchmark-card small{display:block;font-size:8px;color:var(--muted)}.benchmark-card p{font-size:8px;color:var(--muted);margin:7px 0 0}.reverse-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.reverse-section .result-callout{display:flex;align-items:center;gap:14px;justify-content:space-between}.reverse-section .result-callout .eyebrow{display:none}.reverse-section .result-callout h3{margin:0;flex:1}
.authority-article{margin-top:34px;padding:28px 32px}.authority-article>header{max-width:820px}.authority-article h2{font-size:30px;line-height:1.15;margin:6px 0 8px}.authority-article>header p{color:var(--muted);font-size:12px}.article-sections{display:grid;gap:22px;margin-top:26px}.article-sections section{padding-top:19px;border-top:1px solid var(--border)}.article-sections h3{font-size:20px;margin:0 0 8px}.article-sections h3 span{font-family:'JetBrains Mono',monospace;color:var(--amber);font-size:13px;margin-right:8px}.article-sections p{font-size:11px;color:#57534e;margin:0;line-height:1.75}.dark .article-sections p{color:#d6d3d1}.article-links{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:10px}.article-links span{color:var(--muted)}.article-links a{font-weight:800;color:var(--amber-dark)}
.directory-tools{padding:16px 18px;margin-bottom:18px;display:flex;align-items:flex-end;gap:16px}.directory-tools .field{margin:0;flex:1}.directory-count{text-align:right}.directory-count strong{display:block;font-family:'JetBrains Mono',monospace;font-size:24px;color:var(--amber)}.directory-count span{font-size:9px;color:var(--muted)}.directory-grid,.guide-grid,.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.directory-card,.guide-card,.post-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}.directory-card h2,.guide-card h2,.post-card h2{font-size:18px;line-height:1.25;margin:7px 0}.directory-card p,.guide-card p,.post-card p{font-size:10px;color:var(--muted);margin:0 0 12px}.formula-chip{font-size:8px;background:var(--surface-2);border:1px solid var(--border);padding:8px 9px;border-radius:9px;width:100%;margin-bottom:12px;color:var(--muted)}.text-link{color:var(--amber-dark);font-size:10px;font-weight:800;margin-top:auto}.guide-stat{display:flex;align-items:baseline;gap:7px;margin:5px 0 13px}.guide-stat strong{font-family:'JetBrains Mono',monospace;color:var(--amber);font-size:20px}.guide-stat span{color:var(--muted);font-size:8px}
.article-shell{max-width:960px;margin:0 auto}.article-card{padding:28px 32px;margin-bottom:18px}.breadcrumbs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:9px;margin-bottom:13px}.breadcrumbs a{color:var(--amber-dark);font-weight:700}.article-header h1,.conversion-answer h1{font-size:clamp(31px,5vw,47px);line-height:1.08;letter-spacing:-.04em;margin:7px 0 11px}.lede{color:var(--muted);font-size:13px;line-height:1.7}.byline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:9px;color:var(--muted);margin-top:14px}.answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.answer-grid>div{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:12px}.answer-grid span{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:7px;color:var(--muted)}.answer-grid strong{display:block;font-size:10px;margin-top:4px}.primary-answer{grid-column:span 3;background:var(--amber-soft)!important;border-color:#fde68a!important}.primary-answer strong{font-size:20px!important;color:var(--amber-dark)}.formula-box{background:#1c1917;color:#fef3c7;border-radius:12px;padding:12px 14px;font-size:9px;line-height:1.55;margin-top:15px;overflow:auto}.article-card h2{font-size:24px;margin:5px 0 12px}.article-card h3{font-size:17px;margin:19px 0 6px}.prose-content{font-size:11px;color:#57534e;line-height:1.8}.dark .prose-content{color:#d6d3d1}.prose-content p{margin:0 0 14px}.prose-content ul,.prose-content ol{padding-left:20px}.prose-content li{margin-bottom:7px}.prose-content a{color:var(--amber-dark);text-decoration:underline}.table-scroll{overflow:auto}.article-card table,.print-chart table,.wp-block-table table{border-collapse:collapse;width:100%;font-size:9px}.article-card th,.article-card td,.print-chart th,.print-chart td,.wp-block-table th,.wp-block-table td{padding:9px 10px;text-align:left;border:1px solid var(--border);vertical-align:top}.article-card th,.print-chart th,.wp-block-table th{background:var(--surface-2);font-weight:800}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rule-card{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:12px}.rule-card>span{font-family:'JetBrains Mono',monospace;color:var(--amber);font-size:9px}.rule-card p{font-size:9px;color:var(--muted);margin:5px 0 0}.post-card-meta{display:flex;gap:7px;color:var(--muted);font-size:8px}.blog-layout{grid-template-columns:minmax(0,2.2fr) minmax(230px,.8fr)}.blog-layout .post-grid{grid-template-columns:1fr 1fr}.pagination{margin-top:20px}.nav-links{display:flex;gap:5px}.page-numbers{border:1px solid var(--border);border-radius:8px;padding:6px 9px;font-size:9px;background:var(--surface)}.page-numbers.current{background:var(--amber);color:#fff;border-color:var(--amber)}
.standalone-wrap{max-width:900px;margin:auto}.print-chart{max-width:780px;margin:auto;padding:32px}.print-brand{font-family:'Playfair Display',serif;font-size:22px;font-weight:700}.print-brand span{color:var(--amber)}.print-chart h2{font-size:28px;margin:8px 0 18px}.chart-note{font-size:9px;color:var(--muted);margin-top:12px}.contact-wrap{max-width:680px;margin:auto;padding:25px}.contact-form{display:grid;gap:4px}.success-box,.error-box{border-radius:12px;padding:13px 14px;margin-bottom:14px;font-size:10px}.success-box{background:var(--green-soft);border:1px solid #a7f3d0}.error-box{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}
.search-overlay{position:fixed;inset:0;z-index:300;background:rgba(12,10,9,.73);backdrop-filter:blur(8px);display:none;place-items:start center;padding-top:12vh}.search-overlay.open{display:grid}.search-dialog{width:min(650px,calc(100% - 28px));background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow-lg)}.search-dialog h2{font-size:27px;margin:5px 0 16px}.search-dialog form{display:flex;gap:8px}.search-dialog input{flex:1;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface-2);padding:12px;color:var(--text);font-size:11px;outline:0}.search-close{position:absolute;right:24px;top:22px;background:transparent;border:0;color:#fff;font-size:30px;cursor:pointer}
.site-footer{margin-top:auto;background:#1c1917;color:#d6d3d1;border-top:1px solid #292524}.footer-inner{max-width:1280px;margin:auto;padding:38px 24px 28px;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:34px}.footer-logo .brand-name{color:white}.footer-brand p{font-size:9px;line-height:1.7;color:#a8a29e;max-width:370px}.footer-badges{display:flex;gap:5px;flex-wrap:wrap}.footer-badges span{border:1px solid #44403c;border-radius:999px;padding:4px 7px;font-size:7px;color:#a8a29e}.footer-col h3{font-family:'Plus Jakarta Sans',sans-serif;color:#f5f5f4;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:7px 0}.footer-links a{font-size:9px;color:#a8a29e}.footer-links a:hover{color:#fbbf24}.footer-bottom{max-width:1280px;margin:auto;border-top:1px solid #292524;padding:14px 24px 20px;display:flex;justify-content:space-between;gap:14px;font-size:8px;color:#78716c}.footer-bottom a{color:#a8a29e}
@media(max-width:1100px){.desktop-nav{display:none}.mobile-menu-button{display:grid}.mode-tabs{grid-template-columns:1fr 1fr}.content-grid,.blog-layout{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:1fr 1fr}.directory-grid,.guide-grid{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1.5fr 1fr 1fr}.footer-col:last-child{grid-column:2/4}.benchmark-grid{grid-template-columns:1fr 1fr}}
@media(max-width:782px){body.admin-bar .site-header{top:46px}.admin-bar .top-product-ad{top:calc(var(--header-h) + 46px)}}
@media(max-width:700px){:root{--header-h:64px}.site-main{padding:22px 14px 42px}.header-inner{padding:0 12px}.brand-mark{width:34px;height:34px;border-radius:10px;font-size:16px}.brand-name{font-size:18px}.brand-name small{font-size:11px}.brand-tagline{display:none}.language-pill select{width:36px;max-width:36px}.top-product-inner{padding:7px 12px}.top-product-copy>span:last-child{display:none}.top-product-copy strong{font-size:10px}.page-hero{margin-bottom:20px}.page-hero h1{font-size:31px}.page-hero p{font-size:11px}.mode-tabs{grid-template-columns:1fr 1fr;gap:7px}.mode-tab{padding:10px}.mode-tab small{display:none}.digital-scale,.mode-panel,.benchmark-section,.reverse-section,.authority-article,.article-card{padding:17px}.surface-head{align-items:flex-start}.scale-actions .btn span,.range-switch{display:none}.lcd-panel{padding:14px}.lcd-status b,.lcd-status em{display:none}.lcd-grid{grid-template-columns:1fr}.lcd-swap{transform:rotate(90deg);height:20px}.lcd-input input{font-size:27px}.lcd-summary{grid-template-columns:1fr}.metric-grid.four{grid-template-columns:1fr 1fr}.metric-grid.three{grid-template-columns:1fr 1fr}.benchmark-grid{grid-template-columns:1fr}.reverse-grid{grid-template-columns:1fr}.reverse-section .result-callout{align-items:flex-start;flex-direction:column}.sidebar{grid-template-columns:1fr}.directory-grid,.guide-grid,.blog-layout .post-grid{grid-template-columns:1fr}.article-card h2{font-size:21px}.article-header h1,.conversion-answer h1{font-size:31px}.answer-grid{grid-template-columns:1fr}.primary-answer{grid-column:auto}.rule-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/3}.footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.search-dialog form{flex-direction:column}}
@media(max-width:430px){.mode-tabs{grid-template-columns:1fr}.header-actions{gap:4px}.icon-btn{height:34px;min-width:34px}.language-pill{height:34px}.metric-grid.four,.metric-grid.three{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-col:last-child{grid-column:auto}}
@media print{.site-header,.top-product-ad,.ad-slot,.site-footer,.no-print,.mode-tabs,.sidebar{display:none!important}.site-main{max-width:none;padding:0}.print-chart{border:0;box-shadow:none;max-width:none;padding:0;color:#000;background:#fff}.print-chart th,.print-chart td{border-color:#aaa}.print-chart h2,.print-brand{color:#000}.print-brand span{color:#000}body{background:#fff!important}.article-card{border:0;box-shadow:none}}

.schema-tool,.sitemap-tool{padding:24px}.tool-link-grid{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.sitemap-tool .guide-card .text-link{margin:7px 0 0}

.blog-hero{padding:25px 28px;margin-bottom:24px}.blog-hero h1{font-size:clamp(29px,4vw,43px);margin:6px 0 7px}.blog-hero>p{color:var(--muted);font-size:11px;max-width:720px}.blog-controls{display:flex;gap:12px;align-items:center;margin-top:18px}.blog-search{flex:1;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:0 11px}.blog-search input{width:100%;padding:10px 0;border:0;background:transparent;color:var(--text);outline:0;font-size:10px}.blog-pills{display:flex;gap:5px;overflow:auto}.blog-pills button{white-space:nowrap;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:10px;padding:8px 10px;font-size:9px;font-weight:700;cursor:pointer}.blog-pills button.active{background:var(--amber);border-color:var(--amber);color:white}.post-card{justify-content:space-between}.post-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding-top:12px;border-top:1px solid var(--border);margin-top:6px}.post-author{display:flex;align-items:center;gap:6px;font-size:8px}.post-author img{width:26px;height:26px;border-radius:50%;object-fit:cover}.category-pill{background:var(--amber-soft);color:var(--amber-dark);border-radius:999px;padding:4px 8px;font-size:8px;font-weight:800}.article-meta{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:8px}.author-card{display:flex;align-items:center;gap:9px;margin-top:14px}.author-card img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.author-card strong,.author-card small{display:block}.author-card strong{font-size:10px}.author-card small{color:var(--muted);font-size:8px;margin-top:2px}.key-takeaway{margin:18px 0;padding:15px 18px;border-left:4px solid var(--amber);border-radius:0 12px 12px 0;background:var(--amber-soft);font-size:11px;font-style:italic}.tag-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:14px;margin-top:17px}.tag-row a{font-family:'JetBrains Mono',monospace;font-size:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:5px 7px}.comments-area{padding:22px 24px;margin-top:18px}.comment-list{list-style:none;padding:0}.comment-list>li{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:12px;margin:10px 0;font-size:10px}.comment-meta{font-size:8px;color:var(--muted)}.comment-content{margin-left:46px}.comment-content p{margin:5px 0}.comment-respond{margin-top:18px}.comment-respond h3{font-size:18px}.comment-form-author,.comment-form-email,.comment-form-url{display:grid;gap:4px}.comment-form input{width:100%;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:10px;padding:9px}.comment-form label{font-size:9px;font-weight:700;color:var(--muted)}
@media(max-width:700px){.blog-controls{flex-direction:column;align-items:stretch}.blog-pills{padding-bottom:3px}}

.floating-share{position:fixed;right:22px;bottom:22px;z-index:140;display:flex;flex-direction:column;align-items:flex-end;gap:7px;opacity:0;transform:translateY(18px);pointer-events:none;transition:.25s}.floating-share.visible{opacity:1;transform:none;pointer-events:auto}.share-pill{display:flex;align-items:center;gap:3px;padding:5px;border-radius:999px;background:color-mix(in srgb,var(--surface) 95%,transparent);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);backdrop-filter:blur(12px)}.share-pill button,.share-pill a{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:11px;font-weight:800;cursor:pointer}.share-pill button:hover,.share-pill a:hover{background:var(--surface-2);color:var(--text)}.share-pill .share-top{background:var(--amber);color:white}.share-pill .share-top:hover{background:#b45309;color:white}.share-readout{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:800;background:var(--surface-2);border-radius:999px;padding:8px 10px;white-space:nowrap}.share-toast{opacity:0;transform:translateY(5px);background:#1c1917;color:white;border:1px solid #44403c;border-radius:10px;padding:7px 10px;font-size:9px;transition:.2s}.share-toast.show{opacity:1;transform:none}
@media(max-width:700px){.floating-share{right:12px;bottom:12px}.share-readout{display:none}.share-pill button,.share-pill a{width:31px;height:31px}}
@media print{.floating-share{display:none!important}}

.faq-list{display:grid;gap:10px;margin-top:18px}.faq-item{border:1px solid var(--border,#e7e5e4);border-radius:12px;background:var(--surface,#fff);padding:0 16px}.faq-item summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';float:right;font-family:monospace}.faq-item[open] summary:after{content:'−'}.faq-item p{margin:0;padding:0 0 14px;color:var(--muted,#57534e);line-height:1.7}

/* v1.0.2 — original AI Studio header, dropdowns and floating share parity */
:root{--ozt-product-h:0px}
.ozt-icon{width:16px;height:16px;display:block;flex:none}.ozt-icon-brand{width:20px;height:20px}
.top-product-ad{position:sticky!important;top:0!important;z-index:120!important}.admin-bar .top-product-ad{top:32px!important}
.site-header{height:auto!important;top:var(--ozt-product-h)!important;z-index:110!important;overflow:visible}.admin-bar .site-header{top:calc(32px + var(--ozt-product-h))!important}
.header-main-row{background:color-mix(in srgb,var(--surface) 97%,transparent)}.header-inner{height:var(--header-h);max-width:1280px;padding:0 24px;gap:12px}
.brand{flex-shrink:1}.brand-identity{gap:10px}.brand-custom-logo{width:40px;height:40px;display:grid;place-items:center;flex:none}.brand-custom-logo .custom-logo-link{display:grid;place-items:center}.brand-custom-logo .custom-logo{width:40px;height:40px;max-width:40px;max-height:40px;object-fit:contain;border-radius:10px}.brand-mark{width:40px;height:40px;border-radius:12px}.brand-title-line{display:flex;align-items:center;gap:6px;min-width:0}.authority-badge{display:inline-block;padding:2px 6px;border-radius:5px;background:var(--surface-2);color:#57534e;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.dark .authority-badge{color:#d6d3d1}.brand-tagline{font-size:10px;margin-top:4px;max-width:310px;overflow:hidden;text-overflow:ellipsis}
.desktop-nav{margin-left:auto;flex:none}.ozt-menu a{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:8px 10px}.nav-svg{display:inline-flex;color:#a8a29e}.nav-svg .ozt-icon{width:15px;height:15px}.ozt-menu a:hover .nav-svg,.ozt-menu .current-menu-item>a .nav-svg,.ozt-menu .current_page_item>a .nav-svg{color:var(--amber)}
.header-actions{gap:7px;flex:none}.header-action-btn{min-height:36px;padding:0 9px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:.18s;white-space:nowrap}.header-action-btn:hover{background:var(--surface-2);color:var(--text)}.header-action-label{font-size:10px;font-weight:600}.header-action-btn kbd{font-family:'JetBrains Mono',monospace;font-size:8px;color:#a8a29e;background:var(--surface-2);border:1px solid var(--border);padding:2px 4px;border-radius:4px}.theme-icon{display:flex}.theme-icon-sun,.theme-label-dark{display:none}.dark .theme-icon-moon,.dark .theme-label-light{display:none}.dark .theme-icon-sun,.dark .theme-label-dark{display:flex}.dark .theme-icon-sun{color:#fbbf24}.mobile-menu-button{display:none}.menu-close-icon{display:none}.mobile-menu-button[aria-expanded="true"] .menu-open-icon{display:none}.mobile-menu-button[aria-expanded="true"] .menu-close-icon{display:flex}
.language-selector{position:relative;display:inline-block}.language-trigger{display:flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border-radius:999px;background:#f8f6f0;border:1px solid #e7e3d8;color:#292524;box-shadow:0 1px 2px rgba(28,25,23,.04);cursor:pointer;font-size:11px;font-weight:600;transition:.18s}.language-trigger:hover{background:#f2efe6;box-shadow:0 2px 5px rgba(28,25,23,.07)}.dark .language-trigger{background:#292524;border-color:#44403c;color:#f5f5f4}.language-flag{font-size:17px;line-height:1}.language-chevron{width:14px;height:14px;color:#78716c;transition:transform .18s}.language-selector.open .language-chevron{transform:rotate(180deg);color:var(--text)}.language-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);width:256px;max-width:90vw;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 22px 50px rgba(28,25,23,.18);overflow:hidden;z-index:180}.language-selector.open .language-menu{display:block}.language-search-wrap{display:flex;align-items:center;gap:7px;padding:7px 9px;margin:8px;border:1px solid var(--border);background:var(--surface);border-radius:11px}.language-search-wrap .ozt-icon{width:14px;height:14px;color:#a8a29e}.language-search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}.language-list{max-height:256px;overflow:auto;padding:3px 0}.language-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;color:var(--text);padding:8px 13px;cursor:pointer;text-align:left}.language-option:hover{background:var(--surface-2)}.language-option.selected{background:var(--amber-soft);color:var(--amber-dark)}.language-option-main{display:flex;align-items:center;gap:9px;min-width:0}.language-option-flag{font-size:16px}.language-option-text{display:flex;align-items:baseline;gap:6px;min-width:0}.language-option-text strong{font-size:10px;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap}.language-option-text small{font-size:9px;color:#a8a29e;white-space:nowrap}.language-check{visibility:hidden;color:var(--amber)}.language-option.selected .language-check{visibility:visible}.language-check .ozt-icon{width:15px;height:15px}.language-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 11px;background:var(--surface-2);border-top:1px solid var(--border);font-size:8px;color:var(--muted)}
.mode-bar{border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 95%,transparent);padding:8px 24px}.dark .mode-bar{background:color-mix(in srgb,#0c0a09 82%,transparent)}.mode-bar-inner{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:14px}.mode-dropdown{position:relative;flex:none}.mode-dropdown-trigger{min-width:250px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 11px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);box-shadow:var(--shadow);cursor:pointer;transition:.18s}.mode-dropdown-trigger:hover{background:var(--surface-2);box-shadow:0 2px 5px rgba(28,25,23,.07)}.mode-dropdown.open .mode-dropdown-trigger{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.18)}.mode-trigger-left,.mode-trigger-right{display:flex;align-items:center;gap:8px}.mode-trigger-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--amber-soft)}.mode-trigger-icon .ozt-icon{width:15px;height:15px}.mode-trigger-copy{display:flex;flex-direction:column;text-align:left;line-height:1.1}.mode-trigger-copy small{font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#a8a29e;font-size:7px;font-weight:800}.mode-trigger-copy strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;margin-top:3px;white-space:nowrap}.mode-trigger-badge,.mode-option-title em{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:7px;font-weight:700;padding:2px 5px;border:1px solid currentColor;border-radius:5px;opacity:.85}.mode-chevron{width:15px;height:15px;color:#78716c;transition:transform .18s}.mode-dropdown.open .mode-chevron{transform:rotate(180deg);color:var(--amber)}
.mode-accent-amber{color:#d97706}.mode-accent-green{color:#059669}.mode-accent-blue{color:#2563eb}.mode-accent-yellow{color:#ca8a04}.dark .mode-accent-amber{color:#fbbf24}.dark .mode-accent-green{color:#34d399}.dark .mode-accent-blue{color:#60a5fa}.dark .mode-accent-yellow{color:#facc15}
.mode-dropdown-menu{display:none;position:absolute;left:0;top:calc(100% + 8px);width:320px;max-width:92vw;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 22px 50px rgba(28,25,23,.18);overflow:hidden;z-index:175}.mode-dropdown.open .mode-dropdown-menu{display:block}.mode-menu-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 13px;background:var(--surface-2);border-bottom:1px solid var(--border)}.mode-menu-head>span:first-child{display:flex;align-items:center;gap:6px;font-size:9px}.mode-menu-head>span:first-child .ozt-icon{width:14px;height:14px;color:var(--amber)}.mode-menu-head strong{font-family:'Plus Jakarta Sans',sans-serif}.mode-live{display:flex;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace;font-size:7px;color:#059669}.mode-live i,.constants-status i{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.10)}.mode-options{padding:6px}.mode-option{display:flex;align-items:flex-start;gap:10px;padding:9px;border:1px solid transparent;border-radius:11px;transition:.16s}.mode-option:hover{background:var(--surface-2)}.mode-option.active{background:var(--amber-soft);border-color:#fde68a}.dark .mode-option.active{border-color:#78350f}.mode-option-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--surface-2);color:var(--muted);flex:none;margin-top:1px}.mode-option.active .mode-option-icon{background:#d97706;color:#fff}.mode-option-copy{flex:1;min-width:0}.mode-option-title{display:flex;align-items:center;justify-content:space-between;gap:5px}.mode-option-title strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:9px}.mode-option-copy>small{display:block;color:var(--muted);font-size:8px;line-height:1.35;margin-top:3px}.mode-option-check{visibility:hidden;align-self:center;color:var(--amber)}.mode-option.active .mode-option-check{visibility:visible}.mode-option-check .ozt-icon{width:15px;height:15px}.mode-menu-foot{display:flex;align-items:center;justify-content:space-between;padding:7px 13px;background:var(--surface-2);border-top:1px solid var(--border);font-size:8px;color:var(--muted)}
.quick-mode-switches{display:flex;align-items:center;gap:6px}.quick-switch-label{font-family:'JetBrains Mono',monospace;font-size:8px;color:#a8a29e;margin-right:2px}.quick-mode{display:flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-size:8px;transition:.16s}.quick-mode .ozt-icon{width:13px;height:13px}.quick-mode strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:8px}.quick-mode:hover{color:var(--text)}.quick-mode.active{background:#d97706;border-color:#d97706;color:#fff}.constants-status{display:flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--muted);white-space:nowrap}
.icon-chip .ozt-icon{width:18px;height:18px}.mode-tabs{display:none!important}
.mobile-nav{top:100%;z-index:170}.mobile-nav .ozt-menu a{display:flex;align-items:center;gap:8px}

/* Floating action pill mirrors the uploaded React component */
.floating-share{right:24px;bottom:24px;z-index:160;gap:8px}.share-pill{gap:4px;padding:6px;border-radius:999px;background:color-mix(in srgb,var(--surface) 95%,transparent);border-color:var(--border);box-shadow:0 20px 45px rgba(28,25,23,.16)}.share-readout{font-size:10px;padding:7px 11px}.share-pill button{width:38px;height:38px}.share-pill button .ozt-icon{width:16px;height:16px}.share-pill button[data-share="whatsapp"]{color:#059669}.share-pill button[data-share="whatsapp"]:hover{background:#ecfdf5;color:#059669}.dark .share-pill button[data-share="whatsapp"]:hover{background:#052e16}.share-pill button[data-share="x"]{color:#0ea5e9}.share-pill button[data-share="x"]:hover{background:#f0f9ff;color:#0ea5e9}.dark .share-pill button[data-share="x"]:hover{background:#082f49}.share-pill button[data-share="pinterest"]{color:#e11d48}.share-pill button[data-share="pinterest"]:hover{background:#fff1f2;color:#e11d48}.dark .share-pill button[data-share="pinterest"]:hover{background:#4c0519}.share-pill button[data-share="print"]{color:#d97706}.share-pill button[data-share="print"]:hover{background:#fffbeb;color:#d97706}.dark .share-pill button[data-share="print"]:hover{background:#451a03}.share-divider{width:1px;height:20px;background:var(--border);margin:0 1px}.share-pill .share-top{background:#d97706;color:#fff;box-shadow:0 1px 2px rgba(28,25,23,.08)}.share-toast{display:flex;align-items:center;gap:7px;font-size:9px;padding:8px 12px;border-radius:11px}.share-toast-check{color:#34d399}.share-toast-check .ozt-icon{width:14px;height:14px}.share-copy-done{display:none;color:#059669}.share-pill button.copied .share-copy-default{display:none}.share-pill button.copied .share-copy-done{display:flex}

@media(max-width:1180px){.desktop-nav{display:none}.mobile-menu-button{display:flex}.quick-mode-switches{display:none}.mode-bar-inner{justify-content:space-between}.mode-dropdown-trigger{min-width:245px}}
@media(max-width:900px){.constants-status{display:none}.mode-bar-inner{justify-content:flex-start}}
@media(max-width:782px){.admin-bar .top-product-ad{top:46px!important}.admin-bar .site-header{top:calc(46px + var(--ozt-product-h))!important}}
@media(max-width:700px){.header-inner{padding:0 10px}.brand-custom-logo,.brand-custom-logo .custom-logo{width:34px;height:34px}.authority-badge{display:none}.header-action-label,.header-action-btn kbd{display:none!important}.header-action-btn{width:34px;min-width:34px;min-height:34px;padding:0}.language-trigger{min-height:34px;padding:0 9px}.language-name{display:none}.mode-bar{padding:7px 10px}.mode-dropdown{width:100%}.mode-dropdown-trigger{width:100%;min-width:0}.mode-trigger-badge{display:none}.mode-dropdown-menu{left:0;right:0;width:100%}.floating-share{right:12px;bottom:12px}.share-pill{padding:5px}.share-pill button{width:34px;height:34px}.share-readout{display:none}.top-product-copy>span:last-child{display:none}}
@media(max-width:430px){.brand-copy{max-width:150px}.brand-name{font-size:17px}.header-actions{gap:4px}.language-trigger{padding:0 8px}.language-menu{right:-88px}.mode-trigger-copy strong{font-size:9px}.mode-menu-head{align-items:flex-start}.mode-live{display:none}}

/* responsive parity refinements */
@media(max-width:1499px){.header-action-btn kbd{display:none}}
@media(max-width:1279px){.search-label{display:none}}
@media(min-width:768px) and (max-width:1180px){.quick-mode-switches{display:flex}}
@media(max-width:767px){.quick-mode-switches{display:none}}
@media(min-width:481px) and (max-width:700px){.language-name{display:inline}}
@media(max-width:480px){.language-name{display:none}}

/* v1.0.3 icon reliability: local SVG icons/flags, no emoji-font dependency */
.ozt-flag{display:block;width:19px;height:13px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(28,25,23,.14);flex:none;background:#fff}
.language-flag,.language-option-flag{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:none}
.language-flag .ozt-flag{width:20px;height:14px}
.language-option-flag .ozt-flag{width:19px;height:13px}
.ozt-flag-fallback{display:inline-grid;place-items:center;min-width:20px;height:14px;padding:0 2px;border-radius:2px;background:var(--surface-2);border:1px solid var(--border);font:700 7px/1 'JetBrains Mono',monospace;color:var(--muted)}
.search-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:999px}
.search-close .ozt-icon{width:24px;height:24px}
.tare-icon{display:inline-flex;align-items:center;justify-content:center}
.tare-icon .ozt-icon{width:14px;height:14px}
#ozt-sound .sound-icon-on,#ozt-sound .sound-icon-off{display:inline-flex;align-items:center;justify-content:center}
#ozt-sound .sound-icon-off{display:none}
#ozt-sound:not(.active) .sound-icon-on{display:none}
#ozt-sound:not(.active) .sound-icon-off{display:inline-flex}
#ozt-sound .ozt-icon{width:16px;height:16px}
.lcd-swap{display:grid;place-items:center}
.lcd-swap .ozt-icon{width:18px;height:18px}
.blog-search-icon{display:inline-flex;color:#a8a29e;flex:none}
.blog-search-icon .ozt-icon{width:15px;height:15px}
.tag-row-icon{display:inline-flex;align-items:center;color:#a8a29e}
.tag-row-icon .ozt-icon{width:15px;height:15px}
.footer-logo .brand-mark .ozt-icon{width:20px;height:20px}
@media(max-width:700px){.language-flag .ozt-flag{width:19px;height:13px}.lcd-swap .ozt-icon{transform:rotate(90deg)}}

/* v1.0.4 — language selector feedback and RTL-safe UI */
html[dir="rtl"] .language-menu{right:auto;left:0}html[dir="rtl"] .language-option,html[dir="rtl"] .mode-option,html[dir="rtl"] .mode-trigger-copy{text-align:right}html[dir="rtl"] .language-option-main,html[dir="rtl"] .mode-trigger-left,html[dir="rtl"] .mode-option-copy{direction:rtl}html[dir="rtl"] .mode-option-check{margin-left:0;margin-right:auto}
@media(max-width:480px){html[dir="rtl"] .language-menu{left:-88px;right:auto}}

/* v1.0.8 — mobile horizontal-overflow hardening */
html,body.ozt-theme{max-width:100%;overflow-x:clip}
.site-shell,.site-header,.header-main-row,.top-product-ad,.mode-bar,.site-main,.site-footer{width:100%;min-width:0}
.header-inner,.top-product-inner,.mode-bar-inner,.footer-inner,.footer-bottom{width:100%;min-width:0}
.brand{flex:1 1 auto;overflow:hidden}
.brand-identity,.brand-copy,.brand-title-line{max-width:100%;min-width:0;overflow:hidden}
.brand-name{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.header-actions{min-width:0;max-width:100%}
.mode-trigger-left,.mode-trigger-copy,.mode-option-copy{min-width:0}
.mode-trigger-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.top-product-copy,.top-product-copy strong{min-width:0}
.top-product-copy strong{overflow-wrap:anywhere}
.site-main img,.site-main video,.site-main canvas,.site-main svg:not(.ozt-icon):not(.ozt-flag),.site-footer img{max-width:100%;height:auto}
.site-main iframe,.ad-slot iframe,.ad-slot ins,.ad-slot img,.ad-slot object,.ad-slot embed{max-width:100%!important}
.ad-slot,.ad-placeholder{width:100%;min-width:0;overflow:hidden}
.ad-slot>div,.ad-slot>ins{max-width:100%!important}
.prose-content,.article-card,.surface,.mode-panel,.sidebar-card,.directory-card,.guide-card,.post-card{min-width:0}
.prose-content pre,.prose-content code,.formula-box{max-width:100%;overflow-x:auto}
.prose-content a{overflow-wrap:anywhere}
.wp-block-table,.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.threshold-card>div,.benchmark-strip>*{min-width:0}

@media(max-width:700px){
  .header-inner{gap:8px}
  .brand-identity{gap:8px}
  .brand-copy{flex:1 1 auto}
  .brand-title-line{width:100%}
  .top-product-inner{min-width:0}
  .top-product-copy{overflow:hidden}
  .top-product-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-product-inner>.btn{flex:0 0 auto;max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mode-dropdown-menu{max-width:100%}
  .mode-menu-foot{gap:6px}
  .mode-menu-foot>span{min-width:0}
  .mode-menu-foot>span:first-child{overflow-wrap:anywhere}
}

@media(max-width:430px){
  .brand-copy{max-width:none}
  .brand-name{font-size:16px}
  .header-actions{gap:3px}
  .language-trigger{padding-left:7px;padding-right:7px;gap:4px}
  .language-menu{width:min(256px,calc(100vw - 24px));max-width:calc(100vw - 24px)}
  .floating-share{max-width:calc(100vw - 24px)}
  .share-pill{max-width:100%;overflow:hidden}
}

@media(max-width:340px){
  .brand-copy{display:none}
  .top-product-copy .sponsored-pill{display:none}
  .top-product-inner>.btn{max-width:38vw;padding-left:9px;padding-right:9px}
}
@media(max-width:300px){
  .language-menu{right:-108px}
  html[dir="rtl"] .language-menu{left:-108px;right:auto}
}
