/* Ramen-specific composition using the approved shared identity. */
.page-ramen .ramen-intro{grid-template-columns:1fr 1.08fr;gap:55px;padding:34px 0 42px;align-items:center}
.ramen-intro h1{font-size:clamp(46px,4.8vw,69px);line-height:1.04;letter-spacing:-.035em;max-width:17ch}
.ramen-intro .dek{font-size:17px;line-height:1.75;max-width:46ch;margin-top:23px}
.ramen-intro .byline{margin:22px 0;font-size:12px;line-height:1.65;gap:12px}
.ramen-intro .byline img{width:38px;height:38px}
.ramen-intro .byline a{color:var(--accent)}
.guide-hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.guide-hero-actions .button{margin:0}
.guide-hero-actions>a:not(.button){font-size:14px;color:var(--accent);min-height:44px;display:inline-flex;align-items:center}
.page-ramen .ramen-intro figure img{height:365px;object-fit:cover;border-radius:4px}
.ramen-intro figcaption{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:12px;color:var(--muted)}
.ramen-intro figcaption .icon{width:32px;height:32px;color:var(--accent)}
.ramen-intro figcaption a{margin-left:auto;color:var(--accent);min-height:36px;display:flex;align-items:center}
.page-ramen .ramen-layout{display:block}
.page-ramen .guide-controls{padding:0;background:none;margin:0 0 14px;scroll-margin-top:24px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0}
.page-ramen #restaurant-filter{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:12px;align-items:center}
.guide-search{position:relative}.guide-search-icon{position:absolute;left:14px;top:14px;width:20px;height:20px;color:var(--muted);pointer-events:none}
.page-ramen #restaurant-query{padding-left:44px;background:var(--paper);border-color:var(--line);font-size:16px;height:48px}
.page-ramen #area-filter{height:48px;background:var(--surface);border:0;font-size:14px}
.page-ramen #restaurant-filter button{padding:8px;min-height:44px}
.page-ramen #restaurant-count{font-size:12px;color:var(--muted);margin:10px 0 0}
.guide-context{margin:0;max-width:900px}
.guide-context>summary{font-size:13px;color:var(--accent);padding:8px 0;min-height:40px}
.page-ramen .guide-introduction{max-width:75ch;padding:12px 0 22px;font-size:16px;line-height:1.8}
.page-ramen .compare-panel{margin:0 0 20px;padding:0;background:none}
.page-ramen .compare-panel>summary{display:flex;align-items:baseline;gap:18px;padding:8px 0;font-size:13px;color:var(--accent);min-height:40px;list-style:none}
.compare-panel>summary::before{content:'+';font-size:20px;font-weight:400}.compare-panel[open]>summary::before{content:'−'}
.compare-panel summary small{font-size:12px;font-weight:400;color:var(--muted)}
.compare-panel table{min-width:740px}.compare-panel caption{text-align:left;font-size:13px;padding:15px 0;color:var(--muted)}
.compare-panel th,.compare-panel td{padding:13px;font-size:14px}.compare-panel tbody th{background:none}
.page-ramen .guide-entry{padding:44px 0 56px;border-top:1px solid var(--line);scroll-margin-top:24px}
.page-ramen .entry-title{gap:22px;margin-bottom:28px}
.page-ramen .rank-number{font:600 37px/1.15 var(--display);min-width:1.25em;color:var(--accent)}
.page-ramen .entry-title h2{font-size:38px;line-height:1.15;font-weight:var(--entry-heading-weight);text-wrap:pretty}
.page-ramen .entry-title .meta{font-size:14px;margin-top:10px}
.page-ramen .score strong{font:600 40px/1.1 var(--display);white-space:nowrap}.score .score-denominator{font-size:14px}
.page-ramen .score span{font-size:12px;margin-top:7px}.page-ramen .score{flex-shrink:0}
.entry-filter-link{display:inline-flex;align-items:center;gap:4px;margin-left:14px;min-height:32px;font-size:12px;color:var(--accent);text-decoration:none}
.entry-filter-link:hover{text-decoration:underline}.entry-title h2:focus{outline:2px solid var(--accent);outline-offset:5px}
.page-ramen .entry-overview{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:42px}
.page-ramen .entry-photo>img{height:390px;width:100%;object-fit:cover;border-radius:4px}
.page-ramen .entry-practical{padding-top:4px;margin:0}
.page-ramen .entry-practical h3{font:600 26px/1.2 var(--display);display:flex;align-items:center;gap:12px}
.entry-practical h3 .icon{width:27px;height:27px;color:var(--accent)}
.page-ramen .entry-practical>p{font-size:16px;line-height:1.75;margin-top:12px}
.entry-practical .lf-rows{display:grid;grid-template-columns:1fr 1fr;gap:16px 26px;margin-top:22px}
.page-ramen .lf-row{margin:0}.page-ramen .lf-row i{font-size:12px;font-style:normal;color:var(--muted);margin-bottom:3px}
.page-ramen .lf-row b{font-size:15px;line-height:1.75;font-weight:400}
.page-ramen .health-grade{font-size:12px;line-height:1.6;margin-top:20px;max-width:45ch}
.page-ramen .entry-actions{margin-top:24px}.entry-actions .button.secondary{background:var(--surface);color:var(--ink)}
.entry-reading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:48px;margin-top:34px;align-items:start}
.page-ramen .entry-review{font-size:17px;line-height:1.85;max-width:72ch;margin:0}
.entry-review p:first-child{margin-top:0}
.page-ramen .dish-notes{margin:0;padding:28px;background:var(--surface);border-radius:4px}
.page-ramen .dish-notes h3{font:600 26px/1.2 var(--display)}
.page-ramen .lf-dishes{gap:22px;margin-top:22px}.page-ramen .fd b{font-size:15px}.page-ramen .fd p{font-size:15px;line-height:1.75;margin-top:7px}
.guide-closing{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:64px;align-items:start;margin:35px 0 45px}
.page-ramen .guide-faq{margin:0}.page-ramen .guide-faq h2{font-size:33px;margin-bottom:22px}
.page-ramen .guide-faq details{margin:0;padding:0;background:none;border-top:1px solid var(--line)}
.guide-faq details:last-child{border-bottom:1px solid var(--line)}
.page-ramen .guide-faq summary{display:flex;align-items:baseline;justify-content:space-between;gap:18px;font-size:16px;padding:18px 0;list-style:none}
.guide-faq summary::after{content:'+';color:var(--accent);font-size:22px;font-weight:400}.guide-faq details[open] summary::after{content:'−'}
.guide-faq summary::-webkit-details-marker{display:none}.guide-faq .a{font-size:15px;line-height:1.8;padding:0 20px 20px 0}
.guide-faq a,.methodp a{color:var(--accent)}
.page-ramen .methodp{margin:0;padding:28px;background:var(--surface);border-radius:4px}.methodp h3{font-size:27px}.methodp p{font-size:15px;line-height:1.8;margin-top:16px}
.guide-next{background:var(--surface);padding:32px;margin-bottom:40px;display:grid;grid-template-columns:1fr 250px;gap:45px}
.page-ramen .restored-guide-footer{margin:0}.restored-guide-footer h3,.guide-next h2{font-size:29px}
.page-ramen .restored-guide-footer .chips{gap:7px 28px}.page-ramen .restored-guide-footer .u-chip{font-size:14px;line-height:1.7;padding:8px 0}
.page-ramen .related-tours{margin:0}.related-tours>a{display:block;color:var(--accent);font-size:14px;margin-top:15px}
.no-restaurants button{display:block;margin-top:18px}
@media(max-width:1000px){.page-ramen .ramen-intro{gap:32px}.ramen-intro h1{font-size:52px}.page-ramen .entry-overview{gap:28px}.entry-reading{gap:30px;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}.page-ramen .entry-title h2{font-size:33px}.guide-closing{gap:30px}.guide-next{grid-template-columns:1fr}.ramen-intro figcaption{flex-wrap:wrap}.ramen-intro figcaption a{margin-left:0}}
@media(max-width:760px){.page-ramen .ramen-intro{display:block;padding:24px 0 30px}.ramen-intro h1{font-size:44px;max-width:17ch}.ramen-intro .dek{font-size:16px;line-height:1.7}.page-ramen .ramen-intro figure{margin-top:25px}.page-ramen .ramen-intro figure img{height:240px}.ramen-intro figcaption a{margin-left:auto}.entry-reading,.guide-closing{grid-template-columns:1fr;gap:24px}.page-ramen .entry-overview{display:block}.page-ramen .entry-practical{margin-top:24px}.page-ramen .entry-photo>img{height:auto;aspect-ratio:1.5}.page-ramen .entry-title{gap:12px;flex-wrap:wrap}.page-ramen .rank-number{font-size:29px;min-width:1.1em}.page-ramen .entry-title h2{font-size:29px}.page-ramen .entry-title .meta{font-size:13px;margin-top:8px}.page-ramen .score{display:flex;gap:8px;align-items:baseline;margin-left:44px}.page-ramen .score strong{font-size:27px}.page-ramen .score span{margin:0}.page-ramen .guide-entry{padding:30px 0 36px}.page-ramen .entry-review{font-size:16px;line-height:1.85}.page-ramen .dish-notes{padding:24px}.page-ramen .guide-faq h2{font-size:29px}.guide-next{padding:24px;gap:25px}.page-ramen #restaurant-filter{grid-template-columns:minmax(0,1fr) 125px;gap:8px}.page-ramen #restaurant-filter button{grid-column:1/-1;justify-self:start;padding:0}.compare-panel summary small{display:none}.entry-filter-link{margin-left:0;display:flex;width:max-content}.page-ramen .restored-guide-footer .chips{grid-template-columns:1fr}.entry-practical .lf-rows{gap:18px}.page-ramen .lf-row b{font-size:14px}}
@media(max-width:360px){.ramen-intro h1{font-size:39px}.guide-hero-actions{gap:10px}.ramen-intro figcaption{gap:8px}.ramen-intro figcaption a{margin-left:44px}.page-ramen .entry-title h2{font-size:27px}.page-ramen #restaurant-filter{grid-template-columns:1fr}.entry-practical .lf-rows{grid-template-columns:1fr}}
@media(max-width:850px){.entry-reading{grid-template-columns:1fr;gap:24px}.page-ramen .entry-overview{display:block}.page-ramen .entry-photo>img{height:auto;aspect-ratio:1.5}.page-ramen .entry-practical{margin-top:24px}}
@media(max-width:760px){.page-ramen .entry-title{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px 12px}.page-ramen .entry-title>.score{grid-column:2;margin-left:0}.page-ramen .entry-title>div:nth-child(2){min-width:0}}
.page-ramen .wi-managed-slot{overflow:clip}
.page-ramen .wi-managed-slot:has(link[rel="stylesheet"]):not([data-creative-ready]){visibility:hidden}

/* Related links fill a paired row instead of two mostly empty full-width panels. */
.page-ramen .guide-recommendations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0 28px}
.page-ramen .guide-recommendations .promotion-guide{margin:0;padding:20px;min-width:0;position:relative}
.page-ramen .guide-recommendations .promotion-label{margin:0 0 12px;font-size:12px}
.page-ramen .guide-recommendations .gmb{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:center;height:calc(100% - 32px)}
.page-ramen .guide-recommendations .gmb img{width:140px;height:140px;object-fit:cover;border-radius:3px}
.page-ramen .guide-recommendations .gmb b{display:block;font:600 25px/1.2 var(--display);text-wrap:pretty}
.page-ramen .guide-recommendations .gmb em{font-size:13px;line-height:1.6;margin-top:10px;color:var(--muted)}
.page-ramen .guide-recommendations .gmb:hover b{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.page-ramen .guide-recommendations .gmb:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:1100px){.page-ramen .guide-recommendations .gmb{grid-template-columns:105px minmax(0,1fr);gap:16px}.page-ramen .guide-recommendations .gmb img{width:105px;height:125px}.page-ramen .guide-recommendations .gmb b{font-size:22px}}
@media(max-width:760px){.page-ramen .guide-recommendations{grid-template-columns:1fr;gap:12px;margin:16px 0 24px}.page-ramen .guide-recommendations .promotion-guide{padding:16px}.page-ramen .guide-recommendations .gmb{grid-template-columns:90px minmax(0,1fr);gap:14px;height:auto}.page-ramen .guide-recommendations .gmb img{width:90px;height:110px}.page-ramen .guide-recommendations .gmb b{font-size:21px}.page-ramen .guide-recommendations .gmb em{font-size:12px;margin-top:8px}}
@media(max-width:360px){.page-ramen .guide-recommendations .gmb{grid-template-columns:72px minmax(0,1fr);gap:12px}.page-ramen .guide-recommendations .gmb img{width:72px;height:100px}.page-ramen .guide-recommendations .gmb b{font-size:20px}}

/* Production guide port (pages-guide.php), 2026-11-02: live content the hand-built preview had lost
   (review headline, hook paragraph, insider tip), entries without dish notes, and the business-info
   Yelp mark used only on entries that have no photo credit. */
.page-ramen .entry-review .review-title{font-size:25px;line-height:1.25;margin:0 0 14px}
.page-ramen .entry-review .lr-hook{font-weight:500;margin-top:0}
.page-ramen .entry-review .insider-tip{margin-top:26px;line-height:1.7}
.page-ramen .entry-review .insider-tip h3{margin:0 0 6px}.page-ramen .entry-review .insider-tip p{margin:0}
.page-ramen .entry-reading.entry-reading-single{grid-template-columns:minmax(0,1fr)}
.page-ramen .entry-practical .lr-addr{font-size:14px;margin-top:15px}
.page-ramen .business-credit{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:16px}
.page-ramen .business-credit img{height:14px;width:auto;display:block}

/* Will 2026-11-02 "do not remove any feature he built": live guide features restored in the new design. */
.page-ramen .ramen-layout.has-index{display:grid;grid-template-columns:210px minmax(0,1fr);gap:48px;align-items:start}
.page-ramen .ranking-index{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);padding:18px 20px;border-radius:4px;font-size:13px}
.page-ramen .ranking-index summary{font:600 15px var(--body);cursor:pointer;display:flex;justify-content:space-between;gap:10px;min-height:32px;align-items:center}
.page-ramen .ranking-index summary span{color:var(--muted);font-weight:400;font-size:12px}
.page-ramen .ranking-index ol{list-style:none;margin:10px 0 0;padding:0}
.page-ramen .ranking-index li a{display:flex;gap:10px;padding:7px 0;text-decoration:none;color:var(--ink);line-height:1.35}
.page-ramen .ranking-index li a span{color:var(--accent);font-weight:600;min-width:1.6em}
.page-ramen .ranking-index li a:hover{color:var(--accent)}
.page-ramen .ranking-index>p{margin:14px 0 0;line-height:2}.page-ramen .ranking-index>p a{color:var(--accent)}
.page-ramen .guide-nav{display:flex;flex-wrap:wrap;gap:6px 22px;padding:0;background:none;margin:24px 0 0;font-size:14px}
.page-ramen .guide-nav a{display:inline-block;padding:6px 0;color:var(--accent);font-size:14px}
.page-ramen .guide-list-head{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:18px;margin-top:10px;font-size:14px;color:var(--muted)}
.page-ramen .guide-list-head p{margin:0}.page-ramen .guide-list-head b{color:var(--ink)}
.page-ramen #guide-quick{background:none;border:1px solid var(--line);border-radius:3px;padding:8px 14px;min-height:40px;font-size:13px;color:var(--ink);cursor:pointer}
.page-ramen #guide-quick[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}
.page-ramen .guide-body.is-quick .entry-reading{display:none}
.page-ramen .entry-practical .lf-map{display:block;position:relative;margin-top:20px;max-width:360px}
.page-ramen .entry-practical .lf-map img{display:block;width:100%;height:auto;border-radius:4px}
.page-ramen .entry-practical .lf-map .osm{display:block;font-size:11px;color:var(--muted);text-align:right;margin-top:4px}
.page-ramen .guide-closing-side{display:grid;gap:24px;align-content:start}
.page-ramen .authp{padding:24px 28px;background:var(--surface);border-radius:4px;font-size:15px}
.page-ramen .authp .authk{font-size:12px;color:var(--muted);margin-bottom:6px}.page-ramen .authp b a{font:600 22px var(--display);text-decoration:none}
.page-ramen .authp .u-role{font-size:13px;color:var(--muted);margin-top:4px}.page-ramen .authp p{font-size:14px;line-height:1.75;margin:12px 0 0}
.page-ramen .gtours.related-tours .k{display:block;font:600 22px var(--display);color:var(--ink)}
.page-ramen .gtours.related-tours>a{display:block;color:var(--accent);font-size:14px;margin-top:15px}
@media(max-width:920px){.page-ramen .ramen-layout.has-index{display:block}.page-ramen .ranking-index{position:static;max-height:none;margin-bottom:24px}}
@media(max-width:760px){.page-ramen .guide-list-head{flex-wrap:wrap}}
/* Two independent entry columns (Will 2026-11-02): left = photo then the review, right = facts + map then
   dish notes. The review starts directly under the photo instead of waiting below the map. */
