/* RAVA P02.2 — Coffee Record and Compare fidelity. */
.p22-record,.p22-compare{--p22-paper:var(--rava-color-canvas,#f8f6f1);--p22-surface:var(--rava-color-surface,#fffdfa);--p22-stone:var(--rava-color-surface-muted,#eeebe4);--p22-ink:var(--rava-color-text,#1a1d1a);--p22-muted:var(--rava-color-text-secondary,#5f675f);--p22-line:var(--rava-color-border,#d4d0c7);--p22-line-soft:var(--rava-color-border-soft,#e6e2da);--p22-forest:var(--rava-color-accent,#2e5b46);--p22-copper:var(--rava-color-highlight,#9a5941);--p22-display:var(--rava-font-display,Estedad,Vazirmatn,sans-serif);background:var(--p22-paper);color:var(--p22-ink)}
.p22-breadcrumb{display:flex;align-items:center;gap:.55rem;overflow:auto;padding-block:1.1rem;color:var(--p22-muted);font-size:.72rem;white-space:nowrap}.p22-breadcrumb a{color:inherit;text-decoration:none}.p22-record-hero{border-block-end:1px solid var(--p22-line);background:radial-gradient(circle at 84% 18%,rgb(46 91 70/8%),transparent 28rem),var(--p22-paper)}.p22-record-hero__grid{display:grid;grid-template-columns:minmax(20rem,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,7vw,7rem);align-items:center;padding-block:2.3rem clamp(4rem,7vw,7rem)}
.p22-record-gallery{overflow:hidden;border:1px solid var(--p22-line);border-radius:18px;background:var(--p22-surface);box-shadow:0 28px 75px rgb(26 29 26/10%)}.p22-record-gallery__main{position:relative;aspect-ratio:4/4.7;overflow:hidden;background:var(--p22-stone)}.p22-record-gallery__main>img{width:100%;height:100%;object-fit:cover}.p22-record-gallery__main .p21-archive-plate{height:100%;min-height:100%;border:0;border-radius:0}.p22-record-gallery__caption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;color:var(--p22-muted);font-size:.72rem}.p22-record-gallery__caption strong{color:var(--p22-ink)}
.p22-record-identity h1{max-width:12ch;margin:.55rem 0 1.1rem;font-family:var(--p22-display);font-size:clamp(3.5rem,7.2vw,7rem);font-weight:620;line-height:.96;letter-spacing:-.055em}.p22-roastery-line{display:flex;align-items:center;gap:.75rem;margin-block:1.15rem}.p22-roastery-mark{display:grid;width:2.8rem;height:2.8rem;place-items:center;border:1px solid var(--p22-line);border-radius:50%;background:var(--p22-surface);font-family:var(--p22-display);font-size:1.2rem}.p22-roastery-line div{display:grid;gap:.05rem}.p22-roastery-line span{color:var(--p22-muted);font-size:.68rem}.p22-roastery-line a{color:var(--p22-ink);font-weight:800;text-decoration:none}.p22-identity-strip{display:flex;flex-wrap:wrap;gap:.45rem;margin-block:1.2rem}.p22-identity-strip span{padding:.38rem .65rem;border:1px solid var(--p22-line);border-radius:999px;background:var(--p22-surface);font-size:.7rem}.p22-record-code{display:flex;align-items:center;justify-content:space-between;width:min(100%,28rem);min-height:3.2rem;padding-inline:1rem;border:1px solid var(--p22-line);background:var(--p22-surface);color:var(--p22-ink);font-size:.76rem;letter-spacing:.04em}.p22-record-code span:last-child{color:var(--p22-muted);font-size:.58rem}.p22-record-character{max-width:48rem;margin:1.4rem 0;color:var(--p22-muted);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.95}.p22-record-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block-start:1px solid var(--p22-line);border-inline-start:1px solid var(--p22-line)}.p22-record-facts>div{display:grid;gap:.3rem;padding:.85rem 1rem;border-inline-end:1px solid var(--p22-line);border-block-end:1px solid var(--p22-line)}.p22-record-facts span{color:var(--p22-muted);font-size:.65rem}.p22-record-facts strong{font-size:.78rem}.p22-record-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:1.4rem}
.p22-local-nav{position:sticky;z-index:60;top:var(--rava-header-offset,78px);border-block:1px solid var(--p22-line-soft);background:rgb(248 246 241/94%);backdrop-filter:blur(18px)}.p22-local-nav__inner{display:flex;gap:.2rem;overflow:auto;scrollbar-width:none}.p22-local-nav a{padding:1rem .85rem;border-block-end:2px solid transparent;color:var(--p22-muted);font-size:.74rem;text-decoration:none;white-space:nowrap}.p22-local-nav a[aria-current=true]{border-color:var(--p22-forest);color:var(--p22-forest);font-weight:800}
.p22-record-section{padding-block:clamp(4rem,7vw,7rem);scroll-margin-top:calc(var(--rava-header-offset,78px) + 4rem);border-block-end:1px solid var(--p22-line-soft)}.p22-record-section--stone{background:var(--p22-stone)}.p22-record-section__grid{display:grid;grid-template-columns:minmax(15rem,.7fr) minmax(0,1.3fr);gap:clamp(2.5rem,6vw,6rem)}.p22-record-section__intro{position:sticky;top:calc(var(--rava-header-offset,78px) + 5rem);align-self:start}.p22-record-section__intro h2,.p22-related h2{max-width:15ch;margin:.45rem 0 .8rem;font-family:var(--p22-display);font-size:clamp(2rem,4.5vw,4rem);font-weight:600;line-height:1.15}.p22-record-section__intro p{max-width:36rem;color:var(--p22-muted);line-height:1.9}.p22-agreement-panel{padding:1.45rem 1.6rem;border-inline-start:3px solid var(--p22-forest);background:var(--p22-surface)}.p22-agreement-panel span,.p22-overview-cards span,.p22-evidence-grid span,.p22-pack-grid span{color:var(--p22-muted);font-size:.67rem}.p22-agreement-panel h3{margin:.45rem 0;font-family:var(--p22-display);font-size:1.7rem}.p22-agreement-panel p{margin:0;color:var(--p22-muted)}.p22-overview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-block-start:1rem;border:1px solid var(--p22-line);background:var(--p22-line)}.p22-overview-cards article{padding:1.1rem;background:var(--p22-surface)}.p22-overview-cards strong{display:block;margin:.45rem 0;font-family:var(--p22-display);font-size:1.45rem}.p22-overview-cards p{margin:0;color:var(--p22-muted);font-size:.7rem;line-height:1.7}
.p22-sensory-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.78fr);gap:1.5rem}.p22-sensory-bars{display:grid;gap:.95rem}.p22-sensory-row{display:grid;grid-template-columns:5rem minmax(0,1fr) 2.2rem;gap:.8rem;align-items:center;font-size:.72rem}.p22-sensory-track{height:.45rem;overflow:hidden;border-radius:999px;background:#dcd8d0}.p22-sensory-track i{display:block;width:calc(var(--p22-value)*10%);height:100%;border-radius:inherit;background:var(--p22-forest)}.p22-flavor-field{position:relative;min-height:20rem;overflow:hidden;border:1px solid var(--p22-line);background:var(--p22-surface)}.p22-flavor-field__label{position:absolute;inset-block-start:1rem;inset-inline-start:1rem;color:var(--p22-muted);font:700 .6rem/1 var(--rava-font-mono,monospace);letter-spacing:.08em}.p22-flavor-cloud{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:.7rem;min-height:20rem;padding:3rem 1.3rem 1.3rem}.p22-flavor-node{display:grid;place-items:center;min-width:4.3rem;min-height:4.3rem;padding:.75rem;border:1px solid currentColor;border-radius:50%;background:rgb(255 255 255/78%);font-size:.7rem;text-align:center;text-decoration:none}.p22-flavor-node--1{color:#a24f4b}.p22-flavor-node--2{color:#7e628c}.p22-flavor-node--3{color:#8b6a28}.p22-flavor-node--4{color:#537356}
.p22-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.p22-evidence-grid article{padding:1.25rem;border:1px solid var(--p22-line);background:var(--p22-surface)}.p22-evidence-grid article.is-primary{border-color:color-mix(in srgb,var(--p22-forest) 50%,var(--p22-line));background:#e7efe9}.p22-evidence-grid strong{display:block;margin:.35rem 0;font-family:var(--p22-display);font-size:2.6rem;font-weight:600}.p22-evidence-grid p{margin:0;color:var(--p22-muted);font-size:.72rem}.p22-evidence-note{display:flex;justify-content:space-between;gap:1rem;margin-block-start:1rem;padding:1rem;border-inline-start:3px solid var(--p22-copper);background:var(--p22-stone);font-size:.72rem}.p22-evidence-note span{color:var(--p22-muted)}
.p22-availability-panel{padding:1.5rem;border:1px solid var(--p22-line);background:var(--p22-surface)}.p22-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem}.p22-pack-grid article{display:grid;gap:.3rem;min-height:7.5rem;align-content:center;padding:1rem;border:1px solid var(--p22-line);background:#fff}.p22-pack-grid article.is-unavailable{background:var(--p22-stone)}.p22-pack-grid article.is-unavailable strong,.p22-pack-grid article.is-unavailable span,.p22-pack-grid article.is-unavailable small{color:var(--p22-muted)}.p22-pack-grid strong{font-size:1rem}.p22-pack-grid small{color:var(--p22-muted)}.p22-buy-row{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-block-start:1.2rem;padding-block-start:1.2rem;border-block-start:1px solid var(--p22-line)}.p22-buy-row>div{display:grid}.p22-buy-row span{color:var(--p22-muted);font-size:.67rem}.p22-buy-row strong{font-size:1.25rem}.p22-history-list{border-block-start:1px solid var(--p22-line)}.p22-history-list article{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 0;border-block-end:1px solid var(--p22-line)}.p22-history-list>article>span{color:var(--p22-muted);font-family:var(--p22-display);font-size:1.5rem}.p22-history-list div{display:grid;gap:.2rem}.p22-history-list small{color:var(--p22-muted)}.p22-history-list em{font-style:normal;color:var(--p22-muted);font-size:.7rem}.p22-related{padding-block:clamp(4rem,7vw,7rem);background:var(--p22-stone)}.p22-related header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-block-end:1.5rem}.p22-related header>a{color:var(--p22-forest);font-weight:800}.p22-mobile-buy-bar{display:none}
.p22-compare-hero{padding-block:clamp(3rem,6vw,6rem) 2rem;border-block-end:1px solid var(--p22-line);background:radial-gradient(circle at 14% 10%,rgb(46 91 70/8%),transparent 26rem),var(--p22-paper)}.p22-compare-hero__head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.p22-compare-hero h1{max-width:14ch;margin:.55rem 0 1rem;font-family:var(--p22-display);font-size:clamp(3rem,6vw,6rem);font-weight:620;line-height:1.02;letter-spacing:-.05em}.p22-compare-hero p{max-width:48rem;color:var(--p22-muted);line-height:1.9}.p22-compare-add{display:grid;gap:.4rem;min-width:min(100%,18rem);color:var(--p22-muted);font-size:.68rem}.p22-compare-add select,.p22-selected-record--add select{min-height:2.9rem;padding-inline:.75rem;border:1px solid var(--p22-line);background:var(--p22-surface);font:inherit}.p22-selected-records{display:flex;gap:.7rem;overflow:auto;padding-block:1.5rem .4rem;scrollbar-width:none}.p22-selected-record{flex:0 0 min(19rem,78vw);display:grid;grid-template-columns:4rem minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.6rem;border:1px solid var(--p22-line);border-radius:.6rem;background:var(--p22-surface)}.p22-selected-record__media{display:block;width:4rem;height:4.8rem;overflow:hidden;background:var(--p22-stone)}.p22-selected-record__media img{width:100%;height:100%;object-fit:cover}.p22-selected-record__media .p21-archive-plate{height:100%;min-height:100%;padding:.35rem;border:0;border-radius:0}.p22-selected-record__media .p21-archive-plate__brand,.p22-selected-record__media .p21-archive-plate__identity,.p22-selected-record__media .p21-archive-plate__code{display:none}.p22-selected-record__media .p21-archive-plate__mark{font-size:2rem}.p22-selected-record>div{display:grid;gap:.2rem}.p22-selected-record a{color:inherit;text-decoration:none}.p22-selected-record span{color:var(--p22-muted);font-size:.65rem}.p22-selected-record>button{width:2rem;height:2rem;border:1px solid var(--p22-line);border-radius:50%;background:transparent}.p22-selected-record--add{grid-template-columns:auto minmax(0,1fr);align-content:center}.p22-selected-record--add>span{font-size:1.3rem}.p22-selected-record--add select{grid-column:1/-1;width:100%}
.p22-compare-body{padding-block:2rem 6rem}.p22-compare-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,23rem);gap:1.5rem}.p22-compare-main{display:grid;gap:1.25rem}.p22-compare-instrument,.p22-compare-matrix{border:1px solid var(--p22-line);background:var(--p22-surface)}.p22-compare-instrument{padding:1.5rem}.p22-compare-instrument>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-block-end:1.4rem}.p22-compare-instrument h2{margin:.45rem 0 0;font-family:var(--p22-display);font-size:clamp(1.6rem,3vw,2.7rem)}.p22-compare-legend{display:flex;flex-wrap:wrap;gap:.4rem}.p22-compare-legend span{padding:.3rem .55rem;border:1px solid var(--p22-line);border-inline-start:3px solid hsl(calc(145 + var(--p22-index)*58) 35% 38%);font-size:.62rem}.p22-dimension-list{display:grid;gap:1rem}.p22-dimension-row{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1rem;align-items:center;font-size:.7rem}.p22-dimension-bars{display:grid;gap:.25rem}.p22-dimension-bars i{position:relative;display:block;width:calc(var(--p22-value)*10%);min-width:2.2rem;height:.55rem;border-radius:999px;background:hsl(calc(145 + var(--p22-index)*58) 35% 38%)}.p22-dimension-bars em{position:absolute;inset-inline-end:-2.1rem;inset-block-start:-.35rem;color:var(--p22-muted);font-style:normal;font-size:.58rem}.p22-compare-matrix{overflow:auto}.p22-compare-matrix table{width:100%;min-width:48rem;border-collapse:collapse}.p22-compare-matrix th,.p22-compare-matrix td{padding:1rem;border-block-end:1px solid var(--p22-line-soft);text-align:start;vertical-align:top}.p22-compare-matrix thead th{position:sticky;top:0;background:var(--p22-surface);font-size:.72rem}.p22-compare-matrix tbody th{position:sticky;inset-inline-start:0;background:var(--p22-surface);color:var(--p22-muted);font-size:.65rem}.p22-interpretation{position:sticky;top:calc(var(--rava-header-offset,78px) + 1.5rem);align-self:start;padding:1.7rem;border-radius:.7rem;background:#1f2520;color:#f5f3ed}.p22-interpretation .p2-kicker{color:#a8b4ab}.p22-interpretation h2{margin:.55rem 0 1rem;font-family:var(--p22-display);font-size:2.2rem;line-height:1.2}.p22-interpretation>p{color:#d0d5d0;font-size:.78rem;line-height:1.8}.p22-interpretation-list{display:grid;gap:.85rem;margin-block:1.2rem}.p22-interpretation-list article{display:grid;gap:.25rem;padding-block-start:.85rem;border-block-start:1px solid #3a403a}.p22-interpretation-list strong{font-size:.72rem}.p22-interpretation-list span{color:#c8cec8;font-size:.7rem;line-height:1.75}.p22-confidence{display:grid;gap:.25rem;padding:1rem;border-inline-start:2px solid var(--p22-copper);background:#292f2a}.p22-confidence strong{font-size:.7rem}.p22-confidence span{color:#c8cec8;font-size:.65rem;line-height:1.65}.p22-compare-empty{padding-block:4rem 7rem}

@media(max-width:900px){.p22-record-hero__grid,.p22-record-section__grid,.p22-compare-layout{grid-template-columns:1fr}.p22-record-gallery{width:min(100%,35rem);justify-self:center}.p22-record-section__intro,.p22-interpretation{position:static}.p22-compare-hero__head{align-items:stretch;flex-direction:column}.p22-compare-add{width:100%}.p22-overview-cards{grid-template-columns:1fr}.p22-sensory-layout{grid-template-columns:1fr}.p22-related header{align-items:start;flex-direction:column}.p22-compare-instrument>header{align-items:start;flex-direction:column}}
@media(max-width:700px){.p22-record-hero__grid{gap:1.8rem;padding-block:1rem 3rem}.p22-record-gallery{order:2;border-radius:12px}.p22-record-identity{order:1}.p22-record-gallery__main{aspect-ratio:1/.9}.p22-record-identity h1{max-width:10ch;font-size:clamp(2.75rem,13vw,4.5rem);line-height:1}.p22-record-character{font-size:.9rem}.p22-record-facts{grid-template-columns:1fr}.p22-local-nav{top:var(--rava-header-offset,68px)}.p22-local-nav a{padding:.85rem .7rem}.p22-record-section{padding-block:3.5rem;scroll-margin-top:calc(var(--rava-header-offset,68px) + 3rem)}.p22-record-section__grid{gap:1.7rem}.p22-record-section__intro h2,.p22-related h2{font-size:clamp(2rem,10vw,3rem)}.p22-sensory-row{grid-template-columns:4.5rem minmax(0,1fr) 2rem}.p22-evidence-grid{grid-template-columns:1fr}.p22-evidence-note,.p22-buy-row{align-items:stretch;flex-direction:column}.p22-history-list article{grid-template-columns:2.2rem minmax(0,1fr)}.p22-history-list em{grid-column:2}.p22-mobile-buy-bar{position:fixed;z-index:650;inset-inline:0;inset-block-end:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));border-block-start:1px solid var(--p22-line);background:rgb(255 253 250/96%);backdrop-filter:blur(18px)}.p22-mobile-buy-bar div{display:grid}.p22-mobile-buy-bar span{color:var(--p22-muted);font-size:.6rem}.p22-mobile-buy-bar strong{font-size:.82rem}.p22-compare-hero{padding-block:2.7rem 1.2rem}.p22-compare-hero h1{font-size:clamp(2.55rem,12vw,4rem)}.p22-selected-record{flex-basis:84vw}.p22-compare-body{padding-block:1rem 4rem}.p22-compare-instrument{padding:1rem}.p22-dimension-row{grid-template-columns:4.2rem minmax(0,1fr)}.p22-interpretation h2{font-size:1.9rem}}

