/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer components{:root{--bg:#f2e8d2;--surface:#faf1dc;--surface-2:#e8d6b0;--surface_2:#e8d6b0;--fg:#2c1f12;--muted:#6f5a47;--border:#2c1f121a;--primary:#c73e2a;--accent:#1e6b6e;--success:#a78f4e;--danger:#b8331e;--warning:#c88b2a;--font-sans:"Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",system-ui,sans-serif;--font-mono:"JetBrains Mono","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","ui-monospace",monospace;--font-display:"Fraunces","Songti SC","Source Han Serif SC","SimSun",serif}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-sans)}body{margin:0}.katex,.katex-display{color:inherit}.katex-display{margin:.5em 0;overflow:auto hidden}[hidden]{display:none!important}abbr[title]{text-underline-offset:3px;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:root{--bg:#f2e8d2;--surface:#faf1dc;--surface-2:#e8d6b0;--fg:#2c1f12;--muted:#6f5a47;--border:#2c1f121a;--primary:#c73e2a;--accent:#1e6b6e;--success:#a78f4e;--danger:#b8331e;--warning:#c88b2a;--font-sans:"Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",system-ui,sans-serif;--font-mono:"JetBrains Mono","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","ui-monospace",monospace;--font-display:"Fraunces","Songti SC","Source Han Serif SC","SimSun",serif}.section-shell{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:5rem 1.5rem}@media (min-width:768px){.section-shell{padding:6rem 2rem}}.section-header{margin-bottom:2rem}.section-tag{font-family:var(--font-mono);letter-spacing:.14em;color:var(--primary);text-transform:uppercase;margin-bottom:.75rem;font-size:12px;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.15}.section-subtitle{color:var(--muted);margin-top:.75rem;font-size:1.05rem;line-height:1.7}.layout-single-column{display:block}.layout-hero-split{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (min-width:900px){.layout-hero-split{grid-template-columns:55fr 45fr}}.layout-canvas-hero{flex-direction:column;gap:1.5rem;display:flex}.layout-text-then-diagram{flex-direction:column;gap:2rem;display:flex}.layout-content-full{flex-direction:column;gap:1.75rem;display:flex}.layout-content-full>.content-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:1.25rem;display:grid}.layout-data-dashboard{flex-direction:column;gap:1.5rem;display:flex}.layout-data-dashboard>.stats-bar{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.layout-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:1.25rem;display:grid}.layout-compact-table{display:block}.panel{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:12px;padding:1.5rem}.canvas-wrap{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:12px;height:460px;position:relative;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;display:block}.card{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:12px;min-width:0;padding:1.25rem;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px #2c1f122e}.kpi{font-family:var(--font-mono);color:var(--primary);font-size:2rem;font-weight:700;line-height:1}.kpi-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem;font-size:12px}.controls-bar{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.control-cell{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:10px;min-width:0;padding:1rem}.section-divider{background:linear-gradient(to right, transparent, var(--border), transparent);width:60px;height:2px;margin:0 auto}html{scroll-behavior:smooth}::selection{color:#faf1dc;background:#c73e2a}body{background-color:#f2e8d2;background-image:radial-gradient(circle at 15% 20%,#c73e2a12 0%,#0000 38%),radial-gradient(circle at 85% 80%,#1e6b6e12 0%,#0000 38%),linear-gradient(#2c1f120a 1px,#0000 1px),linear-gradient(90deg,#2c1f120a 1px,#0000 1px);background-size:auto,auto,28px 28px,28px 28px;background-attachment:fixed}.card-acid{box-sizing:border-box;background:linear-gradient(135deg,#faf1dc 0%,#f8e4d0 100%);border:1px solid #c73e2a38;border-left:4px solid #c73e2a;border-radius:10px;padding:1.25rem 1.25rem 1.25rem 1.5rem}.card-base{box-sizing:border-box;background:linear-gradient(135deg,#faf1dc 0%,#dde9e5 100%);border:1px solid #1e6b6e38;border-left:4px solid #1e6b6e;border-radius:10px;padding:1.25rem 1.25rem 1.25rem 1.5rem}.card-salt{box-sizing:border-box;background:linear-gradient(135deg,#faf1dc 0%,#f2e2c0 100%);border:1px solid #c88b2a4d;border-left:4px solid #c88b2a;border-radius:10px;padding:1.25rem 1.25rem 1.25rem 1.5rem}.formula{letter-spacing:.04em;color:#2c1f12;background:#fff8e8;border:1px solid #2c1f121a;border-radius:10px;padding:.85rem 1.25rem;font-family:JetBrains Mono,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,"ui-monospace",monospace;font-size:1.35rem;display:inline-block}.formula .acid-part{color:#c73e2a;font-weight:700}.formula .base-part{color:#1e6b6e;font-weight:700}.formula .salt-part{color:#c88b2a;font-weight:700}.formula .water-part{color:#2e5c7a;font-weight:700}.formula .gas-part{color:#6b9183;font-weight:700}.formula .plus{color:#6f5a47;margin:0 .5rem}.formula .arrow{color:#6f5a47;margin:0 .75rem;font-weight:700}sub,sup{font-size:.7em}.ph-strip{background:linear-gradient(90deg,#c73e2a 0%,#d9633a 14%,#d9853d 28%,#c89f3d 42%,#a4b055 56%,#6b9183 70%,#3a7b82 85%,#1e6b6e 100%);border-radius:7px;height:14px;position:relative;box-shadow:inset 0 1px 2px #00000014}.ph-marker{background:#2c1f12;border-radius:2px;width:4px;height:22px;position:absolute;top:-4px;transform:translate(-2px)}.particle-h{background:radial-gradient(circle at 30% 30%,#fff 0%,#c73e2a 55%,#8e2218 100%);border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:0 0 10px #c73e2a8c}.particle-oh{background:radial-gradient(circle at 30% 30%,#fff 0%,#1e6b6e 55%,#11403f 100%);border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:0 0 10px #1e6b6e8c}.particle-water{background:radial-gradient(circle at 30% 30%,#fff 0%,#5b8aab 70%,#2e5c7a 100%);border-radius:50%;width:12px;height:12px;display:inline-block}input[type=range]{appearance:none;background:linear-gradient(90deg,#c73e2a 0%,#c89f3d 50%,#1e6b6e 100%);border-radius:3px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#faf1dc;border:2px solid #c73e2a;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #c73e2a4d}input[type=range]::-moz-range-thumb{cursor:pointer;background:#faf1dc;border:2px solid #c73e2a;border-radius:50%;width:22px;height:22px}.badge-acid{color:#a82818;background:#c73e2a1f;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-base{color:#1a4f4f;background:#1e6b6e1f;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-salt{color:#8c5f1c;background:#c88b2a2e;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-neutral{color:#6f5a47;background:#c88b2a1f;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.btn-warm{color:#faf1dc;cursor:pointer;background:#c73e2a;border:none;border-radius:8px;padding:.7rem 1.5rem;font-family:inherit;font-weight:600;transition:all .2s;box-shadow:0 3px 10px #c73e2a40}.btn-warm:hover{transform:translateY(-2px);box-shadow:0 5px 14px #c73e2a59}.btn-tea{color:#1e6b6e;cursor:pointer;background:0 0;border:2px solid #1e6b6e73;border-radius:8px;padding:.55rem 1.3rem;font-family:inherit;font-weight:600;transition:all .2s}.btn-tea:hover{background:#1e6b6e14;border-color:#1e6b6e}@keyframes bubble-up{0%{opacity:.6;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-44px)scale(.3)}}@keyframes pulse-acid{0%,to{box-shadow:0 0 #c73e2a66}50%{box-shadow:0 0 0 14px #c73e2a00}}@keyframes pulse-base{0%,to{box-shadow:0 0 #1e6b6e66}50%{box-shadow:0 0 0 14px #1e6b6e00}}@keyframes indicator-shift{0%{color:#2c1f12;background-color:#faf1dc}to{color:#faf1dc;background-color:#e84a8c}}@keyframes drift{0%{transform:translate(0)}50%{transform:translate(2px,-3px)}to{transform:translate(0)}}@keyframes hero-pulse-acid{0%,to{r:6;opacity:.75}50%{r:7.5;opacity:.95}}@keyframes hero-pulse-base{0%,to{r:6;opacity:.75}50%{r:7.5;opacity:.95}}@keyframes hero-ph-flow{0%{stop-color:#c73e2a}50%{stop-color:#e8a090}to{stop-color:#c73e2a}}@keyframes hero-drift-h{0%,to{transform:translate(0)}25%{transform:translate(3px,-2px)}50%{transform:translate(-1px,3px)}75%{transform:translate(-3px,-1px)}}@keyframes hero-drift-oh{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(1px,-3px)}75%{transform:translate(3px,1px)}}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-particle-acid{transform-origin:50%;animation:2s ease-in-out infinite hero-pulse-acid}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-particle-base{transform-origin:50%;animation:2s ease-in-out infinite hero-pulse-base}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-ph-stop{transition:stop-color .3s}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-drift-h{animation:4s ease-in-out infinite hero-drift-h}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-drift-oh{animation:4.5s ease-in-out infinite hero-drift-oh}.pulse-acid{animation:1.6s ease-in-out infinite pulse-acid}.pulse-base{animation:1.6s ease-in-out infinite pulse-base}.drift{animation:4s ease-in-out infinite drift}.warm-shadow{box-shadow:0 10px 30px -12px #2c1f122e}.ion-tag{background:#fff8e8;border:1px dashed #2c1f122e;border-radius:6px;padding:2px 8px;font-family:JetBrains Mono,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,monospace;font-size:.9rem}.dashed-rule{border-top:1px dashed #2c1f122e;margin:1.5rem 0}.beaker-label{color:#2c1f12;background:#faf1dc;border:1px dashed #2c1f1238;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-family:JetBrains Mono,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,monospace;font-size:.85rem;display:inline-flex}section.section-shell{box-sizing:border-box;overflow:hidden visible}section.layout-canvas-hero{gap:1.5rem;flex-direction:column!important;display:flex!important}section.layout-canvas-hero>*{width:100%;min-width:0}section.layout-text-then-diagram{gap:2rem;flex-direction:column!important;display:flex!important}section.layout-text-then-diagram>*{min-width:0}section.layout-text-then-diagram>.canvas-wrap,section.layout-text-then-diagram>.diagram-wrap{width:100%}section.layout-content-full{gap:1.75rem;flex-direction:column!important;display:flex!important}section.layout-content-full>*{min-width:0}section.layout-content-full>.content-grid{width:100%;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;align-items:start!important;gap:1.25rem!important;display:grid!important}section.layout-data-dashboard{gap:1.5rem;flex-direction:column!important;display:flex!important}section.layout-data-dashboard>*{width:100%;min-width:0}section.layout-data-dashboard>.stats-bar{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:1rem!important;display:grid!important}section.layout-hero-split{grid-template-columns:1fr!important;align-items:center!important;gap:3rem!important;display:grid!important}@media (min-width:900px){section.layout-hero-split{min-height:480px;grid-template-columns:55fr 45fr!important;grid-auto-flow:dense!important}section.layout-hero-split>.section-header,section.layout-hero-split>header{grid-column:1/-1!important}section.layout-hero-split>.hero-copy,section.layout-hero-split>.panel:first-of-type{grid-column:1/2!important}section.layout-hero-split>.hero-visual,section.layout-hero-split>.canvas-wrap{justify-content:center;align-self:start;align-items:center;display:flex;grid-column:2/3!important}section.layout-hero-split>.hero-copy{max-height:none}}section.section-shell>canvas{background:var(--surface);border:1px solid var(--border);border-radius:12px;display:block;width:100%!important;height:460px!important}.canvas-wrap{box-sizing:border-box;border-radius:12px;align-self:start;width:100%;position:relative;overflow:hidden;aspect-ratio:auto!important;height:460px!important;min-height:380px!important;max-height:560px!important}.canvas-wrap>canvas{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.canvas-wrap>svg{object-fit:contain;display:block;width:100%!important;max-width:100%!important;height:100%!important}.canvas-wrap>[class*=hud],.canvas-wrap>[class*=overlay]{z-index:2;pointer-events:none;position:absolute!important}.canvas-wrap>[class*=hud] *{pointer-events:auto}.controls-bar{width:100%;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:1rem!important;display:grid!important}.control-cell{box-sizing:border-box;min-width:0}.layout-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;grid-auto-rows:min-content!important;align-items:start!important}.layout-cards-grid>.card,.layout-cards-grid>article,.layout-cards-grid>div{align-self:start!important}.layout-cards-grid>:not(.card):not(article){grid-column:1/-1}.card{box-sizing:border-box;min-width:0;overflow:hidden}.card>*{max-width:100%}section[id=quiz],section[id$=-quiz]{display:block!important}section[id=quiz]>*,section[id$=-quiz]>*{grid-column:unset!important}section[id=quiz] .quiz-list,section[id=quiz] [data-role=quiz-list]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-top:2rem;display:grid}section[id=quiz] canvas,section[id$=-quiz] canvas{max-height:240px!important}section.section-shell img,section.section-shell svg{max-width:100%}section.section-shell>.panel,section.section-shell>.card,section.section-shell>div,section.section-shell>article{min-width:0}section.section-shell+section.section-shell{border-top:1px solid var(--border)}.katex,.katex .base,.katex-html{white-space:nowrap!important}.katex{vertical-align:middle;max-width:100%;overflow:auto hidden;display:inline-block!important}.katex-display{text-align:center;margin:.5em 0;overflow:auto hidden;display:block!important}.katex-display>.katex{white-space:nowrap!important;display:inline-block!important}section.layout-control-canvas{gap:1.5rem;flex-direction:column!important;display:flex!important}section.layout-text-diagram{gap:2rem;flex-direction:column!important;display:flex!important}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) code,kbd,pre,samp{font-feature-settings:normal;font-variation-settings:normal;font-family:JetBrains Mono,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,ui-monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-copy{flex-direction:column;gap:1.4rem;display:flex}.section-title-hero{letter-spacing:-.025em;margin-top:.1rem;margin-bottom:0;font-size:clamp(2.5rem,5.5vw,4rem);line-height:1.05}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-lead{max-width:36rem;color:var(--muted);margin:0;font-size:1.075rem;line-height:1.75}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.kpi-cell{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.4rem;min-width:0;padding:.9rem;transition:transform .2s,box-shadow .2s;display:flex}.kpi-cell:hover{transform:translateY(-2px);box-shadow:0 8px 18px -10px #2c1f1233}.kpi-cell .kpi-label{letter-spacing:.06em;margin-top:0;font-size:11px;line-height:1.4}.kpi-line,.kpi-cn,.kpi-num{font-family:var(--font-mono);color:var(--fg);align-items:center;gap:.35rem;font-size:1.1rem;font-weight:700;line-height:1.15;display:flex}.kpi-line{flex-wrap:wrap}.kpi-line .ion-tag{padding:1px 7px;font-size:.85rem}.kpi-cn{font-family:var(--font-display);color:var(--fg);letter-spacing:.01em;font-size:1.4rem;font-weight:700}.kpi-num{color:var(--warning);letter-spacing:.02em;font-size:1.45rem}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-ctas{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-visual{justify-content:center;align-items:center;display:flex}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-visual-stage{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:16px;width:100%;max-width:480px;padding:2.6rem 1.4rem 2.2rem;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 14px 36px -18px #2c1f1247}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-visual-stage:hover{transform:translateY(-3px);box-shadow:0 20px 44px -18px #2c1f125c}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-deco-svg{width:100%;height:auto;display:block}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-mini-tag{font-family:var(--font-mono);letter-spacing:.04em;background:var(--surface);white-space:nowrap;border:1px dashed;border-radius:999px;padding:.3rem .7rem;font-size:.72rem;display:inline-block;position:absolute}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-mini-tag-acid{color:var(--primary);background:#c73e2a12;border-color:#c73e2a59;top:.85rem;left:1rem}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-mini-tag-base{color:var(--accent);background:#1e6b6e12;border-color:#1e6b6e59;top:.85rem;right:1rem}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-mini-tag-salt{color:var(--warning);background:#c88b2a1a;border-color:#c88b2a6b;bottom:.7rem;left:50%;transform:translate(-50%)}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.7rem;padding:0 .5rem;font-size:.82rem;display:flex}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-cap{font-family:var(--font-mono);align-items:center;gap:.35rem;font-size:.82rem;display:inline-flex}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-cap-acid{color:var(--primary)}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-cap-base{color:var(--accent)}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-cap .ion-tag{background:#fff8e899;padding:1px 7px;font-size:.78rem}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-cap-mid{color:var(--warning);text-align:center;font-size:.9rem;font-weight:600;line-height:1.1}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-cap-mid small{color:var(--muted);letter-spacing:.04em;margin-top:.1rem;font-size:.68rem;font-weight:400;display:block}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-copy>*{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transform:translateY(10px)}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-copy>.is-in{opacity:1;transform:translateY(0)}@media (max-width:900px){:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-kpis{grid-template-columns:1fr 1fr}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-kpis>.kpi-cell:last-child{grid-column:1/-1}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-visual-stage{max-width:420px;margin:0 auto}}@media (max-width:600px){:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-mini-tag{padding:.22rem .55rem;font-size:.66rem}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-mini-tag-acid{left:.6rem}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-mini-tag-base{right:.6rem}}.concept-definitions-intro{grid-template-columns:220px 1fr;align-items:center;gap:2rem;display:grid}@media (max-width:760px){.concept-definitions-intro{grid-template-columns:1fr}}.concept-definitions-intro-visual{background:radial-gradient(circle at 30% 25%,#c73e2a1a 0%,#0000 50%),radial-gradient(circle at 70% 75%,#1e6b6e1a 0%,#0000 50%),repeating-linear-gradient(0deg,#2c1f1206 0 1px,#0000 1px 32px),repeating-linear-gradient(90deg,#2c1f1206 0 1px,#0000 1px 32px);border:1px dashed #2c1f1229;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto;display:flex;position:relative}.concept-definitions-intro-particle-h{position:absolute;top:38%;left:36%}.concept-definitions-intro-particle-oh{position:absolute;top:58%;left:58%}.concept-definitions-intro-tag-h,.concept-definitions-intro-tag-oh{font-family:var(--font-mono);cursor:help;background:#ffffffa6;border:1px dashed;border-radius:6px;padding:.2rem .55rem;font-size:.85rem;text-decoration:none;position:absolute}.concept-definitions-intro-tag-h{color:var(--primary);top:14%;left:50%;transform:translate(-50%)}.concept-definitions-intro-tag-oh{color:var(--accent);bottom:14%;left:50%;transform:translate(-50%)}.concept-definitions-intro-eq{font-family:var(--font-mono);color:var(--muted);opacity:.55;font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.concept-definitions-intro-text .badge-neutral{margin-bottom:.5rem}.concept-definitions-intro-title{font-family:var(--font-display);color:var(--fg);letter-spacing:-.01em;margin:.4rem 0 .75rem;font-size:1.55rem;font-weight:700}.concept-definitions-intro-text p{color:var(--muted);margin:.5rem 0;line-height:1.7}.concept-definitions-keys{border-left:3px solid var(--warning);background:#f4e8d299;border-radius:8px;margin:.75rem 0 0;padding:.65rem 1rem;list-style:none}.concept-definitions-keys li{font-family:var(--font-sans);color:var(--fg);padding:.32rem 0;line-height:1.55}.key-acid,.key-base{text-align:center;width:22px;height:22px;font-weight:700;line-height:22px;font-family:var(--font-mono);vertical-align:-2px;border-radius:50%;margin-right:.5rem;font-size:12px;display:inline-block}.key-acid{background:var(--primary);color:var(--surface)}.key-base{background:var(--accent);color:var(--surface)}.accent-acid{color:var(--primary);font-weight:700}.accent-base{color:var(--accent);font-weight:700}.concept-definitions-grid{grid-template-columns:1fr 1fr}@media (max-width:760px){.concept-definitions-grid{grid-template-columns:1fr}}.concept-definitions-card-title{font-family:var(--font-display);color:var(--fg);margin:.75rem 0;font-size:1.05rem;font-weight:600;line-height:1.5}.concept-definitions-strong-acid{color:#7a1f12;background:#c73e2a1f;border-radius:5px;padding:1px 6px}.concept-definitions-strong-base{color:#114848;background:#1e6b6e1f;border-radius:5px;padding:1px 6px}.concept-definitions-formula-wrap{text-align:center;margin:.65rem 0}.concept-definitions-card-acid .formula,.concept-definitions-card-base .formula{text-align:center;width:auto;padding:.6rem .9rem;font-size:1.1rem;display:inline-block}.concept-definitions-pills{flex-wrap:wrap;gap:.4rem;margin:.85rem 0;display:flex}.concept-definitions-pill{font-family:var(--font-sans);color:var(--fg);white-space:nowrap;background:#fff8e8d9;border:1px solid #2c1f121a;border-radius:6px;padding:.3rem .65rem;font-size:.85rem}.concept-definitions-pill b{color:var(--fg);margin-right:.35rem;font-weight:700}.concept-definitions-jingle{font-size:.95rem;font-family:var(--font-sans);border-radius:8px;align-items:center;gap:.55rem;margin-top:.5rem;padding:.65rem .9rem;display:flex}.concept-definitions-jingle-acid{color:#7a1f12;background:#c73e2a14;border:1px dashed #c73e2a66}.concept-definitions-jingle-base{color:#114848;background:#1e6b6e14;border:1px dashed #1e6b6e66}.concept-definitions-jingle-icon{font-size:1rem}.concept-definitions-card-acid,.concept-definitions-card-base{transition:transform .2s,box-shadow .2s}.concept-definitions-card-acid:hover,.concept-definitions-card-base:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px #2c1f122e}.concept-definitions-demo-head{margin-bottom:1rem}.concept-definitions-demo-title{font-family:var(--font-display);color:var(--fg);letter-spacing:-.01em;margin:.5rem 0;font-size:1.4rem;font-weight:700}.concept-definitions-demo-desc{color:var(--muted);max-width:780px;margin:0;font-size:.98rem;line-height:1.65}.concept-definitions-svg{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;width:100%;height:auto;margin-top:1rem;display:block}.concept-definitions-ion-h{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite cd-drift-h}.concept-definitions-ion-oh{transform-box:fill-box;transform-origin:50%;animation:3.6s ease-in-out infinite cd-drift-oh}@keyframes cd-drift-h{0%,to{transform:translate(0)}50%{transform:translate(7px,-5px)}}@keyframes cd-drift-oh{0%,to{transform:translate(0)}50%{transform:translate(-5px,-8px)}}.concept-definitions-svg:not(.is-visible) .concept-definitions-ion-h,.concept-definitions-svg:not(.is-visible) .concept-definitions-ion-oh{animation-play-state:paused}.concept-definitions-ion-h-group.is-hot .concept-definitions-ion-h{filter:drop-shadow(0 0 16px #c73e2a)drop-shadow(0 0 32px #c73e2a99);transform-origin:50%;transition:transform .2s,filter .2s;animation-play-state:paused;transform:scale(1.15)}.concept-definitions-ion-oh-group.is-hot .concept-definitions-ion-oh{filter:drop-shadow(0 0 16px #1e6b6e)drop-shadow(0 0 32px #1e6b6e99);transform-origin:50%;transition:transform .2s,filter .2s;animation-play-state:paused;transform:scale(1.15)}.concept-definitions-card-acid.is-hot{border-color:var(--primary);box-shadow:0 0 20px #c73e2a40}.concept-definitions-card-base.is-hot{border-color:var(--accent);box-shadow:0 0 20px #1e6b6e40}.ion-badge-wrap{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.ion-badge-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:600}.ion-badge-svg{flex-shrink:0;width:36px;height:36px;transition:transform .25s}.ion-badge-glow{opacity:.35;transition:opacity .25s,stroke-width .25s}.concept-definitions-card-acid.is-hot .ion-badge-h .ion-badge-glow{opacity:1;stroke-width:3.5px;animation:1.2s ease-in-out infinite ion-badge-pulse-h}.concept-definitions-card-base.is-hot .ion-badge-oh .ion-badge-glow{opacity:1;stroke-width:3.5px;animation:1.2s ease-in-out infinite ion-badge-pulse-oh}@keyframes ion-badge-pulse-h{0%,to{filter:drop-shadow(0 0 4px #1e6b6ecc)}50%{filter:drop-shadow(0 0 14px #1e6b6e)drop-shadow(0 0 24px #1e6b6e80)}}@keyframes ion-badge-pulse-oh{0%,to{filter:drop-shadow(0 0 4px #c73e2acc)}50%{filter:drop-shadow(0 0 14px #c73e2a)drop-shadow(0 0 24px #c73e2a80)}}.concept-definitions-card-acid.is-hot .ion-badge-h,.concept-definitions-card-base.is-hot .ion-badge-oh{transform:scale(1.12)}.concept-definitions-legend{font-family:var(--font-sans);color:var(--fg);background:#fff8e88c;border-radius:8px;flex-wrap:wrap;gap:1.25rem;margin:1rem 0 .75rem;padding:.75rem 1rem;font-size:.92rem;display:flex}.concept-definitions-legend-item{align-items:center;gap:.5rem;display:flex}.concept-definitions-legend-dot{border-radius:50%;width:14px;height:14px;display:inline-block}.concept-definitions-legend-dot-acid{background:var(--primary);box-shadow:0 0 6px #c73e2a66}.concept-definitions-legend-dot-base{background:var(--accent);box-shadow:0 0 6px #1e6b6e66}.concept-definitions-legend-dot-passenger{border:1px solid var(--muted);background:#e8d6b0}.concept-definitions-caption{color:var(--muted);border-left:3px solid var(--warning);background:#f4e8d280;border-radius:6px;margin:.75rem 0 0;padding:.7rem 1rem;font-size:.86rem;line-height:1.65}.micro-process-hud{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);z-index:5;background:#faf1dceb;border-radius:10px;gap:1.25rem;padding:.65rem 1rem;font-family:JetBrains Mono,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,"ui-monospace",monospace;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 6px 16px -6px #2c1f122e}.micro-process-hud-cell{flex-direction:column;align-items:center;min-width:58px;display:flex}.micro-process-hud-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem;font-size:10px}.micro-process-hud-value{font-size:1.45rem;font-weight:700;line-height:1;transition:transform .25s ease-out}.micro-process-hud-h{color:#e03131}.micro-process-hud-oh{color:#3b5bdb}.micro-process-hud-h2o{color:#3b6ea8}.micro-process-done-banner{color:var(--surface);letter-spacing:.04em;text-align:center;z-index:10;background:#c73e2af0;border-radius:12px;max-width:80%;padding:.9rem 1.6rem;font-family:JetBrains Mono,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,"ui-monospace",monospace;font-size:.92rem;font-weight:700;animation:.45s ease-out micro-process-fade-up;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 32px -10px #c73e2a73}@keyframes micro-process-fade-up{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.micro-process-pills{flex-wrap:wrap;gap:.5rem;display:flex}.micro-process-pill{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem .85rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s}.micro-process-pill:hover{border-color:var(--fg);color:var(--fg);transform:translateY(-1px)}.micro-process-pill:disabled{opacity:.5;cursor:not-allowed;transform:none}.micro-process-pill.is-active-acid{color:#faf1dc;background:#c73e2a;border-color:#c73e2a;box-shadow:0 3px 10px #c73e2a52}.micro-process-pill.is-active-base{color:#faf1dc;background:#1e6b6e;border-color:#1e6b6e;box-shadow:0 3px 10px #1e6b6e52}.micro-process-pill.is-active-conc{color:#faf1dc;background:#c88b2a;border-color:#c88b2a;box-shadow:0 3px 10px #c88b2a52}.micro-process-ctrl-row{gap:.5rem;margin-bottom:.5rem;display:flex}.micro-process-ctrl-row .btn-warm,.micro-process-ctrl-row .btn-tea{flex:1;padding:.55rem .5rem;font-size:.92rem}.btn-warm:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.micro-process-hint-text{color:var(--muted);font-size:.78rem;font-style:italic;line-height:1.55}.micro-process-formula-bar{letter-spacing:.04em;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;padding:1rem 1.25rem;font-family:JetBrains Mono,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,"ui-monospace",monospace;font-size:1.05rem;display:flex}.micro-process-formula-pre{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:600}#micro-process-formula-display .acid-part{color:#c73e2a;font-weight:700}#micro-process-formula-display .base-part{color:#1e6b6e;font-weight:700}#micro-process-formula-display .salt-part{color:#c88b2a;font-weight:700}#micro-process-formula-display .water-part{color:#2e5c7a;font-weight:700}#micro-process-formula-display .gas-part{color:#6b9183;font-weight:700}#micro-process-formula-display .plus,#micro-process-formula-display .arrow{color:var(--muted);margin:0 .4rem;font-weight:700}.micro-process-tips{background:#fff8e88c;border:1px dashed #2c1f1238;border-radius:12px;padding:1rem 1.25rem;animation:.45s ease-out micro-process-tip-in}@keyframes micro-process-tip-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.micro-process-tips-title{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.55rem;font-family:JetBrains Mono,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,"ui-monospace",monospace;font-size:.82rem;font-weight:700}.micro-process-tips-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.55rem 1rem;margin:0;padding:0;list-style:none;display:grid}.micro-process-tips-list li{color:var(--fg);padding-left:1.25rem;font-size:.92rem;line-height:1.55;position:relative}.micro-process-tips-list li:before{content:"▸";color:var(--accent);font-family:JetBrains Mono,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,"ui-monospace",monospace;font-weight:700;position:absolute;top:1px;left:0}@media (max-width:720px){.micro-process-hud{gap:.7rem;padding:.5rem .65rem;top:.55rem;right:.55rem}.micro-process-hud-value{font-size:1.05rem}.micro-process-hud-cell{min-width:48px}.micro-process-hud-label{font-size:9px}}.eqs-equations-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:920px){.eqs-equations-grid{grid-template-columns:1fr 1fr;align-items:start}}.eqs-equation-panel{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--warning);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:1rem;min-width:0;padding:1.4rem 1.5rem 1.5rem;display:flex}.eqs-eq-head{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.eqs-eq-index{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--surface-2);color:var(--muted);border-radius:4px;flex-shrink:0;padding:4px 10px;font-size:11px}.eqs-eq-title-block{flex:auto;min-width:0}.eqs-eq-name{font-family:var(--font-display);color:var(--fg);letter-spacing:-.01em;margin:0;font-size:1.12rem;font-weight:700;line-height:1.2}.eqs-eq-sub{color:var(--muted);margin-top:3px;font-size:.82rem;line-height:1.4}.eqs-badge-coeff,.eqs-badge-coff{color:#8c5f1c;font-family:var(--font-mono);letter-spacing:.05em;background:#c88b2a33;border-radius:6px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.eqs-badge-coff{color:#a82818;background:#c73e2a24}.eqs-eq-formula-wrap{justify-content:center;display:flex}.formula.eqs-eq-formula{background:#fff8e8;padding:.75rem 1.25rem;font-size:1.15rem}.formula.eqs-general-formula-inner{background:linear-gradient(135deg,#fff8e8 0%,#faf1dc 100%);padding:.95rem 2rem;font-size:1.6rem;font-weight:700}.eqs-role-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:1.1rem;padding:.2rem 0;font-size:.82rem;display:flex}.eqs-rl-item{align-items:center;gap:5px;display:inline-flex}.eqs-rl-dot{border-radius:50%;width:9px;height:9px}.eqs-rl-acid{background:#c73e2a}.eqs-rl-base{background:#1e6b6e}.eqs-rl-salt{background:#c88b2a}.eqs-rl-water{background:#5b8aab}.eqs-ion-bridge-wrap{background:linear-gradient(135deg,#fffcf1 0%,#faf1dc 100%);border:1px dashed #2c1f122e;border-radius:10px;flex-direction:column;gap:.5rem;padding:.85rem .85rem .55rem;display:flex}.eqs-bridge-label{color:var(--fg);align-items:center;gap:.55rem;font-size:.85rem;font-weight:600;display:inline-flex}.eqs-bridge-num{font-family:var(--font-mono);color:var(--primary);font-size:.95rem;font-weight:700}.eqs-ion-bridge{width:100%;height:auto;font-family:var(--font-mono);display:block}.eqs-salt-note{color:var(--fg);background:#c88b2a14;border:1px solid #c88b2a47;border-radius:8px;align-items:flex-start;gap:.65rem;padding:.75rem .95rem;font-size:.9rem;line-height:1.55;display:flex}.eqs-salt-badge{font-family:var(--font-mono);color:#8c5f1c;background:#c88b2a38;border-radius:6px;flex-shrink:0;padding:3px 9px;font-size:.95rem;font-weight:700;line-height:1.2}.eqs-salt-name{color:var(--warning);font-weight:700}.eqs-general-formula{flex-direction:column;align-items:center;gap:.6rem;margin-top:1.1rem;margin-bottom:.25rem;display:flex}.eqs-form-hint{color:var(--muted);font-size:.85rem;font-style:italic}.eqs-exothermic-tip{background:linear-gradient(135deg,#c73e2a0d,#c88b2a1a);border:1px solid #c73e2a33;border-radius:12px;align-items:flex-start;gap:1rem;margin-top:1.25rem;padding:1.05rem 1.4rem;display:flex}.eqs-tip-emoji{flex-shrink:0;font-size:1.8rem;line-height:1}.eqs-tip-content{flex:auto;min-width:0}.eqs-tip-title{font-family:var(--font-display);color:var(--fg);margin-bottom:.3rem;font-size:1.02rem;font-weight:700}.eqs-tip-body{color:var(--muted);font-size:.95rem;line-height:1.65}.eqs-tip-body b{color:var(--primary);background:#c73e2a1a;border-radius:4px;padding:1px 5px;font-weight:700}.indicators-endpoint-ph-panel{padding:1.1rem 1.4rem 1.3rem}.indicators-endpoint-ph-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.85rem;display:flex}.indicators-endpoint-ph-label{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-size:11px}.indicators-endpoint-ph-value{font-family:var(--font-mono);color:var(--fg);font-size:1.05rem}.indicators-endpoint-ph-value b{color:var(--primary);margin-left:.2rem;font-size:1.4rem;font-weight:700}.indicators-endpoint-ph-strip-wrap{padding:0 .4rem;position:relative}#indicators-endpoint-ph-marker{background:var(--fg);width:5px;height:28px;box-shadow:0 0 0 2px var(--surface), 0 2px 6px #2c1f124d;border-radius:3px;transition:left .25s ease-out;top:-7px}.indicators-endpoint-ph-axis{font-family:var(--font-mono);color:var(--muted);justify-content:space-between;margin-top:.45rem;font-size:11px;display:flex;position:relative}.indicators-endpoint-ph-endpoint-tick{color:var(--warning);letter-spacing:.05em;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.indicators-endpoint-ph-endpoint-tick:before{content:"|";color:var(--warning);font-size:14px;font-weight:700;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.indicators-endpoint-btn-group{flex-wrap:wrap;gap:.5rem;display:flex}.indicators-endpoint-opt-btn{min-width:100px;color:var(--fg);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:.55rem .8rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:background .18s,border-color .18s,color .18s,transform .18s}.indicators-endpoint-opt-btn:hover{background:#2c1f120d;transform:translateY(-1px)}.indicators-endpoint-opt-btn.is-active{background:var(--primary);color:var(--surface);border-color:var(--primary);box-shadow:0 3px 8px #c73e2a38}.indicators-endpoint-mnemonic{color:var(--muted);margin-top:.6rem;font-size:.78rem;font-style:italic;line-height:1.4}.indicators-endpoint-ctrl{align-items:stretch;gap:.5rem;display:flex}.indicators-endpoint-readout{font-family:var(--font-mono);flex-direction:column;gap:.45rem;font-size:.88rem;line-height:1.5;display:flex}.indicators-endpoint-swatch{vertical-align:middle;background:#3b5bdb;border:1px solid #2c1f122e;border-radius:5px;width:22px;height:22px;margin-right:6px;transition:background .25s;display:inline-block}.indicators-endpoint-endpoint-tag{color:#8c5f1c;font-size:.78rem;font-family:var(--font-sans);background:#c88b2a24;border:1px dashed #c88b2a59;border-radius:6px;padding:.4rem .6rem;font-style:normal;font-weight:500}.indicators-endpoint-endpoint-tag.is-hidden{display:none}.indicators-endpoint-thinking{box-sizing:border-box;background:linear-gradient(135deg,#faf1dc 0%,#f2e2c0 100%);border:1px solid #c88b2a4d;border-left:4px solid #c88b2a;border-radius:12px;align-items:flex-start;gap:1.2rem;padding:1.4rem 1.6rem;display:flex}.indicators-endpoint-thinking-icon{flex-shrink:0;font-size:1.8rem;line-height:1}.indicators-endpoint-thinking-body{flex:1;min-width:0}.indicators-endpoint-thinking-tag{font-family:var(--font-mono);letter-spacing:.14em;color:#8c5f1c;text-transform:uppercase;margin-bottom:.45rem;font-size:11px}.indicators-endpoint-thinking h4{font-family:var(--font-display);color:var(--fg);letter-spacing:-.01em;margin:0 0 .6rem;font-size:1.2rem;font-weight:700}.indicators-endpoint-thinking p{color:var(--fg);margin:.35rem 0;font-size:.95rem;line-height:1.7}.indicators-endpoint-thinking .ion-tag{font-size:.85rem}@media (max-width:640px){.indicators-endpoint-ph-header{flex-direction:column;align-items:flex-start}.indicators-endpoint-opt-btn{min-width:0}.indicators-endpoint-thinking{flex-direction:column;gap:.6rem}}#applications.layout-cards-grid>.section-header{grid-column:1/-1}.applications-card{flex-direction:column;gap:.7rem;min-height:260px;padding:1.25rem 1.25rem 1.1rem 1.5rem;animation:.5s both applications-card-in;display:flex;position:relative}.layout-cards-grid>.applications-card:first-of-type{animation-delay:0s}.layout-cards-grid>.applications-card:nth-of-type(2){animation-delay:60ms}.layout-cards-grid>.applications-card:nth-of-type(3){animation-delay:.12s}.layout-cards-grid>.applications-card:nth-of-type(4){animation-delay:.18s}.layout-cards-grid>.applications-card:nth-of-type(5){animation-delay:.24s}.layout-cards-grid>.applications-card:nth-of-type(6){animation-delay:.3s}@keyframes applications-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.applications-icon{opacity:.78;transition:transform .3s,opacity .3s;position:absolute;top:1.1rem;right:1.1rem}.applications-icon-base{color:var(--accent)}@media (max-width:768px){.applications-icon{display:none}}.applications-icon-salt{color:var(--warning)}.applications-card:hover .applications-icon{opacity:1;transform:rotate(-6deg)scale(1.08)}.applications-badge{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;align-self:flex-start;padding-right:56px;font-size:11px;display:inline-block}.applications-title{font-family:var(--font-display);color:var(--fg);margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.applications-desc{color:var(--muted);margin:0;font-size:.95rem;line-height:1.65}abbr.term-gloss{-webkit-text-decoration:underline dotted var(--accent);-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);text-underline-offset:3px;cursor:help;color:var(--fg)}.applications-formula{max-width:100%;margin-top:.1rem}.applications-formula .formula{letter-spacing:.02em;word-spacing:.04em;box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:baseline;max-width:100%;padding:.55rem .8rem;font-size:.92rem;line-height:1.6;display:flex}.applications-indicator{grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.1rem;display:grid}.applications-indi-cell{font-family:var(--font-mono);text-align:center;border:1px solid var(--border);color:var(--fg);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:.55rem .3rem;font-size:.75rem;line-height:1.3;transition:transform .2s;display:flex}.applications-indi-cell b{margin-bottom:.1rem;font-size:.92rem;display:block}.applications-indi-cell.indi-red{color:#a82818;background:#c73e2a1f;border-color:#c73e2a4d}.applications-indi-cell.indi-purple{color:#6f5a47;background:#a78f4e24;border-color:#a78f4e52}.applications-indi-cell.indi-blue{color:#1a4f4f;background:#1e6b6e1f;border-color:#1e6b6e4d}.applications-card:hover .applications-indi-cell{transform:translateY(-2px)}.applications-toggle{border:1px solid var(--border);font-size:.78rem;font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;align-self:flex-start;margin-top:auto;padding:.32rem .75rem;transition:all .2s}.applications-toggle:hover{border-color:var(--accent);color:var(--accent);background:#1e6b6e0d}.applications-card.card-salt .applications-toggle:hover{border-color:var(--warning);color:var(--warning);background:#c88b2a14}.applications-card.is-open .applications-toggle{border-color:var(--accent);color:var(--accent);background:#1e6b6e14}.applications-card.is-open.card-salt .applications-toggle{border-color:var(--warning);color:var(--warning);background:#c88b2a1a}.applications-detail{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid;overflow:hidden}.applications-card.is-open .applications-detail{grid-template-rows:1fr}.applications-detail-inner{border-top:1px dashed var(--border);flex-direction:column;gap:.4rem;min-height:0;margin-top:.15rem;padding-top:.6rem;display:flex}.applications-principle-label{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:11px;font-family:var(--font-mono);margin:0}.applications-principle{color:var(--fg);margin:0;font-size:.9rem;line-height:1.6}.applications-principle .ion-tag{padding:1px 6px;font-size:.8rem}.applications-fact{border-left:2px solid var(--warning);color:var(--muted);background:#c88b2a14;border-radius:4px;margin:0;padding:.5rem .75rem;font-size:.85rem;line-height:1.55}.applications-fact b{color:#8c5f1c;font-weight:600}section[id=quiz] .quiz-list{flex-direction:column;gap:1.1rem;margin-top:2rem;display:flex}.quiz-item{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:12px;padding:1.15rem 1.25rem}.quiz-q{margin-bottom:.8rem;font-size:.98rem;font-weight:600;line-height:1.65}.quiz-q .quiz-no{font-family:var(--font-mono);color:var(--primary);margin-right:.5rem;font-weight:700}.quiz-options{flex-direction:column;gap:.45rem;display:flex}.quiz-opt{text-align:left;border:1px solid var(--border);color:var(--fg);cursor:pointer;background:#fff8e880;border-radius:8px;padding:.62rem .9rem;font-family:inherit;font-size:.9rem;line-height:1.6;transition:background .2s,border-color .2s,transform .2s}.quiz-opt:hover:not(:disabled){border-color:#2c1f123d;transform:translate(3px)}.quiz-opt:disabled{cursor:default}.quiz-opt.is-right{color:#14504f;background:#1e6b6e21;border-color:#1e6b6e7a;font-weight:600}.quiz-opt.is-wrong{color:#8e2218;background:#c73e2a1c;border-color:#c73e2a6b}.quiz-explain{border-left:3px solid var(--warning);color:var(--muted);background:#c88b2a1a;border-radius:8px;margin-top:.7rem;padding:.7rem .9rem;font-size:.86rem;line-height:1.7;display:none}.quiz-explain.is-on{display:block}.quiz-explain strong{color:var(--fg)}.related-topics{margin-top:2.5rem}.related-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.related-card{background:var(--card,#fff);border:1px solid var(--card-border,#2c1f181f);border-radius:var(--radius,12px);color:var(--fg,#2c1f18);padding:1rem 1.15rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.related-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #2c1f1824}.related-card-tag{color:var(--muted,#6f5a47);margin-bottom:.35rem;font-size:.78rem;display:block}.related-card-title{font-weight:600;line-height:1.35}.hero-deco-svg circle.hero-particle-acid,:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-deco-svg circle.hero-particle-base{transition:r .3s,opacity .3s}.concept-definitions-demo-head .concept-definitions-demo-desc{padding-left:1rem;position:relative}.concept-definitions-demo-head .concept-definitions-demo-desc:before{content:"💡";position:absolute;top:0;left:0}.applications-card.is-open .applications-toggle:after{content:" 收起原理 ▴"}.applications-card:not(.is-open) .applications-toggle:after{content:" 查看原理 ▾"}.summary-banner{border:1px solid #2c1f121f;border-left:4px solid var(--primary);background:linear-gradient(135deg,#c73e2a0f 0%,#1e6b6e0f 100%);border-radius:12px;max-width:1100px;margin:2rem auto;padding:1.25rem 1.5rem}.summary-banner-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;font-size:.82rem;font-weight:600}.summary-banner-items{flex-direction:column;gap:.5rem;display:flex}.summary-banner-item{color:var(--fg);align-items:flex-start;gap:.75rem;font-size:.92rem;line-height:1.6;display:flex}.summary-banner-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:700;display:inline-flex}.summary-banner-text strong{color:var(--primary)}.summary-banner-text .accent{color:var(--accent);font-weight:600}#real-cases .case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}#real-cases .case-card{background:var(--card,#fcf6e7);border:1px solid var(--card-border,#2c1f1221);border-radius:var(--radius,14px);box-shadow:var(--card-shadow,0 1px 2px #2c1f120d, 0 14px 32px -22px #2c1f1266);color:inherit;cursor:pointer;transition:transform .25s var(--ease,ease), box-shadow .25s var(--ease,ease), border-color .25s var(--ease,ease);flex-direction:column;padding:1.5rem;text-decoration:none;display:flex}#real-cases .case-card:hover{border-color:#c73e2a59;transform:translateY(-4px);box-shadow:0 20px 42px -24px #2c1f128c}#real-cases .case-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}#real-cases .case-tag{color:var(--primary,#c73e2a);background:#c73e2a1a;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}#real-cases .case-year{color:var(--muted,#6f5a47);font-size:.8rem}#real-cases .case-card h4{color:var(--fg,#2c1f12);margin:0 0 .75rem;font-size:1.02rem;line-height:1.45}#real-cases .case-card p{color:var(--muted,#6f5a47);margin:0;font-size:.9rem;line-height:1.65}#real-cases .case-link-go{color:var(--primary,#c73e2a);margin-top:auto;padding-top:.9rem;font-size:.85rem;font-weight:700}@media (max-width:768px){#real-cases .case-grid{grid-template-columns:1fr}}.page-disclaimer{box-sizing:border-box;border-top:1px solid var(--border,#2c1f121a);max-width:1100px;color:var(--muted,#6f5a47);margin:3rem auto 0;padding:1.4rem 1.5rem 0;font-size:.82rem;line-height:1.75}.topic-nav{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1rem;max-width:1100px;margin:2rem auto 0;padding:0 1.5rem;display:grid}.topic-nav-btn{color:#2c1f18;background:#fcf6e7;border:1px solid #d4c4b0;border-radius:12px;align-items:center;gap:.6rem;padding:1rem 1.2rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #2c1f1214,0 8px 20px -14px #2c1f121f}.topic-nav-btn:before{content:"";opacity:0;background:linear-gradient(90deg,#c73e2a,#e8a090);height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.topic-nav-btn:hover{color:#c73e2a;border-color:#c73e2a;transform:translateY(-3px);box-shadow:0 8px 24px -8px #c73e2a40}.topic-nav-btn:hover:before{opacity:1}.topic-nav-btn .nav-arrow{opacity:.5;font-size:1.3rem;line-height:1;transition:all .25s}.topic-nav-btn.prev:hover .nav-arrow{opacity:1;transform:translate(-4px)}.topic-nav-btn.next{text-align:right;flex-direction:row-reverse}.topic-nav-btn.next:before{background:linear-gradient(270deg,#1e6b6e,#7fb5b8)}.topic-nav-btn.next:hover{color:#1e6b6e;border-color:#1e6b6e;box-shadow:0 8px 24px -8px #1e6b6e40}.topic-nav-btn.next:hover .nav-arrow{opacity:1;transform:translate(4px)}.topic-nav-center{background:#faf1dc;border:1px solid #d4c4b0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.8rem 1rem;display:flex;box-shadow:0 1px 4px #2c1f120f}.topic-nav-hint{color:#6f5a47;white-space:nowrap;font-size:.72rem;font-weight:500}.topic-nav-empty{color:#8b7355;background:#f2e8d2;border:1px dashed #c4b09a;border-radius:999px;padding:.15rem .5rem;font-size:.66rem}.topic-nav-btn[style*=pointer-events\:none]{opacity:.35;cursor:not-allowed;filter:grayscale(.3)}.topic-nav-btn[style*=pointer-events\:none]:hover{transform:none;box-shadow:0 1px 4px #2c1f1214}@media (max-width:768px){.topic-nav{grid-template-columns:1fr;gap:.75rem}.topic-nav-center{flex-direction:row;order:-1}.topic-nav-btn{justify-content:center;padding:.85rem 1rem}.topic-nav-btn.next{flex-direction:row}}:where(body.p-sunscreen) .uv-sun-page,:where(body.p-sunscreen) #hero,:where(body.p-sunscreen) #uv-basics,:where(body.p-sunscreen) #uv-depth,:where(body.p-sunscreen) #spf-math,:where(body.p-sunscreen) #filters,:where(body.p-sunscreen) #uv-damage,:where(body.p-sunscreen) #real-data,:where(body.p-sunscreen) #sunscreen-rules,:where(body.p-sunscreen) #quiz{scroll-margin-top:84px}:where(body.p-sunscreen) .hero-mini-tag-uvb{color:#a85a1c;background:#d9762f24}:where(body.p-sunscreen) .hero-mini-tag-uva{color:#5e448f;background:#7a5bb524}:where(body.p-sunscreen) .hero-mini-tag-spf{color:#7a5a0f;background:#c89f3d33}:where(body.p-sunscreen) .uv-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem;display:grid}:where(body.p-sunscreen) .uv-card{background:var(--surface,#faf1dc);border:1px solid var(--border,#2c1f181f);border-radius:16px;padding:1.5rem 1.6rem;transition:transform .28s,box-shadow .28s;position:relative;overflow:hidden}:where(body.p-sunscreen) .uv-card:before{content:"";width:4px;position:absolute;inset:0 auto 0 0}:where(body.p-sunscreen) .uv-card-uva:before{background:linear-gradient(#7a5bb5,#b79be0)}:where(body.p-sunscreen) .uv-card-uvb:before{background:linear-gradient(#d9762f,#efb184)}:where(body.p-sunscreen) .uv-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #2c1f181a}:where(body.p-sunscreen) .uv-card-head{align-items:baseline;gap:.7rem;margin-bottom:.7rem;display:flex}:where(body.p-sunscreen) .uv-card-name{letter-spacing:.02em;margin:0;font-family:Fraunces,Songti SC,Source Han Serif SC,SimSun,serif;font-size:1.5rem;font-weight:600}:where(body.p-sunscreen) .uv-card-uva .uv-card-name{color:#5e448f}:where(body.p-sunscreen) .uv-card-uvb .uv-card-name{color:#a85a1c}:where(body.p-sunscreen) .uv-card-band{color:var(--muted,#6f5a47);background:#2c1f180d;border-radius:999px;padding:.18rem .5rem;font-family:JetBrains Mono,monospace;font-size:.78rem}:where(body.p-sunscreen) .uv-card-summary{color:var(--fg,#2c1f18);margin:0 0 1rem;font-size:.92rem;line-height:1.7}:where(body.p-sunscreen) .uv-card-summary strong{color:inherit;font-weight:700}:where(body.p-sunscreen) .uv-card-list{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}:where(body.p-sunscreen) .uv-card-list li{color:var(--muted,#6f5a47);padding-left:1rem;font-size:.86rem;line-height:1.6;position:relative}:where(body.p-sunscreen) .uv-card-list li:before{content:"";opacity:.45;background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:.55em;left:0}:where(body.p-sunscreen) .uv-card-uva .uv-card-list li:before{opacity:.55;background:#7a5bb5}:where(body.p-sunscreen) .uv-card-uvb .uv-card-list li:before{opacity:.55;background:#d9762f}:where(body.p-sunscreen) .uv-card-list b{color:var(--fg,#2c1f18);font-weight:600}:where(body.p-sunscreen) .uv-card-note{color:var(--fg,#2c1f18);border:1px dashed var(--border,#2c1f182e);background:#ffffff8c;border-radius:10px;padding:.6rem .8rem;font-size:.84rem;line-height:1.6}:where(body.p-sunscreen) .uv-card-note b{color:var(--tone,#c89f3d);font-weight:700}:where(body.p-sunscreen) .sun-callout{background:#c89f3d1a;border:1px solid #c89f3d52;border-radius:14px;align-items:flex-start;gap:.85rem;margin-top:1.6rem;padding:1.05rem 1.2rem;display:flex}:where(body.p-sunscreen) .sun-callout-icon{flex:none;font-size:1.1rem;line-height:1.5}:where(body.p-sunscreen) .sun-callout-body{color:var(--fg,#2c1f18);font-size:.88rem;line-height:1.75}:where(body.p-sunscreen) .sun-callout-body strong{font-weight:700}:where(body.p-sunscreen) .uv-depth{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:center;gap:1.8rem;margin-top:2rem;display:grid}:where(body.p-sunscreen) .uv-depth-stage{background:var(--surface,#faf1dc);border:1px solid var(--border,#2c1f181f);border-radius:16px;padding:1rem}:where(body.p-sunscreen) .uv-depth-stage svg{width:100%;height:auto;display:block}:where(body.p-sunscreen) #uv-beam,:where(body.p-sunscreen) #uv-dot,:where(body.p-sunscreen) #uv-dot-ring{transition:transform .18s}:where(body.p-sunscreen) .uv-depth-controls{gap:.7rem;display:grid}:where(body.p-sunscreen) .uv-depth-field{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}:where(body.p-sunscreen) .uv-depth-label{letter-spacing:.08em;color:var(--muted,#6f5a47);font-size:.8rem}:where(body.p-sunscreen) .uv-depth-value{color:var(--fg,#2c1f18);font-family:JetBrains Mono,monospace;font-size:.95rem}:where(body.p-sunscreen) .uv-depth-value b{color:var(--tone,#c89f3d);font-size:1.35rem}:where(body.p-sunscreen) .uv-depth-range,:where(body.p-sunscreen) .spf-sim-range{cursor:grab;appearance:none;background:0 0;width:100%;height:26px;margin:0}:where(body.p-sunscreen) .uv-depth-range:active,:where(body.p-sunscreen) .spf-sim-range:active{cursor:grabbing}:where(body.p-sunscreen) .uv-depth-range:focus-visible,:where(body.p-sunscreen) .spf-sim-range:focus-visible{outline:2px solid var(--tone,#c89f3d);outline-offset:3px;border-radius:6px}:where(body.p-sunscreen) .uv-depth-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#c89f3d33,#c89f3d8c);border:1px solid #c89f3d52;border-radius:999px;height:7px}:where(body.p-sunscreen) .spf-sim-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#c89f3d33,#c89f3d8c);border:1px solid #c89f3d52;border-radius:999px;height:7px}:where(body.p-sunscreen) .uv-depth-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--tone,#c89f3d);border:3px solid #fff;border-radius:50%;width:20px;height:20px;margin-top:-7.5px;animation:2.4s ease-in-out infinite thumbPulse;box-shadow:0 2px 6px #2c1f1847}:where(body.p-sunscreen) .spf-sim-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--tone,#c89f3d);border:3px solid #fff;border-radius:50%;width:20px;height:20px;margin-top:-7.5px;animation:2.4s ease-in-out infinite thumbPulse;box-shadow:0 2px 6px #2c1f1847}:where(body.p-sunscreen) .uv-depth-range::-moz-range-track{background:linear-gradient(90deg,#c89f3d33,#c89f3d8c);border:1px solid #c89f3d52;border-radius:999px;height:7px}:where(body.p-sunscreen) .spf-sim-range::-moz-range-track{background:linear-gradient(90deg,#c89f3d33,#c89f3d8c);border:1px solid #c89f3d52;border-radius:999px;height:7px}:where(body.p-sunscreen) .uv-depth-range::-moz-range-thumb{background:var(--tone,#c89f3d);border:3px solid #fff;border-radius:50%;width:18px;height:18px;animation:2.4s ease-in-out infinite thumbPulse;box-shadow:0 2px 6px #2c1f1847}:where(body.p-sunscreen) .spf-sim-range::-moz-range-thumb{background:var(--tone,#c89f3d);border:3px solid #fff;border-radius:50%;width:18px;height:18px;animation:2.4s ease-in-out infinite thumbPulse;box-shadow:0 2px 6px #2c1f1847}@keyframes thumbPulse{0%,to{box-shadow:0 2px 6px #2c1f1847,0 0 #c89f3d80}55%{box-shadow:0 2px 6px #2c1f1847,0 0 0 11px #c89f3d00}}:where(body.p-sunscreen) .uv-depth-scale{color:var(--muted,#6f5a47);justify-content:space-between;font-size:.72rem;display:flex}:where(body.p-sunscreen) .uv-depth-verdict{color:var(--fg,#2c1f18);background:#c89f3d24;border-radius:10px;margin-top:.3rem;padding:.6rem .85rem;font-size:.95rem;font-weight:600;transition:background .25s}:where(body.p-sunscreen) .uv-depth-verdict.is-uvb{color:#8a4614;background:#d9762f29}:where(body.p-sunscreen) .uv-depth-verdict.is-uva{color:#513b7d;background:#7a5bb526}:where(body.p-sunscreen) .spf-formula{margin-top:2rem}:where(body.p-sunscreen) .spf-formula-box{background:var(--surface,#faf1dc);border:1px solid var(--border,#2c1f181f);border-radius:16px;padding:1.4rem 1.5rem}:where(body.p-sunscreen) .spf-formula-box .formula{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.88rem;display:flex}:where(body.p-sunscreen) .spf-formula-note{color:var(--muted,#6f5a47);text-align:center;margin:.9rem 0 0;font-size:.86rem;line-height:1.7}:where(body.p-sunscreen) .spf-bars{background:var(--surface,#faf1dc);border:1px solid var(--border,#2c1f181f);border-radius:16px;margin-top:1.8rem;padding:1.4rem 1.5rem}:where(body.p-sunscreen) .spf-bars-head{color:var(--muted,#6f5a47);margin-bottom:1rem;font-size:.84rem}:where(body.p-sunscreen) .spf-bar-row{grid-template-columns:84px minmax(0,1fr) 64px;align-items:center;gap:.8rem;margin-bottom:.7rem;display:grid}:where(body.p-sunscreen) .spf-bar-key{color:var(--fg,#2c1f18);font-family:JetBrains Mono,monospace;font-size:.8rem}:where(body.p-sunscreen) .spf-bar-track{background:#2c1f1814;border-radius:999px;height:14px;overflow:hidden}:where(body.p-sunscreen) .spf-bar-fill{transform-origin:0;background:linear-gradient(90deg,#e8ce8c,#c89f3d);border-radius:999px;height:100%;animation:.9s cubic-bezier(.22,.8,.28,1) both spfBarIn}:where(body.p-sunscreen) .spf-bar-row-hi .spf-bar-fill{background:linear-gradient(90deg,#c89f3d,#a87f22)}:where(body.p-sunscreen) .spf-bar-val{color:var(--muted,#6f5a47);text-align:right;font-family:JetBrains Mono,monospace;font-size:.8rem}@keyframes spfBarIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){:where(body.p-sunscreen) .spf-bar-fill{animation:none}}:where(body.p-sunscreen) .spf-bars-verdict{border-top:1px dashed var(--border,#2c1f1829);color:var(--fg,#2c1f18);margin-top:1rem;padding-top:1rem;font-size:.86rem;line-height:1.75}:where(body.p-sunscreen) .spf-sim{background:var(--surface,#faf1dc);border:1px solid #c89f3d59;border-radius:18px;margin-top:1.8rem;padding:1.5rem 1.6rem 1.3rem}:where(body.p-sunscreen) .spf-sim-head{margin-bottom:1.3rem}:where(body.p-sunscreen) .spf-sim-tag{letter-spacing:.1em;color:#7a5a0f;background:#c89f3d33;border-radius:999px;margin-bottom:.55rem;padding:.2rem .6rem;font-size:.7rem;display:inline-block}:where(body.p-sunscreen) .spf-sim-title{color:var(--fg,#2c1f18);margin:0 0 .4rem;font-family:Fraunces,Songti SC,Source Han Serif SC,SimSun,serif;font-size:1.2rem;font-weight:600}:where(body.p-sunscreen) .spf-sim-sub{color:var(--muted,#6f5a47);margin:0;font-size:.85rem;line-height:1.7}:where(body.p-sunscreen) .spf-sim-body{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:1.6rem;display:grid}:where(body.p-sunscreen) .spf-sim-left{gap:.55rem;display:grid}:where(body.p-sunscreen) .spf-sim-field{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}:where(body.p-sunscreen) .spf-sim-field-label{letter-spacing:.08em;color:var(--muted,#6f5a47);font-size:.8rem}:where(body.p-sunscreen) .spf-sim-field-value{color:var(--fg,#2c1f18);font-family:JetBrains Mono,monospace;font-size:.85rem}:where(body.p-sunscreen) .spf-sim-field-value b{color:var(--tone,#c89f3d);font-size:1.4rem}:where(body.p-sunscreen) .spf-sim-scale{color:var(--muted,#6f5a47);justify-content:space-between;font-size:.72rem;display:flex}:where(body.p-sunscreen) .spf-sim-scale-mark{color:var(--tone,#c89f3d);font-weight:600}:where(body.p-sunscreen) .spf-sim-caption{color:var(--muted,#6f5a47);margin-top:.4rem;font-size:.78rem}:where(body.p-sunscreen) .spf-sim-right{gap:.9rem;display:grid}:where(body.p-sunscreen) .spf-sim-result{text-align:center}:where(body.p-sunscreen) .spf-sim-result-num{color:var(--tone,#c89f3d);font-family:Fraunces,Songti SC,Source Han Serif SC,SimSun,serif;font-size:3.2rem;font-weight:600;line-height:1;transition:color .25s}:where(body.p-sunscreen) .spf-sim-result-num.is-low{color:#c2662b}:where(body.p-sunscreen) .spf-sim-result-num.is-bad{color:#b03a2e}:where(body.p-sunscreen) .spf-sim-result-label{letter-spacing:.08em;color:var(--muted,#6f5a47);margin-top:.3rem;font-size:.76rem}:where(body.p-sunscreen) .spf-gauge{gap:.5rem;display:grid}:where(body.p-sunscreen) .spf-gauge-track{background:#2c1f1814;border-radius:999px;height:10px;overflow:hidden}:where(body.p-sunscreen) .spf-gauge-fill{background:linear-gradient(90deg,#e8ce8c,#c89f3d);border-radius:999px;width:98%;height:100%;transition:width .2s,background .25s}:where(body.p-sunscreen) .spf-gauge-fill.is-low{background:linear-gradient(90deg,#efb184,#c2662b)}:where(body.p-sunscreen) .spf-gauge-fill.is-bad{background:linear-gradient(90deg,#e29a8b,#b03a2e)}:where(body.p-sunscreen) .spf-gauge-legend{color:var(--muted,#6f5a47);justify-content:space-between;gap:.8rem;font-size:.8rem;display:flex}:where(body.p-sunscreen) .spf-gauge-verdict{color:var(--fg,#2c1f18);font-weight:600}:where(body.p-sunscreen) .spf-gauge-verdict.is-low{color:#a85a1c}:where(body.p-sunscreen) .spf-gauge-verdict.is-bad{color:#9b3226}:where(body.p-sunscreen) .spf-sim-disclaimer{border-top:1px dashed var(--border,#2c1f1829);color:var(--muted,#6f5a47);margin:1.2rem 0 0;padding-top:.9rem;font-size:.76rem;line-height:1.7}:where(body.p-sunscreen) .filter-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem;display:grid}:where(body.p-sunscreen) .filter-card{background:var(--surface,#faf1dc);border:1px solid var(--border,#2c1f181f);border-top:3px solid #c89f3d;border-radius:16px;padding:1.4rem 1.5rem;transition:transform .28s,box-shadow .28s}:where(body.p-sunscreen) .filter-card-chem{border-top-color:#1e6b6e}:where(body.p-sunscreen) .filter-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #2c1f181a}:where(body.p-sunscreen) .filter-card-badge{letter-spacing:.06em;color:var(--muted,#6f5a47);background:#2c1f180d;border-radius:999px;margin-bottom:.7rem;padding:.2rem .6rem;font-size:.72rem;display:inline-block}:where(body.p-sunscreen) .filter-card-title{color:var(--fg,#2c1f18);margin:0 0 .8rem;font-family:Fraunces,Songti SC,Source Han Serif SC,SimSun,serif;font-size:1.05rem;font-weight:600}:where(body.p-sunscreen) .filter-card-mech{color:var(--fg,#2c1f18);background:#ffffff8c;border-radius:10px;align-items:flex-start;gap:.6rem;margin-bottom:.9rem;padding:.6rem .8rem;font-size:.85rem;line-height:1.65;display:flex}:where(body.p-sunscreen) .filter-mech-tag{color:var(--muted,#6f5a47);letter-spacing:.06em;flex:none;font-size:.72rem}:where(body.p-sunscreen) .filter-card-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}:where(body.p-sunscreen) .filter-card-list li{color:var(--muted,#6f5a47);padding-left:1rem;font-size:.85rem;line-height:1.65;position:relative}:where(body.p-sunscreen) .filter-card-list li:before{content:"";opacity:.6;background:#c89f3d;border-radius:50%;width:5px;height:5px;position:absolute;top:.58em;left:0}:where(body.p-sunscreen) .filter-card-chem .filter-card-list li:before{background:#1e6b6e}:where(body.p-sunscreen) .damage-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem;display:grid}:where(body.p-sunscreen) .damage-card{background:var(--surface,#faf1dc);border:1px solid var(--border,#2c1f181f);border-radius:16px;padding:1.4rem 1.5rem;transition:transform .28s,box-shadow .28s}:where(body.p-sunscreen) .damage-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #2c1f181a}:where(body.p-sunscreen) .damage-card-step{letter-spacing:.08em;border-radius:999px;margin-bottom:.7rem;padding:.2rem .6rem;font-family:JetBrains Mono,monospace;font-size:.72rem;display:inline-block}:where(body.p-sunscreen) .damage-card-uvb .damage-card-step{color:#8a4614;background:#d9762f29}:where(body.p-sunscreen) .damage-card-uva .damage-card-step{color:#513b7d;background:#7a5bb526}:where(body.p-sunscreen) .damage-card-title{color:var(--fg,#2c1f18);margin:0 0 .6rem;font-family:Fraunces,Songti SC,Source Han Serif SC,SimSun,serif;font-size:1.08rem;font-weight:600}:where(body.p-sunscreen) .damage-card p{color:var(--muted,#6f5a47);margin:0 0 .9rem;font-size:.86rem;line-height:1.75}:where(body.p-sunscreen) .damage-card-result{border-top:1px dashed var(--border,#2c1f1824);color:var(--fg,#2c1f18);align-items:baseline;gap:.7rem;padding:.45rem 0;font-size:.84rem;line-height:1.6;display:flex}:where(body.p-sunscreen) .damage-result-label{letter-spacing:.08em;color:var(--muted,#6f5a47);flex:none;font-size:.72rem}:where(body.p-sunscreen) .data-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;margin-top:2rem;display:grid}:where(body.p-sunscreen) .data-card{background:var(--surface,#faf1dc);border:1px solid var(--border,#2c1f181f);border-radius:16px;padding:1.25rem 1.3rem;transition:transform .28s,box-shadow .28s}:where(body.p-sunscreen) .data-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #2c1f181a}:where(body.p-sunscreen) .data-card-num{color:var(--tone,#c89f3d);margin-bottom:.4rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:700}:where(body.p-sunscreen) .data-card-title{color:var(--fg,#2c1f18);margin:0 0 .5rem;font-size:.95rem;font-weight:600}:where(body.p-sunscreen) .data-card p{color:var(--muted,#6f5a47);margin:0;font-size:.83rem;line-height:1.75}:where(body.p-sunscreen) .data-card p b{color:var(--fg,#2c1f18);font-weight:600}:where(body.p-sunscreen) #sunscreen-rules.layout-cards-grid>.section-header,:where(body.p-sunscreen) #sunscreen-rules.layout-cards-grid>.anti-pattern{grid-column:1/-1}:where(body.p-sunscreen) .safety-grid{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-top:2rem;display:grid}:where(body.p-sunscreen) .safety-card{background:var(--surface,#faf1dc);border:1px solid var(--border,#2c1f181f);border-radius:16px;padding:1.4rem 1.5rem;transition:transform .28s,box-shadow .28s}:where(body.p-sunscreen) .safety-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #2c1f181a}:where(body.p-sunscreen) .safety-num{color:#fff;background:var(--tone,#c89f3d);border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:.8rem;font-family:Fraunces,serif;font-size:1.05rem;font-weight:600;display:grid}:where(body.p-sunscreen) .safety-card h3{color:var(--fg,#2c1f18);margin:0 0 .6rem;font-family:Fraunces,Songti SC,Source Han Serif SC,SimSun,serif;font-size:1.1rem;font-weight:600}:where(body.p-sunscreen) .safety-card p{color:var(--muted,#6f5a47);margin:0 0 .9rem;font-size:.86rem;line-height:1.75}:where(body.p-sunscreen) .safety-card p strong{color:var(--fg,#2c1f18);font-weight:600}:where(body.p-sunscreen) .safety-do{color:var(--fg,#2c1f18);border-left:3px solid var(--tone,#c89f3d);background:#c89f3d1f;border-radius:0 10px 10px 0;padding:.6rem .8rem;font-size:.82rem;line-height:1.7}:where(body.p-sunscreen) .safety-label{color:var(--muted,#6f5a47);letter-spacing:.06em;font-size:.74rem}:where(body.p-sunscreen) .anti-pattern{background:#b03a2e12;border:1px solid #b03a2e42;border-radius:14px;align-items:flex-start;gap:.9rem;margin-top:1.6rem;padding:1.15rem 1.3rem;display:flex}:where(body.p-sunscreen) .anti-pattern-icon{flex:none;font-size:1.15rem;line-height:1.4}:where(body.p-sunscreen) .anti-pattern-content{color:var(--fg,#2c1f18);font-size:.86rem;line-height:1.7}:where(body.p-sunscreen) .anti-pattern-content strong{font-weight:700}:where(body.p-sunscreen) .anti-pattern-list{color:var(--muted,#6f5a47);gap:.35rem;margin:.6rem 0 0;padding-left:1.1rem;display:grid}:where(body.p-sunscreen) .anti-pattern-list li{font-size:.84rem;line-height:1.7}:where(body.p-sunscreen) .quiz-container{gap:1rem;margin-top:2rem;display:grid}:where(body.p-sunscreen) .quiz-question{background:var(--surface,#faf1dc);border:1px solid var(--border,#2c1f181f);border-radius:14px;padding:1.15rem 1.3rem}:where(body.p-sunscreen) .quiz-question-text{color:var(--fg,#2c1f18);margin:0 0 .85rem;font-size:.92rem;line-height:1.7}:where(body.p-sunscreen) .quiz-options{gap:.5rem;display:grid}:where(body.p-sunscreen) .quiz-opt{text-align:left;color:var(--fg,#2c1f18);border:1px solid var(--border,#2c1f1829);cursor:pointer;background:#fff9;border-radius:10px;padding:.62rem .85rem;font-family:inherit;font-size:.86rem;line-height:1.5;transition:background .2s,border-color .2s,transform .18s}:where(body.p-sunscreen) .quiz-opt:hover:not(:disabled){background:#c89f3d24;border-color:#c89f3d80;transform:translate(2px)}:where(body.p-sunscreen) .quiz-opt:disabled{cursor:default}:where(body.p-sunscreen) .quiz-opt.correct{background:#2e7d4a24;border-color:#2e7d4a80}:where(body.p-sunscreen) .quiz-opt.wrong{background:#b03a2e1f;border-color:#b03a2e73}:where(body.p-sunscreen) .quiz-opt.correct-show:not(.wrong){border-color:#2e7d4a73}:where(body.p-sunscreen) .quiz-feedback{margin-top:.7rem}:where(body.p-sunscreen) .quiz-feedback:empty{display:none}:where(body.p-sunscreen) .quiz-feedback-correct,:where(body.p-sunscreen) .quiz-feedback-wrong{border-radius:10px;padding:.7rem .9rem;font-size:.84rem;line-height:1.75}:where(body.p-sunscreen) .quiz-feedback-correct{color:#245c36;background:#2e7d4a1a}:where(body.p-sunscreen) .quiz-feedback-wrong{color:#8e2f24;background:#b03a2e14}:where(body.p-sunscreen) #uv-depth,:where(body.p-sunscreen) #spf-bars,:where(body.p-sunscreen) #spf-sim{scroll-margin-top:92px}:where(body.p-sunscreen) .interact-index{background:#c89f3d1a;border:1px dashed #c89f3d7a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1rem;padding:.65rem .8rem;display:flex}:where(body.p-sunscreen) .interact-index-label{letter-spacing:.1em;color:#8a6e2a;padding-right:.25rem;font-size:.72rem;font-weight:700}:where(body.p-sunscreen) .interact-index-item{color:var(--fg,#2c1f18);background:#ffffffbf;border:1px solid #c89f3d66;border-radius:999px;align-items:center;gap:.38rem;padding:.3rem .7rem .3rem .35rem;font-size:.78rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}:where(body.p-sunscreen) .interact-index-item:hover{border-color:var(--tone,#c89f3d);transform:translateY(-2px);box-shadow:0 6px 16px #c89f3d38}:where(body.p-sunscreen) .interact-index-num{background:var(--tone,#c89f3d);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:.68rem;font-weight:700;display:grid}:where(body.p-sunscreen) .has-interact{position:relative}:where(body.p-sunscreen) .interact-cue{z-index:3;letter-spacing:.03em;color:#fff;pointer-events:none;background:linear-gradient(135deg,#c89f3d,#a87f22);border-radius:999px;align-items:center;gap:.32rem;padding:.3rem .7rem;font-size:.72rem;font-weight:700;transition:opacity .35s,transform .35s;display:inline-flex;position:absolute;top:-.75rem;right:1.1rem;box-shadow:0 6px 16px #a87f224d}:where(body.p-sunscreen) .interact-cue svg{flex:none;width:12px;height:12px}:where(body.p-sunscreen) .interact-cue:after{content:"";border-radius:inherit;pointer-events:none;border:1.5px solid #c89f3de6;animation:2.4s ease-out infinite cueBreathe;position:absolute;inset:0}@keyframes cueBreathe{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(1.25)}to{opacity:0;transform:scale(1.25)}}:where(body.p-sunscreen) .has-interact.is-used .interact-cue{opacity:0;transform:translateY(-8px)}:where(body.p-sunscreen) .has-interact.is-used .uv-depth-range::-webkit-slider-thumb{animation:none}:where(body.p-sunscreen) .has-interact.is-used .spf-sim-range::-webkit-slider-thumb{animation:none}:where(body.p-sunscreen) .has-interact.is-used .uv-depth-range::-moz-range-thumb{animation:none}:where(body.p-sunscreen) .has-interact.is-used .spf-sim-range::-moz-range-thumb{animation:none}:where(body.p-sunscreen) .spf-bar-row{cursor:pointer;border-radius:10px;margin-left:-.45rem;margin-right:-.45rem;padding:.22rem .45rem;transition:background .2s}:where(body.p-sunscreen) .spf-bar-row:hover{background:#c89f3d1f}:where(body.p-sunscreen) .spf-bar-row:focus-visible{outline:2px solid var(--tone,#c89f3d);outline-offset:2px}:where(body.p-sunscreen) .spf-bar-row.is-active{background:#c89f3d2e}:where(body.p-sunscreen) .spf-bar-row.is-active .spf-bar-key{color:var(--fg,#2c1f18);font-weight:700}:where(body.p-sunscreen) .spf-bar-row.is-active .spf-bar-val{color:var(--fg,#2c1f18);font-weight:600}:where(body.p-sunscreen) .spf-bar-row.is-active .spf-bar-fill{background:linear-gradient(90deg,#c89f3d,#8a6e2a)}:where(body.p-sunscreen) .spf-bars-compare{color:var(--fg,#2c1f18);background:#c89f3d1a;border:1px dashed #c89f3d80;border-radius:12px;margin-top:.9rem;padding:.7rem .85rem;font-size:.84rem;line-height:1.75}:where(body.p-sunscreen) .spf-bars-compare b{color:#8a6e2a}:where(body.p-sunscreen) .spf-bars-compare-hint{color:var(--muted,#6f5a47)}:where(body.p-sunscreen) .spf-bars-compare-hint:before{content:"👆 "}@media (prefers-reduced-motion:reduce){:where(body.p-sunscreen) .interact-cue:after{animation:none}:where(body.p-sunscreen) .uv-depth-range::-webkit-slider-thumb{animation:none}:where(body.p-sunscreen) .spf-sim-range::-webkit-slider-thumb{animation:none}:where(body.p-sunscreen) .uv-depth-range::-moz-range-thumb{animation:none}:where(body.p-sunscreen) .spf-sim-range::-moz-range-thumb{animation:none}}@media (max-width:900px){:where(body.p-sunscreen) .uv-depth,:where(body.p-sunscreen) .spf-sim-body{grid-template-columns:minmax(0,1fr);gap:1.2rem}}@media (max-width:720px){:where(body.p-sunscreen) .uv-pair,:where(body.p-sunscreen) .filter-pair,:where(body.p-sunscreen) .damage-path{grid-template-columns:minmax(0,1fr)}:where(body.p-sunscreen) .uv-card,:where(body.p-sunscreen) .filter-card,:where(body.p-sunscreen) .damage-card{padding:1.2rem 1.15rem}:where(body.p-sunscreen) .spf-sim{padding:1.2rem 1.05rem 1.05rem}:where(body.p-sunscreen) .spf-sim-result-num{font-size:2.6rem}:where(body.p-sunscreen) .spf-bar-row{grid-template-columns:62px minmax(0,1fr) 54px;gap:.5rem}:where(body.p-sunscreen) .spf-bar-key,:where(body.p-sunscreen) .spf-bar-val{font-size:.72rem}:where(body.p-sunscreen) .sun-callout,:where(body.p-sunscreen) .anti-pattern{padding:.95rem 1rem}:where(body.p-sunscreen) .interact-cue{padding:.26rem .6rem;font-size:.68rem;right:.6rem}:where(body.p-sunscreen) .interact-index-item{padding:.28rem .6rem .28rem .3rem;font-size:.74rem}}:where(body.p-sunscreen) .page-disclaimer{box-sizing:border-box;border-top:1px solid var(--border,#2c1f121a);max-width:1100px;color:var(--muted,#6f5a47);margin:3rem auto 0;padding:1.4rem 1.5rem 0;font-size:.82rem;line-height:1.75}:where(body.p-sunscreen) .uv-depth-label,:where(body.p-sunscreen) .spf-sim-field-label{transition:color .18s var(--ease,ease)}@media (hover:hover){:where(body.p-sunscreen) .uv-depth-label:hover,:where(body.p-sunscreen) .spf-sim-field-label:hover{color:var(--primary)}}:where(body.p-sunscreen) .anti-pattern{transition:transform .28s var(--ease,ease), box-shadow .28s var(--ease,ease)}@media (hover:hover){:where(body.p-sunscreen) .anti-pattern:hover{box-shadow:0 8px 22px #c73e2a24}}@media (hover:hover) and (prefers-reduced-motion:no-preference){:where(body.p-sunscreen) .anti-pattern.anti-pattern:hover{transform:translateY(-2px)}}:where(body.p-sunscreen) .safety-do{transition:transform .18s,box-shadow .18s}:where(body.p-sunscreen) .safety-do:hover{transform:translateY(-3px);box-shadow:0 6px 18px #2c1f181f}body.p-mosquito.has-shared-layout{--mo-gold:#c89f3d;--mo-gold-deep:#a8822a;--mo-gold-soft:#f3dec0;--mo-ink:#2c1f18;--mo-body:#4a3a2e;--mo-muted:#6f5a47;--mo-faint:#9c7b4a;--mo-red:#c73e2a;--mo-surface:#faf1dc;--mo-line:#c89f3d4d;--mo-line-soft:#c89f3d29;--mo-hair:#2c1f1214;--mo-radius:14px}:where(body.p-mosquito) .has-interact{position:relative}:where(body.p-mosquito) .interact-cue{z-index:3;border:1px solid var(--mo-line);color:var(--mo-gold-deep);white-space:nowrap;pointer-events:none;background:#faf1dceb;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;line-height:1.4;transition:opacity .45s;display:inline-flex;position:absolute;top:-.75rem;right:1.1rem}:where(body.p-mosquito) .interact-cue svg{flex:none;width:13px;height:13px}:where(body.p-mosquito) .has-interact.is-used .interact-cue{opacity:0}:where(body.p-mosquito) #deet-math,:where(body.p-mosquito) #repellent-vs-kill,:where(body.p-mosquito) #bites{scroll-margin-top:92px}:where(body.p-mosquito) #bites.layout-cards-grid>*,:where(body.p-mosquito) #rules.layout-cards-grid>*{grid-column:1/-1}:where(body.p-mosquito) .interact-index{background:#c89f3d1a;border:1px dashed #c89f3d7a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1rem;padding:.65rem .8rem;display:flex}:where(body.p-mosquito) .interact-index-label{letter-spacing:.1em;color:var(--mo-gold-deep);padding-right:.25rem;font-size:.72rem;font-weight:700}:where(body.p-mosquito) .interact-index-item{color:var(--mo-ink);background:#ffffffbf;border:1px solid #c89f3d66;border-radius:999px;align-items:center;gap:.38rem;padding:.3rem .7rem .3rem .35rem;font-size:.78rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}:where(body.p-mosquito) .interact-index-item:hover{border-color:var(--mo-gold);transform:translateY(-2px);box-shadow:0 6px 16px #c89f3d38}:where(body.p-mosquito) .interact-index-num{background:var(--mo-gold);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:.68rem;font-weight:700;display:grid}:where(body.p-mosquito) .hero-mini-tag-empty,:where(body.p-mosquito) .hero-mini-tag-plug,:where(body.p-mosquito) .hero-mini-tag-sense{border:1px solid var(--mo-line);color:var(--mo-muted);white-space:nowrap;background:#faf1dcf0;border-radius:999px;padding:4px 9px;font-size:11.5px;position:absolute}:where(body.p-mosquito) .hero-mini-tag-empty{color:var(--mo-muted);top:4%;left:2%}:where(body.p-mosquito) .hero-mini-tag-plug{color:var(--mo-gold-deep);top:50%;right:0}:where(body.p-mosquito) .hero-mini-tag-sense{color:var(--mo-red);bottom:4%;left:6%}:where(body.p-mosquito) .mo-callout{border:1px solid var(--mo-line);border-left:4px solid var(--mo-gold);border-radius:var(--mo-radius);background:var(--mo-surface);align-items:flex-start;gap:14px;padding:18px 20px;display:flex}:where(body.p-mosquito) .mo-callout-icon{flex:none;font-size:20px;line-height:1.2}:where(body.p-mosquito) .mo-callout-body{color:var(--mo-body);font-size:15px;line-height:1.85}:where(body.p-mosquito) .mo-callout-body strong{color:var(--mo-ink)}:where(body.p-mosquito) .mo-callout-danger{border-left-color:var(--mo-red)}:where(body.p-mosquito) .mo-callout-danger .mo-callout-body strong{color:#8e2f24}:where(body.p-mosquito) .mo-paths{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1.25rem;display:grid}:where(body.p-mosquito) .mo-path-card{border:1px solid var(--mo-line);border-top:4px solid var(--mo-gold);border-radius:var(--mo-radius);background:var(--mo-surface);flex-direction:column;gap:.65rem;padding:1.4rem 1.35rem;display:flex}:where(body.p-mosquito) .mo-path-sense{border-top-color:var(--mo-gold)}:where(body.p-mosquito) .mo-path-kill{border-top-color:var(--mo-red)}:where(body.p-mosquito) .mo-path-after{border-top-color:#2e7d4a}:where(body.p-mosquito) .mo-path-head{justify-content:space-between;align-items:center;display:flex}:where(body.p-mosquito) .mo-path-num{letter-spacing:.06em;color:var(--mo-faint);font-size:12px}:where(body.p-mosquito) .mo-path-icon{font-size:19px;line-height:1}:where(body.p-mosquito) .mo-path-title{color:var(--mo-ink);margin:0;font-size:1.12rem;font-weight:600}:where(body.p-mosquito) .mo-path-desc{color:var(--mo-body);margin:0;font-size:14.5px;line-height:1.85}:where(body.p-mosquito) .mo-path-desc strong{color:var(--mo-ink)}:where(body.p-mosquito) .mo-path-note{border-top:1px dashed var(--mo-line);color:var(--mo-muted);margin-top:auto;padding-top:.7rem;font-size:13px}:where(body.p-mosquito) .mo-path-note b{color:var(--mo-gold-deep)}:where(body.p-mosquito) .mo-stage{border:1px solid var(--mo-line);background:var(--mo-surface);border-radius:18px;padding:1.5rem 1.5rem 1.3rem}:where(body.p-mosquito) .mo-stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}:where(body.p-mosquito) .mo-stage-tag{letter-spacing:.04em;color:var(--mo-faint);font-size:12.5px}:where(body.p-mosquito) .mo-stage-hint{color:var(--mo-gold-deep);background:#c89f3d24;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;transition:background .3s,color .3s}:where(body.p-mosquito) .mo-stage-body{grid-template-columns:1fr 132px;align-items:center;gap:1.5rem;display:grid}:where(body.p-mosquito) #mo-stage-svg{width:100%;height:auto;display:block}:where(body.p-mosquito) .mo-stage-meter{flex-direction:column;align-items:center;gap:.6rem;display:flex}:where(body.p-mosquito) .mo-stage-meter-label{color:var(--mo-faint);font-size:12.5px}:where(body.p-mosquito) .mo-stage-meter-track{background:#2c1f1212;border-radius:999px;align-items:flex-end;width:24px;height:150px;display:flex;position:relative;overflow:hidden}:where(body.p-mosquito) .mo-stage-meter-fill{background:linear-gradient(180deg, var(--mo-gold) 0%, var(--mo-red) 100%);width:100%;height:100%;transition:height .6s cubic-bezier(.4,0,.2,1)}:where(body.p-mosquito) .mo-stage-meter-val{color:var(--mo-ink);font-size:15px;font-weight:600}:where(body.p-mosquito) .mo-mol{transition:transform .7s cubic-bezier(.34,1.32,.64,1)}:where(body.p-mosquito) .mo-rec{transition:fill .4s,stroke .4s}:where(body.p-mosquito) .mo-rec.is-on{fill:var(--mo-gold);stroke:var(--mo-gold-deep)}:where(body.p-mosquito) .mo-stage-note{color:var(--mo-body);margin:1.2rem 0 0;font-size:14.5px;line-height:1.9}:where(body.p-mosquito) .mo-stage-note strong{color:var(--mo-ink)}:where(body.p-mosquito) .mo-dose{border:1px solid var(--mo-line);background:var(--mo-surface);border-radius:18px;padding:1.6rem 1.5rem 1.4rem}:where(body.p-mosquito) .mo-dose-head{margin-bottom:1.2rem}:where(body.p-mosquito) .mo-dose-tag{letter-spacing:.05em;color:var(--mo-faint);margin-bottom:.5rem;font-size:12px;display:inline-block}:where(body.p-mosquito) .mo-dose-title{color:var(--mo-ink);margin:0;font-size:1.08rem;font-weight:600}:where(body.p-mosquito) .mo-dose-body{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:1.6rem;display:grid}:where(body.p-mosquito) .mo-dose-left{min-width:0}:where(body.p-mosquito) .mo-dose-field{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}:where(body.p-mosquito) .mo-dose-field-label{color:var(--mo-muted);font-size:14px}:where(body.p-mosquito) .mo-dose-field-value{color:var(--mo-ink);font-size:15px}:where(body.p-mosquito) .mo-dose-field-value b{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}:where(body.p-mosquito) .mo-dose-field-value span{color:var(--mo-faint)}:where(body.p-mosquito) .mo-dose-range{appearance:none;cursor:grab;background:#2c1f121f;border-radius:999px;outline:none;width:100%;height:6px}:where(body.p-mosquito) .mo-dose-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--mo-gold);cursor:grab;border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 5px #2c1f1240}:where(body.p-mosquito) .mo-dose-range::-moz-range-thumb{background:var(--mo-gold);cursor:grab;border:3px solid #fff;border-radius:50%;width:18px;height:18px}:where(body.p-mosquito) .mo-dose-scale{color:var(--mo-faint);justify-content:space-between;margin-top:.5rem;font-size:11.5px;display:flex}:where(body.p-mosquito) .mo-dose-scale-mark{color:var(--mo-gold-deep)}:where(body.p-mosquito) .mo-dose-brief{background:#c89f3d1a;border-radius:10px;margin-top:1.1rem;padding:.8rem .95rem;font-size:13.5px;line-height:1.7}:where(body.p-mosquito) .mo-dose-brief-label{color:var(--mo-faint);margin-bottom:.25rem;font-size:11.5px;display:block}:where(body.p-mosquito) .mo-dose-brief-text{color:var(--mo-body)}:where(body.p-mosquito) .mo-dose-right{border:1px dashed var(--mo-line);border-radius:var(--mo-radius);background:#ffffff80;flex-direction:column;align-items:center;gap:.55rem;padding:1.2rem 1rem;display:flex}:where(body.p-mosquito) .mo-dose-result{text-align:center;min-width:0}:where(body.p-mosquito) .mo-dose-result-num{color:var(--mo-ink);align-items:baseline;gap:.3rem;display:flex}:where(body.p-mosquito) .mo-dose-result-num b{font-variant-numeric:tabular-nums;color:var(--mo-gold-deep);font-size:2.6rem;font-weight:700;line-height:1}:where(body.p-mosquito) .mo-dose-result-num span{color:var(--mo-faint);font-size:14px}:where(body.p-mosquito) .mo-dose-result-label{color:var(--mo-muted);font-size:12.5px}:where(body.p-mosquito) .mo-dose-delta{border-top:1px solid var(--mo-hair);text-align:center;color:var(--mo-muted);margin-top:.4rem;padding-top:.6rem;font-size:12.5px;line-height:1.6}:where(body.p-mosquito) .mo-dose-chart{margin-top:1.4rem}:where(body.p-mosquito) #mo-dose-svg{width:100%;height:auto;display:block}:where(body.p-mosquito) #mo-dose-dot,:where(body.p-mosquito) #mo-dose-dot-ring{transition:cx .18s,cy .18s}:where(body.p-mosquito) #mo-dose-guide{transition:x1 .18s,x2 .18s,y1 .18s}:where(body.p-mosquito) .mo-dose-disclaimer{border-top:1px solid var(--mo-hair);color:var(--mo-muted);margin:1.1rem 0 0;padding-top:1rem;font-size:13px;line-height:1.8}:where(body.p-mosquito) .mo-dose-disclaimer strong{color:var(--mo-body)}:where(body.p-mosquito) .mo-target{border:1px solid var(--mo-line);background:var(--mo-surface);border-radius:18px;padding:1.5rem}:where(body.p-mosquito) .mo-target-tabs{flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem;display:flex}:where(body.p-mosquito) .mo-target-tab{border:1px solid var(--mo-line);color:var(--mo-muted);cursor:pointer;background:#fff9;border-radius:999px;padding:.62rem 1.15rem;font-size:14px;transition:background .25s,color .25s,border-color .25s}:where(body.p-mosquito) .mo-target-tab:hover{border-color:var(--mo-gold)}:where(body.p-mosquito) .mo-target-tab.is-on{background:var(--mo-gold);border-color:var(--mo-gold);color:#fff;font-weight:600}:where(body.p-mosquito) .mo-target-stage{border-radius:var(--mo-radius);background:#ffffff8c;padding:.6rem}:where(body.p-mosquito) #mo-target-svg{width:100%;height:auto;display:block}:where(body.p-mosquito) .mo-site{opacity:.3;transition:opacity .35s}:where(body.p-mosquito) .mo-site.is-on{opacity:1}:where(body.p-mosquito) .mo-target-info{margin-top:1.1rem}:where(body.p-mosquito) .mo-target-info-item{border-radius:var(--mo-radius);background:#c89f3d1a;padding:1.1rem 1.2rem;display:none}:where(body.p-mosquito) .mo-target-info-item.is-on{display:block}:where(body.p-mosquito) .mo-target-info-item h3{color:var(--mo-ink);margin:0 0 .5rem;font-size:1.02rem;font-weight:600}:where(body.p-mosquito) .mo-target-info-item p{color:var(--mo-body);margin:0;font-size:14.5px;line-height:1.85}:where(body.p-mosquito) .mo-target-info-item strong{color:var(--mo-ink)}:where(body.p-mosquito) .mo-device-facts{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1.1rem;margin-bottom:1.6rem;display:grid}:where(body.p-mosquito) .mo-fact-card{border:1px solid var(--mo-line-soft);border-radius:var(--mo-radius);background:#ffffff80;padding:1.25rem 1.2rem}:where(body.p-mosquito) .mo-fact-num{letter-spacing:.06em;color:var(--mo-gold-deep);background:#c89f3d29;border-radius:999px;margin-bottom:.6rem;padding:3px 10px;font-size:12px;display:inline-block}:where(body.p-mosquito) .mo-fact-card h4{color:var(--mo-ink);margin:0 0 .45rem;font-size:15px;font-weight:600}:where(body.p-mosquito) .mo-fact-card p{color:var(--mo-body);margin:0;font-size:14px;line-height:1.8}:where(body.p-mosquito) .mo-device{border:1px solid var(--mo-line);background:var(--mo-surface);border-radius:18px;padding:1.6rem 1.5rem 1.3rem}:where(body.p-mosquito) .mo-device-head{margin-bottom:1.2rem}:where(body.p-mosquito) .mo-device-title{color:var(--mo-ink);margin:0;font-size:1.08rem;font-weight:600}:where(body.p-mosquito) .mo-device-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.6rem;display:grid}:where(body.p-mosquito) .mo-device-left{min-width:0}:where(body.p-mosquito) .mo-device-field{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.45rem;display:flex}:where(body.p-mosquito) .mo-device-field:not(:first-child){margin-top:1.2rem}:where(body.p-mosquito) .mo-device-field-label{color:var(--mo-muted);font-size:14px}:where(body.p-mosquito) .mo-device-field-value{color:var(--mo-ink);font-size:14px}:where(body.p-mosquito) .mo-device-field-value b{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:700}:where(body.p-mosquito) .mo-device-field-value span{color:var(--mo-faint)}:where(body.p-mosquito) .mo-device-range{appearance:none;cursor:grab;background:#2c1f121f;border-radius:999px;outline:none;width:100%;height:6px}:where(body.p-mosquito) .mo-device-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--mo-gold);border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 5px #2c1f1240}:where(body.p-mosquito) .mo-device-range::-moz-range-thumb{background:var(--mo-gold);border:3px solid #fff;border-radius:50%;width:18px;height:18px}:where(body.p-mosquito) .mo-device-right{flex-direction:column;gap:.8rem;display:flex}:where(body.p-mosquito) .mo-device-meter{min-width:0}:where(body.p-mosquito) .mo-device-meter-track{background:#2c1f1217;border-radius:999px;height:14px;position:relative;overflow:visible}:where(body.p-mosquito) .mo-device-meter-fill{background:linear-gradient(90deg, #8fa83c 0%, var(--mo-gold) 55%, var(--mo-red) 100%);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}:where(body.p-mosquito) .mo-device-meter-mark{color:var(--mo-faint);font-size:11px;position:absolute;top:20px;transform:translate(-50%)}:where(body.p-mosquito) .mo-device-meter-legend{color:var(--mo-ink);margin-top:2rem;font-size:14px;font-weight:600}:where(body.p-mosquito) .mo-device-tip{color:var(--mo-body);margin:0;font-size:13.5px;line-height:1.8}:where(body.p-mosquito) .mo-bee-pair{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.25rem;display:grid}:where(body.p-mosquito) .mo-bee-card{border:1px solid var(--mo-line);border-radius:var(--mo-radius);background:var(--mo-surface);flex-direction:column;gap:.8rem;padding:1.4rem 1.35rem;display:flex}:where(body.p-mosquito) .mo-bee-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}:where(body.p-mosquito) .mo-bee-tag{color:var(--mo-ink);font-size:1.05rem;font-weight:600}:where(body.p-mosquito) .mo-bee-ph{color:var(--mo-gold-deep);background:#c89f3d29;border-radius:999px;padding:3px 10px;font-size:12.5px}:where(body.p-mosquito) .mo-bee-bee .mo-bee-ph{color:#265f39;background:#2e7d4a21}:where(body.p-mosquito) .mo-bee-wasp .mo-bee-ph{color:#8e2f24;background:#c73e2a1c}:where(body.p-mosquito) .mo-bee-list{color:var(--mo-body);flex-direction:column;gap:.45rem;margin:0;padding-left:1.1rem;font-size:14.5px;line-height:1.75;display:flex}:where(body.p-mosquito) .mo-bee-list strong{color:var(--mo-ink)}:where(body.p-mosquito) .mo-bee-do{border-top:1px dashed var(--mo-line);color:var(--mo-body);flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-top:auto;padding-top:.8rem;font-size:14px;display:flex}:where(body.p-mosquito) .mo-bee-do-label{color:var(--mo-faint);font-size:12px}:where(body.p-mosquito) .mo-bee-do strong{color:var(--mo-gold-deep)}:where(body.p-mosquito) .mo-quiz-mini{border:1px solid var(--mo-line);border-radius:var(--mo-radius);background:var(--mo-surface);padding:1.4rem 1.35rem}:where(body.p-mosquito) .mo-quiz-mini-title{color:var(--mo-ink);margin:0 0 1rem;font-size:1rem;font-weight:600;line-height:1.7}:where(body.p-mosquito) .mo-quiz-mini-opts{flex-wrap:wrap;gap:.7rem;display:flex}:where(body.p-mosquito) .mo-quiz-mini-opt{border:1px solid var(--mo-line);color:var(--mo-ink);cursor:pointer;background:#ffffffa6;border-radius:999px;padding:.7rem 1.3rem;font-size:14.5px;transition:background .25s,border-color .25s,color .25s}:where(body.p-mosquito) .mo-quiz-mini-opt:hover{border-color:var(--mo-gold)}:where(body.p-mosquito) .mo-quiz-mini-opt.is-right{color:#245c36;background:#2e7d4a24;border-color:#2e7d4a;font-weight:600}:where(body.p-mosquito) .mo-quiz-mini-opt.is-wrong{border-color:var(--mo-red);color:#8e2f24;background:#b03a2e1a}:where(body.p-mosquito) .mo-quiz-mini-feedback{color:var(--mo-muted);background:#fff9;border-radius:10px;margin-top:1rem;padding:.85rem 1rem;font-size:14px;line-height:1.8}:where(body.p-mosquito) .mo-quiz-mini-feedback.is-on{color:#8e2f24;background:#b03a2e14}:where(body.p-mosquito) .mo-quiz-mini-feedback.is-on.is-ok{color:#245c36;background:#2e7d4a1a}:where(body.p-mosquito) .mo-steps{border:1px solid var(--mo-line);border-radius:var(--mo-radius);background:var(--mo-surface);padding:1.5rem 1.4rem}:where(body.p-mosquito) .mo-steps-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;display:flex}:where(body.p-mosquito) .mo-steps-title{color:var(--mo-ink);margin:0;font-size:1.05rem;font-weight:600}:where(body.p-mosquito) .mo-steps-count{color:var(--mo-gold-deep);font-variant-numeric:tabular-nums;font-size:13px}:where(body.p-mosquito) .mo-steps-list{flex-direction:column;gap:.7rem;display:flex}:where(body.p-mosquito) .mo-step{text-align:left;border:1px solid var(--mo-line-soft);cursor:pointer;background:#ffffff8c;border-radius:12px;align-items:flex-start;gap:.9rem;width:100%;padding:.95rem 1.05rem;transition:background .25s,border-color .25s;display:flex}:where(body.p-mosquito) .mo-step:hover{border-color:var(--mo-gold)}:where(body.p-mosquito) .mo-step.is-on{background:#2e7d4a17;border-color:#2e7d4a66}:where(body.p-mosquito) .mo-step-num{width:24px;height:24px;color:var(--mo-gold-deep);background:#c89f3d2e;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;display:flex}:where(body.p-mosquito) .mo-step.is-on .mo-step-num{color:#fff;background:#2e7d4a}:where(body.p-mosquito) .mo-step-body{flex-direction:column;gap:.3rem;min-width:0;display:flex}:where(body.p-mosquito) .mo-step-body b{color:var(--mo-ink);font-size:14.5px;font-weight:600}:where(body.p-mosquito) .mo-step-body span{color:var(--mo-body);font-size:13.5px;line-height:1.75}:where(body.p-mosquito) .mo-step-check{border:1.5px solid var(--mo-line);background:#fff;border-radius:5px;flex:none;width:18px;height:18px;margin-left:auto;transition:background .25s,border-color .25s;position:relative}:where(body.p-mosquito) .mo-step.is-on .mo-step-check{background:#2e7d4a;border-color:#2e7d4a}:where(body.p-mosquito) .mo-step.is-on .mo-step-check:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}:where(body.p-mosquito) .mo-steps-verdict{border-top:1px solid var(--mo-hair);color:var(--mo-muted);margin-top:1rem;padding-top:.9rem;font-size:13.5px;line-height:1.8}:where(body.p-mosquito) .mo-rule-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}:where(body.p-mosquito) .mo-rule-card{border:1px solid var(--mo-line);border-radius:var(--mo-radius);background:var(--mo-surface);flex-direction:column;gap:.7rem;padding:1.4rem 1.35rem;display:flex}:where(body.p-mosquito) .mo-rule-num{background:var(--mo-gold);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:flex}:where(body.p-mosquito) .mo-rule-card h3{color:var(--mo-ink);margin:0;font-size:1.08rem;font-weight:600}:where(body.p-mosquito) .mo-rule-card p{color:var(--mo-body);margin:0;font-size:14.5px;line-height:1.85}:where(body.p-mosquito) .mo-rule-card strong{color:var(--mo-ink)}:where(body.p-mosquito) .mo-rule-do{color:var(--mo-body);background:#c89f3d1a;border-radius:10px;margin-top:auto;padding:.8rem .9rem;font-size:13.5px;line-height:1.75}:where(body.p-mosquito) .mo-rule-do-label{color:var(--mo-gold-deep);font-weight:600}:where(body.p-mosquito) .mo-age{border:1px solid var(--mo-line);border-radius:var(--mo-radius);background:var(--mo-surface);margin-bottom:1.5rem;padding:1.5rem 1.4rem}:where(body.p-mosquito) .mo-age-title{color:var(--mo-ink);margin:0 0 1rem;font-size:1.05rem;font-weight:600}:where(body.p-mosquito) .mo-age-tabs{flex-wrap:wrap;gap:.55rem;margin-bottom:1.2rem;display:flex}:where(body.p-mosquito) .mo-age-tab{border:1px solid var(--mo-line);color:var(--mo-muted);cursor:pointer;background:#fff9;border-radius:999px;padding:.58rem 1.05rem;font-size:13.5px;transition:background .25s,color .25s,border-color .25s}:where(body.p-mosquito) .mo-age-tab:hover{border-color:var(--mo-gold)}:where(body.p-mosquito) .mo-age-tab.is-on{background:var(--mo-gold);border-color:var(--mo-gold);color:#fff;font-weight:600}:where(body.p-mosquito) .mo-age-out{border-radius:var(--mo-radius);background:#c89f3d1a;padding:1.05rem 1.15rem}:where(body.p-mosquito) .mo-age-verdict{color:var(--mo-ink);margin-bottom:.6rem;font-size:1rem;font-weight:600}:where(body.p-mosquito) .mo-age-list{color:var(--mo-body);flex-direction:column;gap:.42rem;margin:0;padding-left:1.1rem;font-size:14px;line-height:1.78;display:flex}:where(body.p-mosquito) .mo-age-list strong{color:var(--mo-ink)}:where(body.p-mosquito) .mo-progress{border:1px solid var(--mo-line);border-radius:var(--mo-radius);background:var(--mo-surface);margin-bottom:1.5rem;padding:1.5rem 1.4rem}:where(body.p-mosquito) .mo-progress-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem;display:flex}:where(body.p-mosquito) .mo-progress-title{color:var(--mo-ink);margin:0;font-size:1.05rem;font-weight:600}:where(body.p-mosquito) .mo-progress-count{color:var(--mo-gold-deep);font-variant-numeric:tabular-nums;font-size:13px}:where(body.p-mosquito) .mo-progress-bar{background:#2c1f1217;border-radius:999px;height:8px;margin-bottom:1.1rem;overflow:hidden}:where(body.p-mosquito) .mo-progress-fill{background:linear-gradient(90deg, var(--mo-gold) 0%, #2e7d4a 100%);border-radius:999px;width:0;height:100%;transition:width .45s cubic-bezier(.4,0,.2,1)}:where(body.p-mosquito) .mo-progress-items{flex-direction:column;gap:.7rem;display:flex}:where(body.p-mosquito) .mo-progress-item{text-align:left;border:1px solid var(--mo-line-soft);cursor:pointer;background:#ffffff8c;border-radius:12px;align-items:flex-start;gap:.85rem;width:100%;padding:.9rem 1rem;transition:background .25s,border-color .25s;display:flex}:where(body.p-mosquito) .mo-progress-item:hover{border-color:var(--mo-gold)}:where(body.p-mosquito) .mo-progress-item.is-on{background:#2e7d4a17;border-color:#2e7d4a61}:where(body.p-mosquito) .mo-progress-check{border:1.5px solid var(--mo-line);background:#fff;border-radius:5px;flex:none;width:18px;height:18px;margin-top:2px;transition:background .25s,border-color .25s;position:relative}:where(body.p-mosquito) .mo-progress-item.is-on .mo-progress-check{background:#2e7d4a;border-color:#2e7d4a}:where(body.p-mosquito) .mo-progress-item.is-on .mo-progress-check:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}:where(body.p-mosquito) .mo-progress-body{flex-direction:column;gap:.28rem;min-width:0;display:flex}:where(body.p-mosquito) .mo-progress-body b{color:var(--mo-ink);font-size:14.5px;font-weight:600}:where(body.p-mosquito) .mo-progress-body span{color:var(--mo-body);font-size:13.5px;line-height:1.75}:where(body.p-mosquito) .mo-progress-verdict{border-top:1px solid var(--mo-hair);color:var(--mo-muted);margin-top:1rem;padding-top:.9rem;font-size:13.5px;line-height:1.8}:where(body.p-mosquito) .mo-antipattern{border:1px solid #c73e2a47;border-left:4px solid var(--mo-red);border-radius:var(--mo-radius);background:#c73e2a0d;align-items:flex-start;gap:14px;padding:1.3rem 1.4rem;display:flex}:where(body.p-mosquito) .mo-antipattern-icon{flex:none;font-size:20px;line-height:1.2}:where(body.p-mosquito) .mo-antipattern-content{color:var(--mo-body);font-size:14.5px;line-height:1.8}:where(body.p-mosquito) .mo-antipattern-content strong{color:#8e2f24}:where(body.p-mosquito) .mo-antipattern-list{flex-direction:column;gap:.42rem;margin:.7rem 0 0;padding-left:1.1rem;font-size:14px;display:flex}:where(body.p-mosquito) .quiz-container{flex-direction:column;gap:1.5rem;display:flex}:where(body.p-mosquito) .quiz-question{border:1px solid var(--mo-line);border-radius:var(--mo-radius);background:var(--mo-surface);padding:1.4rem 1.35rem}:where(body.p-mosquito) .quiz-question-text{color:var(--mo-ink);margin:0 0 1rem;font-size:15.5px;line-height:1.75}:where(body.p-mosquito) .quiz-options{flex-direction:column;gap:.6rem;display:flex}:where(body.p-mosquito) .quiz-opt{text-align:left;border:1px solid var(--mo-line-soft);width:100%;color:var(--mo-ink);cursor:pointer;background:#ffffff9e;border-radius:11px;padding:.8rem 1.05rem;font-size:14.5px;line-height:1.6;transition:background .22s,border-color .22s,color .22s}:where(body.p-mosquito) .quiz-opt:hover:not(:disabled){border-color:var(--mo-gold)}:where(body.p-mosquito) .quiz-opt:disabled{cursor:default}:where(body.p-mosquito) .quiz-opt.is-correct{color:#245c36;background:#2e7d4a21;border-color:#2e7d4a;font-weight:600}:where(body.p-mosquito) .quiz-opt.is-wrong{border-color:var(--mo-red);color:#8e2f24;background:#b03a2e17}:where(body.p-mosquito) .quiz-feedback{margin-top:.85rem}:where(body.p-mosquito) .quiz-feedback:empty{display:none}:where(body.p-mosquito) .quiz-feedback-correct,:where(body.p-mosquito) .quiz-feedback-wrong{border-radius:10px;padding:.85rem 1rem;font-size:14px;line-height:1.8}:where(body.p-mosquito) .quiz-feedback-correct{color:#245c36;background:#2e7d4a1a}:where(body.p-mosquito) .quiz-feedback-wrong{color:#8e2f24;background:#b03a2e14}@media (max-width:860px){:where(body.p-mosquito) .mo-stage-body{grid-template-columns:1fr}:where(body.p-mosquito) .mo-stage-meter{flex-direction:row;justify-content:center;align-items:center;gap:1rem}:where(body.p-mosquito) .mo-stage-meter-track{width:150px;height:18px}:where(body.p-mosquito) .mo-dose-body,:where(body.p-mosquito) .mo-device-body{grid-template-columns:1fr}}@media (max-width:560px){:where(body.p-mosquito) .mo-stage,:where(body.p-mosquito) .mo-dose,:where(body.p-mosquito) .mo-target,:where(body.p-mosquito) .mo-device,:where(body.p-mosquito) .mo-age,:where(body.p-mosquito) .mo-progress,:where(body.p-mosquito) .mo-steps,:where(body.p-mosquito) .mo-quiz-mini{padding:1.15rem 1.05rem}:where(body.p-mosquito) .interact-cue{padding:3px 9px;font-size:11px;right:.9rem}:where(body.p-mosquito) .mo-target-tab,:where(body.p-mosquito) .mo-age-tab{padding:.55rem .9rem;font-size:13px}:where(body.p-mosquito) .mo-dose-result-num b{font-size:2.2rem}:where(body.p-mosquito) .mo-step-body b,:where(body.p-mosquito) .mo-progress-body b{font-size:14px}}@media (prefers-reduced-motion:reduce){:where(body.p-mosquito) .mo-mol,:where(body.p-mosquito) .mo-rec,:where(body.p-mosquito) .mo-site,:where(body.p-mosquito) .mo-stage-meter-fill,:where(body.p-mosquito) .mo-device-meter-fill,:where(body.p-mosquito) .mo-progress-fill,:where(body.p-mosquito) .interact-cue,:where(body.p-mosquito) #mo-dose-dot,:where(body.p-mosquito) #mo-dose-dot-ring,:where(body.p-mosquito) #mo-dose-guide{transition:none!important}:where(body.p-mosquito) .hero-mini-tag-empty,:where(body.p-mosquito) .hero-mini-tag-plug,:where(body.p-mosquito) .hero-mini-tag-sense{animation:none!important}}:where(body.p-mosquito) .mo-target-tab,:where(body.p-mosquito) .mo-age-tab,:where(body.p-mosquito) .mo-step,:where(body.p-mosquito) .mo-progress-item,:where(body.p-mosquito) .mo-quiz-mini-opt{transition:background .25s, color .25s, border-color .25s, transform .2s var(--ease,ease), box-shadow .25s var(--ease,ease)}:where(body.p-mosquito) .mo-dose-field-label,:where(body.p-mosquito) .mo-device-field-label{transition:color .18s var(--ease,ease)}@media (hover:hover){:where(body.p-mosquito) .mo-target-tab:hover:not(.is-on),:where(body.p-mosquito) .mo-age-tab:hover:not(.is-on),:where(body.p-mosquito) .mo-step:hover:not(.is-on),:where(body.p-mosquito) .mo-progress-item:hover:not(.is-on),:where(body.p-mosquito) .mo-quiz-mini-opt:hover:not(.is-right):not(.is-wrong){border-color:var(--mo-gold);background:var(--mo-gold)}@supports (color:color-mix(in lab, red, red)){:where(body.p-mosquito) .mo-target-tab:hover:not(.is-on),:where(body.p-mosquito) .mo-age-tab:hover:not(.is-on),:where(body.p-mosquito) .mo-step:hover:not(.is-on),:where(body.p-mosquito) .mo-progress-item:hover:not(.is-on),:where(body.p-mosquito) .mo-quiz-mini-opt:hover:not(.is-right):not(.is-wrong){background:color-mix(in srgb, var(--mo-gold) 10%, transparent)}}:where(body.p-mosquito) .mo-target-tab:hover:not(.is-on),:where(body.p-mosquito) .mo-age-tab:hover:not(.is-on),:where(body.p-mosquito) .mo-step:hover:not(.is-on),:where(body.p-mosquito) .mo-progress-item:hover:not(.is-on),:where(body.p-mosquito) .mo-quiz-mini-opt:hover:not(.is-right):not(.is-wrong){box-shadow:0 4px 14px -6px var(--mo-gold)}@supports (color:color-mix(in lab, red, red)){:where(body.p-mosquito) .mo-target-tab:hover:not(.is-on),:where(body.p-mosquito) .mo-age-tab:hover:not(.is-on),:where(body.p-mosquito) .mo-step:hover:not(.is-on),:where(body.p-mosquito) .mo-progress-item:hover:not(.is-on),:where(body.p-mosquito) .mo-quiz-mini-opt:hover:not(.is-right):not(.is-wrong){box-shadow:0 4px 14px -6px color-mix(in srgb, var(--mo-gold) 55%, transparent)}}:where(body.p-mosquito) .mo-dose-field-label:hover,:where(body.p-mosquito) .mo-device-field-label:hover{color:var(--mo-gold)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){:where(body.p-mosquito) .mo-target-tab:hover:not(.is-on),:where(body.p-mosquito) .mo-age-tab:hover:not(.is-on),:where(body.p-mosquito) .mo-step:hover:not(.is-on),:where(body.p-mosquito) .mo-progress-item:hover:not(.is-on),:where(body.p-mosquito) .mo-quiz-mini-opt:hover:not(.is-right):not(.is-wrong){transform:translateY(-1px)}}:where(body.p-mosquito) .mo-path-card,:where(body.p-mosquito) .mo-fact-card,:where(body.p-mosquito) .mo-bee-card,:where(body.p-mosquito) .mo-rule-card{transition:transform .28s var(--ease,ease), box-shadow .28s var(--ease,ease)}:where(body.p-mosquito) .mo-antipattern{transition:transform .25s var(--ease,ease), box-shadow .25s var(--ease,ease)}@media (hover:hover){:where(body.p-mosquito) .mo-path-card:hover,:where(body.p-mosquito) .mo-fact-card:hover,:where(body.p-mosquito) .mo-bee-card:hover,:where(body.p-mosquito) .mo-rule-card:hover{box-shadow:0 14px 32px #2c1f181a}:where(body.p-mosquito) .mo-antipattern:hover{box-shadow:0 8px 22px #c73e2a24}}@media (hover:hover) and (prefers-reduced-motion:no-preference){:where(body.p-mosquito) .mo-path-card:hover,:where(body.p-mosquito) .mo-fact-card:hover,:where(body.p-mosquito) .mo-bee-card:hover,:where(body.p-mosquito) .mo-rule-card:hover{transform:translateY(-4px)}:where(body.p-mosquito) .mo-antipattern.mo-antipattern:hover{transform:translateY(-2px)}}:where(body.p-mosquito) .mo-rule-do{transition:transform .18s,box-shadow .18s}:where(body.p-mosquito) .mo-rule-do:hover{transform:translateY(-3px);box-shadow:0 6px 18px #2c1f181f}:where(body.p-chlorine) .concept-definitions-card-acid.is-hot .ion-badge-acid .ion-badge-glow{opacity:1;stroke-width:3.5px;animation:1.2s ease-in-out infinite ion-badge-pulse-h}:where(body.p-chlorine) .concept-definitions-card-base.is-hot .ion-badge-base .ion-badge-glow{opacity:1;stroke-width:3.5px;animation:1.2s ease-in-out infinite ion-badge-pulse-oh}:where(body.p-chlorine) .concept-definitions-card-acid.is-hot .ion-badge-acid,:where(body.p-chlorine) .concept-definitions-card-base.is-hot .ion-badge-base{transform:scale(1.12)}:where(body.p-chlorine) .ion-tag-acid2{color:#a82818;background:#c73e2a1f;border-radius:4px;padding:2px 6px;font-size:.85em}:where(body.p-chlorine) .hero-mini-tag-acid2{color:#a82818;background:#c73e2a26}:where(body.p-chlorine) .hero-mini-tag-toxic{color:#b91c1c;background:#ef44441f;border-color:#ef444466}:where(body.p-chlorine) .reaction-diagram{background:linear-gradient(135deg,#1a2f2f 0%,#0d1f1f 100%);border:1px solid #1e6b6e4d;border-radius:12px;margin:1.5rem 0;padding:2rem}:where(body.p-chlorine) .reaction-eq{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}:where(body.p-chlorine) .eq-substance{color:#faf1dc;border-radius:8px;padding:.5rem 1rem;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}:where(body.p-chlorine) .eq-acid{background:#1e6b6e4d;border:1px solid #1e6b6e99}:where(body.p-chlorine) .eq-acid2{background:#c73e2a4d;border:1px solid #c73e2a99}:where(body.p-chlorine) .eq-toxic{background:#ef444466;border:2px solid #ef4444;animation:2s ease-in-out infinite eq-toxic-pulse}:where(body.p-chlorine) .eq-salt{background:#c88b2a33;border:1px solid #c88b2a80}:where(body.p-chlorine) .eq-water{background:#2e5c7a4d;border:1px solid #2e5c7a99}:where(body.p-chlorine) .eq-plus{color:#6f5a47;font-size:1.25rem;font-weight:600}:where(body.p-chlorine) .eq-arrow{color:#faf1dc;font-size:1.5rem;font-weight:700}@keyframes eq-toxic-pulse{0%,to{box-shadow:0 0 10px #ef444480}50%{box-shadow:0 0 25px #ef4444e6,0 0 50px #ef444466}}:where(body.p-chlorine) .reaction-explain{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}:where(body.p-chlorine) .explain-item{color:#d4c4b0;align-items:center;gap:.5rem;font-size:.9rem;display:flex}:where(body.p-chlorine) .explain-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}:where(body.p-chlorine) .eq-dot-acid{background:#1e6b6e}:where(body.p-chlorine) .eq-dot-acid2{background:#c73e2a}:where(body.p-chlorine) .eq-dot-toxic{background:#ef4444;animation:1.5s ease-in-out infinite eq-dot-blink}:where(body.p-chlorine) .eq-dot-salt{background:#c88b2a}:where(body.p-chlorine) .eq-dot-water{background:#2e5c7a}@keyframes eq-dot-blink{0%,to{opacity:1}50%{opacity:.4}}:where(body.p-chlorine) .warning-callout{background:#ef444414;border:1px solid #ef44444d;border-left:4px solid #ef4444;border-radius:8px;gap:1rem;margin-top:1.5rem;padding:1rem 1.25rem;display:flex}:where(body.p-chlorine) .warning-icon{flex-shrink:0;font-size:1.5rem}:where(body.p-chlorine) .warning-content{color:#8b3a3a;font-size:.95rem;line-height:1.6}:where(body.p-chlorine) .electron-diagram{border:1px solid var(--border);background:linear-gradient(135deg,#f8f4f0 0%,#efe8dd 100%);border-radius:12px;margin:1.5rem 0;padding:2rem}:where(body.p-chlorine) .electron-step{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}:where(body.p-chlorine) .electron-left,:where(body.p-chlorine) .electron-right{flex-direction:column;align-items:center;gap:.5rem;display:flex}:where(body.p-chlorine) .electron-species{text-align:center}:where(body.p-chlorine) .species-label{font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;display:block}:where(body.p-chlorine) .species-desc{color:var(--muted);font-size:.8rem}:where(body.p-chlorine) .electron-svg{width:120px;height:80px}:where(body.p-chlorine) .electron-arrow{flex-direction:column;align-items:center;gap:.25rem;display:flex}:where(body.p-chlorine) .electron-arrow svg{width:80px;height:30px}:where(body.p-chlorine) .arrow-label{color:var(--muted);font-size:.85rem;font-weight:600}:where(body.p-chlorine) .electron-result{flex-direction:column;align-items:center;gap:.75rem;display:flex}:where(body.p-chlorine) .result-arrow{color:var(--muted);font-size:2rem}:where(body.p-chlorine) .result-species{flex-direction:column;align-items:center;gap:.5rem;display:flex}:where(body.p-chlorine) .result-svg{width:100px;height:80px}:where(body.p-chlorine) .result-label{text-align:center}:where(body.p-chlorine) .result-label strong{color:#ef4444;font-family:JetBrains Mono,monospace;font-size:1.1rem}:where(body.p-chlorine) .result-status{color:var(--muted);font-size:.8rem;display:block}:where(body.p-chlorine) .danger-timeline{flex-direction:column;gap:1.25rem;margin:1.5rem 0;display:flex}:where(body.p-chlorine) .danger-stage{background:#fff8e8;border:1px solid #2c1f121a;border-radius:10px;align-items:flex-start;gap:1.25rem;padding:1.25rem;display:flex}:where(body.p-chlorine) .danger-stage-num{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex}:where(body.p-chlorine) .danger-stage-content h4{color:var(--fg);margin:0 0 .5rem;font-size:1rem}:where(body.p-chlorine) .danger-stage-content p{color:var(--muted);margin:0 0 .5rem;font-size:.9rem;line-height:1.6}:where(body.p-chlorine) .danger-note{color:#8b3a3a!important;font-size:.85rem!important;font-weight:600!important}:where(body.p-chlorine) .symptom-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.5rem;display:grid}@media (max-width:760px){:where(body.p-chlorine) .symptom-grid{grid-template-columns:1fr}}:where(body.p-chlorine) .symptom-card{border:1px solid var(--border);background:linear-gradient(135deg,#fafafa 0%,#f0f0f0 100%);border-radius:10px;padding:1.5rem}:where(body.p-chlorine) .symptom-card h4{color:var(--fg);margin:.75rem 0 .5rem;font-size:1rem}:where(body.p-chlorine) .symptom-icon{font-size:2rem}:where(body.p-chlorine) .symptom-list{margin:.5rem 0 0;padding:0;list-style:none}:where(body.p-chlorine) .symptom-list li{color:var(--muted);border-bottom:1px dashed #2c1f121a;padding:.4rem 0;font-size:.9rem}:where(body.p-chlorine) .symptom-list li:last-child{border-bottom:none}:where(body.p-chlorine) .symptom-severe{background:linear-gradient(135deg,#fff8e8 0%,#ffe4cc 100%);border-color:#ef44444d}:where(body.p-chlorine) .symptom-critical{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#ef444480}:where(body.p-chlorine) .symptom-critical h4{color:#dc2626}:where(body.p-chlorine) .case-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.5rem;display:grid}@media (max-width:760px){:where(body.p-chlorine) .case-grid{grid-template-columns:1fr}}:where(body.p-chlorine) .case-card{border:1px solid var(--border);background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}:where(body.p-chlorine) .case-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}:where(body.p-chlorine) .case-tag{color:#1e6b6e;background:#1e6b6e1a;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}:where(body.p-chlorine) .case-year{color:var(--muted);font-size:.8rem}:where(body.p-chlorine) .case-card h4{color:var(--fg);margin:0 0 .75rem;font-size:1rem}:where(body.p-chlorine) .case-card p{color:var(--muted);margin:0 0 .75rem;font-size:.9rem;line-height:1.6}:where(body.p-chlorine) .case-lesson{color:#1e6b6e;border-top:1px dashed #1e6b6e33;padding-top:.75rem;font-size:.85rem;font-weight:600}:where(body.p-chlorine) #safety-rules.layout-cards-grid>.section-header,:where(body.p-chlorine) #safety-rules.layout-cards-grid>.anti-pattern{grid-column:1/-1}:where(body.p-chlorine) .safety-grid{grid-column:1/-1;grid-template-columns:repeat(3,1fr);align-items:start;gap:1.25rem;margin-top:1.5rem;display:inline-grid}:where(body.p-chlorine) .safety-grid>.safety-card{align-self:start}:where(body.p-chlorine) .safety-card{background:#fff;border:1px solid #1e6b6e26;border-radius:12px;flex-direction:column;gap:.75rem;min-height:200px;padding:1.75rem;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #1e6b6e0f}:where(body.p-chlorine) .safety-card:hover{border-color:#1e6b6e4d;transform:translateY(-4px);box-shadow:0 8px 24px #1e6b6e1f}:where(body.p-chlorine) .safety-card:before{content:"";background:linear-gradient(90deg,#1e6b6e 0%,#2e8b8b 50%,#1e6b6e 100%);height:4px;position:absolute;top:0;left:0;right:0}:where(body.p-chlorine) .safety-num{color:#fff;background:linear-gradient(135deg,#1e6b6e 0%,#2e8b8b 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.35rem;font-weight:700;display:flex;box-shadow:0 2px 8px #1e6b6e40}:where(body.p-chlorine) .safety-card h3{color:var(--fg);margin:0 0 .75rem;font-size:1.1rem;font-weight:600}:where(body.p-chlorine) .safety-card p{color:var(--muted);margin:0 0 1rem;font-size:.9rem;line-height:1.7}:where(body.p-chlorine) .safety-do{color:#1e6b6e;background:#1e6b6e0f;border-left:3px solid #1e6b6e4d;border-radius:8px;padding:.75rem 1rem;font-size:.85rem;line-height:1.5}:where(body.p-chlorine) .safety-label{margin-right:.25rem;font-weight:700}:where(body.p-chlorine) .anti-pattern{background:#ef44440f;border:1px solid #ef444433;border-left:4px solid #ef4444;border-radius:10px;gap:1.25rem;margin-top:2rem;padding:1.5rem;display:flex}:where(body.p-chlorine) .anti-pattern-icon{flex-shrink:0;font-size:2rem}:where(body.p-chlorine) .anti-pattern-content{flex:1}:where(body.p-chlorine) .anti-pattern-content strong{color:#dc2626;margin-bottom:.75rem;font-size:1rem;display:block}:where(body.p-chlorine) .anti-pattern-list{margin:0;padding:0;list-style:none}:where(body.p-chlorine) .anti-pattern-list li{color:#8b3a3a;border-bottom:1px solid #ef44441a;padding:.5rem 0 .5rem 1.5rem;font-size:.9rem;position:relative}:where(body.p-chlorine) .anti-pattern-list li:before{content:"✕";color:#ef4444;font-weight:700;position:absolute;left:0}:where(body.p-chlorine) .anti-pattern-list li:last-child{border-bottom:none}:where(body.p-chlorine) .formula-inline{color:#2c1f12;background:#fff8e8;border-radius:4px;padding:.25rem .5rem;font-family:JetBrains Mono,monospace;font-size:.95em}:where(body.p-chlorine) section[id=quiz]{display:block!important}:where(body.p-chlorine) section[id=quiz]>*{grid-column:unset!important}:where(body.p-chlorine) .quiz-container{flex-direction:column;gap:1.1rem;margin-top:2rem;display:flex}:where(body.p-chlorine) .quiz-question{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:12px;padding:1.15rem 1.25rem}:where(body.p-chlorine) .quiz-question-text{color:var(--fg);margin-bottom:.8rem;font-size:.98rem;font-weight:600;line-height:1.65}:where(body.p-chlorine) .quiz-options{flex-direction:column;gap:.45rem;display:flex}:where(body.p-chlorine) .quiz-opt{text-align:left;border:1px solid var(--border);color:var(--fg);cursor:pointer;background:#fff8e880;border-radius:8px;padding:.62rem .9rem;font-family:inherit;font-size:.9rem;line-height:1.6;transition:all .2s}:where(body.p-chlorine) .quiz-opt:hover:not(:disabled){background:#1e6b6e14;border-color:#1e6b6e}:where(body.p-chlorine) .quiz-opt:disabled{cursor:default}:where(body.p-chlorine) .quiz-opt.correct{color:#166534!important;background:#22c55e26!important;border-color:#22c55e!important}:where(body.p-chlorine) .quiz-opt.wrong{color:#991b1b!important;background:#ef44441a!important;border-color:#ef4444!important}:where(body.p-chlorine) .quiz-opt.correct-show{color:#166534!important;background:#22c55e1f!important;border-color:#22c55e80!important}:where(body.p-chlorine) .quiz-feedback{margin-top:.75rem;font-size:.88rem;line-height:1.6}:where(body.p-chlorine) .quiz-feedback-correct{color:#166534;background:#22c55e1a;border-left:3px solid #22c55e;border-radius:6px;padding:.75rem 1rem}:where(body.p-chlorine) .quiz-feedback-wrong{color:#991b1b;background:#ef444414;border-left:3px solid #ef4444;border-radius:6px;padding:.75rem 1rem}:where(body.p-chlorine) .eq-substance,:where(body.p-chlorine) .explain-item{cursor:pointer;transition:transform .2s,box-shadow .2s,color .2s}:where(body.p-chlorine) .eq-substance:focus-visible{outline-offset:2px;outline:2px solid #faf1dc}:where(body.p-chlorine) .eq-substance.is-hl{filter:brightness(1.18);transform:translateY(-3px)scale(1.06);box-shadow:0 8px 22px #00000073}:where(body.p-chlorine) .explain-item.is-hl{color:#faf1dc;font-weight:700;transform:scale(1.05)}:where(body.p-chlorine) .explain-item.is-hl .explain-dot{box-shadow:0 0 0 4px #ffffff40}:where(body.p-chlorine) .cl-hud-naclo{color:#1e6b6e}:where(body.p-chlorine) .cl-hud-hcl{color:#c73e2a}:where(body.p-chlorine) .cl-hud-cl2{color:#9acd32}:where(body.p-chlorine) .toxic-part{color:#ef4444;font-weight:700}:where(body.p-chlorine) .cl-danger-meter{background:linear-gradient(135deg,#1a2f2f 0%,#0d1f1f 100%);border:1px solid #ef444459;border-radius:12px;padding:1.1rem 1.25rem}:where(body.p-chlorine) .cl-danger-meter-head{justify-content:space-between;align-items:baseline;margin-bottom:.6rem;display:flex}:where(body.p-chlorine) .cl-danger-meter-label{color:#faf1dc;font-size:.95rem;font-weight:600}:where(body.p-chlorine) .cl-danger-meter-value{color:#9acd32;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;transition:color .3s}:where(body.p-chlorine) .cl-danger-meter-track{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;height:14px;overflow:hidden}:where(body.p-chlorine) .cl-danger-meter-fill{background:linear-gradient(90deg,#22c55e 0%,#eab308 55%,#ef4444 100%);border-radius:999px;width:0%;height:100%;transition:width .3s}:where(body.p-chlorine) .cl-danger-meter-note{color:#9acd32;margin-top:.5rem;font-size:.85rem;font-weight:600;transition:color .3s}:where(body.p-chlorine) .micro-process-pill.is-active-naclo{color:#1e6b6e;background:#1e6b6e29;border-color:#1e6b6e;font-weight:700}:where(body.p-chlorine) .micro-process-pill.is-active-hcl{color:#a82818;background:#c73e2a24;border-color:#c73e2a;font-weight:700}@media (max-width:560px){:where(body.p-chlorine) .micro-process-hud{gap:.7rem;padding:.5rem .65rem;top:.6rem;right:.6rem}:where(body.p-chlorine) .micro-process-hud-cell{min-width:44px}:where(body.p-chlorine) .micro-process-hud-value{font-size:1.05rem}:where(body.p-chlorine) .micro-process-hud-label{font-size:9px}:where(body.p-chlorine) .micro-process-done-banner{max-width:88%;padding:.7rem 1rem;font-size:.8rem}}:where(body.p-chlorine) .electron-viz{flex-direction:column;align-items:center;gap:1rem;display:flex}:where(body.p-chlorine) .et-svg{width:100%;max-width:620px;height:auto;display:block;overflow:visible}:where(body.p-chlorine) .et-track{stroke:#2c1f1247;stroke-width:2.5px;stroke-dasharray:6 7;animation:1.2s linear infinite et-track-flow}@keyframes et-track-flow{to{stroke-dashoffset:-26px}}:where(body.p-chlorine) .et-ring{fill:#ffffff8c;stroke-width:3px}:where(body.p-chlorine) .et-ring-teal{stroke:#1e6b6e}:where(body.p-chlorine) .et-ring-red{stroke:#c73e2a}:where(body.p-chlorine) .et-name{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700}:where(body.p-chlorine) .et-name-teal{fill:#1e6b6e}:where(body.p-chlorine) .et-name-red{fill:#c73e2a}:where(body.p-chlorine) .et-ox{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700}:where(body.p-chlorine) .et-ox-teal{fill:#1e6b6e}:where(body.p-chlorine) .et-ox-red{fill:#c73e2a}:where(body.p-chlorine) .et-electron{fill:#fde047;filter:drop-shadow(0 0 6px #fde047f2);offset-path:path("M 470 118 Q 320 26 170 118");offset-rotate:0deg;animation:4s ease-in-out infinite et-travel}@keyframes et-travel{0%{offset-distance:0%;opacity:0}8%{offset-distance:0%;opacity:1}42%{offset-distance:100%;opacity:1}50%{offset-distance:100%;opacity:0}to{offset-distance:100%;opacity:0}}:where(body.p-chlorine) .et-ox-a{animation:4s ease-in-out infinite et-oxA}:where(body.p-chlorine) .et-ox-b{animation:4s ease-in-out infinite et-oxB}@keyframes et-oxA{0%,44%{opacity:1}52%,90%{opacity:0}to{opacity:1}}@keyframes et-oxB{0%,44%{opacity:0}52%,90%{opacity:1}to{opacity:0}}:where(body.p-chlorine) .et-result{animation:4s ease-in-out infinite et-result}:where(body.p-chlorine) .et-cl2-ring{fill:none;stroke:#ef4444;stroke-width:3px;opacity:.85;transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite et-cl2-pulse}:where(body.p-chlorine) .et-cl2-core{fill:#ef4444;opacity:.28}:where(body.p-chlorine) .et-cl2-text{fill:#ef4444;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}@keyframes et-result{0%,52%{opacity:0}60%,86%{opacity:1}94%,to{opacity:0}}@keyframes et-cl2-pulse{0%,52%{opacity:0;transform:scale(.9)}62%,84%{opacity:1;transform:scale(1)}94%,to{opacity:0;transform:scale(1.05)}}:where(body.p-chlorine) .electron-viz .et-track,:where(body.p-chlorine) .electron-viz .et-electron,:where(body.p-chlorine) .electron-viz .et-ox-a,:where(body.p-chlorine) .electron-viz .et-ox-b,:where(body.p-chlorine) .electron-viz .et-result,:where(body.p-chlorine) .electron-viz .et-cl2-ring{animation-play-state:paused}:where(body.p-chlorine) .electron-viz.is-playing .et-track,:where(body.p-chlorine) .electron-viz.is-playing .et-electron,:where(body.p-chlorine) .electron-viz.is-playing .et-ox-a,:where(body.p-chlorine) .electron-viz.is-playing .et-ox-b,:where(body.p-chlorine) .electron-viz.is-playing .et-result,:where(body.p-chlorine) .electron-viz.is-playing .et-cl2-ring{animation-play-state:running}:where(body.p-chlorine) .electron-viz.et-replaying .et-electron,:where(body.p-chlorine) .electron-viz.et-replaying .et-ox-a,:where(body.p-chlorine) .electron-viz.et-replaying .et-ox-b,:where(body.p-chlorine) .electron-viz.et-replaying .et-result,:where(body.p-chlorine) .electron-viz.et-replaying .et-cl2-ring{animation:none}:where(body.p-chlorine) .electron-caption{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;display:flex}:where(body.p-chlorine) .et-cap-step{color:#1e6b6e;background:#1e6b6e14;border:1px solid #1e6b6e2e;border-radius:999px;padding:.3rem .7rem;font-weight:600}:where(body.p-chlorine) .et-cap-result{color:#b91c1c;background:#ef44441a;border-color:#ef44444d}:where(body.p-chlorine) .et-cap-arrow{color:var(--muted);font-weight:700}:where(body.p-chlorine) .electron-result-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem;display:flex}:where(body.p-chlorine) .electron-result-wrap .result-species{flex-direction:row;gap:1rem}:where(body.p-chlorine) .electron-result-wrap .result-svg{width:80px;height:64px}:where(body.p-chlorine) .case-card{transition:transform .25s,box-shadow .25s,border-color .25s}:where(body.p-chlorine) .case-card:hover{border-color:#1e6b6e59;transform:translateY(-4px);box-shadow:0 10px 26px #0000001a}:where(body.p-chlorine) .symptom-card{transition:transform .25s,box-shadow .25s}:where(body.p-chlorine) .symptom-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px #0000001a}:where(body.p-chlorine) .symptom-card.symptom-severe:hover{box-shadow:0 10px 26px #ef44442e}:where(body.p-chlorine) .symptom-card.symptom-critical:hover{box-shadow:0 10px 28px #ef44443d}:where(body.p-chlorine) .danger-stage{transition:transform .25s,box-shadow .25s}:where(body.p-chlorine) .danger-stage:hover{transform:translate(6px);box-shadow:0 8px 20px #ef44441f}:where(body.p-chlorine) .anti-pattern{transition:transform .25s,box-shadow .25s}:where(body.p-chlorine) .anti-pattern:hover{transform:translateY(-2px);box-shadow:0 8px 22px #ef444424}:where(body.p-chlorine) .warning-callout{animation:2.8s ease-in-out infinite warn-pulse}@keyframes warn-pulse{0%,to{border-color:#ef44444d}50%{border-color:#ef444499}}:where(body.p-chlorine) a.case-card{color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;display:flex}:where(body.p-chlorine) a.case-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px -22px #2c1f1280}:where(body.p-chlorine) a.case-card .case-link-go{color:var(--primary);margin-top:auto;padding-top:.9rem;font-size:.85rem;font-weight:700}:where(body.p-chlorine) .page-disclaimer{box-sizing:border-box;border-top:1px solid var(--border,#2c1f121a);max-width:1100px;color:var(--muted,#6f5a47);margin:3rem auto 0;padding:1.4rem 1.5rem 0;font-size:.82rem;line-height:1.75}@media (hover:hover){:where(body.p-chlorine) .explain-item:hover:not(.is-hl){color:#faf1dc}}@media (hover:hover) and (prefers-reduced-motion:no-preference){:where(body.p-chlorine) .eq-substance:hover:not(.is-hl){filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 6px 18px #00000061}}:where(body.p-chlorine) .reaction-diagram :where(a[href],:where(body.p-chlorine) button,:where(body.p-chlorine) select,:where(body.p-chlorine) input,:where(body.p-chlorine) [tabindex]:not([tabindex="-1"])):focus-visible,:where(body.p-chlorine) .cl-danger-meter :where(a[href],:where(body.p-chlorine) button,:where(body.p-chlorine) select,:where(body.p-chlorine) input,:where(body.p-chlorine) [tabindex]:not([tabindex="-1"])):focus-visible{outline-color:#faf1dc}:where(body.p-chlorine) .warning-callout,:where(body.p-chlorine) .safety-do{transition:transform .18s,box-shadow .18s}:where(body.p-chlorine) .warning-callout:hover,:where(body.p-chlorine) .safety-do:hover{transform:translateY(-3px);box-shadow:0 6px 18px #2c1f181f}:where(body.p-carbon) #hero,:where(body.p-carbon) #concept-definitions,:where(body.p-carbon) #micro-process,:where(body.p-carbon) #why-dangerous,:where(body.p-carbon) #sources-in-home,:where(body.p-carbon) #real-cases,:where(body.p-carbon) #safety-rules{--co:#6f5a47;--co-o2:#1e6b6e;--co-hbco:#c73e2a;--co-line:#2c1f121a;--co-tint:#6f5a4712}:where(body.p-carbon) .hero-mini-tag-co{color:#4e4034;background:#6f5a471f;border-color:#6f5a4747}:where(body.p-carbon) .hero-mini-tag-hb{color:#16504f;background:#1e6b6e1f;border-color:#1e6b6e47}:where(body.p-carbon) .hero-mini-tag-hbco{color:#932a1c;background:#c73e2a1f;border-color:#c73e2a47}:where(body.p-carbon) .hero-particle-co{animation:5.2s ease-in-out infinite alternate co-drift}@keyframes co-drift{0%{transform:translate(0)}50%{transform:translate(9px,-5px)}to{transform:translate(-5px,6px)}}:where(body.p-carbon) .hero-co-note{color:var(--co-hbco);align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:inline-flex}:where(body.p-carbon) .hero-co-note .co-cross{opacity:.6;font-weight:400;text-decoration:line-through}:where(body.p-carbon) .co-massboard{background:var(--surface);border:1px solid var(--co-line);border-radius:14px;gap:.85rem;margin:1.5rem 0 0;padding:1.35rem 1.5rem;display:grid}:where(body.p-carbon) .co-massrow{grid-template-columns:116px 1fr 74px;align-items:center;gap:.9rem;display:grid}:where(body.p-carbon) .co-massrow-label{color:#4e4034;font-size:.88rem}:where(body.p-carbon) .co-massrow-label b{font-size:.95rem;display:block}:where(body.p-carbon) .co-massrow-label small{color:var(--co);font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:.76rem}:where(body.p-carbon) .co-massrow-bar{background:#2c1f1212;border-radius:999px;height:12px;overflow:hidden}:where(body.p-carbon) .co-massrow-fill{border-radius:999px;height:100%;display:block}:where(body.p-carbon) .co-massrow-fill.is-co{background:linear-gradient(90deg, #8a705c, var(--co));width:96.5%}:where(body.p-carbon) .co-massrow-fill.is-air{background:linear-gradient(90deg,#b9c6c0,#8fa39c);width:100%}:where(body.p-carbon) .co-massrow-val{text-align:right;color:#2c1f18;font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:.92rem;font-weight:700}:where(body.p-carbon) .co-massboard-foot{border-top:1px dashed var(--co-line);color:var(--co);margin-top:.35rem;padding-top:.85rem;font-size:.87rem;line-height:1.65}:where(body.p-carbon) .co-smell-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem;margin-top:1.4rem;display:grid}:where(body.p-carbon) .co-smell-card{background:var(--surface);border:1px solid var(--co-line);border-left:3px solid var(--co);border-radius:10px;padding:1.05rem 1.15rem}:where(body.p-carbon) .co-smell-card h4{color:#2c1f18;margin:0 0 .4rem;font-size:.98rem}:where(body.p-carbon) .co-smell-card p{color:#5c4a3b;margin:0;font-size:.86rem;line-height:1.66}:where(body.p-carbon) .co-intro-visual:after{content:"";pointer-events:none;background:radial-gradient(circle,#6f5a4729,#6f5a4700 68%);border-radius:50%;animation:4.8s ease-in-out infinite co-intro-glow;position:absolute;inset:13%}@keyframes co-intro-glow{0%,to{opacity:.5;transform:scale(.93)}50%{opacity:1;transform:scale(1.07)}}:where(body.p-carbon) .co-intro-mol{z-index:1;align-items:center;animation:6.4s ease-in-out infinite co-mol-float;display:flex;position:relative}@keyframes co-mol-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}:where(body.p-carbon) .co-atom{color:#fff9ef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:1.15rem;font-weight:700;display:flex;box-shadow:0 6px 14px #2c1f122e}:where(body.p-carbon) .co-atom.is-c{background:linear-gradient(135deg,#8a705c,#4e4034)}:where(body.p-carbon) .co-atom.is-o{background:linear-gradient(135deg,#2e8c8e,#16504f)}:where(body.p-carbon) .co-bond{flex-shrink:0;width:26px;height:26px;position:relative}:where(body.p-carbon) .co-bond i{background:#6f5a4780;border-radius:2px;height:3px;position:absolute;left:0;right:0}:where(body.p-carbon) .co-bond i:first-child{top:4px}:where(body.p-carbon) .co-bond i:nth-child(2){top:11.5px}:where(body.p-carbon) .co-bond i:nth-child(3){top:19px}:where(body.p-carbon) .co-intro-chip{z-index:2;white-space:nowrap;letter-spacing:.02em;color:#5c4a3b;background:#ffffffdb;border:1px dashed #2c1f123d;border-radius:999px;padding:.16rem .5rem;font-size:.72rem;font-weight:600;position:absolute}:where(body.p-carbon) .co-intro-chip.is-see{top:6%;left:50%;transform:translate(-50%)}:where(body.p-carbon) .co-intro-chip.is-smell{bottom:14%;left:0}:where(body.p-carbon) .co-intro-chip.is-itch{bottom:14%;right:0}:where(body.p-carbon) .warning-callout{background:#c73e2a12;border:1px solid #c73e2a42;border-left:4px solid #c73e2a;border-radius:10px;gap:.9rem;margin-top:1.5rem;padding:1rem 1.2rem;display:flex}:where(body.p-carbon) .warning-icon{flex-shrink:0;font-size:1.35rem;line-height:1.3}:where(body.p-carbon) .warning-content{color:#8b3a3a;font-size:.93rem;line-height:1.68}:where(body.p-carbon) .warning-content strong{color:#7a2a1c}:where(body.p-carbon) .co-myth-pair{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.4rem;display:grid}:where(body.p-carbon) .co-myth{border:1px solid var(--co-line);background:var(--surface);border-radius:12px;padding:1.15rem 1.25rem}:where(body.p-carbon) .co-myth.is-wrong{background:#c73e2a0d;border-color:#c73e2a4d}:where(body.p-carbon) .co-myth.is-right{background:#1e6b6e0d;border-color:#1e6b6e4d}:where(body.p-carbon) .co-myth-head{letter-spacing:.04em;align-items:center;gap:.5rem;margin-bottom:.55rem;font-size:.82rem;font-weight:700;display:flex}:where(body.p-carbon) .co-myth.is-wrong .co-myth-head{color:#a8331f}:where(body.p-carbon) .co-myth.is-right .co-myth-head{color:#16504f}:where(body.p-carbon) .co-myth p{color:#4a3b2e;margin:0;font-size:.9rem;line-height:1.7}:where(body.p-carbon) .co-sim-legend{color:var(--co);flex-wrap:wrap;gap:.5rem .95rem;margin-top:.9rem;font-size:.84rem;display:flex}:where(body.p-carbon) .co-sim-legend span{align-items:center;gap:.38rem;display:inline-flex}:where(body.p-carbon) .co-sim-legend i{border-radius:50%;flex-shrink:0;width:11px;height:11px;display:inline-block}:where(body.p-carbon) .co-sim-legend .is-co{background:var(--co)}:where(body.p-carbon) .co-sim-legend .is-hb{background:var(--co-o2)}:where(body.p-carbon) .co-sim-legend .is-hbco{background:var(--co-hbco)}:where(body.p-carbon) .co-sim-legend .is-o2{background:#c89f3d}:where(body.p-carbon) .co-sim-verdict{color:#7a3a2a;background:#c73e2a0f;border:1px solid #c73e2a33;border-radius:10px;align-items:flex-start;gap:.6rem;margin-top:.95rem;padding:.85rem 1.1rem;font-size:.89rem;line-height:1.66;display:flex}:where(body.p-carbon) .co-sim-verdict b{color:#932a1c}:where(body.p-carbon) #sources-in-home.layout-cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr))!important;grid-auto-rows:min-content!important;align-items:stretch!important}:where(body.p-carbon) #sources-in-home.layout-cards-grid>.co-source-card{align-self:stretch!important}:where(body.p-carbon) #sources-in-home.layout-cards-grid>*{min-width:0}:where(body.p-carbon) #sources-in-home.layout-cards-grid>.section-header,:where(body.p-carbon) #sources-in-home.layout-cards-grid>.co-model-table,:where(body.p-carbon) #sources-in-home.layout-cards-grid>.warning-callout{grid-column:1/-1}:where(body.p-carbon) .co-source-tags{flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.75rem;display:flex}:where(body.p-carbon) .co-source-tags .co-source-tag+.co-source-tag{margin-left:0}:where(body.p-carbon) .co-source-card{background:var(--surface);border:1px solid var(--co-line);border-top:3px solid var(--co);border-radius:12px;flex-direction:column;padding:1.2rem 1.25rem;display:flex}:where(body.p-carbon) .co-source-head{align-items:center;gap:.55rem;margin-bottom:.6rem;display:flex}:where(body.p-carbon) .co-source-icon{font-size:1.3rem;line-height:1}:where(body.p-carbon) .co-source-card h3{color:#2c1f18;margin:0;font-size:1.02rem}:where(body.p-carbon) .co-source-card p{color:#5c4a3b;margin:0 0 .7rem;font-size:.88rem;line-height:1.7}:where(body.p-carbon) .co-source-card p:last-child{margin-bottom:0}:where(body.p-carbon) .co-source-tag{letter-spacing:.03em;background:var(--co-tint);color:#56463a;border:1px solid #6f5a4738;border-radius:999px;align-self:flex-start;padding:.2rem .55rem;font-size:.74rem;font-weight:600;display:inline-block}:where(body.p-carbon) .co-source-card .co-source-tag+.co-source-tag{margin-left:.35rem}:where(body.p-carbon) .co-model-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--co-line);border-radius:12px;width:100%;margin-top:1.5rem;font-size:.87rem;overflow:hidden}:where(body.p-carbon) .co-model-table caption{caption-side:top;text-align:left;color:var(--co);padding:0 0 .6rem;font-size:.84rem}:where(body.p-carbon) .co-model-table th,:where(body.p-carbon) .co-model-table td{text-align:left;border-bottom:1px solid var(--co-line);padding:.68rem .9rem}:where(body.p-carbon) .co-model-table th{background:var(--co-tint);color:#4e4034;white-space:nowrap;font-weight:600}:where(body.p-carbon) .co-model-table tr:last-child td{border-bottom:none}:where(body.p-carbon) .co-model-table code{background:#2c1f120e;border-radius:5px;padding:.08rem .34rem;font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:.86em}:where(body.p-carbon) .co-defence{gap:1rem;margin-top:1.5rem;display:grid}:where(body.p-carbon) .co-defence-item{background:var(--surface);border:1px solid var(--co-line);border-radius:12px;grid-template-columns:54px 1fr;align-items:start;gap:1rem;padding:1.2rem 1.35rem;display:grid}:where(body.p-carbon) .co-defence-no{color:#fff9ef;background:linear-gradient(135deg,#c73e2a,#c89f3d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-family:Fraunces,Songti SC,serif;font-size:1.05rem;font-weight:700;display:flex}:where(body.p-carbon) .co-defence-body h3{color:#2c1f18;margin:0 0 .45rem;font-size:1.02rem}:where(body.p-carbon) .co-defence-body p{color:#5c4a3b;margin:0 0 .5rem;font-size:.89rem;line-height:1.7}:where(body.p-carbon) .co-defence-body ul{margin:.3rem 0 0;padding-left:1.15rem}:where(body.p-carbon) .co-defence-body li{color:#5c4a3b;font-size:.87rem;line-height:1.72}:where(body.p-carbon) .co-defence-body li+li{margin-top:.25rem}:where(body.p-carbon) .co-firstaid{background:linear-gradient(135deg,#c73e2a12,#c89f3d12);border:1px solid #c73e2a38;border-radius:14px;margin-top:1.6rem;padding:1.35rem 1.5rem}:where(body.p-carbon) .co-firstaid h3{color:#932a1c;align-items:center;gap:.45rem;margin:0 0 .7rem;font-size:1.02rem;display:flex}:where(body.p-carbon) .co-firstaid ol{margin:0;padding-left:1.3rem}:where(body.p-carbon) .co-firstaid li{color:#4a3b2e;font-size:.89rem;line-height:1.75}:where(body.p-carbon) .co-firstaid li+li{margin-top:.3rem}:where(body.p-carbon) .co-firstaid li b{color:#932a1c}@media (max-width:720px){:where(body.p-carbon) .co-massrow{grid-template-columns:92px 1fr 58px;gap:.6rem}:where(body.p-carbon) .co-massrow-label small{display:none}:where(body.p-carbon) .co-defence-item{grid-template-columns:40px 1fr;gap:.75rem;padding:1.05rem 1.1rem}:where(body.p-carbon) .co-defence-no{width:34px;height:34px;font-size:.92rem}:where(body.p-carbon) .co-model-table{font-size:.82rem}:where(body.p-carbon) .co-model-table th,:where(body.p-carbon) .co-model-table td{padding:.55rem .62rem}:where(body.p-carbon) .co-model-table th{white-space:normal}}@media (prefers-reduced-motion:reduce){:where(body.p-carbon) .hero-particle-co,:where(body.p-carbon) .co-intro-visual:after,:where(body.p-carbon) .co-intro-mol{animation:none}:where(body.p-carbon) .co-massboard .co-massrow-fill,:where(body.p-carbon) .co-oxygen-fill,:where(body.p-carbon) .co-progress-fill,:where(body.p-carbon) .co-timeline-progress,:where(body.p-carbon) .co-timeline-card,:where(body.p-carbon) .co-timeline-dot{transition:none}:where(body.p-carbon) .co-massboard .co-massrow-fill.is-co{width:96.5%}:where(body.p-carbon) .co-massboard .co-massrow-fill.is-air{width:100%}:where(body.p-carbon) .co-massrow-mark,:where(body.p-carbon) .co-timeline-card{opacity:1;transform:none}}:where(body.p-carbon) .co-senses{background:var(--surface);border:1px solid var(--co-line);border-radius:14px;margin-top:1.6rem;padding:1.3rem 1.45rem}:where(body.p-carbon) .co-senses-head{flex-wrap:wrap;align-items:baseline;gap:.3rem .85rem;margin-bottom:1rem;display:flex}:where(body.p-carbon) .co-senses-title{color:#2c1f18;font-family:Fraunces,Songti SC,serif;font-size:1.05rem;font-weight:600}:where(body.p-carbon) .co-senses-hint{color:var(--co);font-size:.84rem}:where(body.p-carbon) .co-senses-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;display:grid}:where(body.p-carbon) .co-sense{border:1px solid var(--co-line);font:inherit;color:#4e4034;cursor:pointer;background:#6f5a470d;border-radius:12px;justify-items:center;gap:.32rem;padding:1rem .8rem;transition:transform .18s ease-out,border-color .18s,background .25s;display:grid}:where(body.p-carbon) .co-sense:hover{border-color:#6f5a4752;transform:translateY(-2px)}:where(body.p-carbon) .co-sense:focus-visible{outline-offset:2px;outline:2px solid #1e6b6e}:where(body.p-carbon) .co-sense-icon{font-size:1.5rem;line-height:1}:where(body.p-carbon) .co-sense-name{font-size:.95rem;font-weight:600}:where(body.p-carbon) .co-sense-state{color:var(--co);background:#2c1f120f;border-radius:999px;padding:.14rem .55rem;font-size:.76rem;transition:background .25s,color .25s}:where(body.p-carbon) .co-sense.is-tested{background:#c73e2a0f;border-color:#c73e2a4d}:where(body.p-carbon) .co-sense.is-tested .co-sense-state{color:#932a1c;background:#c73e2a24;font-weight:600;animation:.34s ease-out co-pop}@keyframes co-pop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}:where(body.p-carbon) .co-senses-verdict{color:#7a3a2a;margin:1rem 0 0;font-size:.89rem;line-height:1.7;transition:color .3s}:where(body.p-carbon) .co-senses-verdict.is-final{color:#932a1c;font-weight:600}:where(body.p-carbon) .co-massboard .co-massrow-fill{width:0;transition:width 1s cubic-bezier(.22,1,.36,1)}:where(body.p-carbon) .co-massboard.is-in .co-massrow-fill.is-co{width:96.5%;transition-delay:80ms}:where(body.p-carbon) .co-massboard.is-in .co-massrow-fill.is-air{width:100%}:where(body.p-carbon) .co-massrow-bar{position:relative}:where(body.p-carbon) .co-massrow-mark{opacity:0;border-left:1px dashed #2c1f1261;width:0;transition:opacity .35s .95s;position:absolute;top:-5px;bottom:-5px;left:96.5%}:where(body.p-carbon) .co-massboard.is-in .co-massrow-mark{opacity:1}:where(body.p-carbon) .co-massboard-delta{color:var(--co);justify-content:flex-end;align-items:baseline;gap:.45rem;margin:-.1rem 0 0;font-size:.82rem;display:flex}:where(body.p-carbon) .co-massboard-delta b{color:#932a1c;font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:1.05rem}:where(body.p-carbon) .co-oxygen{background:var(--surface);border:1px solid var(--co-line);border-radius:12px;margin-top:1rem;padding:1rem 1.2rem}:where(body.p-carbon) .co-oxygen-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.55rem;display:flex}:where(body.p-carbon) .co-oxygen-title{color:#2c1f18;font-size:.92rem;font-weight:600}:where(body.p-carbon) .co-oxygen-val{color:var(--co-o2);font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:1.2rem;transition:color .35s}:where(body.p-carbon) .co-oxygen-track{background:#2c1f1212;border-radius:999px;height:14px;position:relative;overflow:hidden}:where(body.p-carbon) .co-oxygen-fill{background:linear-gradient(90deg,#2e8c8e,#1e6b6e);border-radius:999px;width:100%;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1),background .5s;display:block}:where(body.p-carbon) .co-oxygen-threshold{pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 24.4%,#faf1dcd9 24.4% 25%);position:absolute;inset:0}:where(body.p-carbon) .co-oxygen-note{color:#5c4a3b;margin:.65rem 0 0;font-size:.86rem;line-height:1.68}:where(body.p-carbon) .co-oxygen[data-level="2"] .co-oxygen-fill{background:linear-gradient(90deg,#d3a63f,#b8862b)}:where(body.p-carbon) .co-oxygen[data-level="3"] .co-oxygen-fill,:where(body.p-carbon) .co-oxygen[data-level="4"] .co-oxygen-fill{background:linear-gradient(90deg,#c73e2a,#932a1c)}:where(body.p-carbon) .co-oxygen[data-level="2"] .co-oxygen-val{color:#8a6a16}:where(body.p-carbon) .co-oxygen[data-level="3"] .co-oxygen-val,:where(body.p-carbon) .co-oxygen[data-level="4"] .co-oxygen-val{color:#932a1c}:where(body.p-carbon) .co-dose{background:var(--surface);border:1px solid var(--co-line);border-radius:14px;margin-top:2rem;padding:1.5rem 1.6rem}:where(body.p-carbon) .co-dose-sub{color:var(--co);margin:.55rem 0 0;font-size:.88rem;line-height:1.72}:where(body.p-carbon) .co-dose-controls{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.3rem;margin-top:1.35rem;display:grid}:where(body.p-carbon) .co-dose-label{color:#4e4034;margin-bottom:.55rem;font-size:.86rem}:where(body.p-carbon) .co-dose-label b{color:#932a1c;margin-left:.35rem;font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:1rem}:where(body.p-carbon) .co-dose-cell input[type=range]{accent-color:#c73e2a;width:100%}:where(body.p-carbon) .co-dose-scale{color:var(--co);justify-content:space-between;margin-top:.3rem;font-size:.72rem;display:flex}:where(body.p-carbon) .co-dose-out{background:#6f5a470d;border:1px solid #6f5a4738;border-radius:12px;margin-top:1.35rem;padding:1.1rem 1.25rem;transition:background .4s,border-color .4s}:where(body.p-carbon) .co-dose-badge{letter-spacing:.04em;color:#16504f;background:#1e6b6e24;border-radius:999px;padding:.22rem .72rem;font-size:.78rem;font-weight:700;transition:background .4s,color .4s;display:inline-block}:where(body.p-carbon) .co-dose-text{color:#4a3b2e;margin:.7rem 0 0;font-size:.9rem;line-height:1.72}:where(body.p-carbon) .co-dose-chips{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}:where(body.p-carbon) .co-dose-chips span{color:var(--co);opacity:.45;border:1px dashed #6f5a474d;border-radius:999px;padding:.22rem .62rem;font-size:.78rem;transition:opacity .35s,background .35s,color .35s,border-color .35s}:where(body.p-carbon) .co-dose-chips span.is-on{opacity:1;color:#932a1c;background:#c73e2a17;border-style:solid;border-color:#c73e2a59;font-weight:600}:where(body.p-carbon) .co-dose-out[data-level="1"]{background:#c89f3d12;border-color:#c89f3d52}:where(body.p-carbon) .co-dose-out[data-level="1"] .co-dose-badge{color:#7a5a12;background:#c89f3d33}:where(body.p-carbon) .co-dose-out[data-level="2"]{background:#c73e2a0f;border-color:#c73e2a52}:where(body.p-carbon) .co-dose-out[data-level="2"] .co-dose-badge{color:#932a1c;background:#c73e2a29}:where(body.p-carbon) .co-dose-out[data-level="3"]{background:#c73e2a1c;border-color:#c73e2a80}:where(body.p-carbon) .co-dose-out[data-level="3"] .co-dose-badge{color:#fff9ef;background:#c73e2a}:where(body.p-carbon) .co-dose-foot{color:var(--co);margin:1rem 0 0;font-size:.84rem;line-height:1.72}:where(body.p-carbon) #sources-in-home.layout-cards-grid>.co-check{grid-column:1/-1}:where(body.p-carbon) .co-check{background:var(--surface);border:1px solid var(--co-line);border-radius:14px;margin-top:1.5rem;padding:1.5rem 1.6rem}:where(body.p-carbon) .co-check-head{margin-bottom:1rem}:where(body.p-carbon) .co-check-title{color:#2c1f18;margin:0 0 .35rem;font-family:Fraunces,Songti SC,serif;font-size:1.05rem;font-weight:600}:where(body.p-carbon) .co-check-sub{color:var(--co);margin:0;font-size:.85rem}:where(body.p-carbon) .co-check-list{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:.55rem;display:grid}:where(body.p-carbon) .co-check-item{border:1px solid var(--co-line);color:#4a3b2e;cursor:pointer;background:#6f5a470a;border-radius:10px;align-items:flex-start;gap:.6rem;padding:.72rem .88rem;font-size:.88rem;line-height:1.6;transition:background .22s,border-color .22s;display:flex}:where(body.p-carbon) .co-check-item:hover{border-color:#6f5a4752}:where(body.p-carbon) .co-check-item input{accent-color:#c73e2a;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin:.22rem 0 0}:where(body.p-carbon) .co-check-item:has(input:checked){background:#c73e2a12;border-color:#c73e2a52}:where(body.p-carbon) .co-check-out{border-top:1px dashed var(--co-line);flex-wrap:wrap;align-items:baseline;gap:.5rem 1.1rem;margin-top:1.25rem;padding-top:1.15rem;display:flex}:where(body.p-carbon) .co-check-score{color:var(--co);align-items:baseline;gap:.3rem;font-size:.82rem;display:flex}:where(body.p-carbon) .co-check-score b{color:#1e6b6e;font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:1.9rem;line-height:1;transition:color .3s}:where(body.p-carbon) .co-check-out:not([data-n="0"]) .co-check-score b{color:#c73e2a}:where(body.p-carbon) .co-check-verdict{color:#4a3b2e;flex:320px;margin:0;font-size:.88rem;line-height:1.72}:where(body.p-carbon) .co-progress{background:var(--surface);border:1px solid var(--co-line);border-radius:14px;margin:0 0 1.5rem;padding:1.15rem 1.4rem}:where(body.p-carbon) .co-progress-head{color:#4e4034;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.9rem;display:flex}:where(body.p-carbon) .co-progress-head b{color:#c73e2a;font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:1.15rem}:where(body.p-carbon) .co-progress-track{background:#2c1f1214;border-radius:999px;height:10px;margin-top:.7rem;overflow:hidden}:where(body.p-carbon) .co-progress-fill{background:linear-gradient(90deg,#c89f3d,#c73e2a);border-radius:999px;width:0;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}:where(body.p-carbon) .co-progress-note{color:var(--co);margin:.65rem 0 0;font-size:.85rem;line-height:1.68}:where(body.p-carbon) .co-defence-done{color:#4e4034;cursor:pointer;border:1px dashed #6f5a4759;border-radius:999px;align-items:center;gap:.5rem;margin-top:.95rem;padding:.45rem .85rem;font-size:.82rem;transition:border-color .22s,background .22s,color .22s;display:inline-flex}:where(body.p-carbon) .co-defence-done:hover{border-color:#c73e2a80}:where(body.p-carbon) .co-defence-done input{accent-color:#c73e2a;cursor:pointer;width:15px;height:15px}:where(body.p-carbon) .co-defence-done:has(input:checked){color:#16504f;background:#1e6b6e14;border-style:solid;border-color:#1e6b6e73;font-weight:600}:where(body.p-carbon) .co-timeline{margin-top:1.6rem;padding-left:2.2rem;position:relative}:where(body.p-carbon) .co-timeline-rail{background:#2c1f121a;border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:9px;overflow:hidden}:where(body.p-carbon) .co-timeline-progress{background:linear-gradient(#c73e2a,#c89f3d);border-radius:2px;width:100%;height:0;transition:height .75s cubic-bezier(.22,1,.36,1);display:block}:where(body.p-carbon) .co-timeline-list{gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}:where(body.p-carbon) .co-timeline-node{position:relative}:where(body.p-carbon) .co-timeline-dot{background:#dccfb6;border:2px solid #faf1dc;border-radius:50%;width:14px;height:14px;transition:background .45s,box-shadow .45s,transform .45s;position:absolute;top:.4rem;left:calc(3px - 2.2rem);box-shadow:0 0 0 1px #2c1f1224}:where(body.p-carbon) .co-timeline-node.is-lit .co-timeline-dot{background:#c73e2a;transform:scale(1.12);box-shadow:0 0 0 1px #c73e2a73,0 0 0 6px #c73e2a1a}:where(body.p-carbon) .co-timeline-card{background:var(--surface);border:1px solid var(--co-line);opacity:.5;border-radius:12px;padding:1.15rem 1.3rem;transition:opacity .5s,transform .5s,border-color .5s;transform:translateY(6px)}:where(body.p-carbon) .co-timeline-node.is-lit .co-timeline-card{opacity:1;border-color:#c73e2a38;transform:none}:where(body.p-carbon) .co-timeline-date{letter-spacing:.02em;color:#932a1c;font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:.8rem;font-weight:700}:where(body.p-carbon) .co-timeline-card h3{color:#2c1f18;margin:.35rem 0 .5rem;font-size:1.05rem}:where(body.p-carbon) .co-timeline-card p{color:#5c4a3b;margin:0;font-size:.88rem;line-height:1.72}:where(body.p-carbon) .co-timeline-link{color:#16504f;border-bottom:1px solid #1e6b6e59;align-items:center;gap:.2rem;margin-top:.85rem;padding-bottom:1px;font-size:.86rem;font-weight:600;text-decoration:none;transition:color .22s,border-color .22s;display:inline-flex}:where(body.p-carbon) .co-timeline-link:hover{color:#c73e2a;border-color:#c73e2a80}:where(body.p-carbon) .quiz-feedback{color:#8b3a3a;background:#c73e2a12;border-left:3px solid #c73e2a;border-radius:8px;margin-top:.6rem;padding:.62rem .88rem;font-size:.85rem;line-height:1.66;display:none}:where(body.p-carbon) .quiz-feedback.is-on{display:block}@media (max-width:720px){:where(body.p-carbon) .co-timeline{padding-left:1.9rem}:where(body.p-carbon) .co-timeline-dot{left:calc(3px - 1.9rem)}}:where(body.p-carbon) .co-timeline-link{transition:color .22s, border-color .22s, transform .22s var(--ease,ease)}@media (hover:hover) and (prefers-reduced-motion:no-preference){:where(body.p-carbon) .co-timeline-link:hover{transform:translate(3px)}}:where(body.p-carbon) .co-source-card,:where(body.p-carbon) .co-smell-card,:where(body.p-carbon) .co-myth{transition:transform .28s var(--ease,ease), box-shadow .28s var(--ease,ease)}@media (hover:hover){:where(body.p-carbon) .co-source-card:hover{box-shadow:0 14px 32px #2c1f181a}:where(body.p-carbon) .co-smell-card:hover{box-shadow:0 8px 20px #2c1f1814}:where(body.p-carbon) .co-myth:hover{box-shadow:0 8px 22px #2c1f1817}}@media (hover:hover) and (prefers-reduced-motion:no-preference){:where(body.p-carbon) .co-source-card.co-source-card:hover{transform:translateY(-4px)}:where(body.p-carbon) .co-smell-card:hover,:where(body.p-carbon) .co-myth.co-myth:hover{transform:translateY(-2px)}}:where(body.p-carbon) .warning-callout{transition:transform .18s,box-shadow .18s}:where(body.p-carbon) .warning-callout:hover{transform:translateY(-3px);box-shadow:0 6px 18px #2c1f181f}:where(body.p-electric).el-page,:where(body.p-electric) .page{--el-copper:var(--tone,#b4611e);--el-copper-deep:#8a4310;--el-copper-soft:var(--el-copper)}@supports (color:color-mix(in lab, red, red)){:where(body.p-electric).el-page,:where(body.p-electric) .page{--el-copper-soft:color-mix(in srgb, var(--el-copper) 10%, var(--surface,#fff9ef))}}:where(body.p-electric).el-page,:where(body.p-electric) .page{--el-hot:#c73e2a;--el-hot-soft:#c73e2a}@supports (color:color-mix(in lab, red, red)){:where(body.p-electric).el-page,:where(body.p-electric) .page{--el-hot-soft:color-mix(in srgb, #c73e2a 9%, var(--surface,#fff9ef))}}:where(body.p-electric).el-page,:where(body.p-electric) .page{--el-warm-mid:#c89f3d;--el-ok:#1e6b6e;--el-ok-soft:#1e6b6e}@supports (color:color-mix(in lab, red, red)){:where(body.p-electric).el-page,:where(body.p-electric) .page{--el-ok-soft:color-mix(in srgb, #1e6b6e 9%, var(--surface,#fff9ef))}}:where(body.p-electric).el-page,:where(body.p-electric) .page{--el-ink:var(--fg,#2c1f12);--el-line:var(--border,#2c1f121f)}:where(body.p-electric) .el-hero-stage{position:relative}:where(body.p-electric) .el-hero-mini-tag-wire{color:#8a4712;background:#b4611e1f;border-color:#b4611e57;top:-14px;left:0}:where(body.p-electric) .el-hero-mini-tag-load{color:#932a1c;background:#c73e2a1f;border-color:#c73e2a52;top:-14px;right:0}:where(body.p-electric) .el-hero-mini-tag-verdict{color:#4e4034;background:#2c1f1212;border-color:#2c1f1238;bottom:-14px;left:50%;transform:translate(-50%)}:where(body.p-electric) .el-plugflow{animation:3.2s linear infinite el-plugflow}@keyframes el-plugflow{0%{opacity:.25;transform:translate(-6px)}35%{opacity:1}to{opacity:.25;transform:translate(6px)}}@media (prefers-reduced-motion:reduce){:where(body.p-electric) .el-plugflow{animation:none}}:where(body.p-electric) .el-conductor{background:linear-gradient(160deg,#f6ebd6 0%,#efe0c4 100%);border-radius:14px;flex-direction:column;justify-content:center;gap:1.4rem;min-height:190px;padding:1.2rem 1rem;display:flex;position:relative;overflow:hidden}:where(body.p-electric) .el-conductor-wire{background:linear-gradient(#c98a4b 0%,#a25e1c 55%,#7e4413 100%);border-radius:7px;height:14px;position:relative;box-shadow:inset 0 1px #ffffff73}:where(body.p-electric) .el-conductor-wire:after{content:"";opacity:.55;background:repeating-linear-gradient(90deg,#2c1f1229 0 2px,#0000 2px 12px);border-radius:16px;position:absolute;inset:-9px 0}:where(body.p-electric) .el-electron{background:var(--el-ok);width:9px;height:9px;box-shadow:0 0 0 3px var(--el-ok);border-radius:50%;margin-top:-4.5px;position:absolute;top:50%}@supports (color:color-mix(in lab, red, red)){:where(body.p-electric) .el-electron{box-shadow:0 0 0 3px color-mix(in srgb, var(--el-ok) 18%, transparent)}}:where(body.p-electric) .el-electron{animation:2.4s linear infinite el-drift}:where(body.p-electric) .el-electron:nth-of-type(2){animation-delay:-.8s}:where(body.p-electric) .el-electron:nth-of-type(3){animation-delay:-1.6s}@keyframes el-drift{0%{opacity:0;left:-2%}12%{opacity:1}88%{opacity:1}to{opacity:0;left:100%}}@media (prefers-reduced-motion:reduce){:where(body.p-electric) .el-electron{opacity:.8;animation:none}:where(body.p-electric) .el-electron:first-of-type{left:18%}:where(body.p-electric) .el-electron:nth-of-type(2){left:48%}:where(body.p-electric) .el-electron:nth-of-type(3){left:78%}}:where(body.p-electric) .el-conductor-heat{color:var(--muted);align-items:center;gap:.5rem;font-size:.78rem;display:flex}:where(body.p-electric) .el-conductor-heat i{background:radial-gradient(circle at 40% 35%, #ffd27a 0%, var(--el-hot) 70%);width:22px;height:22px;box-shadow:0 0 0 0 var(--el-hot);border-radius:50%;display:inline-block}@supports (color:color-mix(in lab, red, red)){:where(body.p-electric) .el-conductor-heat i{box-shadow:0 0 0 0 color-mix(in srgb, var(--el-hot) 40%, transparent)}}:where(body.p-electric) .el-conductor-heat i{animation:2s ease-out infinite el-pulse}@keyframes el-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--el-hot) 38%, transparent)}70%{box-shadow:0 0 0 12px color-mix(in srgb, var(--el-hot) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--el-hot) 0%, transparent)}}@media (prefers-reduced-motion:reduce){:where(body.p-electric) .el-conductor-heat i{animation:none}}:where(body.p-electric) .el-formula-board{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin-top:1.4rem;display:grid}:where(body.p-electric) .el-formula{background:var(--surface-2,#fbf3e3);border:1px solid var(--el-line);border-radius:12px;padding:1rem 1.1rem}:where(body.p-electric) .el-formula-eq{color:var(--el-copper-deep);letter-spacing:.02em;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:1.14rem;font-weight:700}:where(body.p-electric) .el-formula-name{color:var(--el-ink);margin-top:.35rem;font-size:.82rem;font-weight:700}:where(body.p-electric) .el-formula-note{color:var(--muted);margin-top:.3rem;font-size:.78rem;line-height:1.7}:where(body.p-electric) .el-loadboard{background:var(--surface-2,#fbf3e3);border:1px solid var(--el-line);border-radius:16px;margin-top:2rem;padding:1.4rem 1.4rem 1.2rem}:where(body.p-electric) .el-loadboard-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}:where(body.p-electric) .el-loadboard-title{color:var(--el-ink);font-size:1.02rem;font-weight:700}:where(body.p-electric) .el-loadboard-sub{color:var(--muted);font-size:.8rem}:where(body.p-electric) .el-loadboard-grid{grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:.5rem;margin-top:1rem;display:grid}:where(body.p-electric) .el-appliance{background:var(--surface,#fff9ef);border:1px solid var(--el-line);cursor:pointer;border-radius:10px;align-items:center;gap:.55rem;padding:.6rem .75rem;font-size:.84rem;transition:transform .18s,box-shadow .18s;display:flex}:where(body.p-electric) .el-appliance:hover{transform:translateY(-2px);box-shadow:0 6px 14px #2c1f1217}:where(body.p-electric) .el-appliance:focus-within{outline:2px solid var(--primary,#c73e2a);outline-offset:2px}:where(body.p-electric) .el-appliance input{width:1.05rem;height:1.05rem;accent-color:var(--el-copper);flex-shrink:0}:where(body.p-electric) .el-appliance-name{min-width:0;color:var(--el-ink);flex:auto}:where(body.p-electric) .el-appliance-w{color:var(--muted);flex-shrink:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.78rem}:where(body.p-electric) .el-appliance.is-on{background:var(--el-copper-soft);border-color:var(--el-copper)}@supports (color:color-mix(in lab, red, red)){:where(body.p-electric) .el-appliance.is-on{border-color:color-mix(in srgb, var(--el-copper) 34%, transparent)}}:where(body.p-electric) .el-loadboard-bundle{margin-top:.9rem}:where(body.p-electric) .el-loadboard-out{border-top:1px dashed var(--el-line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-top:1.1rem;padding-top:1.1rem;display:grid}:where(body.p-electric) .el-gauge-cell{text-align:center}:where(body.p-electric) .el-gauge-label{color:var(--muted);font-size:.76rem}:where(body.p-electric) .el-gauge-value{color:var(--el-ink);margin-top:.2rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:1.3rem;font-weight:700}:where(body.p-electric) .el-gauge-value.is-hot{color:var(--el-hot)}:where(body.p-electric) .el-gauge-value.is-ok{color:var(--el-ok)}:where(body.p-electric) .el-loadtrack{background:var(--el-ok-soft);border-radius:7px;height:14px;margin-top:1.2rem;position:relative;overflow:hidden}:where(body.p-electric) .el-loadtrack-zone{background:linear-gradient(90deg, var(--el-ok) 0%, var(--el-warm-mid) 62%, var(--el-hot) 100%);border-radius:7px;width:0;transition:width .35s;position:absolute;inset:0 auto 0 0}:where(body.p-electric) .el-loadtrack-mark{background:var(--el-ink);opacity:.55;width:2px;position:absolute;top:-4px;bottom:-4px}:where(body.p-electric) .el-loadtrack-scale{color:var(--muted);justify-content:space-between;margin-top:.4rem;font-size:.72rem;display:flex}:where(body.p-electric) .el-loadboard-verdict{background:var(--el-ok-soft);border-left:3px solid var(--el-ok);color:var(--el-ink);border-radius:10px;margin-top:1rem;padding:.85rem 1rem;font-size:.86rem;line-height:1.75}:where(body.p-electric) .el-loadboard-verdict[data-level="2"]{background:var(--el-warm-mid)}@supports (color:color-mix(in lab, red, red)){:where(body.p-electric) .el-loadboard-verdict[data-level="2"]{background:color-mix(in srgb, var(--el-warm-mid) 14%, var(--surface,#fff9ef))}}:where(body.p-electric) .el-loadboard-verdict[data-level="2"]{border-left-color:var(--el-warm-mid)}:where(body.p-electric) .el-loadboard-verdict[data-level="3"],:where(body.p-electric) .el-loadboard-verdict[data-level="4"]{background:var(--el-hot-soft);border-left-color:var(--el-hot)}:where(body.p-electric) .el-loadboard-foot{color:var(--muted);margin-top:.8rem;font-size:.76rem;line-height:1.7}:where(body.p-electric) .el-wire-stage{background:var(--surface-2,#fbf3e3);border:1px solid var(--el-line);border-radius:16px;margin-top:1.6rem;padding:1.4rem 1.4rem 1.2rem}:where(body.p-electric) .el-wire-track{background:linear-gradient(#e9dcc3 0%,#dfcfb2 100%);border-radius:12px;height:60px;position:relative;overflow:hidden}:where(body.p-electric) .el-wire-core{background:linear-gradient(#c98a4b 0%,#a25e1c 60%,#7e4413 100%);border-radius:8px;width:100%;height:16px;margin-top:0;transition:background .45s,box-shadow .45s;position:absolute;top:18px;left:0}:where(body.p-electric) .el-wire-track[data-state=warm] .el-wire-core{box-shadow:0 0 14px 2px var(--el-warm-mid)}@supports (color:color-mix(in lab, red, red)){:where(body.p-electric) .el-wire-track[data-state=warm] .el-wire-core{box-shadow:0 0 14px 2px color-mix(in srgb, var(--el-warm-mid) 55%, transparent)}}:where(body.p-electric) .el-wire-track[data-state=hot] .el-wire-core{box-shadow:0 0 20px 3px var(--el-warm-mid);background:linear-gradient(#e8b04a 0%,#c97a23 60%,#a25e1c 100%)}@supports (color:color-mix(in lab, red, red)){:where(body.p-electric) .el-wire-track[data-state=hot] .el-wire-core{box-shadow:0 0 20px 3px color-mix(in srgb, var(--el-warm-mid) 70%, transparent)}}:where(body.p-electric) .el-wire-track[data-state=hot] .el-wire-core{animation:1.8s ease-in-out infinite el-heatpulse}:where(body.p-electric) .el-wire-track[data-state=danger] .el-wire-core,:where(body.p-electric) .el-wire-track[data-state=fire] .el-wire-core{box-shadow:0 0 24px 4px var(--el-hot);background:linear-gradient(#e2724f 0%,#b03a22 60%,#6e2314 100%)}@supports (color:color-mix(in lab, red, red)){:where(body.p-electric) .el-wire-track[data-state=danger] .el-wire-core,:where(body.p-electric) .el-wire-track[data-state=fire] .el-wire-core{box-shadow:0 0 24px 4px color-mix(in srgb, var(--el-hot) 62%, transparent)}}:where(body.p-electric) .el-wire-track[data-state=danger] .el-wire-core,:where(body.p-electric) .el-wire-track[data-state=fire] .el-wire-core{animation:1.1s ease-in-out infinite el-heatpulse}@keyframes el-heatpulse{0%,to{filter:brightness()}50%{filter:brightness(1.22)}}@media (prefers-reduced-motion:reduce){:where(body.p-electric) .el-wire-track[data-state=hot] .el-wire-core,:where(body.p-electric) .el-wire-track[data-state=danger] .el-wire-core,:where(body.p-electric) .el-wire-track[data-state=fire] .el-wire-core{animation:none}}:where(body.p-electric) .el-wire-smoke{opacity:0;pointer-events:none;background:radial-gradient(circle,#786e6080 0%,#786e6000 70%);border-radius:50%;width:54px;height:54px;margin-left:-27px;transition:opacity .4s;position:absolute;bottom:100%;left:50%}:where(body.p-electric) .el-wire-track[data-state=danger] .el-wire-smoke,:where(body.p-electric) .el-wire-track[data-state=fire] .el-wire-smoke{opacity:1;animation:2.4s ease-out infinite el-smoke}@keyframes el-smoke{0%{opacity:.75;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-34px)scale(1.5)}}:where(body.p-electric) .el-wire-flame{background:linear-gradient(180deg, #ffe08a 0%, var(--el-hot) 60%, #8e2218 100%);opacity:0;transform-origin:50% 100%;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;width:22px;height:30px;margin-left:-11px;transition:opacity .3s;position:absolute;top:4px;left:50%}:where(body.p-electric) .el-wire-track[data-state=fire] .el-wire-flame{opacity:1;animation:1.1s ease-in-out infinite el-flicker}@keyframes el-flicker{0%,to{transform:scaleY(1)scaleX(1)}40%{transform:scaleY(1.14)scaleX(.92)}70%{transform:scaleY(.94)scaleX(1.06)}}@media (prefers-reduced-motion:reduce){:where(body.p-electric) .el-wire-track[data-state=danger] .el-wire-smoke,:where(body.p-electric) .el-wire-track[data-state=fire] .el-wire-smoke,:where(body.p-electric) .el-wire-track[data-state=fire] .el-wire-flame{animation:none}}:where(body.p-electric) .el-wire-insulation{text-align:center;color:var(--muted);font-size:.72rem;position:absolute;inset:auto 0 4px}:where(body.p-electric) .el-wire-hud{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem;margin-top:1.1rem;display:grid}:where(body.p-electric) .el-wire-hud-cell{background:var(--surface,#fff9ef);border:1px solid var(--el-line);text-align:center;border-radius:10px;padding:.7rem .8rem}:where(body.p-electric) .el-wire-hud-label{color:var(--muted);font-size:.74rem}:where(body.p-electric) .el-wire-hud-value{color:var(--el-ink);margin-top:.18rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:1.06rem;font-weight:700}:where(body.p-electric) .el-wire-scale{height:48px;margin-top:.55rem;position:relative}:where(body.p-electric) .el-wire-scale-cap{border-left:3px solid var(--el-hot);flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;margin-top:1.1rem;padding-left:.6rem;display:flex}:where(body.p-electric) .el-wire-scale-cap-title{color:var(--el-ink);font-size:.82rem;font-weight:700}:where(body.p-electric) .el-wire-scale-cap-hint{color:var(--muted);font-size:.72rem;line-height:1.5}:where(body.p-electric) .el-wire-scale-tick{color:var(--muted);white-space:nowrap;font-size:.68rem;position:absolute;top:0;transform:translate(-50%)}:where(body.p-electric) .el-wire-scale-tick.is-ok{color:var(--el-ok)}:where(body.p-electric) .el-wire-scale-tick.is-warn{color:var(--el-warm-mid)}:where(body.p-electric) .el-wire-scale-tick.is-danger{color:var(--el-hot);font-weight:700}:where(body.p-electric) .el-wire-scale-tick:before{content:"";background:var(--el-line);width:1px;height:7px;margin:0 auto .2rem;display:block}:where(body.p-electric) .el-wire-scale-tick.is-ok:before{background:var(--el-ok)}:where(body.p-electric) .el-wire-scale-tick.is-warn:before{background:var(--el-warm-mid)}:where(body.p-electric) .el-wire-scale-tick.is-danger:before{background:var(--el-hot)}:where(body.p-electric) .el-wire-verdict{background:var(--el-ok-soft);border-left:3px solid var(--el-ok);color:var(--el-ink);border-radius:10px;margin-top:1rem;padding:.85rem 1rem;font-size:.86rem;line-height:1.75}:where(body.p-electric) .el-wire-verdict[data-level="2"]{background:var(--el-warm-mid)}@supports (color:color-mix(in lab, red, red)){:where(body.p-electric) .el-wire-verdict[data-level="2"]{background:color-mix(in srgb, var(--el-warm-mid) 14%, var(--surface,#fff9ef))}}:where(body.p-electric) .el-wire-verdict[data-level="2"]{border-left-color:var(--el-warm-mid)}:where(body.p-electric) .el-wire-verdict[data-level="3"],:where(body.p-electric) .el-wire-verdict[data-level="4"]{background:var(--el-hot-soft);border-left-color:var(--el-hot)}:where(body.p-electric) .el-danger-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1.4rem;display:grid}:where(body.p-electric) .el-danger-card{background:var(--surface,#fff9ef);border:1px solid var(--el-line);border-top:3px solid var(--el-copper);border-radius:14px;padding:1.2rem 1.2rem 1.1rem;transition:transform .18s,box-shadow .18s}:where(body.p-electric) .el-danger-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #2c1f121a}:where(body.p-electric) .el-danger-card[data-kind=fire]{border-top-color:var(--el-hot)}:where(body.p-electric) .el-danger-card[data-kind=shock]{border-top-color:var(--el-ok)}:where(body.p-electric) .el-danger-card[data-kind=break]{border-top-color:var(--el-warm-mid)}:where(body.p-electric) .el-danger-head{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}:where(body.p-electric) .el-danger-icon{font-size:1.16rem;line-height:1}:where(body.p-electric) .el-danger-head h3{color:var(--el-ink);margin:0;font-size:.96rem}:where(body.p-electric) .el-danger-card p{color:var(--muted);margin:.4rem 0 0;font-size:.84rem;line-height:1.78}:where(body.p-electric) .el-danger-card strong{color:var(--el-ink)}:where(body.p-electric) .el-myth-pair{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.4rem;display:grid}:where(body.p-electric) .el-myth{border:1px solid var(--el-line);background:var(--surface,#fff9ef);border-radius:14px;padding:1.1rem 1.2rem}:where(body.p-electric) .el-myth.is-wrong{border-left:3px solid var(--el-hot)}:where(body.p-electric) .el-myth.is-right{border-left:3px solid var(--el-ok)}:where(body.p-electric) .el-myth-head{letter-spacing:.04em;color:var(--muted);font-size:.78rem;font-weight:700}:where(body.p-electric) .el-myth.is-wrong .el-myth-head{color:var(--el-hot)}:where(body.p-electric) .el-myth.is-right .el-myth-head{color:var(--el-ok)}:where(body.p-electric) .el-myth p{color:var(--el-ink);margin:.45rem 0 0;font-size:.86rem;line-height:1.8}:where(body.p-electric) .el-myth p+p{color:var(--muted)}:where(body.p-electric).el-page .warning-callout,:where(body.p-electric) .warning-callout{background:var(--el-hot-soft,#fbe9e5);border-left:3px solid var(--el-hot,#c73e2a);border-radius:12px;gap:.8rem;margin-top:1.4rem;padding:1rem 1.15rem;display:flex}:where(body.p-electric) .warning-icon{flex-shrink:0;font-size:1.1rem;line-height:1.5}:where(body.p-electric) .warning-content{color:var(--fg,#2c1f12);font-size:.86rem;line-height:1.8}:where(body.p-electric) .warning-content strong{color:var(--el-ink,#2c1f12)}:where(body.p-electric) .el-check{background:var(--surface-2,#fbf3e3);border:1px solid var(--el-line);border-radius:16px;margin-top:2rem;padding:1.4rem}:where(body.p-electric) .el-check-head{min-width:0}:where(body.p-electric) .el-check-title{color:var(--el-ink);margin:0;font-size:1.02rem}:where(body.p-electric) .el-check-sub{color:var(--muted);margin:.35rem 0 0;font-size:.82rem;line-height:1.7}:where(body.p-electric) .el-check-list{gap:.5rem;margin-top:1.1rem;display:grid}:where(body.p-electric) .el-check-item{background:var(--surface,#fff9ef);border:1px solid var(--el-line);color:var(--el-ink);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.6rem;padding:.65rem .8rem;font-size:.84rem;line-height:1.7;transition:transform .18s,box-shadow .18s;display:flex}:where(body.p-electric) .el-check-item:hover{transform:translateY(-2px);box-shadow:0 6px 14px #2c1f1214}:where(body.p-electric) .el-check-item:focus-within{outline:2px solid var(--primary,#c73e2a);outline-offset:2px}:where(body.p-electric) .el-check-item input{width:1.05rem;height:1.05rem;accent-color:var(--el-hot);flex-shrink:0;margin-top:.18rem}:where(body.p-electric) .el-check-out{border-top:1px dashed var(--el-line);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.1rem;padding-top:1.1rem;display:flex}:where(body.p-electric) .el-check-score{flex-shrink:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}:where(body.p-electric) .el-check-score b{color:var(--el-hot);font-size:1.5rem}:where(body.p-electric) .el-check-score span{color:var(--muted);font-size:.78rem}:where(body.p-electric) .el-check-verdict{color:var(--muted);flex:240px;margin:0;font-size:.84rem;line-height:1.78}:where(body.p-electric) .el-source-card{background:var(--surface,#fff9ef);border:1px solid var(--el-line);border-top:3px solid var(--el-copper);border-radius:14px;padding:1.2rem;transition:transform .18s,box-shadow .18s}:where(body.p-electric) .el-source-card.el-source-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #2c1f121a}:where(body.p-electric) .el-source-head{align-items:center;gap:.5rem;display:flex}:where(body.p-electric) .el-source-icon{font-size:1.16rem;line-height:1}:where(body.p-electric) .el-source-head h3{color:var(--el-ink);margin:0;font-size:.96rem}:where(body.p-electric) .el-source-card p{color:var(--muted);margin:.5rem 0 0;font-size:.84rem;line-height:1.78}:where(body.p-electric) .el-source-card strong{color:var(--el-ink)}:where(body.p-electric) .el-source-tags{flex-wrap:wrap;gap:.35rem;margin-top:.8rem;display:flex}:where(body.p-electric) .el-source-tag{color:var(--el-copper-deep);background:var(--el-copper-soft);border:1px solid var(--el-copper);border-radius:999px;padding:.16rem .5rem;font-size:.7rem}@supports (color:color-mix(in lab, red, red)){:where(body.p-electric) .el-source-tag{border:1px solid color-mix(in srgb, var(--el-copper) 26%, transparent)}}:where(body.p-electric) .el-timeline{margin-top:1.4rem;padding-left:2.1rem;position:relative}:where(body.p-electric) .el-timeline-rail{background:var(--el-line);border-radius:2px;width:3px;position:absolute;top:.6rem;bottom:.6rem;left:.5rem;overflow:hidden}:where(body.p-electric) .el-timeline-progress{background:linear-gradient(180deg, var(--el-warm-mid) 0%, var(--el-hot) 100%);border-radius:2px;width:0;height:100%;transition:height .25s linear;display:block}:where(body.p-electric) .el-timeline-list{gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}:where(body.p-electric) .el-timeline-node{position:relative}:where(body.p-electric) .el-timeline-dot{background:var(--surface,#fff9ef);border:3px solid var(--el-copper);border-radius:50%;width:13px;height:13px;position:absolute;top:.55rem;left:-1.85rem}:where(body.p-electric) .el-timeline-node[data-node="0"] .el-timeline-dot{border-color:var(--el-copper)}:where(body.p-electric) .el-timeline-node[data-node="1"] .el-timeline-dot{border-color:var(--el-warm-mid)}:where(body.p-electric) .el-timeline-node[data-node="2"] .el-timeline-dot{border-color:var(--el-hot)}:where(body.p-electric) .el-timeline-card{background:var(--surface,#fff9ef);border:1px solid var(--el-line);border-radius:12px;padding:1.1rem 1.2rem}:where(body.p-electric) .el-timeline-date{color:var(--el-copper-deep);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.76rem;font-weight:700}:where(body.p-electric) .el-timeline-card h3{color:var(--el-ink);margin:.3rem 0 0;font-size:.98rem}:where(body.p-electric) .el-timeline-card p{color:var(--muted);margin:.45rem 0 0;font-size:.85rem;line-height:1.8}:where(body.p-electric) .el-timeline-card strong{color:var(--el-ink)}:where(body.p-electric) .el-progress{background:var(--surface-2,#fbf3e3);border:1px solid var(--el-line);border-radius:12px;margin-top:1rem;padding:1.1rem 1.2rem}:where(body.p-electric) .el-progress-head{color:var(--el-ink);justify-content:space-between;align-items:baseline;gap:.6rem;font-size:.86rem;display:flex}:where(body.p-electric) .el-progress-head b{color:var(--el-copper-deep);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.94rem}:where(body.p-electric) .el-progress-track{background:#2c1f1214;border-radius:5px;height:10px;margin-top:.6rem;overflow:hidden}:where(body.p-electric) .el-progress-fill{background:linear-gradient(90deg, var(--el-ok) 0%, var(--el-copper) 100%);border-radius:5px;width:0;height:100%;transition:width .3s;display:block}:where(body.p-electric) .el-progress-note{color:var(--muted);margin:.7rem 0 0;font-size:.82rem;line-height:1.75}:where(body.p-electric) .el-defence{gap:1rem;margin-top:1.4rem;display:grid}:where(body.p-electric) .el-defence-item{background:var(--surface,#fff9ef);border:1px solid var(--el-line);border-radius:14px;gap:1rem;padding:1.2rem 1.2rem 1.1rem;transition:transform .18s,box-shadow .18s;display:flex}:where(body.p-electric) .el-defence-item:hover{transform:translateY(-3px);box-shadow:0 10px 22px #2c1f121a}:where(body.p-electric) .el-defence-no{background:var(--el-copper-soft);width:32px;height:32px;color:var(--el-copper);border-radius:50%;flex-shrink:0;place-items:center;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-weight:700;display:grid}:where(body.p-electric) .el-defence-body{min-width:0}:where(body.p-electric) .el-defence-body h3{color:var(--el-ink);margin:0 0 .45rem;font-size:.98rem;line-height:1.6}:where(body.p-electric) .el-defence-body p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.8}:where(body.p-electric) .el-defence-body ul{color:var(--muted);margin:.6rem 0 0;padding-left:1.1rem;font-size:.85rem;line-height:1.85}:where(body.p-electric) .el-defence-body li+li{margin-top:.3rem}:where(body.p-electric) .el-defence-body strong{color:var(--el-ink)}:where(body.p-electric) .el-defence-done{background:var(--surface-2,#fbf3e3);border:1px solid var(--el-line);color:var(--el-ink);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;margin-top:.8rem;padding:.35rem .7rem;font-size:.78rem;display:inline-flex}:where(body.p-electric) .el-defence-done:focus-within{outline:2px solid var(--primary,#c73e2a);outline-offset:2px}:where(body.p-electric) .el-defence-done input{width:1rem;height:1rem;accent-color:var(--el-copper)}:where(body.p-electric) .el-firstaid{background:var(--el-hot-soft);border-left:3px solid var(--el-hot);border-radius:14px;margin-top:1.6rem;padding:1.3rem 1.4rem}:where(body.p-electric) .el-firstaid h3{color:var(--el-ink);margin:0 0 .7rem;font-size:1rem}:where(body.p-electric) .el-firstaid ol{color:var(--muted);margin:0;padding-left:1.2rem;font-size:.85rem;line-height:1.85}:where(body.p-electric) .el-firstaid li+li{margin-top:.5rem}:where(body.p-electric) .el-firstaid b{color:var(--el-ink)}:where(body.p-electric) .quiz-feedback{background:var(--el-warm-mid,#c89f3d);border-radius:10px;margin-top:.6rem;padding:.7rem .9rem;font-size:.82rem;line-height:1.75;display:none}@supports (color:color-mix(in lab, red, red)){:where(body.p-electric) .quiz-feedback{background:color-mix(in srgb, var(--el-warm-mid,#c89f3d) 14%, var(--surface,#fff9ef))}}:where(body.p-electric) .quiz-feedback{border-left:3px solid var(--el-warm-mid,#c89f3d);color:var(--fg,#2c1f12)}:where(body.p-electric) .quiz-feedback.is-on{display:block}:where(body.p-electric) .el-loadboard,:where(body.p-electric) .el-wire-stage,:where(body.p-electric) .el-check,:where(body.p-electric) .el-progress,:where(body.p-electric) .el-defence,:where(body.p-electric) .el-firstaid,:where(body.p-electric) .el-danger-grid,:where(body.p-electric) .el-myth-pair,:where(body.p-electric) .el-formula-board,:where(body.p-electric) .el-timeline,:where(body.p-electric).el-page .warning-callout{grid-column:1/-1}@media (max-width:720px){:where(body.p-electric) .el-loadboard,:where(body.p-electric) .el-wire-stage,:where(body.p-electric) .el-check,:where(body.p-electric) .el-firstaid{padding:1.1rem 1rem}:where(body.p-electric) .el-defence-item{flex-direction:column;gap:.7rem}:where(body.p-electric) .el-timeline{padding-left:1.7rem}:where(body.p-electric) .el-timeline-dot{left:-1.45rem}:where(body.p-electric) .el-wire-scale-tick{font-size:.62rem}}@media (max-width:460px){:where(body.p-electric) .el-loadboard-grid,:where(body.p-electric) .el-danger-grid,:where(body.p-electric) .el-myth-pair{grid-template-columns:1fr}:where(body.p-electric) .el-wire-scale{grid-template-columns:1fr 1fr;gap:.7rem .9rem;height:auto;padding-bottom:.5rem;display:grid}:where(body.p-electric) .el-wire-scale-tick{white-space:normal;position:static;transform:none}:where(body.p-electric) .el-wire-scale-tick:before{width:12px;height:1px;margin:0 0 .3rem}}:where(body.p-electric) .el-formula,:where(body.p-electric) .el-myth,:where(body.p-electric) .el-timeline-card{transition:transform .18s,box-shadow .18s}:where(body.p-electric) .el-formula:hover,:where(body.p-electric) .el-myth:hover,:where(body.p-electric) .el-timeline-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #2c1f181f}:where(body.p-drain) .dc-thermo,:where(body.p-drain) .dc-step-grid,:where(body.p-drain) .dc-reveal-note,:where(body.p-drain) .dc-info-grid,:where(body.p-drain) .dc-subhead,:where(body.p-drain) .dc-myth,:where(body.p-drain) .dc-aid,:where(body.p-drain) .dc-rule-grid,:where(body.p-drain) .dc-antipattern{grid-column:1/-1}:where(body.p-drain) .dc-thermo{background:var(--surface,#fcf6e7);border:1px solid var(--border,#2c1f1224);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:1.8rem;margin-top:2rem;padding:1.6rem 1.5rem;display:grid}:where(body.p-drain) .dc-thermo-stage{justify-content:center;align-items:center;display:flex}:where(body.p-drain) .dc-stage-svg{width:100%;max-width:300px;height:auto}:where(body.p-drain) .dc-beaker{fill:none;stroke:#2c1f1257;stroke-width:3px;stroke-linecap:round}:where(body.p-drain) .dc-liquid{transition:fill .7s}:where(body.p-drain) .dc-grain{fill:#1e6b6e;opacity:.85}:where(body.p-drain) .dc-bubble{fill:#1e6b6e80;opacity:0}:where(body.p-drain) .dc-steam{stroke:#c73e2a8c;stroke-width:2.5px;stroke-linecap:round;opacity:0}:where(body.p-drain) .dc-thermo.is-running .dc-grain-1{animation:1.1s ease-in 50ms both dc-grain-fall}:where(body.p-drain) .dc-thermo.is-running .dc-grain-2{animation:1.1s ease-in .22s both dc-grain-fall}:where(body.p-drain) .dc-thermo.is-running .dc-grain-3{animation:1.1s ease-in .4s both dc-grain-fall}:where(body.p-drain) .dc-thermo.is-running .dc-liquid{fill:#c73e2a47}:where(body.p-drain) .dc-thermo.is-running .dc-bubble-1{animation:1.5s ease-in .6s infinite dc-bubble-rise}:where(body.p-drain) .dc-thermo.is-running .dc-bubble-2{animation:1.7s ease-in .95s infinite dc-bubble-rise}:where(body.p-drain) .dc-thermo.is-running .dc-bubble-3{animation:1.4s ease-in 1.2s infinite dc-bubble-rise}:where(body.p-drain) .dc-thermo.is-running .dc-bubble-4{animation:1.9s ease-in 1.45s infinite dc-bubble-rise}:where(body.p-drain) .dc-thermo.is-running .dc-steam-1{animation:1.8s ease-out .8s infinite dc-steam-up}:where(body.p-drain) .dc-thermo.is-running .dc-steam-2{animation:2s ease-out 1.15s infinite dc-steam-up}:where(body.p-drain) .dc-thermo.is-running .dc-steam-3{animation:1.7s ease-out 1.4s infinite dc-steam-up}@keyframes dc-grain-fall{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(48px)}}@keyframes dc-bubble-rise{0%{opacity:0;transform:translateY(0)}25%{opacity:.75}to{opacity:0;transform:translateY(-64px)}}@keyframes dc-steam-up{0%{opacity:0;transform:translateY(0)}30%{opacity:.8}to{opacity:0;transform:translateY(-40px)}}:where(body.p-drain) .dc-gauge{flex-direction:column;gap:.55rem;display:flex}:where(body.p-drain) .dc-gauge-label{letter-spacing:.04em;color:var(--muted,#2c1f129e);font-size:.82rem}:where(body.p-drain) .dc-gauge-body{align-items:flex-end;gap:1.1rem;display:flex}:where(body.p-drain) .dc-gauge-track{background:#2c1f1212;border:1px solid #2c1f121f;border-radius:17px;flex:none;width:34px;height:188px;position:relative;overflow:hidden}:where(body.p-drain) .dc-gauge-fill{background:linear-gradient(#3c8c8e,#1e6b6e);border-radius:17px;height:20%;transition:height .18s linear,background .45s;position:absolute;bottom:0;left:0;right:0}:where(body.p-drain) .dc-gauge-fill.is-warm{background:linear-gradient(#e0a23c,#c89f3d)}:where(body.p-drain) .dc-gauge-fill.is-hot{background:linear-gradient(#e8703a,#c73e2a)}:where(body.p-drain) .dc-gauge-fill.is-critical{background:linear-gradient(#f26d6d,#b91c1c)}:where(body.p-drain) .dc-gauge-readout{align-items:baseline;gap:.18rem;padding-bottom:.35rem;display:flex}:where(body.p-drain) .dc-gauge-num{font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--fg,#2c1f12);font-size:2.5rem;font-weight:700;line-height:1}:where(body.p-drain) .dc-gauge-unit{color:var(--muted,#2c1f129e);font-size:.95rem}:where(body.p-drain) .dc-gauge-status{color:#1e6b6e;font-size:.92rem;font-weight:600}:where(body.p-drain) .dc-gauge-note{color:var(--muted,#2c1f129e);font-size:.82rem;line-height:1.7}:where(body.p-drain) .dc-control-label{letter-spacing:.04em;color:var(--muted,#2c1f129e);margin-bottom:.5rem;font-size:.82rem}:where(body.p-drain) .dc-step-grid{grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:1.15rem;margin-top:2rem;display:grid}:where(body.p-drain) .dc-step-card{background:var(--surface,#fcf6e7);border:1px solid var(--border,#2c1f1224);border-radius:14px;padding:1.4rem 1.3rem;transition:transform .18s,box-shadow .18s;position:relative}:where(body.p-drain) .dc-step-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #2c1f181f}:where(body.p-drain) .dc-step-icon{width:48px;height:48px;margin-bottom:.7rem}:where(body.p-drain) .dc-step-icon svg{width:100%;height:100%;display:block}:where(body.p-drain) .dc-step-num{font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.06em;color:#1e6b6e;background:#f2e8d2;border:1px solid #1e6b6e57;border-radius:999px;padding:2px 9px;font-size:.78rem;font-weight:700;position:absolute;top:-12px;right:14px}:where(body.p-drain) .dc-step-card h3{color:var(--fg,#2c1f12);margin:0 0 .5rem;font-size:1.06rem;font-weight:700}:where(body.p-drain) .dc-step-card p{color:#2c1f12db;margin:0 0 .7rem;font-size:.92rem;line-height:1.8}:where(body.p-drain) .dc-step-card strong{color:#14504f}:where(body.p-drain) .dc-step-eq{font-family:var(--font-mono,"JetBrains Mono", monospace);color:#14504f;background:#1e6b6e17;border-radius:7px;padding:.45rem .6rem;font-size:.82rem}:where(body.p-drain) .dc-reveal-note{background:#c73e2a12;border:1px solid #c73e2a42;border-left:4px solid #c73e2a;border-radius:12px;gap:.9rem;margin-top:1.4rem;padding:1.15rem 1.25rem;display:flex}:where(body.p-drain) .dc-reveal-icon{flex:none;font-size:1.3rem;line-height:1.5}:where(body.p-drain) .dc-reveal-body{color:#2c1f12e6;font-size:.93rem;line-height:1.85}:where(body.p-drain) .dc-reveal-body strong{color:#8e2218}:where(body.p-drain) .dc-info-grid{grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:1.1rem;margin-top:1.5rem;display:grid}:where(body.p-drain) .dc-info-card{background:var(--surface,#fcf6e7);border:1px solid var(--border,#2c1f1224);border-radius:13px;padding:1.25rem 1.2rem;transition:transform .18s,box-shadow .18s}:where(body.p-drain) .dc-info-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #2c1f181f}:where(body.p-drain) .dc-info-card--harm{background:#c73e2a0f;border-color:#c73e2a3d}:where(body.p-drain) .dc-info-card--severe{background:#b91c1c14;border-color:#b91c1c4d}:where(body.p-drain) .dc-info-icon{margin-bottom:.5rem;font-size:1.5rem;line-height:1.2}:where(body.p-drain) .dc-info-card h4{color:var(--fg,#2c1f12);margin:0 0 .5rem;font-size:1rem;font-weight:700}:where(body.p-drain) .dc-info-card p{color:#2c1f12db;margin:0;font-size:.9rem;line-height:1.82}:where(body.p-drain) .dc-info-card strong{color:#8e2218}:where(body.p-drain) .dc-stage-tag{letter-spacing:.05em;color:#14504f;background:#1e6b6e1f;border-radius:999px;margin-bottom:.7rem;padding:3px 10px;font-size:.76rem;font-weight:700;display:inline-block}:where(body.p-drain) .dc-info-card--severe .dc-stage-tag{color:#8e2218;background:#b91c1c24}:where(body.p-drain) .dc-info-list{flex-direction:column;gap:.38rem;margin:0;padding:0;list-style:none;display:flex}:where(body.p-drain) .dc-info-list li{color:#2c1f12db;padding-left:1rem;font-size:.88rem;line-height:1.7;position:relative}:where(body.p-drain) .dc-info-list li:before{content:"";opacity:.7;background:#c73e2a;border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:0}:where(body.p-drain) .dc-subhead{letter-spacing:.02em;color:var(--fg,#2c1f12);margin-top:2rem;font-size:.95rem;font-weight:700}:where(body.p-drain) .dc-myth{background:#c89f3d17;border:1px solid #c89f3d4d;border-radius:14px;margin-top:1.8rem;padding:1.4rem 1.35rem}:where(body.p-drain) .dc-myth-head{color:#7a5410;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.98rem;font-weight:700;display:flex}:where(body.p-drain) .dc-myth-head-icon{font-size:1.1rem}:where(body.p-drain) .dc-myth-list{flex-direction:column;gap:.85rem;display:flex}:where(body.p-drain) .dc-myth-item{background:#ffffff94;border:1px solid #2c1f121a;border-radius:10px;gap:.75rem;padding:.85rem .95rem;display:flex}:where(body.p-drain) .dc-myth-icon{flex:none;font-size:1.15rem;line-height:1.4}:where(body.p-drain) .dc-myth-body{flex-direction:column;gap:.22rem;display:flex}:where(body.p-drain) .dc-myth-body strong{color:#8e2218;font-size:.94rem}:where(body.p-drain) .dc-myth-body span{color:#2c1f12d6;font-size:.88rem;line-height:1.78}:where(body.p-drain) .dc-myth-body span strong{font-size:inherit;color:#8e2218}:where(body.p-drain) .dc-aid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem;margin-top:1.8rem;display:grid}:where(body.p-drain) .dc-aid-col{background:var(--surface,#fcf6e7);border:1px solid var(--border,#2c1f1224);border-radius:13px;padding:1.3rem 1.25rem}:where(body.p-drain) .dc-aid-col--do{border-left:4px solid #1e6b6e}:where(body.p-drain) .dc-aid-col--dont{border-left:4px solid #c73e2a}:where(body.p-drain) .dc-aid-head{color:var(--fg,#2c1f12);align-items:center;gap:.45rem;margin-bottom:.8rem;font-size:1rem;font-weight:700;display:flex}:where(body.p-drain) .dc-aid-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}:where(body.p-drain) .dc-aid-list li{color:#2c1f12e0;padding-left:.95rem;font-size:.89rem;line-height:1.78;position:relative}:where(body.p-drain) .dc-aid-list li:before{content:"·";color:#2c1f1280;font-weight:700;position:absolute;left:.15rem}:where(body.p-drain) .dc-aid-col--do .dc-aid-list li strong{color:#14504f}:where(body.p-drain) .dc-aid-col--dont .dc-aid-list li strong{color:#8e2218}:where(body.p-drain) .dc-rule-grid{grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:1.15rem;margin-top:2rem;display:grid}:where(body.p-drain) .dc-rule-card{background:var(--surface,#fcf6e7);border:1px solid var(--border,#2c1f1224);border-radius:14px;padding:1.5rem 1.3rem 1.3rem;transition:transform .18s,box-shadow .18s;position:relative}:where(body.p-drain) .dc-rule-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #2c1f181f}:where(body.p-drain) .dc-rule-num{width:30px;height:30px;font-family:var(--font-mono,"JetBrains Mono", monospace);color:#fcf6e7;background:#1e6b6e;border-radius:50%;justify-content:center;align-items:center;font-size:.92rem;font-weight:700;display:flex;position:absolute;top:-14px;left:14px;box-shadow:0 3px 8px #1e6b6e4d}:where(body.p-drain) .dc-rule-card h3{color:var(--fg,#2c1f12);margin:.2rem 0 .55rem;font-size:1.04rem;font-weight:700}:where(body.p-drain) .dc-rule-card p{color:#2c1f12db;margin:0 0 .8rem;font-size:.91rem;line-height:1.8}:where(body.p-drain) .dc-rule-card strong{color:#14504f}:where(body.p-drain) .dc-rule-do{color:#2c1f12cc;background:#1e6b6e14;border-radius:8px;padding:.6rem .7rem;font-size:.85rem;line-height:1.75}:where(body.p-drain) .dc-rule-label{color:#14504f;margin-right:.2rem;font-weight:700}:where(body.p-drain) .dc-antipattern{background:#b91c1c12;border:1px solid #b91c1c42;border-left:4px solid #b91c1c;border-radius:13px;gap:.9rem;margin-top:1.5rem;padding:1.25rem 1.3rem;display:flex}:where(body.p-drain) .dc-antipattern-icon{flex:none;font-size:1.25rem;line-height:1.5}:where(body.p-drain) .dc-antipattern-content{color:#2c1f12e6;font-size:.92rem;line-height:1.85}:where(body.p-drain) .dc-antipattern-content>strong{color:#8e2218}:where(body.p-drain) .dc-antipattern-list{flex-direction:column;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}:where(body.p-drain) .dc-antipattern-list li{padding-left:1.05rem;font-size:.89rem;line-height:1.75;position:relative}:where(body.p-drain) .dc-antipattern-list li:before{content:"✕";color:#b91c1c;font-size:.78rem;font-weight:700;position:absolute;top:.05em;left:0}:where(body.p-drain) .dc-antipattern-list li strong{color:#8e2218}:where(body.p-drain) .dc-myth-item,:where(body.p-drain) .dc-aid-col{transition:transform .18s,box-shadow .18s}:where(body.p-drain) .dc-myth-item:hover,:where(body.p-drain) .dc-aid-col:hover{transform:translateY(-3px);box-shadow:0 6px 18px #2c1f181f}:where(body.p-drain) .hero-mini-tag-acid2{color:#a82818;background:#c73e2a26}:where(body.p-drain) .hero-mini-tag-toxic{color:#b91c1c;background:#ef44441f;border-color:#ef444466}:where(body.p-drain) .hero-particle-cl2{animation:2.2s ease-in-out infinite dc-cl2-pulse}@keyframes dc-cl2-pulse{0%,to{opacity:.85}50%{opacity:.42}}:where(body.p-drain) .micro-process-pill.is-active-dc{color:#fcf6e7;background:#1e6b6e;border-color:#1e6b6e}:where(body.p-drain) .dc-info-card--stage{background:#fff}@media (max-width:760px){:where(body.p-drain) .dc-thermo{grid-template-columns:1fr}}@media (max-width:460px){:where(body.p-drain) .dc-step-grid,:where(body.p-drain) .dc-info-grid,:where(body.p-drain) .dc-rule-grid,:where(body.p-drain) .dc-aid{grid-template-columns:1fr}:where(body.p-drain) .dc-gauge-track{height:150px}:where(body.p-drain) .dc-gauge-num{font-size:2rem}}:where(body.p-drain) #concept-definitions,:where(body.p-drain) #micro-process,:where(body.p-drain) #mechanism,:where(body.p-drain) #danger,:where(body.p-drain) #safety-rules,:where(body.p-drain) #quiz{scroll-margin-top:84px}.evidence-section{background:var(--surface,#fff9ef);border:1px solid var(--border,#e8dfd0);border-radius:var(--radius,12px);box-sizing:border-box;max-width:1100px;margin:2rem auto;padding:clamp(1.25rem,2.5vw,1.75rem) 1.5rem}.evidence-title{color:var(--fg,#2c1f12);align-items:center;gap:.5rem;margin-bottom:1.1rem;font-size:1.1rem;font-weight:700;display:flex}.evidence-cols{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (max-width:768px){.evidence-cols{grid-template-columns:1fr}}.evidence-col{flex-direction:column;gap:.8rem;display:flex}.evidence-col--case{--col-tone:#c73e2a}.evidence-col--policy{--col-tone:#1e6b6e}.evidence-col-head{color:var(--col-tone,#c73e2a);border-bottom:2px solid var(--col-tone,#c73e2a);align-items:baseline;gap:.5rem;padding-bottom:.5rem;font-size:.95rem;font-weight:700;display:flex}@supports (color:color-mix(in lab, red, red)){.evidence-col-head{border-bottom:2px solid color-mix(in srgb, var(--col-tone,#c73e2a) 35%, transparent)}}.evidence-col-head span{letter-spacing:.1em;color:var(--muted,#6b5b4f);font-size:.66rem;font-weight:600}.evidence-card{border:1px solid var(--card-border,#e8dfd0);background:var(--card,#fef9ee);color:inherit;transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:8px;flex-direction:column;flex:1;padding:1rem 1.2rem;text-decoration:none;display:flex}.evidence-col--case .evidence-card{--tone:#c73e2a}.evidence-col--policy .evidence-card{--tone:#1e6b6e}.evidence-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c1f121a}.evidence-card-tag{color:var(--tone,#c73e2a);background:var(--tone,#c73e2a);font-size:.7rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.evidence-card-tag{background:color-mix(in srgb, var(--tone,#c73e2a) 10%, transparent)}}.evidence-card-tag{border-radius:999px;align-self:flex-start;margin-bottom:.5rem;padding:.15rem .5rem}.evidence-card h4{margin:0 0 .4rem;font-size:.95rem;font-weight:700;line-height:1.4}.evidence-card p{color:var(--muted,#6b5b4f);flex:1;margin:0;font-size:.82rem;line-height:1.6}.evidence-card-go{color:var(--tone,#c73e2a);margin-top:.6rem;font-size:.78rem;font-weight:600}:where(body.p-antacid,body.p-carbon,body.p-electric,body.p-chlorine,body.p-mosquito,body.p-sunscreen,body.p-drain) .hero-visual{position:relative}}