/* Independent destination design: cr-v1-layout-04-warm-bands. */
:root{--coral:#d87873;--coral-dark:#d87873;--accent:#f3c9c0;--pink:#fff7f3;--navy:#30201d;--ink:#30201d;--muted:color-mix(in srgb,#30201d 62%,transparent);--line:color-mix(in srgb,#d87873 18%,#d8dee7);--bg:#fff7f3;--white:#ffffff;--yellow:#f3c9c0;--shadow:0 18px 45px color-mix(in srgb,#d87873 15%,transparent)}
body{background:var(--bg);color:var(--ink)}
.hero-copy{position:relative}.hero-copy .search-thumb{left:0;right:auto;top:0;width:1px;height:1px!important;opacity:.001;border:0}
.title-line .partner-name{display:flex;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 100px);margin:0 0 7px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--muted);font-size:12px;line-height:1.35}
.title-line .partner-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:13px}.title-line .page-description{color:var(--muted);margin:0}
.step h3{display:block;margin:0 0 6px;font-size:16px;line-height:1.4}.profile-summary .profile-call{display:grid;place-items:center;width:100%;min-height:48px;border-radius:inherit;background:var(--yellow);color:#111827;font-weight:900}
.top-search input,.finder input,.finder select{color:var(--ink);background:var(--white)}.fixed-call:focus-visible,.profile-call:focus-visible,.shop-card:focus-visible,.text-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:560px){.title-line .partner-name{max-width:calc(100% - 70px);font-size:11px}.title-line .partner-name strong{font-size:12px}}

.top{position:sticky;top:0;z-index:30;background:#faf8f5;box-shadow:0 2px 12px rgba(92,61,46,.08)}.header-row{min-height:70px;grid-template-columns:190px 1fr auto}.top-search{border:1px solid #b7977f;border-radius:8px}.notice{display:none}
.hero{margin-top:0}.hero-panel{min-height:610px;width:100vw;margin-left:calc(50% - 50vw);border-radius:0;padding:76px max(7vw,46px);grid-template-columns:minmax(0,1fr) minmax(330px,480px);background:linear-gradient(150deg,#f5ede4 0%,#faf8f5 55%,#ede0d4 100%)}.hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:54px;font-weight:700}.hero-art{width:100%;height:420px;border:10px solid rgba(255,255,255,.75);border-radius:28px;background:#ead8c9}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;filter:none;border-radius:18px}
.finder{margin-top:-38px;position:relative;border:1px solid #dfd0c4;border-radius:12px}.section{margin-top:54px}.shop-grid{grid-template-columns:repeat(3,1fr);gap:22px}.shop-card,.panel,.feature,.text-card{border-radius:10px;border-color:#e7ddd5;box-shadow:0 8px 24px rgba(92,61,46,.06)}.card-photo{aspect-ratio:16/11}.footer{background:#2d1f15}
@media(max-width:900px){.hero-panel{width:auto;margin-left:0;min-height:0;grid-template-columns:1fr 280px;padding:42px 30px;border-radius:18px}.hero-copy h1{font-size:40px}.hero-art{height:320px}.shop-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero-panel{grid-template-columns:1fr;padding:26px 18px}.hero-copy h1{font-size:31px}.hero-art{height:260px}.finder{margin-top:12px}.shop-grid{gap:12px}}

.page-head{margin-top:24px;padding:70px 36px;text-align:center;background:radial-gradient(circle at 16% 30%,#ffd7db,transparent 28%),radial-gradient(circle at 86% 70%,#ffe1cf,transparent 32%),#fff8f3}.title-line{max-width:780px;margin:auto}.title-line h1{margin-right:0;font-size:50px;color:#d73f55}.title-line .search-thumb{position:static;width:62px;height:62px!important;margin:0 auto 18px;border-radius:50%}.title-line .partner-name{margin-inline:auto}.detail-gallery{grid-template-columns:repeat(4,1fr);gap:0;margin-top:0}.detail-gallery img{border-radius:0;aspect-ratio:16/10}.detail-layout{grid-template-columns:minmax(0,1fr) 300px;margin-top:44px}.panel{border:0;border-top:3px solid #ff7b86;border-radius:0;box-shadow:0 12px 30px rgba(206,73,87,.08)}.profile-summary{background:#8f2337;border-radius:28px 6px 28px 6px}
@media(max-width:560px){.page-head{padding:42px 18px}.title-line h1{font-size:33px}.detail-gallery{grid-template-columns:1fr}.detail-gallery img:first-child{display:block;aspect-ratio:4/3}.detail-gallery img:nth-child(n+2){display:none}}

/* Cross-family production mobile guard: preserve each visual family while
   preventing later family layers from overriding the base responsive header. */
.faq-item button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
@media(max-width:900px){
html,body{max-width:100%;overflow-x:clip}
.header-row{width:100%!important;min-height:auto!important;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr)!important;gap:10px!important;padding:10px!important}
.brand{min-width:0!important}.brand img{width:min(180px,100%)!important;max-height:72px!important;object-fit:contain!important;object-position:left center!important}
.top-search{width:100%!important;min-width:0!important;max-width:100%!important}.top-search input{width:100%!important;min-width:0!important}
.nav{grid-column:1/-1!important;width:100%!important;max-width:100%!important;display:flex!important;overflow-x:auto!important;justify-content:flex-start!important;gap:16px!important;padding:8px 0 10px!important;white-space:nowrap!important;overscroll-behavior-inline:contain}
.nav a{flex:0 0 auto!important}
.hero-panel,.finder,.page-head,.title-line,.detail-layout,.search-shell{max-width:100%!important;min-width:0!important}
}
@media(max-width:560px){
.header-row{grid-template-columns:minmax(100px,.78fr) minmax(0,1.22fr)!important;padding:9px 10px!important}
.brand img{max-height:56px!important}.top-search{height:40px!important}.nav{gap:14px!important;font-size:12px!important}
}


/* Per-platform approved-pool presentation tokens. */
:root{--pool-layout-token:20eb46dd5940e706;--platform-image-radius:24px;--platform-card-gap:23px}
.card-photo,.detail-gallery img,.hero-art img{border-radius:var(--platform-image-radius)}
.shop-grid{gap:var(--platform-card-gap)}

/* TNT mobile detail cascade guard v1 (2026-09-29): this final cascade layer deliberately follows every source-family
   override. It preserves the desktop design while preventing a two-column
   profile from compressing Korean copy into one-character vertical strips. */
@media(max-width:900px){
  .detail-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .detail-layout>*{width:100%!important;max-width:100%!important;min-width:0!important}
  .profile-summary{position:static!important;top:auto!important}
}
@media(max-width:560px){
  .fact-list div{grid-template-columns:minmax(78px,92px) minmax(0,1fr)!important;gap:12px!important}
  .course-table{table-layout:auto!important}
  .course-table th,.course-table td{word-break:keep-all!important;overflow-wrap:normal!important}
}