/* P5: evidence first, with the source count visible at each step. */
.tasting-article { --hiya-ink:#1d3438; --hiya-rust:#8e6548; --hiya-line:#d2dad6; }
.tasting-article .tasting-hero { background:#f5f2eb; }
.tasting-article .tasting-hero h1 { font-size:clamp(2.4rem,3.7vw,3.7rem); }
.tasting-hero__grid { display:grid; grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr); grid-template-areas:"intro visual" "details visual"; align-items:start; column-gap:clamp(2rem,4vw,4rem); }
.tasting-hero__intro { grid-area:intro; }
.tasting-hero__details { grid-area:details; padding-top:.8rem; }
.tasting-hero__details > p:not(.hiya-status) { max-width:35em; font-size:.94rem; line-height:1.9; }
.tasting-hero__details .hiya-button { margin:.75rem 0 0; }
.tasting-hero__details .hiya-status { max-width:37em; margin:.9rem 0 0; color:var(--hiya-muted); font-size:.78rem; line-height:1.65; }
.tasting-hero__visual { grid-area:visual; width:100%; margin:0; align-self:center; }
.tasting-hero__visual picture { display:block; overflow:hidden; }
.tasting-hero__visual img { display:block; width:100%; height:auto; aspect-ratio:11/12; object-fit:cover; object-position:center; }
.tasting-hero__facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); background:#1d3438; color:#fffaf0; }
.tasting-hero__facts-title { grid-column:1/-1; margin:0; padding:.8rem 1rem .65rem; border-bottom:1px solid #55716e; font-size:.78rem; font-weight:700; line-height:1.6; }
.tasting-hero__facts > div { display:flex; flex-direction:column; align-items:flex-start; gap:.2rem; min-width:0; padding:.65rem 1rem .45rem; }
.tasting-hero__facts > div + div { border-left:1px solid #55716e; }
.tasting-hero__facts strong { font:600 clamp(2.3rem,3.5vw,3rem)/1 "Shippori Mincho",serif; }
.tasting-hero__facts strong small { margin-left:.15em; font-size:.38em; }
.tasting-hero__facts span { color:#e5c6a8; font-size:.74rem; font-weight:700; line-height:1.45; white-space:nowrap; }
.tasting-hero__facts-note { grid-column:1/-1; margin:0; padding:.3rem 1rem .75rem; color:#d2dfd9; font-size:.68rem; line-height:1.55; }
.tasting-hero__visual figcaption { margin-top:.7rem; color:var(--hiya-muted); font-size:.68rem; line-height:1.65; }
.tasting-article .tasting-scope { background:#fffdfa; }
.tasting-article .hiya-mid-cta { background:#2b4d50; }
.tasting-article .tasting-marks { background:#f0f5f2; }
.tasting-bars { display:grid; gap:1.2rem; margin:2rem 0 1rem; }
.tasting-bars > div { display:grid; grid-template-columns:1fr auto; gap:.5rem 1rem; }
.tasting-bars span { font-weight:700; }
.tasting-bars strong { color:#1d3438; }
.tasting-bars i { display:block; grid-column:1/-1; width:100%; height:1rem; background:linear-gradient(to right,#b5764f var(--fill),#d8e4de var(--fill)); }
.tasting-article .tasting-flavor-intro { background:#fffdfa; }
.tasting-article .tasting-flavors { background:#f4f0e8; }
.tasting-flavor-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin:2rem 0; border:1px solid #d8d4ca; background:#d8d4ca; }
.tasting-flavor-grid > div { padding:1.4rem; background:#fffdfa; }
.tasting-flavor-grid span { color:#a27052; font-size:.7rem; font-weight:700; }
.tasting-flavor-grid h3 { margin:.2rem 0 .5rem!important; font-size:1.35rem!important; }
.tasting-flavor-grid p { margin:0!important; font-size:.85rem; }
.tasting-article .tasting-examples { background:#fffdfa; }
.tasting-article .tasting-examples h3 { margin-top:2.3rem; }
.tasting-article .tasting-table-section { background:#ebf0ed; }
.tasting-table-wrap { max-width:100%; overflow-x:auto; border:1px solid #cbd5ce; }
.tasting-table-wrap table { width:100%; min-width:520px; border-collapse:collapse; background:#fffdfa; font-size:.82rem; line-height:1.6; }
.tasting-table-wrap caption { padding:.8rem; color:#4a5a53; text-align:left; font-size:.75rem; }
.tasting-table-wrap th,.tasting-table-wrap td { padding:.8rem 1rem; border-top:1px solid #dbe2dc; text-align:left; }
.tasting-table-wrap thead th { background:#d8e5dd; color:#1d3438; }
.tasting-table-wrap td { width:6.5rem; color:#1d3438; font-weight:700; text-align:center; }
.tasting-article .tasting-limits { background:#fffdfa; }
.tasting-article .tasting-wheel { background:#f4eee6; }
.tasting-question-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:2rem 0; border:1px solid #dfd5c9; background:#dfd5c9; }
.tasting-question-grid > div { display:grid; gap:.35rem; padding:1.2rem; background:#fffdfa; }
.tasting-question-grid strong { color:#1d3438; }
.tasting-question-grid span { font-size:.82rem; }
.tasting-article .tasting-compare { background:#fffdfa; }
.tasting-article .tasting-home { background:#eaf0ed; }
.tasting-article .hiya-final { background:#2b4d50; }
.tasting-article .tasting-final-secondary { margin-top:1.5rem!important; font-size:.9rem; }
.tasting-article .tasting-final-secondary a { color:#fffaf0!important; }
@media(max-width:900px){ .tasting-flavor-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px){
  .tasting-article .tasting-hero h1 { font-size:clamp(1.8rem,7vw,2.5rem); }
  .tasting-hero__grid { grid-template-columns:1fr; grid-template-areas:"intro" "visual" "details"; row-gap:1.2rem; }
  .tasting-hero__visual img { aspect-ratio:4/5; }
  .tasting-hero__facts > div { padding:.65rem .8rem .45rem; }
  .tasting-hero__facts strong { font-size:2.5rem; }
  .tasting-hero__details { padding-top:0; }
  .tasting-hero__details .hiya-button { width:100%; }
  .tasting-flavor-grid { grid-template-columns:1fr; }
  .tasting-question-grid { grid-template-columns:1fr; }
}
