/* Cigar atlas pages (tools/build_atlas.mjs). Loaded after editorial.css and guide.css. Radar, dots and stars mirror discover/fyc.css. */
.radar{width:100%;height:auto;overflow:visible}
.radar .rg{fill:none;stroke:var(--line);stroke-width:1}
.radar .rs{stroke:var(--line);stroke-width:1}
.radar .rv{fill:color-mix(in srgb,var(--gold) 28%,transparent);stroke:var(--gold);stroke-width:2.2;stroke-linejoin:round;transition:all .4s}
.radar .ro{fill:none;stroke:var(--muted);stroke-width:1.2;stroke-dasharray:4 3;opacity:.7}
.radar text{fill:var(--muted);font:600 11px var(--text)}
.dots{display:inline-flex;gap:3px;vertical-align:middle;margin-right:6px}
.dots i{width:7px;height:7px;border-radius:50%;border:1px solid var(--gold-2)}
.dots i.on{background:var(--gold);border-color:var(--gold)}
.stars{--r:0;display:inline-block;width:72px;height:13px;margin-right:6px;vertical-align:-1px;background:linear-gradient(90deg,var(--gold) calc(var(--r)/5*100%),rgba(255,255,255,.15) 0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 13'%3E%3Cg%3E%3Cpath id='s' d='M6.5 0l1.9 4.1 4.4.5-3.3 3 .9 4.4-3.9-2.2-3.9 2.2.9-4.4-3.3-3 4.4-.5z'/%3E%3Cuse href='%23s' x='14.4'/%3E%3Cuse href='%23s' x='28.8'/%3E%3Cuse href='%23s' x='43.2'/%3E%3Cuse href='%23s' x='57.6'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 13'%3E%3Cg%3E%3Cpath id='s' d='M6.5 0l1.9 4.1 4.4.5-3.3 3 .9 4.4-3.9-2.2-3.9 2.2.9-4.4-3.3-3 4.4-.5z'/%3E%3Cuse href='%23s' x='14.4'/%3E%3Cuse href='%23s' x='28.8'/%3E%3Cuse href='%23s' x='43.2'/%3E%3Cuse href='%23s' x='57.6'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100%}
.article-title h1{max-width:22ch}
.atlas-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:start;margin-top:40px}
.atlas-radar{margin:0;max-width:420px}
.atlas-radar figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0 0}
.chips li{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:15px;color:var(--ink);background:var(--card)}
.muted{color:var(--muted);font-size:15px}
.atlas-rev{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:10px}
.atlas-rev a,.atlas-pop{color:var(--ink)}
.atlas-pop{margin:28px 0 0;padding:16px 20px;border-left:3px solid var(--gold);background:var(--card);border-radius:0 12px 12px 0}
.atlas-matches{list-style:none;padding:0;margin:20px 0 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;counter-reset:m}
.atlas-matches a{counter-increment:m;display:grid;gap:4px;height:100%;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--muted);text-decoration:none;font-size:15px;transition:border-color .2s,transform .2s}
.atlas-matches a::before{content:counter(m);font:700 12px var(--text);color:var(--gold)}
.atlas-matches a:hover,.atlas-list a:hover{border-color:var(--gold-2);transform:translateY(-2px)}
.atlas-matches b{color:var(--ink);font-size:18px;line-height:1.25}
.atlas-matches .match{color:var(--gold);font-weight:600}
.atlas-matches .why{color:var(--ink);margin-top:4px}
.atlas-list{list-style:none;padding:0;margin:12px 0 28px;display:grid;gap:10px}
.atlas-list.cols{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.atlas-list a{display:grid;gap:2px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--muted);text-decoration:none;font-size:14px;transition:border-color .2s,transform .2s}
.atlas-list b{color:var(--ink);font-size:16px}
.atlas-tastes{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 8px}
.atlas-tastes h2{flex-basis:100%}
.atlas-tastes a{border:1px solid var(--line);border-radius:999px;padding:10px 18px;color:var(--ink);text-decoration:none;background:var(--card)}
.atlas-tastes a:hover{border-color:var(--gold)}
.atlas-cta{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;margin:48px 0;padding:26px 28px;border:1px solid var(--gold-2);border-radius:20px;background:color-mix(in srgb,var(--gold) 7%,var(--card))}
.atlas-cta p{margin:0;max-width:60ch;color:var(--ink)}
.atlas-cta .pill{color:var(--on-gold,#1a120a);text-decoration:none}
.sources a{color:var(--muted);word-break:break-all}
main section{margin-top:44px}
@media(max-width:860px){.atlas-grid{grid-template-columns:1fr;gap:8px}.atlas-radar{max-width:360px;margin:0 auto}}
@media(max-width:640px){.radar text{font-size:15px}.atlas-cta{padding:20px}}
.article-title .answer{margin-top:22px}
@media(max-width:640px){.article-title h1{font-size:clamp(34px,9.5vw,44px);line-height:1.08}}
#all h3{margin:36px 0 4px}
/* Phone pass 14 Oct: the wrapper list ran ~25,000px on a phone with no way to skip. A jump bar sticks under the header,
   anchors land below both, and phones get two cards per row. */
.atlas-jump{position:sticky;top:64px;z-index:5;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:16px -20px 0;padding:10px 20px;background:color-mix(in srgb,var(--bg,#120c08) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.atlas-jump::-webkit-scrollbar{display:none}
.atlas-jump a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);text-decoration:none;font-size:14px;white-space:nowrap}
.atlas-jump a span{color:var(--muted);font-size:12px}
.atlas-jump a:hover{border-color:var(--gold)}
#all h3{scroll-margin-top:140px}
@media(max-width:640px){.atlas-list.cols{grid-template-columns:1fr 1fr;gap:8px}.atlas-list.cols a{padding:10px 12px;height:100%;box-sizing:border-box}.atlas-list.cols b{font-size:15px;line-height:1.3}}
@media(min-width:641px){.atlas-jump{flex-wrap:wrap}}