/* Cigar page (cigar.html) — page styles on top of system.css. */
.crumbs{font-size:13px;color:var(--muted);padding:18px 0 4px;display:flex;flex-wrap:wrap;gap:0 8px}
.crumbs a{color:var(--ink2);display:inline-flex;align-items:center;min-height:44px}.crumbs a:hover{color:var(--copper-hi)}

/* hero: photo, then text; side by side on desktop */
.cg-hero{display:grid;gap:var(--s5);padding:var(--s3) 0 0;position:relative}
body{background:radial-gradient(60% 520px at 25% 80px,rgba(31,81,55,.55),transparent 70%) no-repeat,radial-gradient(40% 380px at 92% 80px,rgba(217,136,79,.10),transparent 70%) no-repeat,var(--bg)}
.cg-photo{margin:0}
.cg-photo .k-frame{max-height:min(86vw,440px);margin:0 auto}
.cigar-photo-empty .initial{font-family:var(--serif);font-size:120px;color:var(--line);line-height:1}
.cigar-photo-brandmark img{object-fit:contain;padding:12%}
.cg-brand{font-size:var(--t-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--copper);font-weight:600;margin:0 0 8px}
.cg-brand a{display:inline-flex;align-items:center;min-height:44px}
.cg-brand a:hover{text-decoration:underline;text-underline-offset:4px}
.cg-title{display:flex;align-items:center;gap:12px;margin:0 0 var(--s3)}
.cg-title h1{font-family:var(--serif);font-weight:500;font-size:var(--t-display);line-height:1.02;letter-spacing:-.02em;margin:0}
.cg-hero .k-chips{margin-bottom:var(--s4)}

/* "At a glance" = the price slab */
.glance{padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-card);background:linear-gradient(160deg,var(--panel-hi),var(--panel));margin:0 0 var(--s3)}
.glance-h{font-size:var(--t-micro)!important;letter-spacing:.18em;text-transform:uppercase;color:var(--copper);font-weight:600;margin:0 0 var(--s3)!important;font-family:var(--sans)!important}
.glance dl{margin:0;display:grid!important;grid-template-columns:1fr!important;gap:var(--s3)}
.glance dl>div{display:grid;grid-template-columns:96px 1fr;gap:var(--s3);align-items:baseline;padding-top:var(--s3);border-top:1px solid var(--line2)}
.glance dl>div:first-child{padding-top:0;border:0;grid-template-columns:1fr}
.glance dt{font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.glance dd{margin:0;font-size:15px;font-family:var(--sans)}
.glance dl>div:first-child dd{font-family:var(--serif);font-family:var(--serif);font-size:clamp(22px,5.6vw,32px);font-weight:600;color:var(--copper-hi);line-height:1.15;font-variant-numeric:tabular-nums}
.glance dl>div:first-child dt{margin-bottom:4px}
.glance dd small{display:block;margin-top:4px;font-family:var(--sans);font-size:12.5px;font-weight:400;color:var(--muted)}

/* fact tiles under the hero */
.statrow.k-facts{margin:var(--s3) 0 0;gap:var(--s3);background:none;border:0;border-radius:0;overflow:visible}
.statrow.k-facts .k-fact{padding:14px 16px;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r-card)}
.k-fact em{display:block;margin-top:4px;font-style:normal;font-size:11px;color:var(--muted)}

/* value head (last recorded sale) */
.value-head{padding:var(--s4);border:1px solid var(--line2);border-radius:var(--r-card);background:var(--panel);margin:0 0 var(--s5)}
.value-figure{font-family:var(--serif);font-size:var(--t-price);font-weight:600;color:var(--copper-hi);line-height:1.15}
.value-meta,.value-empty-note{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.5}
.value-empty{font-family:var(--serif);font-size:20px}
.value-head .offer-link{display:inline-flex;align-items:center;min-height:44px;color:var(--copper-hi);font-size:14px}
.value-legend summary,.sale-history summary{cursor:pointer}
.value-legend summary{font-size:12px;color:var(--muted);margin-top:8px;min-height:44px;display:flex;align-items:center}
.k-sub{font-family:var(--serif);font-weight:500;font-size:var(--t-h3);margin:0 0 var(--s3)}

.sale-history{margin-top:var(--s5);border:1px solid var(--line2);border-radius:var(--r-card);background:var(--panel);padding:0 var(--s4)}
.sale-history summary{font-size:15px;font-weight:600;min-height:52px;display:flex;align-items:center;list-style-position:inside}
.sale-history[open]{padding-bottom:var(--s4)}
.sale-history .spark{display:block;width:100%;height:auto;max-height:300px;margin:12px 0 4px}
.sale-history .vints{margin:14px 0}.sale-history .vints summary{font-size:13px;min-height:44px}
.sale-history .vints>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.sale-history .vints label{display:flex;align-items:center;gap:5px;font-size:13px;min-height:44px;padding:0 8px;border:1px solid var(--line2);border-radius:var(--r-chip)}
.sale-history .vints input{width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;flex:0 0 18px;accent-color:var(--copper)}
.sale-history .vints label:has(input:checked){background:var(--copper-soft)}
.sale-history .vints i{display:inline-block;width:10px;height:10px;border-radius:50%}
.sale-history a{display:inline-flex;align-items:center;min-height:44px}
.history-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.history-records{padding-left:22px;font-size:13px;line-height:1.8}

