.guide-page [hidden] { display:none!important; }
.guide-page .item-shop-content { padding-bottom:64px; }
.guide-topic-menu a { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 14px; gap:10px; align-items:center; width:100%; min-height:58px; padding:0 8px 0 20px; border-bottom:1px solid rgba(127,132,145,.18); color:var(--muted); text-align:left; text-decoration:none; font:300 13px/1 var(--font-ko); transition:color .18s ease; }
.guide-topic-menu a::after { content:""; position:absolute; left:0; top:17px; bottom:17px; width:3px; border-radius:4px; background:var(--primary); opacity:0; transform:scaleY(.35); transition:.18s ease; }
.guide-topic-menu a:hover,.guide-topic-menu a.is-active { color:var(--text); }
.guide-topic-menu a.is-active { font-weight:400; }
.guide-topic-menu a.is-active::after { opacity:1; transform:scaleY(1); }
.guide-topic-menu a i { position:relative; display:block; width:14px; height:14px; }
.guide-topic-menu a i::after { content:""; position:absolute; left:2px; top:3px; width:6px; height:6px; border-top:1px solid currentColor; border-right:1px solid currentColor; transform:rotate(45deg); }
.guide-topic-menu a.is-active i { color:var(--primary); }
.guide-board-head { align-items:flex-end; }
.guide-head-badge { flex:0 0 auto; padding:7px 10px; border-radius:999px; color:var(--primary); background:rgba(var(--primary-rgb),.1); font:400 12px/1 var(--font-en); letter-spacing:.08em; }
.guide-content { width:100%; max-width:1080px; padding:26px 0 70px; color:var(--text); font-weight:300; }
.guide-content a { color:var(--primary); text-decoration:none; }
.guide-content p { margin:0; color:var(--muted); font-size:14px; font-weight:300; line-height:1.75; }
.guide-content b { color:var(--text); font-weight:400; }
.guide-lead { padding:8px 0 30px; }
.guide-lead h2 { margin:13px 0 9px; font-size:24px; font-weight:400; letter-spacing:-.04em; }
.guide-badge { display:inline-flex; align-items:center; min-height:24px; padding:0 9px; border-radius:999px; color:var(--primary); background:rgba(var(--primary-rgb),.1); font-size:12px; font-style:normal; font-weight:400; line-height:1; }
.guide-badge.is-primary { color:#fff; background:var(--primary); }
.guide-badge.is-night { color:#fff; background:#111116; box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.55); }
.guide-badge.is-hot { color:#fff; background:var(--primary); }
.guide-badge-row { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:10px; }
.guide-step-list { display:grid; gap:0; margin:0 0 34px; padding:0; border-top:1px solid rgba(127,132,145,.2); list-style:none; }
.guide-step-list li { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; padding:22px 4px; border-bottom:1px solid rgba(127,132,145,.16); }
.guide-step-list li > em { color:var(--primary); font:400 13px/1.4 var(--font-en); font-style:normal; }
.guide-step-list strong,.guide-section h3,.guide-tool-grid strong,.guide-tip-grid strong { display:block; margin:0 0 7px; color:var(--text); font-size:16px; font-weight:400; letter-spacing:-.025em; }
.guide-section { margin:0 0 26px; padding:0; }
.guide-section h3 { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:9px; }
.guide-note { display:grid; grid-template-columns:170px minmax(0,1fr); gap:14px; align-items:start; width:100%; margin-top:15px; padding:15px 17px; box-sizing:border-box; border-left:3px solid var(--primary); border-radius:0 8px 8px 0; background:rgba(var(--primary-rgb),.06); }
.guide-note strong { color:var(--text); font-size:13px; font-weight:400; }
.guide-note span { min-width:0; color:var(--muted); font-size:13px; font-weight:300; line-height:1.6; }
.guide-note + .guide-section { margin-top:26px; }
.guide-tool-grid,.guide-tip-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:34px; }
.guide-tool-grid > a,.guide-tip-grid > div { min-width:0; padding:19px; border-radius:10px; color:var(--text); background:rgba(127,132,145,.075); transition:background .18s ease,transform .18s ease; }
.guide-tool-grid > a:hover { background:rgba(var(--primary-rgb),.08); transform:translateY(-2px); }
.guide-tool-grid strong,.guide-tip-grid strong { margin-top:13px; }
.guide-tool-grid p,.guide-tip-grid p { font-size:13px; }
.guide-actions { display:flex; flex-wrap:wrap; gap:8px; margin:28px 0; }
.guide-actions a { display:inline-flex; min-width:112px; height:42px; padding:0 16px; align-items:center; justify-content:center; border:1px solid rgba(127,132,145,.24); border-radius:8px; color:var(--text); font-size:13px; font-weight:400; }
.guide-actions a.btn-primary { border-color:var(--primary); color:#fff; background:var(--primary); }
.guide-image-slot { position:relative; display:grid; width:100%; min-height:280px; margin:34px 0; overflow:hidden; place-items:center; border:1px dashed rgba(127,132,145,.32); border-radius:12px; background:rgba(127,132,145,.045); }
.guide-image-slot img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; opacity:0; background:var(--bg); transition:opacity .18s ease; }
.guide-image-slot.is-ready { border-style:solid; background:transparent; }
.guide-image-slot.is-ready img { opacity:1; }
.guide-image-slot figcaption { display:grid; gap:7px; padding:34px 20px; text-align:center; }
.guide-image-slot figcaption span { color:var(--primary); font-size:12px; font-weight:400; }
.guide-image-slot figcaption strong { color:var(--text); font:400 14px/1.3 var(--font-en); }
.guide-image-slot figcaption small { color:var(--muted); font-size:12px; font-weight:300; }
.guide-image-slot.is-ready figcaption { visibility:hidden; }
.guide-link-list { display:grid; margin-top:30px; border-top:1px solid rgba(127,132,145,.18); }
.guide-link-list a { display:grid; grid-template-columns:120px minmax(0,1fr) 14px; gap:16px; align-items:center; min-height:68px; padding:0 4px; border-bottom:1px solid rgba(127,132,145,.18); }
.guide-link-list strong { color:var(--text); font-size:14px; font-weight:400; }
.guide-link-list span { color:var(--muted); font-size:13px; font-weight:300; }
.guide-link-list i { width:7px; height:7px; border-top:1px solid var(--primary); border-right:1px solid var(--primary); transform:rotate(45deg); }

body.experience-day .guide-badge.is-night { color:#fff; }

@media (max-width:720px) {
    .guide-board-head { align-items:flex-start; }
    .guide-head-badge { display:none; }
    .guide-content { padding-top:16px; }
    .guide-lead h2 { font-size:21px; }
    .guide-step-list li { grid-template-columns:34px minmax(0,1fr); gap:10px; padding:18px 2px; }
    .guide-note { grid-template-columns:1fr; gap:6px; }
    .guide-tool-grid,.guide-tip-grid { grid-template-columns:1fr; }
    .guide-image-slot { min-height:210px; }
    .guide-link-list a { grid-template-columns:88px minmax(0,1fr) 12px; gap:10px; }
}
.legal-content>section{padding:24px 0;border-bottom:1px solid var(--line)}.legal-content>section:last-child{border-bottom:0}.legal-content>section h2{margin:0 0 10px;color:var(--text);font-size:17px;font-weight:400}.legal-content>section p{margin:7px 0;color:var(--muted);font-size:14px;font-weight:300;line-height:1.8}.legal-content>section p b{color:var(--text);font-weight:400}.guide-note.is-warning{margin-bottom:18px}