:root{
  --coffee:var(--accent,#4f46e5);
  --coffee-dark:var(--solar-dark,#252b46);
  --coffee-soft:var(--accent-soft,#eef2ff);
  --coffee-line:var(--line,#e6e9ee);
}
body[data-cluster="coffee"]{background:#fff;color:var(--ink,#0f1729)}
body[data-cluster="coffee"] .topdisc{background:var(--canvas,#f7f8fa);color:var(--faint,#98a1b0)}
body[data-cluster="coffee"] .topdisc b{color:var(--soft,#4b5563)}
body[data-cluster="coffee"] .nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--hair,#eef1f5)}
body[data-cluster="coffee"] .nav-in{height:64px;max-width:1160px}
body[data-cluster="coffee"] .nav-links a[aria-current="page"]{color:var(--accent,#4f46e5);font-weight:700}
body[data-cluster="coffee"] .solar-hero{background:radial-gradient(720px 430px at 85% 8%,rgba(79,70,229,.10),transparent 68%),linear-gradient(145deg,#fff 0%,#f7f8fa 100%)}
body[data-cluster="coffee"] .soft{background:var(--canvas,#f7f8fa)}
body[data-cluster="coffee"] .answer-band{background:var(--solar-dark,#252b46)}
body[data-cluster="coffee"] .answer-label{color:#c7d2fe}
body[data-cluster="coffee"] .answer-band a{color:#fff}
body[data-cluster="coffee"] .direct-answer{border-color:#c7d2fe;border-left-color:var(--accent,#4f46e5);background:var(--accent-soft,#eef2ff);color:#28305a}
body[data-cluster="coffee"] .direct-answer strong{color:#312e81}
body[data-cluster="coffee"] .finder-grid select:focus{border-color:var(--accent,#4f46e5);outline:3px solid rgba(79,70,229,.14)}
body[data-cluster="coffee"] .solar-footer{background:#232f3e}

.coffee-hero-visual{position:relative;width:100%;min-width:0;aspect-ratio:3/2;margin:0;border:1px solid rgba(15,23,41,.10);border-radius:28px;background:radial-gradient(circle at 72% 25%,#fff 0 11%,transparent 34%),linear-gradient(145deg,#eef2ff,#f7f8fa 68%);box-shadow:0 30px 70px rgba(15,23,41,.16);overflow:hidden}
.coffee-hero-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(255,255,255,.12) 58%,rgba(79,70,229,.08));pointer-events:none}
.coffee-machine{position:absolute;z-index:1;width:58%;height:82%;right:7%;top:5%;object-fit:contain;filter:drop-shadow(0 28px 24px rgba(15,23,41,.19))}
.coffee-grinder-card{position:absolute;z-index:2;left:24px;bottom:24px;width:155px;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 18px 42px rgba(15,23,41,.17);padding:12px;backdrop-filter:blur(12px)}
.coffee-grinder-card img{display:block;width:100%;height:116px;object-fit:contain;border-radius:12px;background:#fff}
.coffee-grinder-card strong{display:block;margin-top:9px;color:var(--ink,#0f1729);font-size:.78rem;letter-spacing:-.01em}
.coffee-grinder-card span{display:block;margin-top:3px;color:var(--soft,#4b5563);font-size:.65rem;line-height:1.35}
.coffee-hero-caption{position:absolute;z-index:3;right:20px;bottom:20px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(255,255,255,.94);padding:8px 12px;color:var(--accent,#4f46e5);box-shadow:0 8px 24px rgba(15,23,41,.12);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

.finder-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.finder-grid label{display:flex;flex-direction:column;gap:7px;color:var(--ink,#0f1729);font-size:.79rem;font-weight:780}
.finder-grid select{width:100%;min-height:48px;border:1px solid #d8dde7;border-radius:10px;background:#fff;padding:11px 36px 11px 13px;color:var(--ink,#0f1729);font:inherit}
.finder-result{min-height:100%;border-radius:17px;background:var(--solar-dark,#252b46);padding:26px;color:#fff}
.finder-result .result-label{display:block;color:#c7d2fe;font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.finder-result h2{margin:8px 0 10px;color:#fff;font-size:clamp(1.6rem,3vw,2.25rem)}
.finder-result p{color:#d7dae5;line-height:1.62}
.finder-result ul{margin:18px 0;padding-left:20px;color:#f5f7fb;line-height:1.65}
.finder-result .solar-button{background:#fff;color:var(--accent,#4f46e5);border-color:#fff}
.finder-result .solar-button:hover{background:#eef2ff;color:#3730a3;border-color:#eef2ff}
.program-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:22px 0;border:1px solid var(--coffee-line);border-radius:15px;overflow:hidden;background:var(--coffee-line)}
.program-strip>div{background:#fff;padding:18px}
.program-strip span{display:block;color:#667085;font-size:.66rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.program-strip strong{display:block;margin-top:7px;color:var(--ink,#0f1729);font-size:1.03rem}
.program-strip small{display:block;margin-top:6px;color:var(--soft,#4b5563);line-height:1.45}
.source-check{display:inline-flex;align-items:center;gap:7px;margin-top:12px;border-radius:999px;background:var(--coffee-soft);color:#4338ca;padding:7px 10px;font-size:.72rem;font-weight:800}
.source-check::before{content:"\2713"}

@media(max-width:900px){.coffee-hero-visual{aspect-ratio:16/9}.program-strip{grid-template-columns:1fr}}
@media(max-width:640px){
  body[data-cluster="coffee"] .nav-in{height:auto;min-height:0;padding:12px 16px 10px;gap:10px;align-items:flex-start;flex-direction:column}
  body[data-cluster="coffee"] .nav-links{display:grid;width:100%;grid-template-columns:repeat(4,max-content);justify-content:space-between;gap:8px;overflow:visible;padding:0}
  body[data-cluster="coffee"] .nav-links a:nth-child(1),body[data-cluster="coffee"] .nav-links a:nth-child(6),body[data-cluster="coffee"] .nav-links a:nth-child(7){display:none!important}
  .coffee-hero-visual{aspect-ratio:4/3;border-radius:20px}.coffee-machine{width:62%;height:78%;right:2%;top:2%}.coffee-grinder-card{left:14px;bottom:14px;width:128px;padding:9px}.coffee-grinder-card img{height:90px}.coffee-hero-caption{right:12px;bottom:12px;font-size:.59rem}.finder-grid{grid-template-columns:1fr}
}