@font-face { font-family:'Pretendard Variable'; src:url('fonts/PretendardVariable-subset.woff2') format('woff2'); font-style:normal; font-weight:45 920; font-display:swap; }
@font-face { font-family:'S-Core Dream'; src:url('fonts/SCoreDream-8Heavy-subset.woff2') format('woff2'); font-style:normal; font-weight:800; font-display:swap; }
@font-face { font-family:'Cafe24 Shining Star'; src:url('fonts/Cafe24ShiningStar-subset.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
:root { --detail-navy:#0f172a; --detail-gold:#f5a623; --detail-muted:#64748b; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:#eef1f5; color:#172033; font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif; }
:where(a,button):focus-visible { outline:3px solid rgba(245,166,35,.72); outline-offset:3px; }
.detail-header { position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:66px; padding:12px max(20px,calc((100% - 1040px)/2)); border-bottom:1px solid rgba(255,255,255,.12); background:rgba(15,23,42,.96); backdrop-filter:blur(12px); }
.detail-brand { color:#fff; font-size:16px; font-weight:900; letter-spacing:.06em; text-decoration:none; }.detail-brand b { color:var(--detail-gold); }.detail-brand span { color:#fff; }.detail-header a:last-child { display:inline-flex; min-height:42px; align-items:center; padding:9px 14px; border-radius:10px; background:linear-gradient(135deg,#f5a623,#e68d02); color:#201300; font-size:14px; font-weight:850; text-decoration:none; }
.detail-main { width:min(100%,860px); margin:0 auto; background:#fff; box-shadow:0 8px 34px rgba(15,23,42,.08); }.detail-intro { padding:46px 28px 30px; text-align:center; }.detail-kicker { margin:0 0 11px; color:#a15f00; font-size:11px; font-weight:900; letter-spacing:.14em; }.detail-intro h1 { margin:0; font-family:'Cafe24 Shining Star','S-Core Dream',sans-serif; font-size:clamp(34px,6vw,56px); font-weight:400; line-height:1.35; }.detail-intro p:last-child { max-width:620px; margin:18px auto 0; color:var(--detail-muted); font-size:15px; line-height:1.75; }
.detail-pages { display:block; }.detail-page { display:block; width:100%; height:auto; background:#fff; }.detail-page:not([fetchpriority]) { content-visibility:auto; contain-intrinsic-size:auto 1200px; }
.detail-guidance { padding:42px 28px 54px; background:#f7f9fc; }.detail-guidance h2 { margin:0; font-family:'S-Core Dream','Pretendard Variable',sans-serif; font-size:clamp(25px,4vw,34px); line-height:1.35; }.detail-guidance > p { margin:12px 0 0; color:var(--detail-muted); line-height:1.75; }.detail-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:24px; }.detail-guide-card { padding:18px; border:1px solid #dce3ed; border-radius:14px; background:#fff; }.detail-guide-card strong { display:block; font-size:15px; }.detail-guide-card p { margin:8px 0 0; color:var(--detail-muted); font-size:13px; line-height:1.65; }.detail-guide-card a { color:#815000; font-weight:800; text-underline-offset:3px; }
.detail-footer { padding:24px 20px; background:var(--detail-navy); color:#cfd8e6; font-size:13px; text-align:center; }
@media (max-width:640px) { .detail-header { min-height:60px; padding:9px 14px; }.detail-brand { font-size:14px; }.detail-header a:last-child { min-height:40px; padding:8px 10px; font-size:12px; }.detail-intro { padding:34px 18px 24px; }.detail-guidance { padding:32px 18px 40px; }.detail-guide-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

@media (max-width:640px) {
  .detail-header { min-height:62px; }
  .detail-header a:last-child { min-height:44px; }
  .detail-kicker { font-size:12px; }
}