/* Clear card boundaries and accessible section navigation in both palettes. */
:root{--card-outline:#978a75;--jump-bg:#292f25;--jump-text:#fff9ec;--jump-border:#292f25}
:root[data-theme=dark]{--card-outline:#88715a;--jump-bg:#e3b38c;--jump-text:#17110c;--jump-border:#e3b38c}
.result-card{border:1px solid var(--card-outline);padding:16px;background:var(--panel);border-radius:4px}
.result-card:hover,.result-card:focus-visible{border-color:var(--leaf)}
.guide-jump{display:flex;flex-wrap:wrap;gap:10px}
.guide-jump a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:var(--jump-bg);color:var(--jump-text);border:1px solid var(--jump-border);border-radius:6px;font:600 14px/1.3 Arial,sans-serif;text-decoration:none}
.guide-jump a:hover{text-decoration:underline;text-underline-offset:3px}
.guide-jump a:focus-visible,.result-card:focus-visible{outline:3px solid var(--leaf);outline-offset:4px}
/* Optional humidor palette, drawn from the original site. */
:root[data-theme=dark]{color-scheme:dark;--ink:#0b0907;--panel:#15110d;--panel2:#1d1711;--paper:#f2eadc;--muted:#aaa092;--copper:#c98a60;--line:#3b3025;--leaf:#cf936b;--night:#0d0a08;--gold:#c98a60}
.theme-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #8e7a5d;border-radius:2px;color:#f2eadc;background:transparent;cursor:pointer;font:12px Arial,sans-serif}
.theme-toggle>span:first-child{font-size:22px;line-height:1}.theme-toggle:hover{background:#ffffff0d}.sidebar .theme-toggle{margin-top:36px;width:100%;justify-content:flex-start}.mobile-header .theme-toggle{margin-left:auto;flex-shrink:0;padding:6px}.mobile-header .theme-label{display:none}
:root[data-theme=dark] .sidebar nav a.active,:root[data-theme=dark] .sidebar nav a:hover{color:var(--paper);border-color:var(--copper)}
:root[data-theme=dark] .mobile-drawer nav a.active{background:var(--panel2);border-color:var(--copper)}
:root[data-theme=dark] .brand-mark{border-color:var(--copper)}
:root[data-theme=dark] .search-panel textarea::placeholder{color:var(--muted)}
:root[data-theme=dark] .primary-button{background:#c37646;color:#0b0907;border-color:#c37646;font-weight:600}
:root[data-theme=dark] .primary-button:hover{background:#dfa378;border-color:#dfa378}
:root[data-theme=dark] .result-image,:root[data-theme=dark] .image-unavailable,:root[data-theme=dark] .dossier-visual,:root[data-theme=dark] .dossier-photo,:root[data-theme=dark] .band-reference{background:var(--panel2);color:var(--muted)}
:root[data-theme=dark] .photo-missing{color:var(--muted);border-color:var(--line)}
:root[data-theme=dark] .ftc-rating{border-color:var(--line)}
:root[data-theme=dark] .swatch-chip{border-color:#f2eadc55}
:root[data-theme=dark] .cigar-dialog::backdrop{background:#050302d9}
:root[data-theme=dark] .reference-grid article,:root[data-theme=dark] .shape-catalog article,:root[data-theme=dark] .wrapper-catalog article,:root[data-theme=dark] .size-list article{background:var(--panel)}
/* A compact palette is useful; a grid of large empty-photo boxes is not. */
.card-palette{display:flex;align-items:center;gap:7px;min-height:64px;margin-bottom:14px;padding:14px 12px;background:var(--panel2);border-top:1px solid var(--line)}
.card-palette .swatch-chip{width:20px;height:20px;flex-shrink:0}.card-palette small{font:9px/1.5 Arial,sans-serif;color:var(--muted);margin-left:auto;text-align:right}.card-palette .palette-missing{font:italic 12px Georgia,serif;color:var(--muted)}
.photo-missing{min-height:100px;font-size:16px;border:0;padding:14px 0}.photo-missing small{font-size:10px}.dossier-visual{background:var(--panel2)}
@media(max-width:760px){.mobile-header{gap:10px;padding:0 12px}.mobile-brand{font-size:17px}.card-palette{gap:5px;padding:10px 8px}.card-palette .swatch-chip{width:16px;height:16px}.card-palette small{font-size:8px}}
