/* English homepage editorial + interactive chart enhancements. Scoped to homepage. */
:root{--page-accent:#4f67df;--page-ink:#162444;--page-border:#e2e8f3}
body{overflow-x:hidden}
.home-intro{padding-top:26px;padding-bottom:8px}
.trust-ribbon{display:flex;flex-wrap:wrap;justify-content:space-between;gap:13px 18px;padding:17px 22px;border:1px solid #e8ecf5;border-radius:14px;background:#fff;box-shadow:0 5px 23px #14265608;color:#34546e;font-size:.86rem;font-weight:700}
.trust-ribbon span{white-space:nowrap}
.page-toc{display:flex;align-items:center;gap:28px;margin-top:34px;padding:24px 28px;border-radius:20px;background:#f5f7fd;border:1px solid #e4eafb}
.toc-title{display:grid;grid-template-columns:32px auto;column-gap:10px;align-items:center;min-width:180px}
.toc-title .toc-mark{width:32px;height:32px;display:grid;place-items:center;background:#e7edff;color:#4760bd;font-size:1.4rem;border-radius:10px;grid-row:span 2}
.toc-title strong{font-size:.94rem;line-height:1.2}.toc-title small{font-size:.73rem;color:#6c7895;line-height:1.2}
.toc-links{display:flex;flex-wrap:wrap;gap:9px}
.toc-links a{font-size:.81rem;font-weight:700;padding:7px 11px;border:1px solid #dfe7f4;border-radius:30px;color:#4b5c78;background:white;line-height:1.3}
.toc-links a:hover{color:#3255ca;border-color:#91a6f3;text-decoration:none}
.home-section{padding:79px 0;scroll-margin-top:88px}
.home-section.light-section{background:#f6f8fc}
.home-section .section-kicker{display:block;text-transform:uppercase;letter-spacing:.15em;color:#4f67df;font-weight:850;font-size:.72rem;margin-bottom:12px}
.home-section h2{font-size:clamp(1.75rem,2.6vw,2.55rem);color:#172342;max-width:810px;margin-bottom:23px}
.home-section h3{font-size:1.2rem;color:#202f51}
.home-section p{font-size:1.02rem;line-height:1.84;color:#55627a}
.home-section strong{color:#22375a}
.home-section a{font-weight:680}
.home-section .section-lead{max-width:890px;margin-top:-3px;margin-bottom:28px}
.home-section .section-intro{max-width:920px}
.split-info{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:65px;align-items:center}
.narrow-copy>p{max-width:650px}
.notice-compact{margin-top:28px;background:#edf4ff;border:1px solid #ccdafb;border-left:4px solid #5b7fe0;padding:18px 21px;border-radius:10px;color:#51647d;font-size:.91rem;line-height:1.75}
.illustration-card{background:linear-gradient(145deg,#f4f7ff,#ffffff);border:1px solid #dae3f6;border-radius:24px;box-shadow:0 24px 65px #13245e11;padding:32px 34px}
.illustration-head .eyebrow-text{font-size:.72rem;color:#4f67df;letter-spacing:.1em;font-weight:800;text-transform:uppercase;display:block;margin-bottom:7px}
.illustration-head strong{font-size:1.17rem}
.measure-visual{height:242px;display:flex;justify-content:space-evenly;align-items:center;padding-top:20px}
.measure-container{position:relative;width:95px;height:154px;border:4px solid #91a9cb;border-top:0;border-radius:8px 8px 20px 20px;transform:perspective(250px) rotateX(-2deg);background:linear-gradient(90deg,#fff7,transparent 40%);overflow:hidden}
.measure-container:before{content:"";position:absolute;top:0;left:-4px;right:-4px;height:12px;border:4px solid #91a9cb;border-radius:100%;background:#ecf5ff;z-index:3}
.measure-fill{position:absolute;bottom:0;width:100%;height:71%;background:linear-gradient(180deg,#a6dcff,#4e98ed);border-radius:9px 9px 13px 13px}
.measure-100{position:absolute;top:62px;left:8px;font-weight:850;color:#285b93;font-size:.8rem;z-index:2}
.measure-mark{position:absolute;right:0;width:22px;height:2px;background:#4179ad;z-index:2}.mk1{top:44px}.mk2{top:76px}.mk3{top:107px}
.measure-arrow{font-size:2rem;color:#7b98d0;font-weight:800}
.scale-visual{width:139px;margin-top:65px;position:relative}
.scale-screen{display:block;background:#e2f6ee;border:8px solid #e1e8f3;outline:2px solid #c4d2e7;text-align:center;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#1c7356;font-size:1.4rem;border-radius:8px;position:relative;z-index:1}
.scale-screen small{font-size:.65rem}
.scale-top{height:19px;width:65%;background:#9caec9;position:relative;margin:-5px auto 0;border-radius:9px 9px 0 0}
.scale-base{margin-top:0;background:#cad8ec;padding:11px;text-align:center;border-radius:7px;color:#5f6f86;font-size:.68rem;font-weight:850;letter-spacing:.13em}
.illustration-card>p{font-size:.86rem;line-height:1.6;text-align:center;margin:0}
.illustration-foot{border-top:1px solid #dce4f0;display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:23px;padding-top:20px;font-size:.78rem;color:#7b8aa4}
.illustration-foot b{color:#294d91}.swap-hint{font-size:.7rem}
.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.visual-panel{background:#fff;padding:28px;border:1px solid #e2e9f5;border-radius:18px;box-shadow:0 14px 43px #1d2a6010}
.visual-panel h3{margin-bottom:10px}.visual-panel>p{font-size:.91rem;line-height:1.6;margin-bottom:20px}.visual-panel>small{display:block;margin-top:20px;font-size:.75rem;color:#8490a6}
.density-bars{display:grid;gap:15px;margin:24px 0}
.density-row{display:grid;grid-template-columns:145px minmax(0,1fr) 69px;align-items:center;gap:12px;font-size:.79rem}
.density-name{font-weight:670;color:#4c5b73}.density-track{height:14px;background:#edf1f8;overflow:hidden;border-radius:99px}
.density-track span{display:block;height:100%;border-radius:99px}.density-row>strong{font-size:.8rem;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.water-graphic{width:100%;height:auto;display:block;margin-top:16px}
.chart-takeaway{font-size:.86rem;color:#54627b;background:#f1f6ff;border-radius:10px;padding:14px 16px;line-height:1.65}
.micro-callout{border:1px solid #dce6fc;border-radius:12px;background:#eff4ff;padding:17px 22px;margin-top:25px;color:#485d7d;line-height:1.7;font-size:.93rem}
.narrow-layout{max-width:1180px}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.how-step{border:1px solid #e3e9f5;border-radius:18px;background:#fff;padding:28px;box-shadow:0 10px 25px #10224a07}
.how-step>span{font-size:2.45rem;font-weight:900;line-height:1;letter-spacing:-.08em;color:#ced8f8;display:block;margin-bottom:22px}
.how-step h3{margin-bottom:10px}.how-step p{font-size:.9rem;line-height:1.7;margin:0}
.editorial-note{margin-top:26px;border-left:3px solid #6a8aed;padding:13px 20px;background:#f7f9fd;border-radius:0 8px 8px 0;color:#566781;font-size:.88rem}
.formula-section{background:linear-gradient(145deg,#fdfefe,#f4f6fc)}
.equation-box{border-radius:22px;background:#142149;padding:34px 40px;box-shadow:0 22px 44px #131f4933;color:#fff;margin:28px 0}
.eq-caption{color:#b0c3ff;text-transform:uppercase;font-size:.68rem;letter-spacing:.16em;font-weight:850}
.equation{font-size:clamp(1.55rem,3vw,2.4rem);font-weight:850;line-height:1.4;letter-spacing:-.06em;color:#fff;margin-top:11px}
.equation span{color:#82cefd;margin:0 8px}.equation small{font-size:.5em;color:#c8d8ff;font-weight:600;letter-spacing:0}
.equation-divider{border-bottom:1px solid #ffffff21;margin:25px 0}
.worked-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.worked-card{padding:26px 29px;background:#fff;border-radius:16px;border:1px solid #e0e7f4}
.worked-icon{font-size:1.5rem}.worked-card h3{margin:8px 0 20px}.worked-number{font-size:1.5rem;font-weight:800;letter-spacing:-.035em;color:#2e4eb0;white-space:nowrap}.worked-number span{color:#7e8ca9}.worked-card p{margin:10px 0 0;font-size:.86rem;line-height:1.7}
.home-section .below-note,.home-section .subtle-note{color:#7d8ba2;font-size:.82rem;line-height:1.65;margin-top:15px}
.chart-toolbar{background:#fff;border:1px solid #e0e7f4;border-radius:15px 15px 0 0;padding:22px 24px 17px;margin-top:27px}
.chart-toolbar>label{font-weight:850;font-size:.88rem;color:#263654;display:block;margin-bottom:12px}
.chart-tools-line{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.jump-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.jump-wrap input{width:160px;height:44px;border:1px solid #ccd8ea;border-radius:9px;padding:9px 13px;background:#fff;color:#172342}
.jump-wrap .btn,.chart-toolbar .btn{min-height:42px;padding:11px 15px;border-radius:9px;font-size:.82rem;white-space:nowrap}
.jump-links{margin-top:20px;display:flex;gap:7px;flex-wrap:wrap;font-size:.83rem;color:#65758d;align-items:center}
.jump-chip{border:1px solid #dfe5f3;padding:6px 9px;background:#f7f9fd;border-radius:7px;font-weight:700;font-size:.77rem;color:#536684}
.jump-chip:hover,.jump-chip:focus-visible{background:#e9edfb;border-color:#8fa5e8;color:#4257ba}
.home-section .table-feedback{margin:17px 0 0;font-size:.79rem;color:#64768f}
.home-section .table-wrap{overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #e2e8f3;background:white}
.complete-table{max-height:660px;overflow-y:auto;border-radius:0 0 13px 13px;border-top:0!important;scrollbar-color:#b7c6e7 #f3f5fa}
.home-section .table-wrap table{border-collapse:separate;border-spacing:0;min-width:820px;width:100%;font-variant-numeric:tabular-nums;font-size:.8rem;line-height:1.38}
.home-section table caption{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.home-section table thead th{background:#edf2fd;color:#284474;font-weight:850;position:sticky;top:0;z-index:2;padding:14px 13px;text-align:right;border-bottom:1px solid #dce6f9;white-space:nowrap}
.home-section table thead th:first-child{text-align:left;left:0;z-index:4}
.home-section table tbody td,.home-section table tbody th{border-bottom:1px solid #edf1f7;padding:11px 13px;text-align:right;background:white;white-space:nowrap}
.home-section table tbody th{text-align:left;font-weight:800;color:#334c70;position:sticky;left:0;z-index:1;background:#f9fbff;box-shadow:1px 0 0 #e4eaf4}
.home-section table tbody tr:nth-child(even)>td{background:#fbfcff}
.home-section table tbody tr:hover>td,.home-section table tbody tr:hover>th{background:#eaf2ff}
.home-section table tbody tr.matched-row>td,.home-section table tbody tr.matched-row>th{background:#dce9ff!important}
.table-unit{font-weight:600;color:#6d83ad}
.reverse-table{border-radius:14px;margin-top:19px;max-height:520px;overflow-y:auto}
.metric-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.metric-card{border:1px solid #e2e9f5;background:#fff;border-radius:17px;padding:26px 21px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 24px #1525540a}
.metric-card span{color:#526582;font-size:.92rem;font-weight:800}.metric-card strong{font-size:2rem;letter-spacing:-.06em;color:#253f88}.metric-card small{font-size:.78rem;color:#8491a7}
.ingredient-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
.ingredient-guide-grid article{background:#fff;border:1px solid #e0e8f5;border-radius:17px;padding:24px;box-shadow:0 12px 26px #1423560b}
.ingredient-icon{font-size:1.8rem;background:#f0f4ff;border-radius:13px;width:59px;height:59px;display:grid;place-items:center;margin-bottom:20px}
.ingredient-guide-grid h3{min-height:50px}.ingredient-guide-grid p{font-size:.85rem;line-height:1.7}.ingredient-guide-grid a{font-size:.84rem}
.use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.use-case-grid article{background:white;border:1px solid #e2eaf6;padding:27px;border-radius:17px}.use-case-grid article>div{font-size:1.5rem}.use-case-grid h3{margin:14px 0}.use-case-grid p{font-size:.9rem;margin:0;line-height:1.7}
.two-column-text{display:grid;grid-template-columns:1fr 1fr;gap:33px;margin-top:25px}.two-column-text h3{font-size:1.18rem}
.safety-card{padding:24px 26px;background:#fff8ed;border:1px solid #f2ddbd;border-radius:17px}
.safety-card .safety-title{display:flex;gap:13px;align-items:center}.safety-title>span{width:35px;height:35px;border-radius:50%;background:#f5dfb2;color:#75502a;display:grid;place-items:center;font-weight:900}.safety-title h3{margin:0}.safety-card p{font-size:.89rem;line-height:1.7}
.unit-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px}
.unit-tiles>div{background:white;border:1px solid #e1e9f6;border-radius:14px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:7px}
.unit-tiles strong{font-size:1.29rem;white-space:nowrap}.unit-tiles span{color:#75839a;font-size:.83rem;text-align:right}
.home-section h2.stacked-subsection{margin-top:53px}
.flex-section-title{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:25px}.flex-section-title h2{margin-bottom:10px}.flex-section-title p{margin:0}
.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:23px}
.reference-grid>div{background:white;border:1px solid #e0e9f5;border-radius:16px;padding:27px 30px}
.reference-grid ul{padding-left:22px;margin:0}.reference-grid li{padding:6px 0}.reference-grid a{font-size:.91rem}.reference-grid p.ref-note{font-size:.8rem;border-top:1px solid #e6eaf4;padding-top:18px;margin:20px 0 0}
.faq-layout{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.4fr);gap:65px;align-items:start}
.faq-intro{position:sticky;top:110px}.faq-intro p{font-size:.95rem}.faq-intro .btn{margin-top:12px}
.faq-accordion{border-top:1px solid #e1e7f2}
.faq-item{border-bottom:1px solid #e1e7f2}.faq-item summary{font-size:1rem;list-style:none;display:flex;gap:14px;justify-content:space-between;align-items:center;font-weight:800;color:#293b5b;padding:21px 6px;cursor:pointer;line-height:1.5}.faq-item summary::-webkit-details-marker{display:none}
.faq-plus{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#eaf0fe;color:#506adb;display:grid;place-items:center;font-size:1.28rem}
.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-answer{padding:0 36px 16px 6px}.faq-answer p{font-size:.92rem;line-height:1.7;margin:0}
@media(max-width:1020px){.page-toc{flex-direction:column;align-items:stretch}.toc-title{min-width:0}.split-info{gap:30px;grid-template-columns:1fr 1fr}.ingredient-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.density-row{grid-template-columns:125px 1fr 65px}.faq-layout{gap:25px}}
@media(max-width:760px){.home-section{padding:55px 0;scroll-margin-top:78px}.home-intro{padding-top:16px}.trust-ribbon{gap:8px;padding:14px}.trust-ribbon span{flex:1 1 42%;font-size:.73rem;white-space:normal}.page-toc{margin-top:20px;padding:17px}.toc-links{gap:7px}.toc-links a{font-size:.73rem;padding:7px 9px}.split-info,.visual-grid,.worked-grid,.two-column-text,.reference-grid,.faq-layout{grid-template-columns:1fr}.split-info{gap:25px}.illustration-card{padding:22px}.measure-visual{height:230px}.step-grid{grid-template-columns:1fr}.how-step{padding:23px}.how-step>span{font-size:2rem;margin-bottom:10px}.equation-box{padding:24px}.equation{font-size:1.6rem}.worked-number{font-size:1.12rem;white-space:normal}.unit-tiles{grid-template-columns:1fr}.unit-tiles>div{padding:15px 20px}.use-case-grid{grid-template-columns:1fr}.faq-intro{position:static}.chart-toolbar{padding:18px 14px}.chart-tools-line{align-items:stretch}.jump-wrap{width:100%}.jump-wrap input{flex:1;min-width:105px;width:auto}.download-link{width:100%;text-align:center}.home-section .table-wrap table{min-width:780px}.flex-section-title{align-items:flex-start;flex-direction:column}.home-section p{font-size:.96rem}.home-section h2{margin-bottom:16px}}
@media(max-width:470px){.metric-cards,.ingredient-guide-grid{grid-template-columns:1fr}.density-row{grid-template-columns:108px minmax(0,1fr) 59px;gap:8px;font-size:.72rem}.density-row>strong{font-size:.7rem}.illustration-foot{font-size:.65rem}.swap-hint{font-size:.56rem}.scale-visual{width:120px}.measure-container{width:84px}.jump-wrap .btn{flex:1}.chart-toolbar .download-link{font-size:.76rem}.faq-item summary{font-size:.91rem}.home-section .section-kicker{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.faq-item summary h3{font-size:1rem;line-height:1.48;letter-spacing:0;margin:0;color:inherit;font-weight:800}
@media(max-width:680px){.hero{padding:36px 0 43px}.hero h1{font-size:clamp(2.55rem,10vw,3.4rem);margin-bottom:16px}.eyebrow{margin-bottom:18px}.lead{line-height:1.55;font-size:1rem}.hero-actions{margin:20px 0 12px}.hero-grid{gap:27px}.micro{font-size:.75rem}}

/* Consistent presentation for localized editorial sections (French/Russian). */
.visual-card{background:linear-gradient(145deg,#f8faff,#edf3ff);border:1px solid #dbe5f6;box-shadow:0 15px 45px #172a5b13;border-radius:20px;padding:30px;min-width:0}
.visual-heading{font-size:1.03rem;color:#23365f;font-weight:850;margin-bottom:25px}
.density-visual{display:grid;gap:19px;margin:18px 0 22px}
.visual-foot{font-size:.82rem!important;margin:20px 0 0!important;padding-top:16px;border-top:1px solid #dbe4f1}
.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}
.steps-grid>.step{background:#fff;border:1px solid #dfe7f5;border-radius:18px;padding:30px;box-shadow:0 12px 26px #13235709}
.step-number{display:block;color:#98aae8;font-weight:900;font-size:2.6rem;line-height:1;margin-bottom:22px;letter-spacing:-.06em}
.steps-grid>.step h3{margin:0 0 12px}.steps-grid>.step p{font-size:.9rem;line-height:1.7;margin:0}
.formula-showcase{background:#17254e;color:#fff;border-radius:19px;display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:24px;box-shadow:0 21px 46px #1b2c5631;overflow:hidden}
.formula-main{padding:31px 36px;display:grid;gap:15px;align-content:center;min-width:0}
.formula-main + .formula-main{border-left:1px solid #a9c2fa32}
.formula-main span{font-weight:800;color:#aebff4;font-size:.79rem;text-transform:uppercase;letter-spacing:.1em}
.formula-main strong{color:#fff;font-size:clamp(1.45rem,2.9vw,2.35rem);white-space:nowrap;letter-spacing:-.04em}
.formula-main small{color:#c6d5fa;font-size:.85rem}
.worked-example{border:1px solid #d9e3f6;background:#f4f7ff;border-radius:14px;padding:25px 28px;margin-top:22px}
.worked-example h3{margin:0 0 10px}.worked-example p{margin:0;font-size:.97rem}
@media(max-width:760px){.visual-card{padding:23px}.steps-grid{grid-template-columns:1fr}.steps-grid>.step{padding:23px}.formula-showcase{grid-template-columns:1fr}.formula-main{padding:25px}.formula-main + .formula-main{border-left:0;border-top:1px solid #a9c2fa32}}

/* Editorial deep-dive module, accessible in all 18 locales */
.depth-section {overflow:visible;}
.depth-section.depth-tint {background:#f5f8ff;}
.depth-section h2 {max-width:920px;}
.depth-section .section-lead {max-width:900px;}
.depth-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0;}
.depth-ingredient,.depth-example {background:#fff;border:1px solid #dfe7f3;border-radius:18px;padding:23px;box-shadow:0 6px 18px rgba(17,38,78,.035);}
.depth-ingredient h3 {margin:4px 0 10px;font-size:1.08rem;}
.depth-ingredient p {color:#56657c;font-size:.94rem;line-height:1.6;margin:12px 0 0;}
.depth-emoji {font-size:1.7rem;line-height:1.6;}
.depth-number {font-size:1.65rem;line-height:1.3;font-weight:800;color:#224dcc;}
.depth-number small {font-size:.83rem;font-weight:500;color:#66758a;}
.depth-table {margin-top:28px;overflow:auto;}
.depth-table table {width:100%;min-width:610px;border-collapse:collapse;background:white;}
.depth-table caption {font-weight:700;text-align:start;padding:15px 10px;}
.depth-table th,.depth-table td {padding:13px 16px;border-bottom:1px solid #e7ebf3;text-align:start;white-space:nowrap;font-variant-numeric:tabular-nums;}
.depth-table thead th {background:#e9efff;font-size:.89rem;color:#283b64;}
.depth-examples-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:26px 0;}
.depth-example .depth-pill {font-size:.85rem;display:inline-block;background:#e8efff;color:#234da0;padding:5px 11px;border-radius:30px;font-weight:650;}
.depth-equation {font-size:1.15rem;font-variant-numeric:tabular-nums;margin:14px 0 8px;line-height:1.5;}
.depth-equation strong {font-weight:800;color:#214fc8;}
.depth-example p {color:#677387;font-size:.84rem;margin:0;}
.depth-info {border:1px solid #cedbf2;background:#f3f7ff;padding:26px;border-radius:20px;}
.depth-steps {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;gap:10px 25px;padding:0;margin:18px 0 0;}
.depth-steps li {display:flex;gap:14px;align-items:flex-start;}
.depth-steps li span {flex:none;display:inline-flex;align-items:center;justify-content:center;background:#225ac9;color:white;height:32px;width:32px;border-radius:50%;font-weight:700;}
.depth-steps li p {margin:1px 0;line-height:1.6;}
.depth-size-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:23px 0 28px;}
.depth-size-grid div {padding:21px 11px;text-align:center;background:white;border:1px solid #dce4f2;border-radius:14px;}
.depth-size-grid strong {display:block;font-size:1.12rem;color:#1e4cb6;}
.depth-size-grid span {display:block;margin-top:5px;font-size:.82rem;color:#66758d;}
.depth-mistakes {padding:0;margin:23px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;list-style:none;}
.depth-mistakes li {background:#f5f8ff;border-left:4px solid #4d77d9;border-radius:8px;padding:18px;line-height:1.65;}
.depth-methodology {margin-top:23px;border:1px solid #d9e3f2;border-radius:16px;padding:26px;background:#fbfcff;}
.depth-methodology p {line-height:1.8;}
.depth-methodology a {overflow-wrap:anywhere;}
[dir=rtl] .depth-mistakes li {border-left:0;border-right:4px solid #4d77d9;}
[dir=rtl] .depth-steps li {flex-direction:row;}
@media(max-width:850px){.depth-grid,.depth-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.depth-size-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:570px){.depth-grid,.depth-examples-grid,.depth-steps,.depth-mistakes{grid-template-columns:1fr;}.depth-size-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.depth-ingredient,.depth-example{padding:17px;}.depth-equation{font-size:1.02rem;}}
/* Long translated brand names must never push language/menu controls off small screens. */
@media (max-width:680px){
  .site-header .nav-inner{min-width:0;gap:8px;}
  .site-header .brand{min-width:0;flex:1 1 auto;overflow:hidden;gap:7px;}
  .site-header .brand-logo{flex:none;}
  .site-header .brand>span:last-child{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  .site-header .nav-actions{flex:none;min-width:0;}
}