@media(max-width:700px){
 .p22-record-identity h1{font-size:clamp(2.4rem,11vw,3.7rem)}
 .p22-pack-grid{grid-template-columns:1fr 1fr}.p22-pack-grid article{min-width:0;padding:.8rem}
 .p22-selected-records{display:grid;grid-template-columns:1fr;overflow:visible}
 .p22-selected-record{width:100%;max-width:100%;flex-basis:auto;grid-template-columns:3.5rem minmax(0,1fr) auto}
 .p22-local-nav__inner{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.p22-local-nav a{text-align:center;white-space:normal;padding:.65rem .35rem}
}

/* Post-certification Phase 2 — package selection and comparison convergence. */
.p22-pack-grid[role="radiogroup"]{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.7rem}.p22-pack-option{position:relative;display:grid;grid-template-columns:1.25rem minmax(0,1fr) auto;gap:.85rem;align-items:center;min-height:5.5rem;padding:1rem 1.1rem;border:1px solid var(--p22-line);background:var(--p22-surface);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.p22-pack-option:hover{border-color:color-mix(in srgb,var(--p22-forest) 52%,var(--p22-line));transform:translateY(-1px)}.p22-pack-option:has(input:focus-visible){outline:2px solid var(--p22-forest);outline-offset:2px}.p22-pack-option:has(input:checked){border-color:var(--p22-forest);background:color-mix(in srgb,var(--p22-forest) 5%,var(--p22-surface))}.p22-pack-option.is-unavailable{cursor:not-allowed;background:var(--p22-stone);opacity:.64}.p22-pack-option>input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.p22-pack-option__check{display:grid;width:1.05rem;height:1.05rem;place-items:center;border:1px solid var(--p22-line);border-radius:50%;background:var(--p22-surface)}.p22-pack-option:has(input:checked) .p22-pack-option__check{border:4px solid var(--p22-forest)}.p22-pack-option__copy,.p22-pack-option__price{display:grid;gap:.2rem}.p22-pack-option__copy small,.p22-pack-option__price small{color:var(--p22-muted);font-size:.6rem}.p22-pack-option__copy strong{font-family:var(--p22-display);font-size:1.05rem}.p22-pack-option__price{text-align:end}.p22-pack-option__price strong{font-size:.92rem;white-space:nowrap}
.p22-compare-picker{position:relative;display:grid;grid-template-columns:minmax(14rem,.72fr) minmax(18rem,1fr);gap:1rem;align-items:end;margin-block:1.25rem .5rem;padding:1rem;border-block:1px solid var(--p22-line);background:color-mix(in srgb,var(--p22-surface) 82%,transparent)}.p22-compare-picker__intro{display:grid;gap:.22rem}.p22-compare-picker__intro>span{font:700 .58rem/1.4 var(--rava-font-mono,monospace);letter-spacing:.08em;color:var(--p22-muted)}.p22-compare-picker__intro>strong{font-size:.82rem}.p22-compare-picker__intro>small{color:var(--p22-muted);font-size:.64rem}.p22-compare-picker__field{position:relative;display:flex;align-items:center;min-height:3.25rem;border:1px solid var(--p22-line);background:var(--p22-surface)}.p22-compare-picker__field:focus-within{border-color:var(--p22-forest);outline:1px solid var(--p22-forest)}.p22-compare-picker__field input{width:100%;min-height:3.15rem;padding:0 1rem 0 2.6rem;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font:inherit}.p22-compare-picker__field>span{position:absolute;inset-inline-end:.9rem;color:var(--p22-muted);font-size:1.2rem}.p22-compare-picker>.rava-live-search__results{position:absolute;z-index:90;inset-inline-end:1rem;inset-block-start:calc(100% - .5rem);width:min(calc(100% - 2rem),40rem);max-height:min(22rem,55vh);overflow:auto;border:1px solid var(--p22-line);border-radius:0;background:var(--p22-surface);box-shadow:0 18px 42px rgb(22 27 24/12%)}
.p22-sensory-comparison{display:grid;grid-template-columns:minmax(17rem,.8fr) minmax(0,1.2fr);gap:clamp(1rem,3vw,2.4rem);align-items:center}.p22-sensory-radar{display:grid;place-items:center;gap:.5rem;padding:1rem;border-inline-end:1px solid var(--p22-line-soft)}.p22-sensory-radar svg{display:block;width:min(100%,27rem);height:auto;overflow:visible}.p22-radar-ring,.p22-radar-axis{fill:none;stroke:var(--p22-line);stroke-width:1}.p22-radar-axis{stroke:var(--p22-line-soft)}.p22-radar-record{fill:hsl(calc(145 + var(--p22-index)*58) 35% 38%/12%);stroke:hsl(calc(145 + var(--p22-index)*58) 35% 36%);stroke-width:2;vector-effect:non-scaling-stroke}.p22-radar-label{fill:var(--p22-muted);font:600 10px var(--p22-display)}.p22-sensory-radar p{max-width:34ch;margin:0;color:var(--p22-muted);font-size:.6rem;line-height:1.7;text-align:center}.p22-dimension-bars i{background:hsl(calc(145 + var(--p22-index)*58) 35% 38%)}
.p22-interpretation{max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;border-radius:0}.p22-compare-layout{align-items:start}.p22-compare-matrix{scrollbar-width:thin}
@media(max-width:900px){.p22-compare-picker{grid-template-columns:1fr}.p22-compare-picker>.rava-live-search__results{inset-inline:1rem;width:auto}.p22-sensory-comparison{grid-template-columns:1fr}.p22-sensory-radar{border-inline-end:0;border-block-end:1px solid var(--p22-line-soft)}.p22-interpretation{position:static!important}}
@media(max-width:700px){.p22-pack-grid[role="radiogroup"]{grid-template-columns:1fr}.p22-pack-option{grid-template-columns:1rem minmax(0,1fr);min-height:auto;padding:.85rem}.p22-pack-option__price{grid-column:2;text-align:start}.p22-compare-picker{padding:.85rem 0}.p22-compare-picker>.rava-live-search__results{inset-inline:0}.p22-sensory-radar{padding:.4rem}.p22-radar-label{font-size:8px}}

/* Final Native 2 convergence — canonical Coffee purchase, sensory wheel, compact Compare. */
.p22-record-radar,.p22-record-wheel{min-width:0;border:1px solid var(--p22-line);background:var(--p22-surface)}
.p22-record-radar{display:grid;place-items:center;gap:1rem;padding:clamp(1rem,2.5vw,1.8rem)}
.p22-record-radar svg{display:block;width:min(100%,31rem);height:auto;overflow:visible}
.p22-radar-series{fill:color-mix(in srgb,var(--p22-forest) 16%,transparent);stroke:var(--p22-forest);stroke-width:2;vector-effect:non-scaling-stroke}
.p22-radar-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;border-block-start:1px solid var(--p22-line-soft)}
.p22-radar-values span{display:grid;gap:.2rem;padding:.75rem;border-inline-end:1px solid var(--p22-line-soft)}
.p22-radar-values span:last-child{border-inline-end:0}.p22-radar-values small{color:var(--p22-muted);font-size:.58rem}.p22-radar-values strong{font:650 .82rem var(--rava-font-mono,monospace)}
.p22-record-wheel{display:grid;place-items:center;gap:1rem;padding:clamp(1rem,2.5vw,1.8rem);overflow:hidden}
.p22-record-wheel svg{display:block;width:min(100%,32rem);height:auto}.p22-wheel-foundation{fill:#f0ede6}.p22-wheel-segment{stroke:var(--p22-surface);stroke-width:.75;opacity:.16;transition:opacity .16s ease,filter .16s ease}.p22-wheel-segment.is-selected-path{opacity:.48}.p22-wheel-segment.is-selected{opacity:1;filter:saturate(1.08)}.p22-wheel-core{fill:#fffdfa;stroke:var(--p22-line)}.p22-wheel-core-label{fill:var(--p22-ink);font:700 18px var(--rava-font-mono,monospace);letter-spacing:.14em}.p22-wheel-selected{width:100%;padding-block-start:1rem;border-block-start:1px solid var(--p22-line-soft)}.p22-wheel-selected>span{display:block;margin-bottom:.55rem;color:var(--p22-muted);font:.58rem var(--rava-font-mono,monospace);letter-spacing:.08em}.p22-wheel-selected>div{display:flex;flex-wrap:wrap;gap:.35rem}.p22-wheel-selected a{padding:.35rem .55rem;border:1px solid var(--p22-line);color:inherit;font-size:.62rem;text-decoration:none}.p22-wheel-selected a:hover{border-color:var(--p22-forest);color:var(--p22-forest)}.p22-wheel-empty{margin:auto;color:var(--p22-muted);font-size:.72rem}
.p22-purchase-form{display:grid;gap:1rem}.p22-grind-control{display:grid;grid-template-columns:auto minmax(12rem,18rem);gap:1rem;align-items:center;padding-block:1rem;border-block:1px solid var(--p22-line-soft)}.p22-grind-control>span{color:var(--p22-muted);font-size:.67rem}.p22-grind-control select{min-height:2.8rem;padding-inline:.75rem;border:1px solid var(--p22-line);border-radius:0;background:var(--p22-surface);color:var(--p22-ink)}.p22-purchase-status{min-height:1.25rem;margin:0;color:var(--p22-muted);font-size:.65rem}.p22-buy-row button.is-loading{cursor:wait;opacity:.68}
.rava-cart-toast[hidden]{display:none!important}.rava-cart-toast{position:fixed;z-index:10050;inset:auto clamp(1rem,3vw,2.25rem) clamp(1rem,3vw,2.25rem) auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;align-items:center;width:min(32rem,calc(100vw - 2rem));padding:1rem 1.1rem;border:1px solid #252922;background:#151916;color:#f7f5ef;box-shadow:0 24px 70px rgb(0 0 0/22%);opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease}.rava-cart-toast.is-visible{opacity:1;transform:none}.rava-cart-toast.is-error{background:#4b2422;border-color:#6d302d}.rava-cart-toast>div{display:grid;gap:.2rem}.rava-cart-toast>div span{color:#98a099;font-size:.52rem;letter-spacing:.12em}.rava-cart-toast>div strong{font-size:.78rem}.rava-cart-toast>a{color:#fff;font-size:.67rem;text-decoration:none;white-space:nowrap}.rava-cart-toast>button{width:2rem;height:2rem;padding:0;border:0;background:transparent;color:#fff;font-size:1.25rem}
.p22-compare-hero{padding-block:1.4rem 1rem;background:var(--p22-paper)}.p22-compare-hero__head{display:block}.p22-compare-hero h1{max-width:none;margin:.25rem 0 .3rem;font-size:clamp(2rem,3.7vw,3.5rem);letter-spacing:-.04em}.p22-compare-hero p{max-width:38rem;margin:0;font-size:.72rem;line-height:1.75}.p22-selected-records{padding-block:1rem .25rem}.p22-compare-picker{grid-template-columns:minmax(12rem,.55fr) minmax(18rem,1fr);margin-block:.8rem .2rem;padding:.75rem 0;border-block-start:1px solid var(--p22-line);border-block-end:0;background:transparent}.p22-compare-picker__intro>strong{font-size:.74rem}.p22-compare-picker__intro>small{display:none}.p22-compare-picker__field{position:relative;min-height:3rem}.p22-compare-picker__field input{min-height:3rem}.p22-compare-picker__field>.rava-live-search__results{position:absolute;z-index:100;inset-inline:0;inset-block-start:calc(100% + .35rem);width:100%;max-height:min(24rem,60vh);overflow:auto;border:1px solid var(--p22-line);border-radius:0;background:var(--p22-surface);box-shadow:0 18px 42px rgb(22 27 24/13%)}.p22-compare-picker>.rava-live-search__results{position:static;width:auto;max-height:none;border:0;box-shadow:none}
@media(max-width:900px){.p22-sensory-layout--visual{grid-template-columns:1fr}.p22-compare-picker{grid-template-columns:1fr}.p22-radar-values{grid-template-columns:repeat(2,minmax(0,1fr))}.p22-radar-values span:nth-child(2n){border-inline-end:0}.p22-radar-values span:nth-child(n+3){border-block-start:1px solid var(--p22-line-soft)}}
@media(max-width:700px){.p22-grind-control{grid-template-columns:1fr}.rava-cart-toast{inset:auto 14px calc(14px + env(safe-area-inset-bottom)) 14px;width:auto}.p22-compare-hero{padding-block:1.15rem .8rem}.p22-compare-hero h1{font-size:2.35rem}.p22-selected-records{padding-block:.75rem .2rem}}

/* Convergence 75–87: one governed flavor language across Coffee, Taste and Compare. */
.p22-wheel-segment{outline:none}.p22-wheel-segment:is(:focus-visible,.is-preview){opacity:.92;stroke:var(--p22-ink);stroke-width:1.6}.p22-wheel-readout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.18rem .75rem;width:100%;padding:.8rem 0;border-block:1px solid var(--p22-line-soft)}.p22-wheel-readout>span{grid-row:1/3;color:var(--p22-muted);font:700 .55rem/1.5 var(--rava-font-mono,monospace);letter-spacing:.08em}.p22-wheel-readout>strong{font-size:.82rem}.p22-wheel-readout>small{overflow:hidden;color:var(--p22-muted);font-size:.62rem;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}
.p22-compare-flavors{padding:clamp(1rem,2.5vw,1.6rem);border:1px solid var(--p22-line);background:var(--p22-surface)}.p22-compare-flavors>header{display:grid;grid-template-columns:minmax(0,.9fr) minmax(16rem,1.1fr);gap:2rem;align-items:end;padding-block-end:1.2rem;border-block-end:1px solid var(--p22-line-soft)}.p22-compare-flavors h2{max-width:18ch;margin:.4rem 0 0;font-family:var(--p22-display);font-size:clamp(1.45rem,2.5vw,2.25rem);line-height:1.2}.p22-compare-flavors>header p{margin:0;color:var(--p22-muted);font-size:.7rem;line-height:1.8}.p22-compare-wheel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-block-start:1px;background:var(--p22-line)}.p22-compare-wheel-card{min-width:0;padding:1rem;background:var(--p22-surface)}.p22-compare-wheel-card__head{display:grid;gap:.15rem;min-height:3.5rem;padding-block-end:.75rem}.p22-compare-wheel-card__head span{color:var(--p22-muted);font:.56rem var(--rava-font-mono,monospace);letter-spacing:.06em}.p22-compare-wheel-card__head a{color:inherit;font-family:var(--p22-display);font-size:1.05rem;font-weight:650;text-decoration:none}.p22-compare-wheel-card svg{display:block;width:min(100%,25rem);height:auto;margin-inline:auto}.p22-compare-wheel-notes{display:flex;flex-wrap:wrap;gap:.3rem;padding-block-start:.7rem}.p22-compare-wheel-notes span{padding:.28rem .45rem;border:1px solid var(--p22-line);font-size:.58rem}
@media(max-width:700px){.p22-compare-flavors>header{grid-template-columns:1fr;gap:.75rem}.p22-compare-wheel-grid{grid-template-columns:1fr}.p22-wheel-readout{grid-template-columns:1fr}.p22-wheel-readout>span{grid-row:auto}.p22-wheel-readout>small{white-space:normal}}