:root{
  --bg:#070706;--bg-soft:#0d0a09;--surface:#12100f;--surface2:#181311;
  --text:#f6f1e9;--muted:#a89e94;--gold:#cda867;--gold2:#ead39d;
  --wine:#471119;--wine2:#761927;--red:#a52433;--line:rgba(229,199,139,.18);
  --line-soft:rgba(255,255,255,.075);--max:1320px;--radius:24px;
}
*{box-sizing:border-box}
html{font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.7;word-break:keep-all;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.eyebrow{margin:0 0 13px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.23em}
.text-link{color:var(--gold2);font-size:13px;font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid var(--line);border-radius:11px;font-weight:800;font-size:13px;transition:.2s}
.btn-primary{background:linear-gradient(135deg,#8d1f2d,#b72b3b);border-color:rgba(255,255,255,.08);color:#fff;box-shadow:0 15px 35px rgba(120,20,35,.2)}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-ghost{background:rgba(255,255,255,.025);color:#ddd4cb}.btn-ghost:hover{border-color:rgba(229,199,139,.38)}
.btn-large{min-width:180px}
.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line-soft)}.faq-list summary{position:relative;cursor:pointer;list-style:none;padding:22px 44px 22px 0;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:5px;top:19px;color:var(--gold);font-size:24px;font-weight:300}.faq-list details[open] summary:after{content:"–"}.faq-list p{margin:0;padding:0 50px 20px 0;color:var(--muted);font-size:13px}

/* 1-14 visual refinement */
::selection{background:#7d1d2a;color:#fff}
:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
body{background:radial-gradient(circle at 50% -10%,rgba(101,29,37,.08),transparent 28%),var(--bg)}
.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:20px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.btn{letter-spacing:-.02em}

/* SEO/UIUX pass 1 */
html{scroll-padding-top:132px}
section[id]{scroll-margin-top:132px}
img{font-style:italic;background:#0d0b0a}
.editorial-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.56;z-index:0}
.hero-frame,.nb-stage,.kg-art-frame,.rs-hero-panel,.hp-visual-card{isolation:isolate}
.hero-frame>*:not(.editorial-visual),.nb-stage>*:not(.editorial-visual),.kg-art-frame>*:not(.editorial-visual),.rs-hero-panel>*:not(.editorial-visual),.hp-visual-card>*:not(.editorial-visual){position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* SEO/UIUX pass 2: media and internal navigation */
.venue-editorial-fallback{width:100%;height:100%;object-fit:cover;opacity:.72}
.editorial-label{position:absolute!important;left:14px!important;bottom:12px!important;top:auto!important;right:auto!important;z-index:3!important;padding:6px 8px;background:rgba(7,7,7,.72);border:1px solid rgba(255,255,255,.12);color:#d9c7a5!important;font-size:7px!important;font-weight:900;letter-spacing:.14em}
.internal-guide{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:#0a0908}
.internal-guide a,.internal-guide span{transition:border-color .2s ease,background .2s ease,color .2s ease}

/* V38 MASTER STEP 1 — BRAND SYSTEM LOCK */
:root{
  --font-body:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --font-display:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --bg:#070706;
  --bg-soft:#0b0908;
  --surface:#100d0c;
  --surface2:#17110f;
  --text:#f5efe6;
  --muted:#aaa097;
  --ivory:#f0e6d5;
  --gold:#c7a15e;
  --gold2:#ead39d;
  --wine:#421016;
  --wine2:#681824;
  --red:#a62534;
  --neon-purple:#6d3e68;
  --neon-blue:#31506a;
  --line:rgba(229,199,139,.18);
  --line-soft:rgba(255,255,255,.075);
  --radius-card-pc:18px;
  --radius-card-mobile:15px;
  --radius-button:10px;
  --shadow-card:0 22px 55px rgba(0,0,0,.28);
  --shadow-card-hover:0 28px 64px rgba(0,0,0,.38);
  --section-gap-pc:82px;
  --section-gap-mobile:54px;
  --media-tone:saturate(1.02) contrast(1.04);
}
html,body{font-family:var(--font-body)}
h1,h2,h3,h4,h5,h6,.brand-ko,.footer-brand{font-family:var(--font-display)!important}
h1,h2,h3{font-weight:850;letter-spacing:-.055em}
.btn{border-radius:var(--radius-button);border-color:var(--line);box-shadow:none}
.btn-primary{background:linear-gradient(135deg,#7f1b28,#a82434);box-shadow:0 12px 30px rgba(112,20,32,.22)}
.btn-ghost{background:rgba(255,255,255,.025)}
.eyebrow{color:var(--gold)}
.editorial-visual,.category-media,.venue-editorial-fallback{filter:var(--media-tone)}

/* DELIVERY C: keyboard accessibility, visual-only; no visual reflow except when focused. */
.skip-to-content{position:fixed;top:-110px;left:16px;z-index:100000;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:2px solid var(--gold2);border-radius:10px;background:#16110b;color:#fff;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.7)}
.skip-to-content:focus-visible{top:12px;outline:3px solid #f9e7bd;outline-offset:2px}
#main-content:focus{outline:0}
@media (prefers-reduced-motion:reduce){.skip-to-content{transition:none}}
.container{width:min(calc(100% - 28px),var(--max))}
.site-header{position:sticky;top:0;z-index:60;background:rgba(7,7,6,.95);border-bottom:1px solid var(--line-soft);backdrop-filter:blur(18px)}
.header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.brand-ko{font-size:20px;font-weight:900;letter-spacing:-.06em;color:var(--gold2)}.brand-sub{font-size:8px;font-weight:800;letter-spacing:.24em;color:#6f6962}
.main-nav{display:none}.menu-toggle{display:block;width:42px;height:42px;border:0;background:transparent;padding:9px;cursor:pointer}.menu-toggle span{display:block;height:1px;background:#ded6cc;margin:6px 0}
.mobile-menu{display:none;position:absolute;top:64px;left:14px;right:14px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#0d0c0b;box-shadow:0 20px 50px rgba(0,0,0,.45)}.mobile-menu.open{display:grid}.mobile-menu a{padding:12px 10px;border-bottom:1px solid var(--line-soft);font-size:14px}.mobile-menu a:last-child{border-bottom:0}.mobile-menu a.active{color:var(--gold2);background:rgba(255,255,255,.025)}
.site-footer{padding:44px 0 95px;border-top:1px solid var(--line-soft);background:#050505;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}.footer-brand{display:inline-flex;font-size:23px;font-weight:900;color:var(--gold2)}.footer-brand span{margin-left:8px;color:#6e675f;font-size:9px;letter-spacing:.25em}.site-footer p{margin:10px 0 0;font-size:12px}.footer-nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px}.footer-nav a{padding:7px 10px;border:1px solid var(--line-soft);border-radius:8px;font-size:11px;color:#958d84}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.05);font-size:9px;letter-spacing:.15em;color:#55504b}

.footer-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.footer-social a{color:#a99d90;font-size:10px}

/* 1-14 premium mobile shell */


/* 1-15 mobile final polish */

/* UIUX pass 1 */
a,button,summary{touch-action:manipulation}
.mobile-menu a{min-height:48px}
.container{width:min(calc(100% - 28px),var(--max))}
@media(max-width:390px){.container{width:min(calc(100% - 22px),var(--max))}}

/* SEO/UIUX pass 2 */
.internal-guide{padding:52px 0}
.internal-guide-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;min-width:0}.internal-guide-title,.internal-guide-links,.internal-guide-links>div,.internal-guide-links nav{min-width:0;max-width:100%}
.internal-guide-title small{color:#89724b;font-size:7px;font-weight:900;letter-spacing:.15em}
.internal-guide-title h2{margin:8px 0 10px;font-size:27px;line-height:1.13;letter-spacing:-.05em}
.internal-guide-title p{margin:0;color:#938b83;font-size:10px;line-height:1.7}
.internal-guide-title>a{display:inline-block;margin-top:15px;color:var(--gold2);font-size:9px;font-weight:800}
.internal-guide-links{display:grid;gap:18px}
.internal-guide-links>div>strong{display:block;margin-bottom:8px;color:#766b60;font-size:8px;letter-spacing:.1em}
.internal-guide-links nav{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
.internal-guide-links a,.internal-guide-links span{flex:0 0 auto;min-height:43px;display:flex;align-items:center;padding:9px 12px;border:1px solid var(--line-soft);background:#0e0d0c;color:#b7ada3;font-size:9px;font-weight:800}
.internal-guide-links span[aria-current="page"]{border-color:rgba(218,181,112,.32);background:#17120d;color:var(--gold2)}

/* SEO/UIUX pass 3 */
.search-context{padding:48px 0;border-bottom:1px solid var(--line-soft);background:#0a0908}
.search-context-grid{display:grid;gap:22px}
.search-context-kicker{margin:0 0 8px;color:#896f45;font-size:7px;font-weight:900;letter-spacing:.14em}
.search-context h2{margin:0;font-size:27px;line-height:1.13;letter-spacing:-.05em}
.search-context-copy{display:grid;gap:7px}
.search-context-copy p{margin:0;padding:15px;border:1px solid var(--line-soft);background:#0e0c0b;color:#999087;font-size:10px;line-height:1.7}
.search-context-copy strong{display:block;margin-bottom:6px;color:#d9c9ad;font-size:12px}
h1,h2,h3{overflow-wrap:break-word;word-break:keep-all}
.btn{min-height:46px}
details summary{min-height:48px;display:flex;align-items:center}

.footer-area-nav{display:flex;flex-wrap:wrap;gap:8px 12px;margin:14px 0}
.footer-area-nav a{color:#817970;font-size:9px}

/* V38 MASTER STEP 1 — MOBILE SHARED UI */
.site-header{background:rgba(7,7,6,.96)}
.mobile-menu{border-radius:var(--radius-card-mobile)}
.btn{min-height:46px;border-radius:var(--radius-button)}

/* MASTER STEP 2 · BRAND LOGO V39 */
.site-header .brand{display:block;flex:0 0 auto;line-height:0}
.site-header .brand-logo{display:block;width:126px;line-height:0}
.site-header .brand-logo img{display:block;width:100%;height:auto;max-height:42px;object-fit:contain;object-position:left center}

/* V40 ROYAL MASTER LOGO */
.site-header .brand{display:flex;align-items:center;line-height:0}
.site-header .brand-logo{display:block;width:auto;line-height:0}
.site-header .brand-logo img{display:block;width:auto;height:40px;max-width:138px;object-fit:contain;object-position:left center}

/* V43 FOOTER VISITOR COUNTER */
.footer-bottom{display:grid;gap:12px}
.visitor-counter{display:flex;align-items:center;gap:10px;color:#746c64;font-size:9px;letter-spacing:.01em}
.visitor-counter span{display:flex;align-items:center;gap:5px}
.visitor-counter strong{color:var(--gold2);font-size:11px;font-weight:800}
.visitor-counter i{width:1px;height:10px;background:rgba(229,199,139,.18)}
.footer-copyright{display:block}

/* V45 contact-first mobile navigation */

/* V46 CONTACT BAR CLEARANCE */
.site-footer{padding-bottom:24px}

/* DELIVERY QA V84 · baseline legibility and menu hit areas */
.mobile-menu a{font-size:15px;min-height:49px}
.internal-guide-title small,.search-context-kicker{font-size:10px}
.internal-guide-title p,.search-context-copy p{font-size:12px;line-height:1.7}
.internal-guide-title>a{font-size:12px}
.internal-guide-links>div>strong{font-size:11px}
.internal-guide-links a,.internal-guide-links span{font-size:11px}
.footer-area-nav a{font-size:11px}
.footer-nav a{font-size:11px;min-height:38px}

/* STEP 20 · 2026-10-14: Shared header menu visibility (INDEX + all routes).
 * Previous three empty flex children collapsed from 1px to 0px. The SVG is
 * explicitly sized and unaffected by generic span/flex rules. */
@media (max-width:820px) {
  .site-header { isolation:isolate; }
  .site-header .header-inner { min-height:64px; gap:12px; }
  .site-header .brand { min-width:0; max-width:calc(100% - 68px); }
  .site-header .menu-toggle {
    display:grid; place-items:center; flex:0 0 46px; width:46px; min-width:46px;
    height:46px; min-height:46px; padding:10px; margin:0 0 0 auto;
    color:#f0dbb2; background:rgba(229,199,139,.065);
    border:1px solid rgba(229,199,139,.32); border-radius:10px;
    cursor:pointer; position:relative; z-index:3;
    -webkit-tap-highlight-color:transparent;
  }
  .site-header .menu-toggle .menu-toggle-icon {
    display:block; width:24px; height:24px; overflow:visible;
    fill:none; stroke:currentColor; stroke-width:2.2;
    stroke-linecap:round; stroke-linejoin:round; pointer-events:none;
  }
  .site-header .menu-toggle .menu-icon-close { display:none; }
  .site-header .menu-toggle[aria-expanded="true"] {
    color:#fff6e2; background:rgba(229,199,139,.14);
    border-color:rgba(229,199,139,.65);
  }
  .site-header .menu-toggle[aria-expanded="true"] .menu-icon-bars { display:none; }
  .site-header .menu-toggle[aria-expanded="true"] .menu-icon-close { display:block; }
  .site-header .mobile-menu {
    top:100%; left:12px; right:12px; z-index:2;
    max-height:calc(100dvh - 88px); overflow-y:auto;
    border:1px solid rgba(229,199,139,.3);
    box-shadow:0 20px 42px rgba(0,0,0,.68);
  }
  .site-header .mobile-menu.open { display:grid; }
  .site-header .mobile-menu a { font-size:15px; min-height:50px; }
  .site-header .menu-toggle:focus-visible { outline:3px solid #e2c28a; outline-offset:3px; }
}
.core-back{display:inline-block;margin-bottom:25px;color:#746c65;font-size:9px;font-weight:900;letter-spacing:.22em}.mag-hero{padding:86px 0 66px;border-bottom:1px solid var(--line-soft);background:radial-gradient(circle at 75% 25%,rgba(118,25,39,.22),transparent 28%),linear-gradient(145deg,#090807,#180d0f)}.mag-hero h1{margin:0;font-size:clamp(43px,12vw,62px);line-height:1.02;letter-spacing:-.075em}.mag-hero h1 span{color:var(--gold2)}.mag-hero>div>p:last-child{max-width:620px;margin:24px 0 0;color:var(--muted)}.mag-index{padding:76px 0}.section-heading{display:grid;gap:14px;margin-bottom:27px}.section-heading h2{margin:0;font-size:clamp(31px,9vw,45px);line-height:1.08;letter-spacing:-.065em}.section-heading h2 span{color:var(--gold2)}.section-heading>p{margin:0;color:var(--muted);font-size:13px}.magazine-grid{display:grid;grid-template-columns:1fr;gap:16px}.mag-card{padding:12px 12px 25px;border:1px solid var(--line-soft);border-radius:18px;background:#0d0c0b}.mag-thumb{height:180px;margin-bottom:20px;border-radius:12px;display:flex;align-items:end;padding:18px;background:linear-gradient(145deg,#3b141a,#120d0e)}.mag-thumb span{font-size:10px;font-weight:900;letter-spacing:.28em;color:rgba(255,255,255,.62)}.thumb-two{background:linear-gradient(145deg,#1c2538,#0d0e12)}.thumb-three{background:linear-gradient(145deg,#3b2b17,#0f0c09)}.mag-card small{color:var(--gold);font-weight:800}.mag-card h3{margin:8px 0 6px;font-size:20px}.mag-card p{margin:0;color:var(--muted);font-size:13px}.mag-card-link{display:block;color:inherit}.mag-card-link b{display:block;margin-top:18px;color:var(--gold2);font-size:11px}
.article-hero{padding:84px 0 64px;border-bottom:1px solid var(--line-soft);background:radial-gradient(circle at 80% 18%,rgba(118,25,39,.2),transparent 30%),linear-gradient(145deg,#090807,#140b0d)}.article-hero-grid{display:grid;grid-template-columns:1fr;gap:38px;align-items:center}.article-hero h1{max-width:900px;margin:12px 0 24px;font-size:clamp(39px,11vw,58px);line-height:1.05;letter-spacing:-.07em}.article-lead{margin:0;color:#b8afa6;font-size:15px;line-height:1.9}.article-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:#766f69;font-size:11px}.article-cover{min-height:240px;padding:26px;border:1px solid var(--line);border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#3a141a,#0d0b0b 62%)}.article-cover small{color:var(--gold);font-weight:900;letter-spacing:.28em}.article-cover strong{font-size:34px;line-height:.98;color:rgba(255,255,255,.13)}.article-body-section{padding:72px 0}.article-layout{display:grid;grid-template-columns:1fr;gap:38px}.article-content{max-width:780px}.article-section{padding:0 0 42px;margin-bottom:42px;border-bottom:1px solid var(--line-soft)}.article-no{display:block;margin-bottom:15px;color:rgba(229,199,139,.35);font-size:27px;font-weight:900}.article-section h2{margin:0 0 18px;font-size:clamp(28px,8vw,39px)}.article-section p{margin:0;color:#b3aaa1;font-size:15px;line-height:2}.article-aside{position:static;display:grid;gap:14px}.article-check,.article-related{padding:24px;border:1px solid var(--line-soft);border-radius:18px;background:#0d0c0b}.article-check h2{margin:5px 0 18px;font-size:23px}.article-check ul{list-style:none;padding:0;margin:0}.article-check li{padding:11px 0;border-top:1px solid var(--line-soft);color:#b8afa6;font-size:13px}.article-check li:before{content:'✓';margin-right:9px;color:var(--gold)}.article-related{display:grid}.article-related a{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line-soft);color:#d8d0c7;font-size:13px}.article-related a span{color:var(--gold)}
.core-cta{padding:0 0 82px}.core-cta-box{display:grid;min-height:0;padding:34px 24px;border:1px solid rgba(229,199,139,.24);border-radius:26px;gap:28px;background:linear-gradient(135deg,#15100f,#080808)}.core-cta h2{margin:0;font-size:clamp(31px,9vw,44px);line-height:1.1}.core-cta p:not(.eyebrow){margin:17px 0 0;color:var(--muted)}.core-cta .btn-large{width:100%}
.article-cover img,.mag-thumb img{width:100%;height:100%;object-fit:cover;display:block}.article-cover{overflow:hidden}

/* 1-14 MAGAZINE mobile refinement */
.mag-hero{padding:68px 0 52px}.mag-hero h1{font-size:clamp(41px,12vw,58px)}.mag-index{padding:64px 0}.magazine-grid{gap:10px}.mag-card{border-radius:16px}.mag-thumb{height:170px}.article-hero{padding:68px 0 54px}.article-hero h1{font-size:clamp(37px,10vw,52px)}.article-cover{min-height:230px}.article-body-section{padding:64px 0}.article-section{padding-bottom:38px;margin-bottom:38px}
.article-cover img,.mag-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mag-thumb{position:relative}.mag-thumb>span{position:absolute;left:12px;bottom:12px;z-index:2;padding:4px 7px;border-radius:999px;background:rgba(6,6,6,.72)}

/* V61 article topic-cluster links */
.article-more{padding:0 0 64px}.article-more .section-heading{margin-bottom:20px}.article-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.article-more-card{min-width:0;display:block;padding:8px;border:1px solid var(--line-soft);border-radius:14px;background:#0d0c0b;color:inherit;text-decoration:none}.article-more-image{height:104px;border-radius:10px;overflow:hidden;display:block;background:#15110f}.article-more-image img{width:100%;height:100%;object-fit:cover;display:block}.article-more-copy{display:block;padding:10px 3px 4px}.article-more-copy small{display:block;color:var(--gold);font-size:9px;font-weight:800}.article-more-copy strong{display:block;margin-top:5px;font-size:14px;line-height:1.35}.article-more-copy b{display:block;margin-top:9px;color:var(--gold2);font-size:10px}

/* STEP03: mobile article -> category path */
.article-primary-path{padding:28px 0 30px;background:#130e0b;border-block:1px solid rgba(213,176,111,.18)}
.article-primary-title small{font-size:10px;letter-spacing:.12em;color:#cda467;font-weight:800}.article-primary-title h2{margin:8px 0;color:#f1e5d4;font-size:22px;line-height:1.35;word-break:keep-all}.article-primary-title p{margin:0;color:#b5a89a;font-size:13px;line-height:1.7}
.article-primary-links{display:grid;gap:8px;margin-top:17px}.article-primary-links a{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:3px 12px;min-height:69px;align-items:center;padding:13px 15px;border:1px solid rgba(216,179,113,.24);border-radius:10px;background:rgba(255,255,255,.02);text-decoration:none}
.article-primary-links strong{grid-column:1;color:#f1e5d4;font-size:15px}.article-primary-links span{grid-column:1;color:#b8ada1;font-size:12px;line-height:1.5}.article-primary-links b{grid-column:2;grid-row:1/3;color:#d2ad78;text-align:right}
/* DELIVERY B · unified mobile contact dock (2026-10-16). */
.desktop-contact-dock{display:none}
:root{--contact-safe:env(safe-area-inset-bottom,0px)}
body{padding-bottom:calc(86px + var(--contact-safe))}
.mobile-contact-float{box-sizing:border-box;position:fixed;z-index:500;left:9px;right:9px;bottom:calc(7px + var(--contact-safe));min-width:0;padding:7px;border:1px solid rgba(210,178,122,.44);border-radius:15px;background:linear-gradient(150deg,#241d17,#0e0d0c);box-shadow:0 11px 38px rgba(0,0,0,.69);backdrop-filter:blur(14px)}
.mobile-contact-caption{display:none;margin:0;color:#d8c5a7;font-size:11px;font-weight:650;line-height:1.2;letter-spacing:-.01em}
.mobile-contact-actions{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:7px}
.mobile-contact-actions>a{box-sizing:border-box;min-width:0;min-height:46px;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 5px;border:1px solid rgba(224,203,166,.18);border-radius:11px;background:#29231e;color:#f1e8dd;text-decoration:none;transition:background .15s}
.mobile-contact-actions>a:active{transform:scale(.98)}.mobile-contact-actions>a:focus-visible{outline:3px solid #f7dba0;outline-offset:2px}
.mobile-contact-actions>a span{display:block;white-space:nowrap;letter-spacing:-.025em;font-size:12px;font-weight:800;line-height:1.2}
.mobile-contact-icon{display:block;flex:0 0 18px;width:18px;height:18px;fill:currentColor}
.mobile-contact-actions>.mobile-contact-phone{background:linear-gradient(145deg,#e4ca91,#b18a4d);color:#17120b;border-color:rgba(255,240,206,.55)}
.mobile-contact-phone .mobile-contact-icon{flex-basis:17px;width:17px;height:17px}
.mobile-contact-kakao .mobile-contact-icon{color:#ffdd39}
.mobile-contact-telegram .mobile-contact-icon{color:#64bcf4}
.site-contact-section{padding:48px 0 52px;border-top:1px solid rgba(229,199,139,.21);background:radial-gradient(ellipse at 0 0,rgba(144,94,41,.20),transparent 70%),#110e0b}
.site-contact-layout{display:grid;gap:22px}.site-contact-eyebrow{margin:0 0 10px;color:#d6b77d;font-size:11px;font-weight:800;letter-spacing:.12em}
.site-contact-intro h2{margin:0;color:#f3eadc;font-size:clamp(25px,7vw,32px);line-height:1.3;letter-spacing:-.05em;word-break:keep-all}
.site-contact-intro>p:last-child{margin:11px 0 0;color:#c2b6a5;font-size:13px;line-height:1.75;word-break:keep-all}
.site-contact-links{display:grid;gap:8px}.site-contact-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:67px;padding:12px 15px;border:1px solid rgba(229,199,139,.20);border-radius:12px;background:rgba(255,255,255,.04);color:#f0e5d7;text-decoration:none}.site-contact-link-phone{background:rgba(165,112,45,.16);border-color:rgba(229,199,139,.43)}
.site-contact-link span:first-child{display:grid;gap:4px}.site-contact-link small{color:#b9a88d;font-size:11px}.site-contact-link strong{font-size:15px;font-weight:800}.site-contact-arrow{color:#e3c28b;font-size:20px}.site-contact-link:focus-visible{outline:3px solid #f7dba0;outline-offset:2px}
@media(max-width:355px){.mobile-contact-float{left:7px;right:7px;padding:8px 7px}.mobile-contact-actions{gap:4px}.mobile-contact-actions>a{gap:3px;padding:8px 3px}.mobile-contact-actions>a span{font-size:11px}.mobile-contact-icon{width:16px;height:16px;flex-basis:16px}}
@media(prefers-reduced-motion:reduce){.mobile-contact-actions>a{transition:none}}

/* Contact dock scroll behavior: unobstructed content while scrolling down.
   Visible at page top, on scroll up, and whenever a dock link has focus. */
.mobile-contact-float{transition:transform .2s ease,opacity .2s ease;will-change:transform}
body.contact-dock-hidden .mobile-contact-float:not(:focus-within){
  transform:translate3d(0,calc(100% + 24px + var(--contact-safe)),0);
  opacity:0;pointer-events:none
}
.site-footer{padding-bottom:24px}
@media(prefers-reduced-motion:reduce){
  .mobile-contact-float{transition:none}
}
/* STEP 04 / MOBILE UIUX: readability, spacing, card hierarchy, no image modifications */
:root { --uiux-accent:#e2c28a; }
html {scroll-behavior:smooth;}
body {text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
.container {width:min(calc(100% - 32px),var(--max));}
.site-header .header-inner {min-height:64px;}
.site-header .brand-logo img {max-height:40px;}
.menu-toggle {min-width:44px;min-height:44px;display:flex;flex-direction:column;justify-content:center;}
.mobile-menu {top:64px;left:12px;right:12px;padding:10px;border-radius:16px;}
.mobile-menu a {display:flex;align-items:center;min-height:50px;font-size:15px;padding:12px 14px;}
:where(a,button,summary):focus-visible {outline:3px solid #e2c28a;outline-offset:2px;}
.btn {min-height:48px;font-size:13px;line-height:1.35;padding:11px 14px;}
/* On the home landing, keep the original editorial photo and the 2x3 visual grid. */
.home-page .hero-inner {min-height:570px;padding:26px 0 22px;}
.home-page .hero-copy {min-height:520px;padding-inline:7px;}
.home-page .hero-copy .eyebrow {margin-bottom:11px;font-size:10px;line-height:1.35;letter-spacing:.12em;}
.home-page .hero-copy h1 {max-width:370px;font-size:clamp(34px,9.4vw,44px);line-height:1.14;letter-spacing:-.055em;}
.home-page .hero-lead {max-width:355px;margin-top:15px;font-size:13px;line-height:1.65;letter-spacing:-.018em;color:#eee5dc;}
.home-page .hero-actions {gap:9px;margin-top:20px;}
.home-page .hero-actions .btn {min-height:50px;padding:10px 7px;font-size:13px;font-weight:800;border-radius:12px;}
.home-page .hero-frame {border-radius:18px;}
.home-page .one-venue-rule-inner {padding-block:18px;gap:7px;}
.home-page .one-venue-rule strong {font-size:12px;line-height:1.5;}
.home-page .one-venue-rule p {font-size:11px;line-height:1.6;}
.home-page .signal-grid>div {min-height:90px;padding:15px 12px;}
.home-page .signal-grid span {font-size:10px;}
.home-page .signal-grid strong {font-size:12px;line-height:1.45;}
.home-page .signal-grid small {font-size:10px;line-height:1.5;}
.home-page .category-section,.home-page .compare-section,.home-page .venue-section,.home-page .area-section,.home-page .magazine-section,.home-page .faq-section,.home-page .guide-section,.home-page .review-policy-section,.home-page .shorts-section {padding-block:54px;}
.home-page .section-heading {margin-bottom:22px;gap:12px;}
.home-page .section-heading h2,.home-page .guide-intro h2,.home-page .review-policy-copy h2,.home-page .shorts-copy h2,.home-page .faq-heading h2 {font-size:clamp(28px,7.65vw,37px);line-height:1.23;letter-spacing:-.052em;}
.home-page .section-heading>p,.home-page .split-heading>p {font-size:12px;line-height:1.65;}
.home-page .eyebrow {font-size:10px;line-height:1.4;letter-spacing:.13em;}
.home-page .category-grid {gap:11px;}
.home-page .category-card {min-height:254px;padding:13px 11px 15px;border-radius:17px;}
.home-page .category-card:nth-child(5) {min-height:212px;}
.home-page .category-top span {font-size:21px;}
.home-page .category-top small {display:none;}
.home-page .category-body {left:11px;right:11px;bottom:39px;}
.home-page .category-body h3 {font-size:clamp(15px,4vw,18px);line-height:1.3;margin-bottom:7px;letter-spacing:-.045em;word-break:keep-all;}
.home-page .category-body p {font-size:11px;line-height:1.55;-webkit-line-clamp:3;min-height:0;color:#f0e4d5;}
.home-page .category-card>b {left:11px;right:11px;bottom:13px;font-size:10.5px;line-height:1.3;color:#edca89;}
.home-page .category-card:nth-child(5) .category-body {max-width:82%;bottom:41px;}
.home-page .category-card:nth-child(5) .category-body h3 {font-size:19px;}
.home-page .compare-board>a {min-height:94px;padding:16px;grid-template-columns:minmax(0,1fr) auto 18px;row-gap:7px;}
.home-page .compare-board>a>span {font-size:11px;}
.home-page .compare-board strong {font-size:15px;line-height:1.35;}
.home-page .compare-board em {font-size:11px;white-space:normal;text-align:right;}
.home-page .guide-grid {gap:24px;}
.home-page .guide-intro>p:not(.eyebrow),.home-page .review-policy-copy>p:not(.eyebrow),.home-page .shorts-copy>p:not(.eyebrow),.home-page .faq-heading>p:not(.eyebrow) {font-size:12.5px;line-height:1.75;}
.home-page .guide-steps {gap:10px;}
.home-page .guide-steps article {min-height:165px;padding:17px 13px;grid-template-columns:25px minmax(0,1fr);gap:8px;border-radius:15px;}
.home-page .guide-steps article>span {font-size:19px;}
.home-page .guide-steps h3 {font-size:16px;line-height:1.35;}
.home-page .guide-steps p {font-size:11.5px;line-height:1.6;}
.home-page .area-grid {gap:10px;}
.home-page .area-grid a {min-height:149px;padding:15px;border-radius:15px;}
.home-page .area-grid a:nth-child(5) {min-height:123px;}
.home-page .area-grid strong {font-size:18px;line-height:1.3;}
.home-page .area-grid small,.home-page .area-grid span {font-size:10px;line-height:1.4;}
.home-page .review-policy-visual {min-height:194px;padding:18px;}
.home-page .review-policy-visual strong {font-size:27px;}
.home-page .review-policy-visual small {font-size:11px;}
.home-page .review-rules span {font-size:10px;padding:8px;}
.home-page .magazine-grid {gap:11px;}
.home-page .mag-card {padding:11px 11px 16px;border-radius:15px;}
.home-page .mag-thumb {height:128px;margin-bottom:13px;}
.home-page .mag-card:first-child .mag-thumb {height:165px;}
.home-page .mag-card small {font-size:10px;}
.home-page .mag-card h3 {font-size:15px;line-height:1.44;}
.home-page .mag-card:first-child h3 {font-size:18px;}
.home-page .mag-card p {font-size:11px;line-height:1.6;-webkit-line-clamp:3;}
.home-page .mag-card b {font-size:11px;}
.home-page .shorts-copy>p:not(.eyebrow) {font-size:12px;}
.home-page .shorts-phones {gap:8px;}
.home-page .short-phone,.home-page .short-phone.featured {height:225px;}
.home-page .short-poster span {font-size:10px;line-height:1.35;}
.home-page .short-poster em {font-size:9px;line-height:1.35;}
.home-page .faq-list summary {min-height:54px;padding-block:14px;font-size:14px;line-height:1.55;}
.home-page .faq-list p {font-size:12px;line-height:1.7;}
.home-page .consult-box {padding:23px 19px;border-radius:18px;}
.home-page .consult-box>div>p:not(.eyebrow) {font-size:12px;line-height:1.7;}
.home-page .consult-tags span {font-size:10px;padding:7px 9px;}
/* All five category landing pages share this layout. No image assets change. */
.noraebang-eden-page .nb-hero-grid {padding-block:27px 31px;gap:19px;}
.noraebang-eden-page .nb-kicker,.noraebang-eden-page .nb-eyebrow {font-size:10px;line-height:1.4;letter-spacing:.12em;}
.noraebang-eden-page .nb-hero-copy h1 {font-size:clamp(36px,10vw,48px);line-height:1.12;}
.noraebang-eden-page .nb-hero-copy h2 {font-size:clamp(25px,7vw,34px);line-height:1.23;}
.noraebang-eden-page .nb-lead {font-size:13px;line-height:1.73;margin-top:15px;}
.noraebang-eden-page .nb-actions {gap:10px;margin-top:20px;}
.noraebang-eden-page .nb-actions .btn {min-height:50px;padding:10px 9px;font-size:12px;line-height:1.35;border-radius:12px;}
.noraebang-eden-page .nb-stage {height:295px;border-radius:17px;}
.noraebang-eden-page .nb-stage-top {font-size:10px;padding:7px 11px;}
.noraebang-eden-page .nb-essential {padding-block:34px;}
.noraebang-eden-page .nb-essential-head {gap:10px;margin-bottom:19px;}
.noraebang-eden-page .nb-essential-head h2 {font-size:29px;line-height:1.25;}
.noraebang-eden-page .nb-essential-head>p {font-size:12px;line-height:1.7;}
.noraebang-eden-page .nb-essential-grid {gap:10px;}
.noraebang-eden-page .nb-essential-grid>article,.noraebang-eden-page .nb-essential-grid>a {min-height:119px;padding:15px;border-radius:14px;}
.noraebang-eden-page .nb-essential-grid>.is-address {min-height:95px;}
.noraebang-eden-page .nb-essential-grid small {font-size:10px;line-height:1.4;}
.noraebang-eden-page .nb-essential-grid strong {font-size:15px;line-height:1.45;}
.noraebang-eden-page .nb-essential-grid span {font-size:11px;line-height:1.5;}
.noraebang-eden-page .nb-essential-grid>.is-address strong {font-size:13px;}
.noraebang-eden-page .nb-map-head {padding:19px 22px;gap:11px;}
.noraebang-eden-page .nb-map-head small {font-size:10px;}
.noraebang-eden-page .nb-map-address p {font-size:12px;line-height:1.65;}
.noraebang-eden-page .nb-map-address a {font-size:12px;}
.noraebang-eden-page .nb-subnav .container {min-height:54px;gap:8px;}
.noraebang-eden-page .nb-subnav a {min-height:36px;padding:9px 13px;font-size:11px;}
.noraebang-eden-page .nb-about,.noraebang-eden-page .nb-use,.noraebang-eden-page .nb-system,.noraebang-eden-page .nb-guide,.noraebang-eden-page .nb-area,.noraebang-eden-page .nb-faq {padding-block:55px;}
.noraebang-eden-page .nb-side-title h2,.noraebang-eden-page .nb-section-head h2,.noraebang-eden-page .nb-faq h2 {font-size:clamp(27px,7.6vw,34px);line-height:1.22;}
.noraebang-eden-page .nb-section-head {gap:12px;margin-bottom:22px;}
.noraebang-eden-page .nb-section-head>p {font-size:12px;line-height:1.75;}
.noraebang-eden-page .nb-intro {padding:19px 0;font-size:15px;line-height:1.78;}
.noraebang-eden-page .nb-copy-pair {gap:14px;}
.noraebang-eden-page .nb-copy-pair p {font-size:12px;line-height:1.8;}
.noraebang-eden-page .nb-about-media {height:205px;border-radius:15px;}
.noraebang-eden-page .nb-use-grid,.noraebang-eden-page .nb-system-grid {gap:10px;}
.noraebang-eden-page .nb-use-grid article {min-height:257px;border-radius:15px;}
.noraebang-eden-page .nb-use-grid article>img {height:110px;}
.noraebang-eden-page .nb-use-grid article>div {padding:14px;}
.noraebang-eden-page .nb-use-grid span {font-size:17px;}
.noraebang-eden-page .nb-use-grid small,.noraebang-eden-page .nb-system-grid small {font-size:10px;line-height:1.4;}
.noraebang-eden-page .nb-use-grid h3,.noraebang-eden-page .nb-system-grid h3 {font-size:15px;line-height:1.35;}
.noraebang-eden-page .nb-use-grid p,.noraebang-eden-page .nb-system-grid p {font-size:11.5px;line-height:1.68;}
.noraebang-eden-page .nb-system-grid article {border-radius:15px;}
.noraebang-eden-page .nb-system-art {min-height:110px;}
.noraebang-eden-page .nb-system-art span {font-size:9px;}
.noraebang-eden-page .nb-system-grid article>div:last-child {padding:14px;}
/* Prevent min-content expansion in 320px layouts. */
.noraebang-eden-page .nb-about-grid,
.noraebang-eden-page .nb-copy-pair {grid-template-columns:minmax(0,1fr);}
.noraebang-eden-page .nb-about-grid>*,
.noraebang-eden-page .nb-copy-pair>* {min-width:0;}
.noraebang-eden-page .nb-side-title h2 {overflow-wrap:break-word;word-break:keep-all;}
/* Shared secondary page section and content legibility. */
.internal-guide-title small,.search-context-kicker {font-size:11px;}
.internal-guide-title p,.search-context-copy p {font-size:12.5px;line-height:1.75;}
.internal-guide-links a,.internal-guide-links span {font-size:12px;min-height:44px;}
.search-context h2 {font-size:29px;line-height:1.24;}
.site-contact-section {padding-block:58px;}
.site-contact-layout {gap:27px;}
.site-footer {padding-top:47px;}
.site-footer p {font-size:12px;line-height:1.7;}
.site-footer .footer-area-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.site-footer .footer-area-nav a {font-size:11px;min-height:37px;display:flex;justify-content:center;align-items:center;padding:6px;border:1px solid rgba(220,185,122,.13);border-radius:9px;}
.site-footer .footer-nav {gap:9px;}
.site-footer .footer-nav a {font-size:12px;padding:10px 9px;min-height:41px;}
.site-footer .visitor-counter {font-size:10px;}
.site-footer .footer-copyright {font-size:10px;letter-spacing:.05em;}
@media(max-width:365px) {
  .container {width:min(calc(100% - 24px),var(--max));}
  .home-page .hero-inner{min-height:590px}
  .home-page .hero-copy{min-height:540px}
  .home-page .hero-copy h1{font-size:33px}
  .home-page .hero-lead{font-size:12px}
  .home-page .hero-actions .btn{font-size:11.5px}
  .home-page .category-grid{gap:8px}
  .home-page .category-card{min-height:259px;padding:11px 9px}
  .home-page .category-card:nth-child(5){min-height:200px}
  .home-page .category-body{left:9px;right:9px}
  .home-page .category-body h3{font-size:14.5px}
  .home-page .category-body p{font-size:10.5px}
  .home-page .category-card>b{font-size:10px}
  .home-page .guide-steps article{padding:13px 10px;min-height:177px}
  .noraebang-eden-page .nb-actions .btn{font-size:11px}
  .noraebang-eden-page .nb-essential-grid>article,.noraebang-eden-page .nb-essential-grid>a {padding:12px}
}
@media (prefers-reduced-motion:reduce) {html{scroll-behavior:auto}}

/* STEP 20 · shared informational text baseline. Scoped to supplementary
   guides: no change to venue imagery, stage, or PC layout. */
@media (max-width:820px) {
  .internal-guide-title p,
  .search-context-copy p,
  .seo-intent-heading>p,
  .seo-intent-check p,
  .seo-intent-related small { font-size:max(13px, 0.8125rem); line-height:1.7; }
  .internal-guide-links a,
  .seo-intent-related a { min-height:44px; }
}