/* The sample stylesheet is shared by the catalogue home and all fish detail pages. */
.pc-sample{--sample-ink:#15384e;--sample-sea:#006b88;--sample-teal:#bcefe5;--sample-coral:#ffd2c8;--sample-gold:#ead5ab;line-break:strict;word-break:auto-phrase}.pc-sample h2,.pc-sample h3{text-wrap:balance}.pc-sample p{text-wrap:pretty}.pc-sample [hidden]{display:none!important}.pc-sample :focus-visible{outline:3px solid #007891;outline-offset:5px}.pc-sample .wrap{width:min(1200px,calc(100% - 64px));max-width:1200px}.pc-sample .fish-share-row{justify-content:center;margin-top:16px;margin-bottom:60px;z-index:61}.pc-sample .fish-share>summary{position:relative;isolation:isolate;overflow:hidden;justify-content:center;min-height:84px;padding:20px 62px;border:6px solid #fff;outline:2px solid var(--sample-gold);background:linear-gradient(110deg,#ffe0d9,#f3daf1 38%,#cce5f7 62%,#c5efde);color:var(--sample-ink);font-size:23px;letter-spacing:.03em;text-shadow:0 2px #fff;box-shadow:0 7px 0 #48708c,0 12px 0 #244b63,0 18px 26px #15384e24;transition:transform .22s,box-shadow .22s;animation:sample-arrive .65s both}.pc-sample .fish-share>summary::before{content:"";position:absolute;inset:6px 18px 47%;border-top:4px solid #ffffffb3;border-radius:100px;z-index:-1}.pc-sample .fish-share>summary::after{content:"✦　◦　✧";position:absolute;right:13px;top:12px;width:32px;color:#fff;font-size:21px;line-height:1.3;white-space:normal;text-shadow:0 1px #7b9baa}.pc-sample .fish-share>summary svg{width:25px;height:25px;flex:none}.pc-sample .fish-share>summary:hover{transform:translateY(-4px);box-shadow:0 10px 0 #48708c,0 15px 0 #244b63,0 22px 32px #15384e30}.pc-sample .fish-share>summary:active{transform:translateY(5px);box-shadow:0 2px 0 #48708c,0 6px 0 #244b63}.pc-sample .fish-share-menu{width:min(580px,calc(100vw - 40px));text-align:left;border-radius:24px;border:2px solid #d6e8ed;padding:25px;max-height:75vh}.pc-sample .share-preview{display:grid;grid-template-columns:108px 1fr;gap:18px;align-items:center;border-radius:16px;background:linear-gradient(110deg,#f7e7e1,#e6f5f2);padding:16px;margin-bottom:23px}.share-preview img{width:100%;height:85px;object-fit:cover;border-radius:10px}.share-preview span{font-size:12px;color:#416577}.share-preview strong{display:block;font-size:22px;margin:4px 0}.share-preview p{font-size:13px;margin:0;line-height:1.7}.pc-sample .share-heading h2{font-size:22px}.pc-sample .share-choice{position:relative;display:grid;grid-template-columns:145px 1fr;gap:12px;align-items:center;padding:19px 16px;border:1px solid #d1e3e7;border-radius:12px;margin-top:10px;min-height:66px;transition:transform .2s,background .2s}.pc-sample .share-choice::after{content:"→";position:absolute;right:14px;color:#176276}.pc-sample .share-choice span{padding-right:14px;line-height:1.6}.pc-sample .share-choice:hover{background:#eaf8f7;transform:translateX(3px)}.pc-sample [data-share-line]{border-left:5px solid #21854f}.pc-sample [data-share-x]{border-left:5px solid #244454}.pc-sample [data-share-instagram]{border-left:5px solid #c25873}.pc-sample .share-url-label{font-size:13px}.pc-sample .fish-share:not(.modal-ready) .fish-share-menu{right:50%;transform:translateX(50%)}
.pc-sample dialog.sample-dialog{width:min(980px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:24px;background:#fff;color:#15384e;box-shadow:0 30px 110px #102b3c66;overflow:auto;overscroll-behavior:contain}.pc-sample dialog.sample-dialog::backdrop{background:#0c2d42aa;backdrop-filter:blur(6px)}.pc-sample dialog.share-dialog{width:min(640px,calc(100vw - 32px))}.pc-sample dialog .fish-share-menu{display:block;position:static;transform:none;width:100%;max-height:none;border:0;box-shadow:none;margin:0;padding:28px}.pc-sample .modal-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 24px;background:#eef9f8f5;border-bottom:1px solid #c5dddd;backdrop-filter:blur(12px)}.modal-bar p{margin:0;font-size:14px;font-weight:700}.modal-bar button{padding:10px 18px;min-height:44px;border:1px solid #8db2bc;border-radius:30px;background:#fff;font:inherit;color:#15384e;cursor:pointer}.pc-sample dialog .info-panel{padding:26px 40px 40px}.pc-sample dialog .wrap,.pc-sample dialog .section{width:100%;padding:0;max-width:100%;margin:0}.pc-sample dialog .fish-story,.pc-sample dialog .safety-section{padding:0;background:white}.pc-sample dialog .story-grid{grid-template-columns:1fr 1fr;gap:24px}.pc-sample dialog .section-heading{display:block}.pc-sample dialog .safety-grid{grid-template-columns:1fr 1fr;gap:24px}.pc-sample dialog h2{font-size:32px;line-height:1.6}.pc-sample dialog .reading{max-width:42em}.pc-sample dialog .prep-steps p,.pc-sample dialog .safety-grid p{font-size:16px;line-height:1.85;max-width:42em}.pc-sample dialog .prep-detail{margin-top:20px}.pc-sample dialog .local-record{grid-column:1/-1}.pc-sample dialog .source-links{margin-top:20px}
.guide-section{margin:0 auto 72px}.guide-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin:0 0 25px}.guide-heading h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.55;margin:10px 0}.guide-heading p{margin:8px 0;font-size:16px}.guide-navigation{display:flex;gap:12px}.guide-navigation button{width:52px;height:52px;border:1px solid #547e8d;border-radius:50%;background:#fff;color:#15384e;font-size:25px;cursor:pointer}.guide-navigation button:hover{background:#ccefe8}.guide-navigation button:disabled{opacity:.35;cursor:default}.guide-mobile{display:none}.guide-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 3px 24px;scrollbar-color:#75aebc #edf6f8;scrollbar-width:thin}.guide-card{flex:0 0 450px;min-width:0;border:1px solid #bfdbe1;border-radius:24px;background:white;overflow:hidden;scroll-snap-align:start;box-shadow:0 7px 0 #e4f2f1}.guide-number{display:flex;align-items:center;gap:14px;font-family:Georgia,serif;font-size:28px;padding:18px 24px 0;color:#19778a}.guide-number span{font-family:inherit;font-size:13px;letter-spacing:.08em}.guide-art{display:block;width:100%;height:auto}.guide-copy{padding:3px 25px 26px}.guide-copy h3{font-size:23px;line-height:1.6;margin:0 0 12px}.guide-copy p{font-size:15px;line-height:1.85;margin:0 0 16px}.guide-copy a{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;color:#006b88;font-weight:700;text-decoration:none;border-bottom:2px solid #90cbc6}.guide-copy a:hover{color:#a74030}.guide-scroll-hint{display:flex;justify-content:space-between;font-size:13px;margin:12px 0;color:#436373}.pc-home .hero{padding-top:54px;padding-bottom:25px}.pc-home .hero h1{font-size:clamp(40px,5vw,66px)}.pc-home .hero-foot{margin-top:28px}
.pc-detail .hero{padding-top:36px;padding-bottom:32px;min-height:0;gap:45px}.pc-detail .hero h1{font-size:clamp(38px,4.5vw,60px)}.pc-detail .fish-portrait img{max-height:320px;object-fit:contain}.pc-detail .fish-portrait{overflow:hidden;padding:16px 20px}.pc-detail .fish-share-row{margin-bottom:38px}.pc-detail .page-nav{position:sticky;top:0;z-index:40;background:#fffef4f5;backdrop-filter:blur(14px)}.pc-detail .page-nav .wrap{justify-content:center;gap:25px}.pc-detail .page-nav a{padding:17px 0;font-size:14px}.pc-detail [id]{scroll-margin-top:88px}.pc-detail .taste-duet{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:48px auto 44px;align-items:stretch}.pc-detail .taste-duet>section{width:100%;max-width:100%;padding:32px;border-radius:24px;margin:0;background:#f1f8f8;border:1px solid #d4e7e8}.pc-detail .taste-duet>section:first-child{background:#fff9ed;border-color:#eadfc5}.pc-detail .taste-duet>section>.wrap{width:100%;max-width:none}.pc-detail .taste-duet h2{font-size:34px;margin:12px 0 24px;line-height:1.5}.pc-detail .taste-duet h2 br{display:none}.pc-detail .taste-duet .experience-lead{font-size:17px;line-height:1.9}.pc-detail .experience-bridge{margin-top:25px}.pc-detail .experience-bridge ol{grid-template-columns:1fr;gap:0;margin-top:12px}.pc-detail .experience-bridge li a{padding:13px 0;gap:12px}.pc-detail .experience-bridge h3{font-size:17px}.pc-detail .experience-bridge li p{font-size:14px;line-height:1.75}.pc-detail .experience-bridge>h3{font-size:20px}.pc-detail .experience-bridge>p{font-size:14px}.pc-detail .sashimi-layout{grid-template-columns:1fr;gap:22px}.pc-detail .sashimi-layout p{font-size:15px;line-height:1.85}.pc-detail .sashimi-steps{font-size:14px}.pc-detail .sashimi-steps li{margin-bottom:14px}.pc-detail .sashimi-steps h3{font-size:16px}.pc-detail .experience-safety{margin-top:15px;padding-top:15px}.pc-detail .experience-safety>summary{font-size:15px}.pc-detail .experience-sources{margin-top:18px}.pc-detail .info-overview{margin-bottom:65px}.overview-heading h2{font-family:"Yu Mincho",serif;font-size:34px;font-weight:500;margin:10px 0 20px}.essential-caution{background:#fff2e7;border-left:5px solid #ae572e;padding:20px 25px;margin-bottom:30px;border-radius:0 18px 18px 0}.essential-caution strong{font-size:19px;color:#803e22}.essential-caution p{font-size:15px;line-height:1.85;max-width:65em;margin:8px 0 0}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.info-disclosure>summary{cursor:pointer;list-style:none;position:relative;display:flex;flex-direction:column;gap:15px;height:100%;min-height:265px;padding:24px;border:4px solid white;outline:1px solid #afd8dc;border-radius:22px;background:linear-gradient(135deg,#f4ffff,#caeee9);box-shadow:0 7px 0 #5593a2,0 11px 0 #254e66;transition:transform .2s,box-shadow .2s;color:#15384e}.info-disclosure:nth-child(2)>summary{background:linear-gradient(135deg,#fff8ef,#ffd9c9);outline-color:#e9c7a3;box-shadow:0 7px 0 #b8927e,0 11px 0 #254e66}.info-disclosure:nth-child(3)>summary{background:linear-gradient(135deg,#f7f5ff,#dbe6ff)}.info-disclosure>summary::-webkit-details-marker{display:none}.info-top{display:flex;align-items:center;gap:14px}.info-top>span{font-size:30px;font-family:Georgia,serif}.info-top small{font-size:12px;letter-spacing:.03em}.info-disclosure strong{font-size:22px;line-height:1.6;font-weight:700;text-wrap:balance}.info-reason{font-size:14px;line-height:1.75}.info-open{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:14px;font-weight:700;border-top:1px solid #8baeb766;padding-top:13px}.info-open b{font-size:25px}.info-disclosure>summary:hover{transform:translateY(-4px)}.info-disclosure>summary:active{transform:translateY(4px)}.info-disclosure[open]{grid-column:1/-1}.info-disclosure[open]>summary{height:auto}.info-disclosure[open]>.info-panel{padding:25px;background:white}.pc-detail #choose{padding:0;margin-bottom:70px}.pc-detail .recipe-start h3{font-size:18px}.pc-detail .portion-note{max-width:70em;font-size:14px;line-height:1.85}.pc-detail .recipe-filter{margin:20px 0}.pc-detail .pc-recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}.pc-detail .pc-recipe-grid>.recipe{margin:0;border:1px solid #b5d2dc;border-radius:20px;overflow:hidden;background:white;min-width:0;box-shadow:0 6px 0 #e1ecee;display:block}.pc-detail .pc-recipe-grid>.recipe>summary{display:grid;grid-template-columns:40px minmax(0,1fr) 28px;gap:12px;padding:0 20px 22px;list-style:none;background:transparent}.pc-detail .recipe-cover{grid-column:1/-1;width:calc(100% + 40px);max-width:none;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0 -20px 8px}.pc-detail .recipe>summary>span{min-width:0}.pc-detail .recipe>summary h3{font-size:24px;line-height:1.6;margin:7px 0}.pc-detail .recipe>summary .summary-tag{font-size:12px;line-height:1.5}.pc-detail .recipe[open]>summary{border-bottom:1px solid #d1e1e4}.pc-detail .recipe-body{padding:24px}.pc-detail .recipe-intro{display:block}.pc-detail .recipe-intro figure{display:none}.pc-detail .recipe-intro p{font-size:15px}.pc-detail .recipe-columns{display:block;margin-top:24px}.pc-detail .ingredients{margin-bottom:30px}.pc-detail .recipe-columns .ingredients ul{padding:0}.pc-detail .cooking-steps li{padding-left:48px}.pc-detail .recipe-body p{line-height:1.85}.pc-detail .recipe-tips{grid-template-columns:1fr;padding:20px}.pc-detail .recipe-end{display:flex;flex-wrap:wrap;gap:12px}.pc-detail .recipe-mood{font-weight:700;color:#006b88}.pc-detail .dish-card:hover{transform:none}.pc-detail .pc-recipe-grid .dish-card>summary:hover h3{text-decoration:underline}.pc-detail .recipe-filter~.small{margin-top:25px}.pc-detail .experience-pairing{padding:0;margin-bottom:75px}.pc-detail .pairing-grid{margin-bottom:35px}.pairing-intro{border-top:1px solid #c8dcdf;padding-top:32px;margin-bottom:26px}.pairing-intro h3{font-size:27px}.pairing-intro p{max-width:45em;font-size:16px;line-height:1.9}.pairing-courses{display:grid;grid-template-columns:1fr 1fr;gap:26px}.pairing-course{min-width:0;border:1px solid #cedde1;border-radius:22px;padding:24px;background:#fff}.pairing-course-heading{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;align-items:center}.pairing-course-heading img{width:130px;height:115px;object-fit:cover;border-radius:14px}.pairing-course-heading span{font-size:12px;color:#497280}.pairing-course h3{font-size:21px;line-height:1.6;margin:7px 0 10px}.pairing-course p{font-size:15px;line-height:1.9;margin:10px 0}.pairing-two{display:grid;gap:20px;margin:22px 0}.pairing-two>div{padding-left:18px;border-left:3px solid #7ebfbb}.pairing-two>div+div{border-color:#deb18c}.pairing-two h4{font-size:12px;color:#466d78;margin:0 0 7px;letter-spacing:.08em}.pairing-two b{font-size:18px;line-height:1.7}.pair-recipe-link{display:inline-block;color:#006b88;padding:10px 0}.pairing-evidence{margin-top:30px;border-top:1px solid #c6dce0;border-bottom:1px solid #c6dce0}.pairing-evidence>summary{padding:22px 0;cursor:pointer;font-size:17px;font-weight:700}.pairing-evidence>div{padding:0 24px 24px;max-width:48em}.pairing-evidence p{font-size:15px;line-height:1.9}.alcohol-note{font-size:13px;line-height:1.8;margin:22px 0;max-width:60em}.pc-sample #stay{border-radius:26px;overflow:hidden;background:#e9f5f4;margin-bottom:55px}.pc-home #stay{padding:0;gap:0}.pc-home #stay>div{padding:36px}.pc-home #stay figure{height:100%;margin:0;position:relative}.pc-home #stay figure img{height:100%;min-height:440px;object-fit:cover}.pc-home #stay figcaption{position:absolute;bottom:12px;left:16px;background:#ffffffde;padding:6px 12px;border-radius:20px}.pc-sample #stay h2{font-size:clamp(34px,3.5vw,49px);line-height:1.5;margin:12px 0 22px;font-family:"Yu Mincho",serif;font-weight:500}.pc-sample #stay .trip-lead{font-size:21px;line-height:1.85;color:#14576b}.pc-sample #stay .primary{background:linear-gradient(110deg,#006a98,#138e91);color:white;border-radius:50px;padding:18px 25px;border:3px solid white;outline:1px solid #afd6db;box-shadow:0 6px #244b63;transition:transform .2s}.pc-sample #stay .primary:hover{transform:translateY(-3px)}.pc-detail #stay{width:min(1200px,calc(100% - 64px));margin-inline:auto}.pc-detail #stay .stay-copy{padding:40px}.pc-detail #stay .stay-photo{height:100%;min-height:500px}.pc-detail #stay .stay-photo img{height:100%;object-fit:cover}.pc-detail #stay .stay-condition{background:#ffffffb3;padding:18px;border-radius:14px}.pc-detail #stay p{font-size:15px;line-height:1.9}
@keyframes sample-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.pc-detail .taste-duet{gap:18px}.pc-detail .taste-duet>section{padding:23px}.info-grid{gap:15px}.info-disclosure>summary{padding:20px}.info-disclosure strong{font-size:19px}.pairing-course-heading{grid-template-columns:90px minmax(0,1fr)}.pairing-course-heading img{width:90px;height:90px}.pc-detail .page-nav .wrap{gap:17px}}
@media(max-width:760px){.pc-sample .wrap,.pc-detail #stay{width:calc(100% - 32px)}.pc-sample .fish-share-row{margin-top:10px;margin-bottom:40px}.pc-sample .fish-share>summary{font-size:17px;min-height:70px;padding:16px 28px;border-width:4px;gap:9px}.pc-sample .fish-share>summary::after{font-size:15px;right:4px;width:18px}.pc-sample .fish-share>summary svg{width:20px;height:20px}.guide-heading{gap:12px;align-items:center;flex-wrap:wrap}.guide-heading>div:first-child{min-width:0}.guide-navigation{margin-left:auto}.guide-heading h2{font-size:25px}.guide-heading p{font-size:14px}.guide-navigation{gap:7px}.guide-navigation button{width:42px;height:44px}.guide-card{flex-basis:min(380px,calc(100vw - 50px));border-radius:20px}.guide-copy{padding:3px 20px 22px}.guide-copy h3{font-size:20px}.guide-copy p{font-size:15px}.guide-number{padding:14px 20px 0}.guide-section{margin-bottom:44px}.guide-mobile{display:block}.pc-home .hero{padding-top:30px}.pc-detail .hero{gap:20px}.pc-detail .taste-duet{grid-template-columns:1fr;margin-top:28px;gap:20px}.pc-detail .taste-duet>section{padding:23px}.pc-detail .taste-duet h2{font-size:28px}.pc-detail .info-grid{grid-template-columns:1fr;gap:23px}.info-disclosure>summary{min-height:0;gap:10px}.info-disclosure strong{font-size:21px}.info-reason{font-size:14px}.overview-heading h2{font-size:27px}.essential-caution{padding:17px}.essential-caution p{font-size:14px}.pc-detail .pc-recipe-grid,.pairing-courses{grid-template-columns:minmax(0,1fr)}.pc-detail .recipe>summary>span{min-width:0}.pc-detail .recipe>summary h3{font-size:21px}.pc-detail .recipe-body{padding:20px}.pc-detail .recipe-body p{font-size:15px}.pc-detail .page-nav .wrap{width:100%;padding:0 16px;justify-content:flex-start;overflow-x:auto;gap:19px}.pc-detail .page-nav a{flex:none;font-size:13px;padding:14px 0}.pc-detail #stay .stay-copy,.pc-home #stay>div{padding:26px}.pc-home #stay figure img{min-height:0;height:auto}.pc-detail #stay .stay-photo{min-height:0;height:270px}.pc-sample #stay .trip-lead{font-size:18px}.pc-sample #stay h2{font-size:32px}.pc-sample #stay .primary{font-size:15px;white-space:normal}.pc-sample dialog.sample-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:18px}.pc-sample dialog .info-panel{padding:24px 20px}.pc-sample dialog .story-grid,.pc-sample dialog .safety-grid{grid-template-columns:1fr}.pc-sample dialog h2{font-size:25px}.pc-sample dialog .fish-share-menu{padding:18px}.pc-sample .share-preview{grid-template-columns:75px 1fr;gap:12px;padding:12px}.share-preview strong{font-size:18px}.pc-sample .share-heading h2{font-size:18px}.pc-sample .share-choice{grid-template-columns:1fr;gap:4px;padding:13px;min-height:70px}.pc-sample .modal-bar{padding:12px 18px}.modal-bar button{flex:none}.pairing-course{padding:20px}.pairing-course-heading{grid-template-columns:80px minmax(0,1fr)}.pairing-course-heading img{width:80px;height:90px}.pairing-course h3{font-size:19px}.pc-detail .section-heading h2{font-size:29px}.pc-detail .info-overview{margin-bottom:48px}}
@media(prefers-reduced-motion:reduce){.pc-sample *,.pc-sample *::before,.pc-sample *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readable light-surface safety content, also in the no-JavaScript fallback. */
.pc-detail .info-panel .safety-section { color:#15384e; background:#fff; }
.pc-detail .info-panel .safety-heading .eyebrow,
.pc-detail .info-panel .safety-grid>div>span { color:#28687b; }
.pc-detail .info-panel .safety-heading h2,
.pc-detail .info-panel .safety-grid h3 { color:#15384e; }
.pc-detail .info-panel .safety-grid p,
.pc-detail .info-panel .safety-more { color:#244858; }
.pc-detail .info-panel .safety-section .source-links { color:#00617b; font-size:13px; border-color:#a9c8cf; }
.pc-detail .info-panel .safety-grid { gap:20px; }
.pc-detail .info-panel .safety-grid>div { padding:20px; border:1px solid #c6dfe5; border-radius:16px; background:#f3f9fb; }
.pc-detail .info-panel .safety-grid>div>span { display:inline-block; font-size:13px; font-weight:700; border-bottom:2px solid #7eb7c6; }
.pc-detail .info-panel .safety-grid h3 { font-size:21px; font-weight:700; }
.pc-detail .info-panel .safety-more { border-color:#a9c8cf; }

/* The keyword stands out while the heading keeps its original wording. */
.pc-detail .heading-accent { color:#075d72; font-family:var(--sans); font-weight:750; letter-spacing:.02em; padding:0 .08em .08em; background:linear-gradient(transparent 69%,#bce6df 69%,#bce6df 94%,transparent 94%); -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.pc-detail .heading-accent--taste { color:#74421f; background:linear-gradient(transparent 69%,#f9d69e 69%,#f9d69e 94%,transparent 94%); }
.pc-detail .heading-accent--warm { color:#824335; background:linear-gradient(transparent 69%,#ffd3c2 69%,#ffd3c2 94%,transparent 94%); }

/* Names, temperatures and distinctive icons remain understandable without color. */
.pc-detail .pairing-two>div { border-left:0; padding-left:0; }
.pc-detail .pairing-two h4 { font-size:15px; color:#244858; margin-bottom:12px; }
.pc-detail .drink-methods { display:grid; grid-template-columns:repeat(auto-fit,minmax(165px,1fr)); gap:10px; margin:0 0 18px; }
.pc-detail .drink-method { --drink:#285a77; --tint:#eef7fd; position:relative; display:grid; grid-template-columns:40px minmax(0,1fr); align-items:center; gap:9px; padding:17px 14px 13px; border:2px solid var(--drink); border-radius:16px; background:var(--tint); color:var(--drink); box-shadow:0 4px 0 color-mix(in srgb,var(--drink) 20%,white); }
.pc-detail .drink-method--room { --drink:#77531e; --tint:#fff7e5; }
.pc-detail .drink-method--warm { --drink:#a54524; --tint:#fff0df; }
.pc-detail .drink-method--hot { --drink:#b12632; --tint:#ffebec; }
.pc-detail .drink-method--cold { --drink:#17639a; --tint:#eaf5ff; }
.pc-detail .drink-method--water { --drink:#136d8a; --tint:#e6f8fd; }
.pc-detail .drink-method--soda { --drink:#086d5e; --tint:#e7f9ef; }
.pc-detail .drink-method--rocks { --drink:#515491; --tint:#f0f0ff; }
.pc-detail .drink-method.is-optional { border-style:dashed; }
.pc-detail .drink-icon { width:40px; height:46px; overflow:visible; }
.pc-detail .drink-name { display:block; color:var(--drink); font-size:clamp(25px,2.1vw,31px); font-weight:800; line-height:1.35; letter-spacing:0; word-break:normal; text-wrap:nowrap; }
.pc-detail .drink-detail { display:block; font-size:14px; line-height:1.6; font-weight:700; margin-top:4px; color:var(--drink); }
.pc-detail .drink-note { grid-column:1/-1; font-size:12px; line-height:1.7; color:#244858; border-top:1px solid color-mix(in srgb,var(--drink) 28%,white); padding-top:8px; }
.pc-detail .pairing-two>div>b { display:block; font-size:18px; margin-top:12px; }
.pc-detail .pairing-emphasis { font-weight:700; color:#664224; text-decoration-line:underline; text-decoration-style:wavy; text-decoration-color:#c27840; text-decoration-thickness:1.5px; text-underline-offset:5px; text-decoration-skip-ink:auto; }
.pc-detail .pairing-emphasis--shochu { color:#155f63; text-decoration-color:#2f918d; }
.pc-detail .pairing-course p { line-height:2.05; }
@media(max-width:1000px) and (min-width:761px) {
  .pc-detail .drink-methods { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  .pc-detail .drink-methods { grid-template-columns:1fr; }
  .pc-detail .drink-method { grid-template-columns:44px minmax(0,1fr); padding:15px; }
  .pc-detail .drink-name { font-size:28px; }
  .pc-detail .info-panel .safety-grid>div { padding:16px; }
}

/* Front-of-page fish-specific conditions keep the full source wording. */
.caution-points{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin-top:14px}.caution-points p{margin:0}.caution-points b{color:#803e22}.pc-home .list-title{line-height:1.65}.pc-home .heading-accent{font-weight:700}.pc-sample .phrase{max-width:100%;overflow-wrap:anywhere}.pc-sample .source-links a{overflow-wrap:anywhere}.pc-sample .pairing-course p{max-width:42em}.pc-detail dialog .prep-options{display:flex;flex-wrap:wrap;gap:12px}.pc-detail dialog .prep-options a{min-width:0;flex:1 1 180px}.pc-detail dialog .reading{color:#15384e}
@media(max-width:760px){.caution-points{grid-template-columns:1fr;gap:12px}.pc-sample .pairing-course-heading{grid-template-columns:80px minmax(0,1fr)}.pc-sample .pairing-course-heading img{width:80px}.pc-sample .essential-caution strong{font-size:18px}}
/* Long fish names must not set the minimum width of the shared grids. */
.pc-detail .hero>*,.pc-detail .taste-duet>section{min-width:0}
@media(max-width:760px){.pc-detail .hero,.pc-detail .taste-duet{grid-template-columns:minmax(0,1fr)}.pc-sample h1 .phrase,.pc-sample h2 .phrase{white-space:normal;overflow-wrap:anywhere}}