/* Article 175 only. Responsive editorial guide, no global resets. */
.ip-page{background:#f7f5ef;color:#172835}.ip-main{--ink:#132b3b;--gold:#9a641b;--line:#d9d5ca;max-width:1240px;margin:auto;padding:30px 32px 80px}.ip-main *{box-sizing:border-box}.ip-main img{max-width:100%;height:auto}.ip-main a{color:#255776;text-underline-offset:.24em}.ip-main :is(a,button,summary):focus-visible{outline:3px solid #af6500;outline-offset:4px}.ip-main [hidden]{display:none!important}.ip-main h1,.ip-main h2,.ip-main h3,.ip-main h4{color:var(--ink);font-weight:750;line-height:1.5;overflow-wrap:anywhere}.ip-header h1{font-size:clamp(1.75rem,3.8vw,3rem);letter-spacing:.015em;max-width:1050px;margin:16px 0}.ip-eyebrow,.ip-kicker{font-size:.75rem;letter-spacing:.2em;font-weight:700;color:#805d24}.ip-meta,.ip-disclosure{font-size:.8rem;color:#5b6467;line-height:1.7}.ip-hero{margin:25px 0}.ip-hero img{display:block;width:100%;height:auto}.ip-intro{font-size:1.08rem;line-height:1.9;max-width:860px;margin:26px 0}.ip-article p{line-height:1.8}.ip-section{margin:64px 0;scroll-margin-top:24px}.ip-section>h2{font-size:clamp(1.4rem,2.7vw,2.1rem);border-top:2px solid var(--ink);padding-top:20px;margin:0 0 20px}.ip-opening{background:var(--ink);color:#fff7e5;padding:36px 40px;display:grid;grid-template-columns:1.2fr 1fr;column-gap:40px;align-items:center}.ip-opening .ip-kicker{color:#f5ce88;grid-column:1/-1}.ip-opening-title{grid-row:2/4;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.5!important;margin:0}.ip-opening-title strong{color:#f3c575}.ip-main .ip-primary{background:#f3c575;color:#142b3a;display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:14px 20px;font-weight:700;min-height:48px;max-width:380px}.ip-primary:hover{background:#ffe1a9}.ip-first-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}.ip-main .ip-first{background:white;text-decoration:none;color:var(--ink);border-bottom:3px solid var(--ink);padding:16px 14px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .18s ease}.ip-first:hover{transform:translateY(-3px)}.ip-first-label{background:#ece9df;padding:4px 7px;font-size:.8rem}.ip-first img{object-fit:contain;width:100%;height:145px;margin:8px 0}.ip-first strong{font-size:1rem;line-height:1.5}.ip-first>span:not(.ip-first-label){font-size:.85rem;line-height:1.6;margin-top:8px}.ip-first>b{font-size:.78rem;margin-top:auto;padding-top:12px}.ip-toc{display:flex;flex-wrap:wrap;border-block:1px solid var(--line);gap:0;margin:36px 0}.ip-main .ip-toc a{min-height:46px;padding:12px 18px;text-decoration:none;color:var(--ink);font-size:.9rem}.ip-toc a:hover{background:#ede8db}.ip-taste-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:26px 0}.ip-main .ip-taste{color:#182b37;text-decoration:none;background:#ece6d9;border-top:4px solid #ae7c30;padding:16px;position:relative}.ip-taste strong,.ip-taste span{display:block}.ip-taste span{font-size:.83rem;margin-top:4px}.ip-taste b{position:absolute;right:10px;top:10px}.ip-taste.ip-soft{background:#f4edce;border-color:#9b813d}.ip-taste.ip-aroma{background:#e1e9df;border-color:#477153}.ip-taste.ip-rich{background:#e6dfd7;border-color:#705443}.ip-taste.ip-fruit{background:#f0e0e2;border-color:#a1475a}.ip-main .ip-note{font-size:.84rem;color:#596266;line-height:1.7}.ip-compare-wrap{max-width:100%;border-top:1px solid var(--line)}.ip-main table.ip-compare{border-collapse:collapse;table-layout:fixed;width:100%;margin:0;background:transparent;font-size:.9rem}.ip-compare caption{text-align:left;font-weight:700;padding:14px 0}.ip-main .ip-compare th,.ip-main .ip-compare td{width:auto;min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-align:left;vertical-align:top;padding:15px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);line-height:1.65}.ip-main .ip-compare thead th{background:var(--ink);color:white;font-weight:600}.ip-main .ip-compare th:first-child{width:28%}.ip-main .ip-compare th:nth-child(2){width:26%}.ip-main .ip-compare th:nth-child(3){width:20%}.ip-main .ip-compare th:nth-child(4){width:26%}.ip-compare tbody tr:nth-child(even){background:#efeee8}.ip-compare small{display:block;font-weight:400;font-size:.8rem;margin-top:4px}.ip-compare tbody th a{font-weight:700}.ip-filters{background:#ebe8df;padding:18px 20px;margin:24px 0}.ip-filters>p:first-child{margin:0 0 10px;font-weight:700}.ip-filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.ip-filter-buttons button,.ip-main #ip-reset{font:inherit;cursor:pointer;background:white;color:var(--ink);border:1px solid #a5aaa7;min-height:44px;padding:9px 15px;border-radius:3px}.ip-filter-buttons button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.ip-filters #ip-result-count{display:inline-block;margin:14px 16px 0 0;font-size:.88rem}.ip-main #ip-reset{font-size:.82rem;min-height:36px;padding:5px 10px;background:transparent}.ip-product-group{margin:45px 0;scroll-margin-top:20px}.ip-product-group>h3{font-size:1.4rem;display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-bottom:1px solid var(--ink);padding-bottom:15px}.ip-product-group>h3 small{font-size:.65rem;letter-spacing:.15em;white-space:nowrap}.ip-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ip-product{background:white;padding:24px;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;scroll-margin-top:24px}.ip-product-top{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;align-items:center}.ip-product-photo{display:block;background:#fff}.ip-product-photo img{width:130px;height:150px;object-fit:contain;display:block}.ip-origin{font-size:.76rem;letter-spacing:.05em;color:#66716e;margin:0 0 6px!important}.ip-product h4{font-size:1.17rem;margin:0}.ip-english{font-size:.7rem;color:#65716e;margin:5px 0 8px!important;overflow-wrap:anywhere}.ip-spec{font-size:.81rem;line-height:1.6!important;margin:0!important}.ip-spec strong{font-weight:600}.ip-product-copy{padding:0 0 16px}.ip-product-copy>p{font-size:.95rem;margin:14px 0}.ip-product-copy .ip-card-catch{font-size:1.1rem;font-weight:700;color:#7c4e17;border-bottom:1px solid #eee4d4;padding-bottom:10px;margin-top:20px}.ip-ref{font-size:.7em;margin-left:3px;white-space:nowrap;vertical-align:super}.ip-choice{display:grid;grid-template-columns:84px minmax(0,1fr);font-size:.86rem;line-height:1.75;margin:16px 0;gap:9px 10px}.ip-choice dt{font-weight:700}.ip-choice dd{margin:0}.ip-product-copy .ip-availability{font-size:.77rem;color:#53615c;line-height:1.6;background:#f1f3ed;padding:9px 11px}.ip-availability small{display:block;margin-top:3px}.ip-cta{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ip-main .ip-detail{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:44px;padding:10px 14px;background:#375443;color:white;text-decoration:none;font-size:.87rem;border-radius:3px}.ip-main .ip-shop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:60px;background:#fcf3df;border:1px solid #e1d6bf;border-radius:3px;text-decoration:none;color:#443b29;font-size:.8rem;padding:6px}.ip-shop img{width:84px;height:25px;object-fit:contain}.ip-main .ip-shop-rakuten{background:#fff0f1;border-color:#ead0d3;color:#733b42}.ip-shop:hover{filter:brightness(.96)}.ip-back{align-self:flex-end;font-size:.76rem;margin-top:15px;padding:7px 0;min-height:32px}.ip-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.ip-steps>section{border-top:1px solid var(--line);padding-top:18px}.ip-steps>section>span{font-family:Georgia,serif;font-size:2.4rem;color:#966d2c}.ip-steps h3{font-size:1.13rem;margin:10px 0}.ip-steps p{font-size:.97rem}.ip-steps>section:last-child{grid-column:1/-1}.ip-two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}.ip-two>div{border-top:4px solid var(--ink);padding:18px;background:#ebe8df}.ip-two h3{font-size:1.15rem;margin:0}.ip-checklist{list-style:none;padding:0;margin:25px 0}.ip-checklist li{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px;line-height:1.8}.ip-checklist strong:before{content:'✓';color:#487159;margin-right:10px}.ip-faq{border-bottom:1px solid var(--line);padding:16px 0}.ip-faq summary{cursor:pointer;min-height:44px;font-weight:700;line-height:1.8;display:list-item}.ip-faq p{margin:10px 0}.ip-next-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}.ip-main .ip-next-links a{background:#e8e7dd;color:var(--ink);padding:16px;text-decoration:none;min-height:48px;font-size:.9rem}.ip-sources{background:#ecebe5;padding:20px;margin-top:45px}.ip-sources summary{cursor:pointer;min-height:44px;font-weight:700;display:list-item}.ip-sources li{font-size:.85rem;line-height:1.8;padding:7px 0;overflow-wrap:anywhere}.ip-sources li:target{background:#ffedc7}
@media(max-width:900px){.ip-main{padding:24px}.ip-first-five{grid-template-columns:repeat(3,minmax(0,1fr))}.ip-first img{height:120px}.ip-product-top{grid-template-columns:95px minmax(0,1fr);gap:12px}.ip-product-photo img{width:95px;height:125px}.ip-product{padding:18px}.ip-product h4{font-size:1.05rem}.ip-taste-map{grid-template-columns:repeat(3,minmax(0,1fr))}.ip-compare-wrap{overflow:auto}.ip-main table.ip-compare{min-width:760px}}
@media(max-width:600px){.ip-main{padding:20px 16px 50px}.ip-header h1{font-size:1.6rem;line-height:1.55;margin:14px 0}.ip-hero{margin:18px -16px}.ip-intro{font-size:1rem;line-height:1.85}.ip-opening{padding:24px;display:block}.ip-opening-title{font-size:1.6rem}.ip-opening>p{font-size:.95rem}.ip-opening .ip-opening-title{font-size:1.6rem}.ip-primary{margin-top:20px}.ip-section{margin:42px 0}.ip-section>h2{font-size:1.4rem;padding-top:16px}.ip-first-five{grid-template-columns:1fr;gap:8px}.ip-main .ip-first{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:14px;row-gap:5px;padding:12px;border-bottom-width:1px;align-items:start}.ip-first img{grid-column:1;grid-row:1/5;width:80px;height:100px;margin:0}.ip-first .ip-first-label{grid-column:2;justify-self:start;font-size:.75rem}.ip-first strong{grid-column:2;font-size:1rem}.ip-first>span:not(.ip-first-label){grid-column:2;margin:0;font-size:.82rem}.ip-first>b{grid-column:2;padding:0;margin:0;font-size:.75rem}.ip-toc{margin:28px 0}.ip-main .ip-toc a{padding:11px 12px;min-height:44px;font-size:.83rem}.ip-taste-map{grid-template-columns:1fr 1fr;gap:8px}.ip-main .ip-taste{padding:13px 12px}.ip-taste strong{font-size:.95rem}.ip-taste span{font-size:.76rem}.ip-taste b{font-size:.8rem;right:8px;top:6px}.ip-compare-wrap{overflow:visible}.ip-main table.ip-compare{min-width:0;display:block}.ip-compare caption{display:block;font-size:.88rem}.ip-compare thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ip-compare tbody{display:block}.ip-main .ip-compare tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);padding:12px;margin-bottom:10px;gap:8px;background:white}.ip-main .ip-compare th,.ip-main .ip-compare td{display:block;width:auto!important;padding:0;border:0;min-width:0;font-size:.83rem}.ip-main .ip-compare tbody th{grid-column:1/-1;font-size:.97rem}.ip-compare tbody th small{display:inline;margin-left:8px;font-size:.75rem}.ip-main .ip-compare td:last-child{grid-column:1/-1;border-top:1px solid #e7e2d6;padding-top:8px}.ip-main .ip-compare td:before{content:attr(data-label);display:block;font-size:.7rem;color:#65716e;margin-bottom:3px}.ip-filters{padding:16px}.ip-filter-buttons{gap:6px}.ip-filter-buttons button{font-size:.84rem;padding:8px 11px;min-height:44px}.ip-product-grid{grid-template-columns:1fr;gap:18px}.ip-product-group{margin:34px 0}.ip-product-group>h3{font-size:1.17rem;align-items:start}.ip-product{padding:16px}.ip-product-top{grid-template-columns:95px minmax(0,1fr);gap:12px}.ip-product h4{font-size:1.08rem}.ip-product-photo img{width:95px;height:120px}.ip-spec{font-size:.77rem}.ip-product-copy>p{font-size:1rem;line-height:1.8}.ip-product-copy .ip-card-catch{font-size:1.05rem}.ip-choice{grid-template-columns:74px minmax(0,1fr);font-size:.9rem;gap:9px}.ip-cta{gap:7px}.ip-main .ip-detail{font-size:.84rem;min-height:44px}.ip-main .ip-shop{min-height:60px}.ip-steps{grid-template-columns:1fr;gap:24px}.ip-steps>section:last-child{grid-column:auto}.ip-two{grid-template-columns:1fr;gap:14px}.ip-checklist li{grid-template-columns:1fr;gap:6px;padding:15px 0}.ip-checklist span{font-size:.95rem}.ip-next-links{grid-template-columns:1fr}.ip-sources{padding:16px}.ip-sources ol{padding-left:22px}}
@media(prefers-reduced-motion:reduce){.ip-main *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.ip-first:hover{transform:none}}

/* IPA-specific refinements: numeric ABV never breaks vertically. */
.ip-main .ip-section,.ip-main .ip-product-group{padding:0;border:0}.ip-main .ip-steps{padding-left:0;list-style:none}.ip-main .ip-steps>li{padding:18px;background:#eef0e6;border-top:3px solid #52765e}.ip-main .ip-checklist>li>p{margin:0}.ip-abv{white-space:nowrap;display:inline-block;font-weight:700}.ip-main{--ink:#173d2c;--gold:#b36d0d}.ip-card-catch{min-height:3em}.ip-main .ip-product-copy .ip-card-catch{color:#684b1d}.ip-main .ip-compare th:first-child{width:24%}.ip-main .ip-compare th:nth-child(2){width:19%}.ip-main .ip-compare th:nth-child(3){width:29%}.ip-main .ip-compare th:nth-child(4){width:28%}.ip-main .ip-shop img{width:80px;height:23px}.ip-main .ip-choice{grid-template-columns:90px minmax(0,1fr)}.ip-main .ip-steps>section:last-child{grid-column:auto}.ip-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ip-type-grid>div,.ip-type-grid>section{background:#fff;border-top:3px solid #52765e;padding:18px}.ip-type-grid h3{margin:0;font-size:1.1rem}.ip-type-grid p{font-size:.9rem}.ip-flight{background:#fff;padding:22px;border-left:4px solid #ba801f;margin:18px 0}.ip-flight h3{margin:0 0 12px}.ip-main .ip-flow{display:flex;flex-wrap:wrap;gap:12px}.ip-flow>div{flex:1 1 180px;background:#e9eddf;padding:18px}.ip-flow strong{display:block}.ip-main .ip-small-table{width:100%;max-width:100%;overflow-x:auto}.ip-small-table table{width:100%;min-width:560px;border-collapse:collapse}.ip-small-table th,.ip-small-table td{width:auto!important;text-align:left;border-bottom:1px solid #d9d5ca;padding:14px;vertical-align:top;line-height:1.7}.ip-small-table th{background:#e9eddf}.ip-source-link{font-size:.82rem}.ip-main .ip-availability strong{font-size:1.06rem;color:#274c35}.ip-main .ip-availability small{font-size:.77rem}
@media(max-width:600px){.ip-type-grid{grid-template-columns:1fr}.ip-card-catch{min-height:0}.ip-main .ip-choice{grid-template-columns:82px minmax(0,1fr)}.ip-main .ip-small-table{font-size:.85rem}.ip-small-table th,.ip-small-table td{padding:9px}.ip-main .ip-shop{min-height:56px;padding:5px}.ip-main .ip-detail{padding:8px 12px;min-height:44px}.ip-first-five{gap:8px}.ip-main .ip-first{grid-template-columns:64px minmax(0,1fr);padding:10px 12px}.ip-first img{width:64px;height:88px}.ip-main .ip-compare td:last-child{grid-column:1/-1}.ip-main .ip-compare th:first-child,.ip-main .ip-compare th:nth-child(2),.ip-main .ip-compare th:nth-child(3),.ip-main .ip-compare th:nth-child(4){width:auto}}