:root{--bg:#fbf8f4;--card:#fff;--ink:#2b1d14;--muted:#6f5d50;--line:#eadfd4;--accent:#8a4b22;--buy:#f0a020;--buy-ink:#1d1208;--good:#2f7d4a;--bad:#b23b2e}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:var(--accent)}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.disclosure-bar{background:var(--ink);color:#f3e9df;font-size:.8rem;text-align:center;padding:6px 16px}
.disclosure-bar a{color:#f3c98b}
.site-header{background:var(--card);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-top:14px;padding-bottom:14px}
.logo{font-weight:800;font-size:1.25rem;text-decoration:none;color:var(--ink)}
nav{display:flex;flex-wrap:wrap;column-gap:18px;row-gap:4px}
nav a{text-decoration:none;color:var(--muted);font-weight:500;white-space:nowrap}

.hero{text-align:center;padding:56px 0 32px}
.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2;margin:0 0 12px}
.lead{font-size:1.15rem;color:var(--muted);max-width:720px;margin:0 auto 20px}
.review .lead{margin-left:0}
section{margin:40px 0}
h2{font-size:1.6rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column}
.card h3{margin:8px 0}
.card h3 a{color:var(--ink);text-decoration:none}
.card p{color:var(--muted);flex:1}
.card-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.badge{display:inline-block;align-self:flex-start;background:#f6e4d2;color:var(--accent);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:999px}
.btn{display:inline-block;background:var(--buy);color:var(--buy-ink);font-weight:700;text-decoration:none;padding:10px 18px;border-radius:8px;border:1px solid #d18a12;white-space:nowrap}
.btn:hover{filter:brightness(1.05)}
.btn-sm{padding:7px 12px;font-size:.9rem}
.btn-lg{padding:14px 26px;font-size:1.05rem}
.link{font-weight:600;text-decoration:none}
.table-scroll{overflow-x:auto}
table.compare{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.compare th,.compare td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;font-size:.95rem}
.compare th{background:#f3ebe2;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.pname{display:block;font-weight:700;color:var(--ink);margin-top:6px}
.compare small{color:var(--muted)}
.note{font-size:.85rem;color:var(--muted)}
.prose{max-width:780px}
details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:10px 0}
summary{font-weight:600;cursor:pointer}
.crumbs{font-size:.85rem;color:var(--muted);margin:20px 0}
.cta-box{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--card);border:2px solid var(--buy);border-radius:14px;padding:18px;margin:24px 0}
.cta-box span{color:var(--muted);font-size:.95rem}
table.specs{border-collapse:collapse;width:100%;background:var(--card)}
.specs th,.specs td{border:1px solid var(--line);padding:10px;text-align:left}
.specs th{width:38%;background:#f3ebe2}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pros li::marker{content:"✓  ";color:var(--good)}
.cons li::marker{content:"✗  ";color:var(--bad)}
.site-footer{border-top:1px solid var(--line);margin-top:60px;padding:24px 0;font-size:.85rem;color:var(--muted)}
@media (max-width:720px){
  .pc{grid-template-columns:1fr}
  .compare thead{display:none}
  .compare,.compare tbody,.compare tr,.compare td{display:block;width:100%}
  .compare tr{border-bottom:2px solid var(--line);padding:8px 0}
  .compare td{border:none;padding:6px 12px}
  .compare td[data-label]:not([data-label=""]):not([data-label="Machine"])::before{content:attr(data-label) ": ";font-weight:700;color:var(--muted)}
}
.crumbs a{margin:0}
/* ===== Warm redesign ===== */
:root{--bg:#fdf6ee;--ink:#2a1a10;--accent:#a4521f;--buy:#ffb627;--line:#efdcc8}
body{background:linear-gradient(#fdf6ee,#fbeee0)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.01em}
h2{position:relative;padding-bottom:8px}
h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:4px;background:linear-gradient(90deg,#ffb627,#c0642b)}
.disclosure-bar{background:#1a0f08}
.site-header{background:#2a1a10;border:0}
.logo{color:#ffd9a8}
nav a{color:#f3e1cc}
nav a:hover{color:#ffb627}
.hero{margin:0 calc(50% - 50vw);padding:72px 16px 80px;background:radial-gradient(1200px 400px at 20% 0%,#7a3e1c 0%,transparent 60%),radial-gradient(900px 400px at 90% 100%,#c0642b 0%,transparent 55%),#2a1a10;color:#fff5ea}
.hero-in{max-width:900px;margin:0 auto}
.hero h1{color:#fff;font-size:clamp(2rem,5vw,3.3rem)}
.hero .lead{color:#f1d9c2}
.kicker{display:inline-block;background:rgba(255,182,39,.15);color:#ffcf73;border:1px solid rgba(255,182,39,.4);padding:4px 12px;border-radius:999px;font-size:.85rem;font-weight:600;margin-bottom:14px}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{background:linear-gradient(180deg,#ffc94d,#ffa41c);border:1px solid #e8920c;border-radius:999px;box-shadow:0 4px 14px rgba(255,164,28,.35);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,164,28,.45);filter:none}
.btn-ghost{background:transparent;color:#ffe2b8;border:1px solid rgba(255,226,184,.5);box-shadow:none}
.btn-ghost:hover{background:rgba(255,255,255,.08);box-shadow:none}
.card{--c:#a4521f;padding:0;overflow:hidden;border:0;border-radius:18px;box-shadow:0 2px 6px rgba(60,30,10,.06),0 12px 30px rgba(60,30,10,.08);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(60,30,10,.08),0 20px 40px rgba(60,30,10,.14)}
.card>*:not(.card-art){margin-left:20px;margin-right:20px}
.card-art{display:flex;justify-content:center;align-items:center;height:190px;margin-bottom:16px;background:radial-gradient(circle at 50% 60%,rgba(255,255,255,.55),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--c) 22%,#fff),color-mix(in srgb,var(--c) 45%,#fff))}
.card .card-actions{margin-bottom:20px}
.badge{background:color-mix(in srgb,var(--c,#a4521f) 15%,#fff);color:var(--c,#a4521f)}
.card h3 a:hover{color:var(--c)}
.compare th{background:#2a1a10;color:#ffd9a8}
.compare tbody tr:nth-child(even){background:#fff8f0}
.compare tbody tr:hover{background:#fff1dd}
table.compare{border:0;box-shadow:0 10px 30px rgba(60,30,10,.08);border-radius:16px}
details{border:0;box-shadow:0 2px 10px rgba(60,30,10,.06)}
details[open] summary{color:var(--accent)}
.cta-box{--c:#a4521f;border:0;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 15%,#fff),#fff);box-shadow:0 10px 30px rgba(60,30,10,.1);justify-content:flex-start}
.cta-text{flex:1;min-width:200px}
.specs th{background:#f7e6d3}
.site-footer{background:#2a1a10;color:#d9c2ab;border:0}
.site-footer a{color:#ffcf73}
#guide,#faq{background:#fff;border-radius:18px;padding:8px 28px 20px;box-shadow:0 2px 10px rgba(60,30,10,.05);max-width:none}
.meta{color:var(--muted);font-size:.9rem;margin-top:-8px}
form.contact{display:grid;gap:14px;max-width:520px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 10px rgba(60,30,10,.06)}
form.contact label{display:grid;gap:6px;font-weight:600}
form.contact input,form.contact textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fffdfa}
form.contact button{justify-self:start;cursor:pointer}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.aff-note{font-size:.85rem;color:var(--muted);background:#fbf1e4;border-left:4px solid #ffb627;padding:8px 12px;border-radius:6px}
.crumbs,.crumbs a{color:#6a4a33}

/* Long words in translated pages (German compounds etc.) */
html:not([lang="en"]) main{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
html:not([lang="en"]) .specs td,html:not([lang="en"]) .specs th{overflow-wrap:anywhere}
[dir=rtl] .compare th,[dir=rtl] .compare td,[dir=rtl] .specs th,[dir=rtl] .specs td{text-align:right}
[dir=rtl] h2::after{left:auto;right:0}
[dir=rtl] .aff-note{border-left:0;border-right:4px solid #ffb627}
[dir=rtl] .hero-in{text-align:right}
[dir=rtl] .hero .lead{margin-left:auto;margin-right:0}
.cc-consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;max-width:560px;margin:0 auto;background:#fff;color:#2a1a10;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.25);padding:14px 16px;font-size:.92rem}
.cc-consent p{margin:0 0 10px}.cc-consent a{color:inherit;text-decoration:underline}
.cc-btns{display:flex;gap:10px;flex-wrap:wrap;margin:0!important}
.cc-btns button{flex:1;min-width:120px;border:0;border-radius:10px;padding:10px 14px;font-weight:700;font-size:1rem;cursor:pointer;background:#eee;color:#2a1a10}
.cc-btns button[data-c="1"]{background:#ffb627}
/* Coffee accessory pages (accessories.py) */
.acc-picks,.acc-grid,.acc-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:12px 0 26px}
.acc.prose{max-width:1000px}
.acc-pick,.acc-item,.acc-cat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column}
.acc-pick{border:2px solid var(--buy)}
.acc-tier{margin:0;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}
.acc-pick h3,.acc-item h3{margin:6px 0 8px;font-size:1.05rem}
.acc-cat h2{margin:0 0 8px;font-size:1.15rem}.acc-cat p{margin:0;color:var(--muted);font-size:.95rem}
.chips{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px;flex:1;align-content:flex-start}
.chips li{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:.8rem;color:var(--muted)}
.acc-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.acc-btns p{margin:0}
.acc-sizes{background:var(--card);border:1px dashed var(--line);border-radius:12px;padding:10px 16px;margin:14px 0;font-size:.92rem}
.acc-sizes p{margin:4px 0}.acc-sizes ul{margin:4px 0;padding-left:20px}
/* Sticky menu: header stays visible while scrolling (v18) */
.site-header{position:sticky;top:0;z-index:60;box-shadow:0 2px 12px rgba(0,0,0,.25)}
html{scroll-padding-top:84px}
@media (max-width:720px){
  html{scroll-padding-top:110px}
  .site-header .wrap{padding-top:8px;padding-bottom:8px;row-gap:4px}
  .logo{font-size:1.1rem}
  .site-header nav{width:100%;column-gap:14px;row-gap:2px;font-size:.92rem}
}
/* Header language picker + back-to-top button (topbar.py, v18) */
.lang-pick{position:relative;background:none;border:0;box-shadow:none;padding:0;margin:0}
.lang-pick[open] summary{color:#ffd9a8}
.lang-pick summary{list-style:none;cursor:pointer;color:#f3e1cc;font-weight:600;font-size:.92rem;padding:4px 12px;border:1px solid rgba(255,217,168,.45);border-radius:999px;white-space:nowrap}
.lang-pick summary::-webkit-details-marker{display:none}
.lang-pick summary::after{content:" ▾";font-size:.8em}
.lang-pick[open] summary{background:rgba(255,255,255,.1)}
.lp-list{position:absolute;right:0;top:calc(100% + 8px);z-index:70;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);padding:6px;width:230px;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column}
.lp-list a,.lp-list .cur{display:block;padding:7px 12px;border-radius:8px;color:#2a1a10;text-decoration:none;font-size:.95rem}
.lp-list a:hover{background:#fff1dd}
.lp-list .cur{font-weight:700;background:#ffe9c2}
[dir=rtl] .lp-list{right:auto;left:0}
.to-top{position:fixed;right:16px;bottom:18px;z-index:45;width:48px;height:48px;border-radius:50%;background:#2a1a10;color:#ffd9a8;border:2px solid #ffb627;font-size:1.5rem;font-weight:700;line-height:44px;text-align:center;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.to-top.show{opacity:1;visibility:visible}
[dir=rtl] .to-top{right:auto;left:16px}
@media (max-width:720px){
  .site-header .logo{order:1}.lang-pick{order:2}.site-header nav{order:3}
  .lang-pick summary{font-size:.85rem;padding:3px 10px}
}

/* v19: quiz, method box, videos */
.quiz{background:#fffaf3;border:1px solid #d9b994;border-radius:16px;padding:24px;margin:32px 0}
.quiz h2{margin-top:0}.qz fieldset{border:0;margin:0 0 16px;padding:0}.qz legend{font-weight:700;margin-bottom:8px}
.qz label{display:block;padding:10px 12px;margin:6px 0;border:1px solid #e4cdb1;border-radius:10px;background:#fff;cursor:pointer}
.qz label:has(input:checked){border-color:#a4521f;background:#fbeee0}.qz input{margin-inline-end:8px;accent-color:#a4521f}
.qz-err{color:#b23b2e;font-weight:600}.qz-res{border:1px solid #e4cdb1;border-radius:12px;padding:16px;margin:0 0 12px;background:#fff}
.qz-res h3{margin:4px 0}.qz-k{margin:0;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#a4521f}
.qz-tags{margin:4px 0 12px;color:#6a4a33}.qz-again{background:none;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer;color:#a4521f}
.method-box{margin:24px 0;padding:14px 18px;border-inline-start:4px solid #a4521f;background:#fbf1e4;border-radius:8px}.method-box p{margin:4px 0}
.yt-slot{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:24px 0}
.yt{width:min(100%,320px);aspect-ratio:9/16;border:0;border-radius:14px;background:#2a1a10 center/cover no-repeat;position:relative;cursor:pointer}
button.yt::after{content:"";position:absolute;inset:0;margin:auto;width:68px;height:48px;border-radius:12px;background:#c00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l8 5-8 5z' fill='%23fff'/%3E%3C/svg%3E") center/28px no-repeat}
@media (max-width:720px){.hero .hero-in>.hero-art{order:2;grid-row:2;max-width:110px;margin-top:4px}.hero h1{font-size:1.75rem}}

/* v20 tools */
.tools{margin:40px 0}.tool-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px;margin:22px 0;box-shadow:0 4px 18px rgba(120,70,40,.06)}
.tool-box h3{margin-top:0}.tool-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.tool-form label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:.92rem;flex:1 1 180px}
.tool-form input,.tool-form select{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}
.tool-form label.unit{flex:0 0 auto}.tool-form .btn{cursor:pointer}
.fit-res,.calc-res{font-weight:700;font-size:1.1rem;color:var(--accent)}
table.sizes .no-fit{opacity:.45}.src{text-decoration:none;font-size:.85em;opacity:.7}
.cmp2-t th[scope],.cmp2-t tbody th{background:var(--bg2,#fff1e2);color:var(--ink);text-align:start}
.cmp2-t tr.diff td{font-weight:700}
.cmp2-t thead th,.cmp2-t thead th a{color:#fff}
@media (max-width:720px){.cmp2-t thead{display:table-header-group}.cmp2-t,.cmp2-t tbody{display:table;width:100%}.cmp2-t tr{display:table-row}.cmp2-t td,.cmp2-t th{display:table-cell}.cmp2-t td::before{content:none!important}}

/* coffee-world */
.cw-crumbs{font-size:.9em;margin:16px 0 0;opacity:.85}
.cw-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.78em;font-weight:700;color:var(--t-acc-ink,#8a4512);margin:18px 0 4px}
.cw-meta{font-size:.9em;opacity:.8;margin-top:0}
.cw-article h2{margin-top:1.6em}
.cw-article blockquote{border-inline-start:4px solid var(--t-acc,#b5651d);margin:1.2em 0;padding:.4em 1em;background:var(--t-bg2,#f7efe6);border-radius:8px}
.cw-box{background:var(--t-bg2,#f7efe6);border:1px solid var(--t-line,#e8d9c6);border-radius:14px;padding:14px 18px;margin:1.4em 0}
.cw-box h3{margin-top:0}
.cw-video{margin:1.6em 0}
.cw-yt,.cw-frame{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#1d140e;position:relative;cursor:pointer;overflow:hidden;padding:0}
.cw-yt img{width:100%;height:100%;object-fit:cover;display:block}
.cw-play{position:absolute;inset:0;margin:auto;width:72px;height:50px;border-radius:12px;background:#c00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l8 5-8 5z' fill='%23fff'/%3E%3C/svg%3E") center/30px no-repeat}
.cw-video figcaption{font-size:.9em;margin-top:6px}
.cw-vnote{opacity:.85}
.cw-map{margin:1em 0}.cw-map img{width:100%;height:auto;border-radius:12px;display:block}
.cw-map figcaption,.cw-src{font-size:.88em;opacity:.85}
.cw-legend{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:.88em;margin:8px 0 14px}
.cw-legend span{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:middle;margin-inline-end:4px}
.cw-legend .k3{background:linear-gradient(90deg,#b5651d,#5a2a0a)}.cw-legend .k1{background:#b5651d}.cw-legend .k0{background:#d9a46a}.cw-legend .kb{background:#c8e6c9}
.cw-table{width:100%;max-width:520px;border-collapse:collapse;font-size:.95em}.cw-table th,.cw-table td{padding:7px 10px;border-bottom:1px solid var(--t-line,#e8d9c6);text-align:start}.cw-table td+td,.cw-table th+th{text-align:end}.cw-table thead th{background:var(--t-bg2,#f7efe6)}.cw-table caption{text-align:start;font-weight:700;margin-bottom:6px}
.cw-cards{list-style:none;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.cw-card{background:var(--t-bg2,#f7efe6);border:1px solid var(--t-line,#e8d9c6);border-radius:16px;padding:16px 18px}
.cw-card h3{margin:.2em 0 .4em;font-size:1.12em}.cw-card p{margin:.3em 0}
.cw-sources{margin-top:2em;font-size:.93em}.cw-sources ol{padding-inline-start:1.4em}.cw-sources li{margin:.3em 0;word-break:break-word}
.cw-shop::after{content:" ↗";font-size:.85em}
.cw-back{margin-top:1.6em}

/* coffee-origins */
.og .og-crumbs{font-size:.9em;margin:16px 0 0;opacity:.85}
.og-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.78em;font-weight:700;color:var(--t-acc-ink,#8a4512);margin:18px 0 4px}
.og-meta{font-size:.9em;opacity:.8;margin-top:0}
.og-flag{font-size:1.1em}
.og-article h2,.og-hub h2{margin-top:1.6em}
.og-profile{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin:8px 0}
.og-meter{display:inline-flex;align-items:center;gap:6px;font-size:.88em}
.og-ml{min-width:4.5em}
.og-dots{display:inline-flex;gap:3px}.og-dots i{width:11px;height:11px;border-radius:50%;background:var(--t-line,#e8d9c6);display:inline-block}
.og-dots i.on{background:var(--t-acc,#b5651d)}
.og-tags{display:flex;flex-wrap:wrap;gap:6px;width:100%}
.og-tag{font-size:.8em;padding:2px 9px;border-radius:999px;background:var(--t-bg2,#f7efe6);border:1px solid var(--t-line,#e8d9c6)}
.og-cards{list-style:none;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.og-card{background:var(--t-bg2,#f7efe6);border:1px solid var(--t-line,#e8d9c6);border-radius:16px;padding:14px 16px}
.og-card-a{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1em;text-decoration:none}
.og-card-a .og-flag{font-size:1.5em}
.og-card-p{margin:.4em 0;font-size:.95em}
.og-card-big{background:var(--t-bg2,#f7efe6);border:1px solid var(--t-line,#e8d9c6);border-radius:16px;padding:14px 18px;margin:1.2em 0}
.og-card-big .og-profile{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.og-facts{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:12px 0 4px}
.og-facts dt{font-weight:700}.og-facts dd{margin:0}
.og-typical{font-size:.85em;opacity:.8;margin:.6em 0 0}
.og-cta-row{display:flex;flex-wrap:wrap;gap:10px}
.og-cta{display:inline-block;padding:10px 18px;border-radius:999px;background:var(--t-acc,#b5651d);color:#fff!important;font-weight:700;text-decoration:none;border:0;cursor:pointer;font:inherit;font-weight:700}
.og-cta2{background:transparent;color:var(--t-acc-ink,#8a4512)!important;border:2px solid var(--t-acc,#b5651d)}
.og-shop{display:inline-block;padding:10px 18px;border-radius:999px;background:#ffd814;color:#111!important;font-weight:700;text-decoration:none;border:1px solid #fcd200}
.og-shop::after,.og-inline-shop::after{content:" ↗";font-size:.85em}
.og-buy{border:2px dashed var(--t-line,#e8d9c6);border-radius:16px;padding:14px 18px;margin:1.6em 0}
.og-buy-h{font-weight:700;margin-top:0}.og-buy-tip{font-size:.92em}
.og-disc{font-size:.82em;opacity:.8}
.og-pager{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:1.4em 0}
.og-guides{padding-inline-start:1.2em}.og-guides li{margin:.5em 0}
.og-more ul{padding-inline-start:1.2em}
.og-map img{width:100%;height:auto;border-radius:12px;display:block}.og-map figcaption{font-size:.88em;opacity:.85}
.og-sources{margin-top:2em;font-size:.93em}.og-sources ol{padding-inline-start:1.4em}.og-sources li{margin:.3em 0;word-break:break-word}
.og-box{background:var(--t-bg2,#f7efe6);border:1px solid var(--t-line,#e8d9c6);border-radius:14px;padding:12px 18px;margin:1.4em 0}
.og-box h3{margin-top:0}
.og-table{width:100%;border-collapse:collapse;font-size:.93em;margin:1em 0}.og-table th,.og-table td{padding:7px 9px;border-bottom:1px solid var(--t-line,#e8d9c6);text-align:start;vertical-align:top}
.og-table thead th{background:var(--t-bg2,#f7efe6)}
.og-tablewrap{overflow-x:auto}
.og-picker fieldset{border:1px solid var(--t-line,#e8d9c6);border-radius:14px;margin:0 0 14px;padding:10px 14px}
.og-picker legend{font-weight:700;padding:0 6px}
.og-chips{display:flex;flex-wrap:wrap;gap:8px}
.og-chip input{position:absolute;opacity:0;pointer-events:none}
.og-chip span{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid var(--t-line,#e8d9c6);background:var(--t-bg,#fff);cursor:pointer}
.og-chip input:checked+span{background:var(--t-acc,#b5651d);color:#fff;border-color:var(--t-acc,#b5651d)}
.og-chip input:focus-visible+span{outline:3px solid var(--t-acc-ink,#8a4512);outline-offset:2px}
.og-res{padding-inline-start:1.2em}.og-res li{margin:0 0 16px}.og-res-h{font-weight:700;font-size:1.1em;margin:.2em 0}
.og-res-btns{display:flex;flex-wrap:wrap;gap:8px}
.og-pp{width:100%;border-collapse:collapse;font-size:.9em}.og-pp th,.og-pp td{border:1px solid #bbb;padding:8px 6px;text-align:start;height:2.2em}
.og-pp thead th{background:var(--t-bg2,#f7efe6)}
.og-pp-title{font-weight:700;font-size:1.1em}.og-pp-foot{font-size:.85em}
.og-stars{letter-spacing:2px;white-space:nowrap}
.og-passport{overflow-x:auto}
@media (max-width:600px){.og-pp{font-size:.75em}.og-pp th,.og-pp td{padding:5px 3px}}
@media print{body.og-print header,body.og-print footer,body.og-print nav,body.og-print .og-crumbs,body.og-print .og-kicker,
body.og-print .og-meta,body.og-print .lead,body.og-print .og-print-row,body.og-print .og-sources,body.og-print .og-more,
body.og-print .og-back,body.og-print .og-intro,body.og-print [class*=helper],body.og-print [class*=top-btn],body.og-print h1{display:none!important}
body.og-print .og-passport{overflow:visible}body.og-print .og-pp{font-size:10pt}}

/* business */
.bz-crumbs{font-size:.9em;margin:16px 0 0;opacity:.85}
.bz-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.78em;font-weight:700;color:var(--t-acc-ink,#8a4512);margin:18px 0 4px}
.bz-meta{font-size:.9em;opacity:.8;margin-top:0}
.bz h2{margin-top:1.6em}
.bz-cards,.bz-models{list-style:none;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.bz-card,.bz-model,.bz-box{background:var(--t-bg2,#f7efe6);border:1px solid var(--t-line,#e8d9c6);border-radius:16px;padding:16px 18px}
.bz-box{margin:1.4em 0}.bz-box h2,.bz-box h3,.bz-card h3,.bz-model h3{margin-top:0}
.bz-dealerbox{border-inline-start:5px solid var(--t-acc,#b5651d)}
.bz-form{display:grid;gap:12px;margin:12px 0}.bz-form label{display:block}
.bz-form input[type=number]{width:8em;font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--t-line,#d8c6b0);margin-inline-start:6px}
.bz-form fieldset{border:0;padding:0;margin:0}.bz-form legend{font-weight:700;margin-bottom:4px}
.bz-form fieldset label{padding:4px 0}.bz-form .btn{justify-self:start;cursor:pointer}
.bz-res{background:var(--t-bg,#fff);border-radius:12px;padding:12px 16px;margin-top:10px;outline:none}
.bz-res h3{margin:.1em 0 .3em}
.bz-spec{width:100%;border-collapse:collapse;font-size:.93em;margin:8px 0}
.bz-spec th,.bz-spec td{padding:5px 0;border-bottom:1px solid var(--t-line,#e8d9c6);text-align:start;font-weight:400}
.bz-spec td{text-align:end;font-weight:600}
.bz-buy{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.bz-amz{display:inline-block;background:var(--t-acc,#b5651d);color:#fff!important;text-decoration:none;padding:8px 14px;border-radius:999px;font-weight:600}
.bz-amz-s{background:transparent;color:var(--t-acc-ink,#8a4512)!important;border:1px solid var(--t-acc,#b5651d);margin:0 6px 8px 0}
.bz-dealer{font-size:.9em;opacity:.85}
.bz-warn{display:block;width:100%;font-size:.85em}
.bz-src,.bz-note,.bz-disc{opacity:.85}.bz-src a{word-break:break-word}
.bz-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0}
.bz-table{border-collapse:collapse;min-width:640px;width:100%;font-size:.93em}
.bz-table th,.bz-table td{padding:7px 10px;border-bottom:1px solid var(--t-line,#e8d9c6);text-align:start;vertical-align:top}
.bz-table .nw{white-space:nowrap}
.bz-table thead th{background:var(--t-bg2,#f7efe6)}.bz-table caption{text-align:start;font-weight:700;margin-bottom:6px}
.bz-table td:last-child{font-size:.85em;max-width:220px}
.bz-next{display:flex;flex-wrap:wrap;gap:10px;margin:2em 0 1em}
.bz-next a{background:var(--t-bg2,#f7efe6);border:1px solid var(--t-line,#e8d9c6);border-radius:18px;padding:8px 14px;text-decoration:none;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.bz-sources{font-size:.93em}.bz-sources li{word-break:break-word}

/* machine-types */
.mt-crumbs{font-size:.9em;margin:16px 0 0;opacity:.85}
.mt-meta,.mt-note{font-size:.9em;opacity:.8}
.mt-article h2{margin-top:1.6em}
.mt-box{background:var(--t-bg2,#f7efe6);border:1px solid var(--t-line,#e8d9c6);border-radius:14px;padding:14px 18px;margin:1.4em 0}
.mt-types,.mt-cards{list-style:none;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.mt-type,.mt-card{background:var(--t-bg2,#f7efe6);border:1px solid var(--t-line,#e8d9c6);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column}
.mt-type h3,.mt-card h3{margin:.1em 0 .4em;font-size:1.12em}.mt-type p,.mt-card p{margin:.35em 0}.mt-type p:last-child{margin-top:auto}
.mt-specs{width:100%;border-collapse:collapse;font-size:.92em;margin:.4em 0}.mt-specs th,.mt-specs td{padding:5px 4px;border-bottom:1px solid var(--t-line,#e8d9c6);text-align:start;vertical-align:top}
.mt-specs th{font-weight:600;width:42%}.mt-specs td{overflow-wrap:anywhere}
.mt-badge{font-size:.85em;font-weight:700;color:var(--t-acc-ink,#8a4512)}
.mt-volt{font-size:.85em;opacity:.85}.mt-count{font-weight:700}.mt-nomanual{font-size:.88em;opacity:.8}
.mt-card .btn,.mt-type .btn,.mt-article .btn{white-space:normal;max-width:100%;text-align:center;display:inline-block}
.mt-scroll{overflow-x:auto;max-width:100%}
.mt-table{width:100%;border-collapse:collapse;font-size:.95em}.mt-table th,.mt-table td{padding:7px 10px;border-bottom:1px solid var(--t-line,#e8d9c6);text-align:start}.mt-table thead th{background:var(--t-bg2,#f7efe6)}
.mt-sources{margin-top:2em;font-size:.9em}.mt-sources ol{padding-inline-start:1.4em}.mt-sources li{margin:.3em 0;word-break:break-word}
.mt-back{margin-top:1.6em}

/* v20b */
.wtb{white-space:normal;text-align:center}.own-photo{margin:16px 0}.own-photo img{width:100%;max-height:420px;object-fit:cover;border-radius:18px}
.nav-search{font-size:1.05em}.sr{flex:1 1 260px}.srch input[type=search]{font-size:1.1rem}
.s-list{list-style:none;padding:0}.s-list li{padding:8px 0;border-bottom:1px solid var(--line)}.s-list small{opacity:.65;margin-inline-start:6px}
.s-n{font-weight:700;font-size:1.1rem}.s-btns{display:flex;flex-wrap:wrap;gap:10px}.s-thx{font-weight:700;color:var(--accent)}
.g-who,.g-bud{display:flex;flex-wrap:wrap;gap:10px}.g-who button,.g-bud button{cursor:pointer}.g-who button[aria-pressed=true],.g-bud button[aria-pressed=true]{background:var(--accent);color:#fff}.g-act{display:flex;flex-wrap:wrap;gap:8px}
.g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px}
.g-acc{columns:2 220px}.mt-links{display:flex;flex-wrap:wrap;gap:10px}
.mt-links .btn,.g-who .btn,.s-btns .btn{white-space:normal;max-width:100%;text-align:center}
.cmp2-out{overflow-x:auto;max-width:100%}.cmp2-t{table-layout:fixed;width:100%}.cmp2-t th,.cmp2-t td{overflow-wrap:anywhere}
.tp-out{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;align-items:flex-start}.tp-tiles{display:none}.tp-prev{margin:0}.tp-prev svg{max-width:100%;height:auto;display:block}.tp-page{margin:0}.tp-page svg{max-width:100%;height:auto;display:block;background:#fff;border:1px solid var(--line)}
.tp-page figcaption{font-size:.85rem;margin-bottom:4px}
details.tb{border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:10px 0;background:#fff}details.tb summary{font-weight:700;cursor:pointer}
@media print{.site-header,.disclosure-bar,footer,.to-top,.no-print,.lead,h1,.geo-note{display:none!important}
 .tp-out{display:block}.tp-prev{display:none}.tp-tiles{display:block}.tp-page{page-break-after:always;break-after:page}.tp-page svg{max-width:none;border:0}}

/* v20c helper */
#cc-help{position:fixed;bottom:18px;left:16px;z-index:44;width:48px;height:48px;border:2px solid #fff;border-radius:50%;padding:0;font-size:1.35rem;line-height:1;background:var(--accent);color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.2);cursor:pointer;opacity:.92}
#cc-help:hover{opacity:1}body:has(.lang-pick[open]) #cc-help{display:none}.h-txt{white-space:pre-line}
.h-box{position:fixed;bottom:16px;left:16px;z-index:61;width:min(380px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 32px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.2);overflow:hidden}
.h-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--accent);color:#fff}.h-x{background:none;border:0;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
.h-note{font-size:.8rem;margin:0;padding:8px 14px;background:var(--bg2,#fff6ec);color:var(--ink)}
.h-log{flex:1;overflow:auto;padding:10px 14px}.h-log p{margin:.4em 0}.h-me{text-align:end;font-weight:700}.h-bot{border-top:1px dashed var(--line);padding-top:6px}
.h-ans{background:var(--bg2,#fff6ec);border-radius:12px;padding:8px 10px;margin:8px 0;font-size:.92rem}.h-src{font-weight:700}
.h-ex button{display:block;width:100%;text-align:start;margin:6px 0;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;cursor:pointer}
.h-links{display:flex;flex-wrap:wrap;gap:8px}.h-links .btn{white-space:normal}
.h-f{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.h-f input{flex:1;min-width:0;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
[dir=rtl] #cc-help{left:auto;right:16px}[dir=rtl] .h-box{left:auto;right:16px}
@media print{#cc-help,.h-box{display:none!important}}

/* v20d */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chip{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-weight:700;font-size:.92rem}
.chip:hover{border-color:var(--accent)}
#shelves{margin:30px 0}.shelf{margin:22px 0}.shelf-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.shelf-h h3{margin:0}.shelf-more{font-weight:700;white-space:nowrap}
.shelf-row{display:flex;gap:12px;overflow-x:auto;padding:10px 2px 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.mini{flex:0 0 160px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;text-decoration:none;color:var(--ink);box-shadow:0 3px 12px rgba(120,70,40,.06)}
.mini svg{width:100%;height:110px}.mini strong{font-size:.95rem;line-height:1.25}.mini small{color:var(--accent);font-weight:700;font-size:.78rem}
.mini:hover{border-color:var(--accent)}
.all-banner{display:flex;flex-direction:column;align-items:center;gap:4px;margin:26px 0;padding:22px;border-radius:20px;background:var(--accent);color:#fff;text-decoration:none;text-align:center}
.all-banner span{font-size:2rem}.all-banner strong{font-size:1.35rem}.all-banner small{opacity:.9}
#who{margin:28px 0}.who-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.who{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:700;font-size:.95rem}
.who span{font-size:1.4rem}.who:hover{border-color:var(--accent)}
#explore{margin:36px 0}.exp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.exp{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:700}
.exp span{font-size:1.8rem}.exp:hover{border-color:var(--accent)}.all-btn{text-align:center;margin:18px 0}.page-h{margin-top:24px}
.nav-tog,.hdr-search{display:none}
@media (max-width:760px){
 .site-header .wrap{flex-wrap:wrap;align-items:center;gap:6px}.site-header .logo{order:0;flex:1 1 auto;min-width:0}
 .site-header .lang-pick{order:1;min-width:0}.site-header .lang-pick .lp-cur{display:inline-block;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.site-header .logo{flex:1 1 0!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr-search{order:2}.nav-tog{order:3}.site-header nav{order:5}
 .nav-tog span{display:none}.nav-tog{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-weight:700;cursor:pointer}
 .hdr-search{display:inline-block;font-size:1.2rem;text-decoration:none;padding:4px 6px}
 .site-header nav{display:none;width:100%;flex-direction:column;gap:0;padding:6px 0}.site-header nav a{padding:10px 4px;border-top:1px solid var(--line)}
 .site-header.nav-open nav{display:flex}.site-header nav .nav-search{display:none}
 .cmp2-t,.cmp2-t thead,.cmp2-t tbody{display:block!important;width:100%!important}
 .cmp2-t tr{display:grid!important;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
 .cmp2-t thead th:first-child{display:none!important}
 .cmp2-t tbody th{grid-column:1/3;padding:8px 8px 2px!important;background:none!important;font-size:.85rem;opacity:.8}
 .cmp2-t td,.cmp2-t th{display:block!important;width:auto!important;padding:4px 8px 8px!important;text-align:start;overflow-wrap:break-word;word-break:normal}
 .cmp2-t td::before{content:none!important;display:none!important}
}

/* tutorials */
.tut{margin:28px 0;padding:18px 18px 8px;border:1px solid var(--line);border-radius:18px;background:var(--card,#fff)}
.tut h2{margin-top:0}.tut-note{font-size:.88rem;color:var(--muted);margin:.2em 0 14px}
.tut-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.tut-k{margin:0 0 6px;font-weight:700;font-size:.9rem}
.tut-v{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:12px;overflow:hidden;background:#111 center/cover no-repeat;cursor:pointer}
.tut-v::after{content:"";position:absolute;inset:0;margin:auto;width:64px;height:44px;border-radius:12px;background:rgba(0,0,0,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/26px no-repeat}
iframe.tut-v{cursor:auto}.tut-v:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.tut-by{font-size:.85rem;color:var(--muted);margin:6px 0 10px}

/* phone tools */
.tl-box{background:var(--card,#fff);border:1px solid var(--line);border-radius:20px;padding:20px;margin:20px 0}
.tl-time{font-size:clamp(3.4rem,18vw,6rem);font-weight:800;letter-spacing:-.03em;text-align:center;font-variant-numeric:tabular-nums;line-height:1.1;margin:6px 0 14px}
.tl-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.tl-btns .btn{min-width:130px;font-size:1.1rem;cursor:pointer}
.tl-in{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 6px}
.tl-in label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.92rem}
.tl-in input,.tl-box select{font:inherit;font-size:1.1rem;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}
.tl-out{text-align:center;font-weight:700;margin:10px 0 0;min-height:1.6em}.tl-hint{text-align:center;margin:8px 0 0;min-height:1.6em}
.tl-chk{display:flex;gap:10px;align-items:flex-start;margin:14px 0}.tl-chk input{width:22px;height:22px;accent-color:var(--accent)}
.tl-more{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}