.page-ramen .entry-overview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:42px;align-items:start}
.page-ramen .entry-main,.page-ramen .entry-side{min-width:0}
.page-ramen .entry-main .entry-review{margin-top:30px}
.page-ramen .entry-main .entry-photo+.entry-review{margin-top:30px}
.page-ramen .entry-main>.entry-review:first-child{margin-top:0}
.page-ramen .entry-side .dish-notes{margin-top:30px}
.page-ramen .entry-side>.dish-notes:first-child{margin-top:0}
.page-ramen .guide-body.is-quick .entry-review,.page-ramen .guide-body.is-quick .dish-notes{display:none}
@media(max-width:1000px){.page-ramen .entry-overview{gap:28px}}
/* Phones and narrow tablets: one column in the original order photo, facts + map, review, dish notes. */
@media(max-width:850px){
.page-ramen .entry-overview{display:flex;flex-direction:column;gap:0}
.page-ramen .entry-main,.page-ramen .entry-side{display:contents}
.page-ramen .entry-photo{order:1}
.page-ramen .entry-practical{order:2;margin-top:22px}
.page-ramen .entry-review{order:3;margin-top:28px}
.page-ramen .dish-notes{order:4;margin-top:24px}
}
/* 2026-11-02 visual review: hook paragraph spacing, full-size tip icon */
.page-ramen .entry-review .lr-hook{margin:0 0 16px}
.page-ramen .entry-review .lf-prose>p:first-child{margin-top:0}
.page-ramen .insider-tip>.icon{flex:none;width:26px;height:26px;margin-top:3px}