/* SUBA! v5.2.3 | site-wide release candidate finishing layer | 2026-10-28
   Palette: white / ink / Ryukyu vermilion / restrained Okinawan warm paper.
   Existing logos, original store photos, recording schemas and editorial content remain intact. */
:root{--red:#b41b24;--reddeep:#99171e;--ink:#20221f;--cream:#f6f1ea;--pale:#faf8f5;--line:#e3dbd2;--suba-red:#b41b24;--suba-cream:#faf8f5}
html{scroll-padding-top:94px}
body{color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b41b24!important;outline-offset:3px!important}
/* Fixed, consistent global header dimensions. */
body .header.header-polished{height:76px!important;min-height:76px!important;max-height:76px!important;margin:0!important;padding:0!important;position:relative!important;background:#fff!important}
body .header.header-polished>.wrap{height:76px!important;min-height:76px!important;max-height:76px!important;margin-inline:auto!important}
body .header.header-polished .brand img.suba-c1a1-head-logo{display:block!important;object-fit:contain!important}
body .header.header-polished .nav a:hover,body .header.header-polished .nav a[aria-current="page"]{color:#b41b24!important}
/* Main content begins after header naturally on every page; no global negative margin. */
/* Shared footer: legible original ink logo over light warm paper. */
body .footer{background:#eee9e2!important;color:#24251f!important;padding:52px 0 28px!important}
body .footer .columns{display:grid!important;grid-template-columns:1.3fr 1fr 1fr!important;align-items:start!important;gap:clamp(23px,3.2vw,48px)!important}
body .footer img.suba-c1a1-footer-logo{width:min(192px,100%)!important;height:auto!important;object-fit:contain!important;filter:none!important;opacity:1!important}
body .footer strong{color:#22251e!important}
body .footer ul a{color:#34342e!important;text-decoration:none}
body .footer ul a:hover{text-decoration:underline;text-underline-offset:4px;color:#a61b21!important}
body .footer .small,body .footer-bottom{color:#68665e!important}
body .footer .footer-bottom{border-top:1px solid #d9d1c5!important}
/* Common article palette; no conflicting deep green covers. */
body.suba-new-feature .suba-article-page{background:#fffdf9!important;color:#20221f!important}
body.suba-new-feature .suba-article-hero,
body.suba-new-feature .suba-article-hero.sunrise,
body.suba-new-feature .suba-article-hero.beach,
body.suba-new-feature .suba-article-hero.travel,
body.suba-new-feature .suba-article-hero.basics{background:linear-gradient(117deg,#faf7f1 0%,#f4ecdf 75%,#f4e4db 100%)!important;color:#20221f!important;border-bottom:1px solid #e5d9ce}
body.suba-new-feature .suba-article-hero h1{color:#20221f!important}
body.suba-new-feature .suba-article-hero p{color:#55534e!important}
body.suba-new-feature .suba-article-hero .suba-kicker{color:#b41b24!important}
body.suba-new-feature .suba-guide-strip{background:#292a27!important}
body .suba-feature-hub{background:#fbf9f5!important}
body .suba-feature-hub h2,body .suba-feature-tile h3{color:#20221f!important}
body .suba-shop-travel-tip{background:#f8f2eb!important}
/* Keep the warm-paper treatment for ordinary articles only.
   The red commemorative/regional covers and dark tasting-journal cover
   already provide their own light-text contrast; never override those. */
body:not(.special-day) .page-hero.issue-hero:not(.v49-title-hero){background:linear-gradient(115deg,#f8f4ed 0%,#f4eadf 72%,#f5e2d3 100%)!important}
/* Soki vs Sanmainiku: true middle, larger VS, clear rhythm even at 375px. */
.new-article .article-graphic.AG-red{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;padding:12px 12px 22px!important}
.new-article .article-graphic.AG-red>span{display:block!important;margin:0!important;line-height:1.08!important;text-align:center!important;font-size:clamp(28px,3.2vw,46px)!important}
.new-article .article-graphic.AG-red em{display:block!important;width:max-content!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(34px,4vw,56px)!important;font-weight:900!important;line-height:1!important;letter-spacing:-.06em!important;font-style:normal!important;margin:6px auto!important;transform:none!important;vertical-align:baseline!important;color:#8e1820!important}
.new-article .article-graphic.AG-red small{position:absolute!important;bottom:11px!important;left:14px!important}
/* Period after 麺と出汁 is one color with its headline; intentional for both breakpoints. */
.new-article .article-graphic.AG-story-photo>span .tiny-dot{color:inherit!important}
/* De-emphasize optional recording; foreground reading and shop discovery. */
body .record-journey{padding:48px 0 50px!important}
body .record-top h2{font-size:clamp(26px,3.3vw,38px)!important}
body .record-mark{display:none!important}
/* Guide and cards should remain fluid rather than generating sideways scroll. */
.suba-article-page .suba-inner,.suba-article-body,.reading-layout,.container{min-width:0}
body .suba-info-card,body .suba-feature-tile{min-width:0}
body .suba-info-card a,body .refbox a{overflow-wrap:anywhere}
@media(max-width:1050px){body .header.header-polished .nav{top:76px!important}}
@media(max-width:640px){
 html{scroll-padding-top:78px}
 body .header.header-polished,body .header.header-polished>.wrap{height:66px!important;min-height:66px!important;max-height:66px!important}
 body .header.header-polished .nav{top:66px!important}
 body .footer{padding:42px 0 24px!important}
 body .footer .columns{grid-template-columns:1fr 1fr!important;gap:24px 15px!important}
 body .footer .columns>div:first-child{grid-column:1 / -1!important}
 body .footer .columns>div{min-width:0}
 body .footer ul{line-height:2.35!important;font-size:.8rem!important}
 .new-article .article-graphic.AG-red>span{font-size:clamp(25px,7.1vw,34px)!important}
 .new-article .article-graphic.AG-red em{font-size:clamp(34px,9vw,46px)!important;margin:3px auto!important}
 body .record-journey{padding:39px 0 42px!important}
 body.suba-new-feature .suba-article-hero{padding-top:50px!important;padding-bottom:50px!important}
}
@media(max-width:375px){body .footer .columns{grid-template-columns:1fr!important}body .footer .columns>div:first-child{grid-column:auto!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.suba-travel-bridge{margin:20px auto 0;text-align:center;font-size:13px;font-weight:700}.suba-travel-bridge a{color:#a71f27;text-decoration:underline;text-underline-offset:5px}