.offer-old summary{cursor:pointer;font-size:12px;color:var(--muted)}
.cg-empty{padding:var(--s5) var(--s4);border:1px dashed var(--line2);border-radius:var(--r-card);color:var(--muted);font-size:14px;text-align:center}

/* related tables */
.bt-mention-item{display:inline-block;margin:0 8px 8px 0}
.bt-mention-t{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line2);border-radius:var(--r-chip);font-size:14px}
.bt-mention-t:hover{border-color:var(--copper);background:var(--copper-soft)}

@media (min-width:900px){
  .cg-hero{grid-template-columns:5fr 6fr;gap:var(--s7);align-items:center;padding-top:var(--s5)}
  .cg-photo .k-frame{max-height:none}
  .glance dl>div{grid-template-columns:120px 1fr}
}

.bt-mentions{display:flex;flex-wrap:wrap;gap:8px}
.bt-mention-item{margin:0;border:0!important;padding:0!important}
@media (min-width:640px){.statrow.k-facts{grid-template-columns:repeat(auto-fill,minmax(170px,200px))}}
/* The record is one compact information card. A house logo is never a hero photo. */
.cg-hero{grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:start;padding:16px 0 0}
.cg-hero--no-photo{grid-template-columns:minmax(0,1fr)}
.cg-photo .k-frame{max-height:240px;height:240px;aspect-ratio:auto}
.cg-photo img{object-fit:contain}
.cg-title{margin-bottom:8px}.cg-title h1{font-size:clamp(28px,3.2vw,44px);line-height:1.1}
.cg-brand{margin-bottom:2px}.cg-brand a{min-height:28px}
.cg-hero .k-chips{margin-bottom:14px}
.glance{padding:18px 20px;margin:0;background:var(--panel);border-color:var(--line2)}
.glance-h{margin-bottom:10px!important}
.glance .value-head{padding:0 0 12px;border:0;border-radius:0;background:none;margin:0 0 12px;border-bottom:1px solid var(--line2);gap:8px 16px}
.glance .value-figure{font-size:26px}.glance .value-meta{font-size:12px}
.glance .value-legend summary,.glance .offer-link{min-height:30px;margin:0;font-size:12px}
.glance dl{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px}
.glance dl>div,.glance dl>div:first-child{display:block;padding:0;border:0}
.glance dt{font-size:10px;letter-spacing:.1em;margin-bottom:5px}
.glance dd,.glance dl>div:first-child dd{font:500 15px/1.4 var(--sans);color:var(--ink)}
.cg-photo-note{font-size:12px;color:var(--muted);margin:10px 0;line-height:1.5}
#cigar-root>.k-sec{margin-top:26px;padding-top:0}#cigar-root .k-sec-head{margin-bottom:12px;padding-bottom:8px}
#cigar-root .k-sec-head h2{font-size:25px}#cigar-root .k-eyebrow{display:none}
.cg-dealers{padding:12px 0;border-bottom:1px solid var(--line2)}.cg-dealers>summary{cursor:pointer;min-height:32px;line-height:32px;font-size:14px}
.cg-evidence .sale-history{margin-top:12px}.cg-empty{padding:12px 16px;text-align:left}
@media(max-width:650px){.cg-hero{grid-template-columns:1fr;gap:14px}.cg-photo .k-frame{height:170px;max-width:240px;margin:0 auto}.glance{padding:16px}.glance dl{grid-template-columns:repeat(2,minmax(0,1fr))!important}.glance .value-figure{font-size:24px}.cg-title h1{font-size:30px}}
main>.wrap{padding-top:0}.crumbs{padding:0;margin:10px 0 0;align-items:center;min-height:36px}.crumbs a{min-height:36px}
.cg-hero{padding-top:8px}.cg-photo-note{margin:8px 0}.cg-evidence{margin-top:16px!important}
#cigar-root .k-specs>div{padding:10px 0}
/* One infocard: identification, valuation and facts share a single boundary. */
.cg-record{padding:22px;border:1px solid var(--line2);border-radius:6px;background:var(--panel)}.cg-record .cg-hero{padding:0}.cg-record .glance{padding:14px 0 0;border:0;background:none}.cg-record .cg-photo .k-frame{height:230px;border:0}.cg-facts{margin-top:20px;border-top:1px solid var(--line2)}.cg-facts>summary{cursor:pointer;padding:16px 0;font:20px var(--serif)}.cg-facts .k-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}.cg-facts .k-specs .k-wide{grid-column:auto}.cg-packaging{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line2);padding-top:12px}.cg-packaging h3{font:14px var(--sans);margin:0;white-space:nowrap}.cg-packaging .k-chips{margin:0}.cg-packaging .k-chip{font-size:12px;padding:4px 10px}.cg-packaging .bs-menge{font-size:16px}.sale-history{padding:0 20px}.sale-history>summary{font:23px var(--serif);padding:18px 0}.history-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.history-heading h3{font:20px var(--serif);margin:0}.history-heading p{margin:6px 0;font-size:12px;color:var(--muted)}.history-heading>span{font-size:11px;white-space:nowrap;color:var(--muted)}.sale-history .vints{border:0;padding:0;margin:18px 0 6px}.vints legend{font-size:12px}.vints legend span{color:var(--muted);margin-left:8px}.sale-history .vints>div{margin-top:6px;gap:6px}.sale-history .vints label{border-radius:4px;font-size:12px}.sale-history .spark{width:100%;height:auto;max-height:340px}.spark text{fill:var(--muted);font:11px var(--sans)}.history-grid{stroke:var(--line2);stroke-width:1}.history-trend{stroke-width:1.5;opacity:.55;pointer-events:none}.history-hit{fill:transparent;stroke:none}.spark [data-sale]{cursor:pointer;outline:none}.spark [data-sale]:focus .history-hit,.spark [aria-pressed=true] .history-hit{stroke:var(--ivory);stroke-width:1.5}.history-axis{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.history-selection{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:14px 16px;min-height:65px;background:var(--bg2);border-left:2px solid var(--copper);margin:15px 0;font-size:12px}.history-selection strong{font-size:16px}.history-selection small{font-size:11px;font-weight:400}.history-note{font-size:11px;line-height:1.6;color:var(--muted);max-width:85ch}.history-ledger{border-top:1px solid var(--line2);margin-top:16px}.history-ledger>summary{font-size:13px}.history-records{padding:0;list-style:none;margin:0}.history-records li{display:grid;grid-template-columns:100px 110px 110px 1fr 1fr;gap:12px;border-top:1px solid var(--line2);padding:10px 0;align-items:center;font-size:12px}.history-empty{padding:50px 0;text-align:center}
@media(max-width:650px){.cg-record{padding:16px}.cg-record .cg-hero{grid-template-columns:92px minmax(0,1fr);gap:14px}.cg-record .cg-photo .k-frame{height:150px}.cg-record .cg-hero-text{display:contents}.cg-record .cg-brand{grid-column:2;margin:0;align-self:end;font-size:10px}.cg-record .cg-photo{grid-row:1/4}.cg-record .cg-title{grid-column:2;margin:0;align-self:center}.cg-record .cg-title h1{font-size:27px}.cg-record .cg-title .entity-mark{display:none}.cg-record .k-chips{grid-column:2;margin:0}.cg-record .glance,.cg-record .cg-photo-note{grid-column:1/-1}.cg-record .cg-hero--no-photo{grid-template-columns:1fr}.cg-record .cg-hero--no-photo>*{grid-column:1}.cg-facts .k-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-packaging{display:block}.cg-packaging h3{margin-bottom:10px}.cg-packaging .k-chips{gap:5px}.sale-history{padding:0 12px}.sale-history>summary{font-size:21px}.history-heading{display:block}.history-heading h3{font-size:18px}.history-heading>span{display:block;margin-top:8px}.sale-history .spark{min-width:0}.sale-history #sale-history-chart{overflow-x:auto}.history-axis{flex-direction:column;gap:4px}.history-records li{grid-template-columns:1fr 1fr;gap:4px 12px}.history-records li a{grid-column:1/-1}.cg-photo .rating-badge{right:3px;top:3px;min-width:48px;min-height:48px;padding:6px}.rating-badge strong{font-size:19px}}
.sale-history .vints label{background:transparent}.sale-history .vints label:has(input:checked){background:var(--bg2)}.vintage-add{gap:10px!important;border:0!important;padding:0!important}.vintage-add select{max-width:170px;min-height:42px;padding:6px 12px;background:var(--bg2);color:var(--ink);border:1px solid var(--line2);border-radius:4px;font:12px var(--sans)}
.cg-knowledge{border-top:1px solid var(--line2);margin-top:14px}.cg-knowledge>summary{padding:16px 0;font:20px var(--serif);cursor:pointer}.cg-knowledge .k-sec{margin:0;padding:0}.cg-knowledge .k-stories{display:block}.cg-knowledge .k-story{padding:14px 0;border:0;border-top:1px solid var(--line2);background:none}.cg-knowledge .k-story p{display:block;white-space:pre-line;overflow:visible;-webkit-line-clamp:unset;max-height:none}.cg-knowledge .k-story h3{font-size:19px}.cg-knowledge .k-story button{display:none}
@media(max-width:650px){.cg-record .cg-hero--no-photo .cg-hero-text>*{grid-column:1}.cg-record .cg-hero--no-photo .cg-title{justify-content:flex-start}}
.sale-history .spark{max-height:260px}.history-heading p{margin:0;font-size:12px}.sale-history .vints{margin-top:12px}.history-selection{min-height:52px;margin:10px 0;padding:10px 14px}.history-note{max-width:none;margin:8px 0}.sale-history>summary{padding:14px 0}.history-ledger{margin-top:10px}
