/* Separate public guide styles; no commerce selectors or image recoloring. */
body { margin:0; background:#fff; }
html[data-mc-shop-theme="dark"] body { background:#171c22; }
.mc-preview { --ink:#15243b; --muted:#526477; --surface:#fff; --line:#dfe6ee; --link:#075f58; --notice-bg:#fff7db; --notice-ink:#6d4900; max-width:1240px; margin:auto; padding:32px 24px 64px; color:var(--ink); font-family:Pretendard,"Noto Sans KR","Noto Sans JP","Microsoft YaHei",sans-serif; font-size:16px; line-height:1.75; }
html[data-mc-shop-theme="dark"] .mc-preview { --ink:#f4f6f8; --muted:#c4cedc; --surface:#242c35; --line:#64748b; --link:#9cd4ff; --notice-bg:#3d321f; --notice-ink:#ffe2a8; }
.mc-preview * { box-sizing:border-box; }
.mc-preview h1 { margin:0 0 16px; font-size:clamp(28px,4vw,44px); line-height:1.25; letter-spacing:-.025em; }
.mc-preview-notice { max-width:72ch; margin:0 0 20px; padding:14px 16px; background:var(--notice-bg); color:var(--notice-ink); border-left:4px solid currentColor; }
.mc-preview-languages { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px; }
.mc-preview a { color:var(--link); text-decoration:underline; text-underline-offset:.2em; overflow-wrap:anywhere; }
.mc-preview-languages a { display:inline-flex; gap:9px; align-items:center; min-height:44px; padding:7px 13px; border:1px solid var(--line); border-radius:8px; }
.mc-preview-languages a[aria-current="page"] { background:var(--surface); font-weight:750; text-decoration:none; border:2px solid var(--link); padding:6px 12px; }
.mc-preview a:focus-visible, .mc-preview button:focus-visible { outline:3px solid var(--link); outline-offset:3px; }
.mc-preview-products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.mc-preview-product { min-width:0; padding:24px; background:var(--surface); border-top:3px solid var(--line); }
.mc-preview-product:last-child { grid-column:1/-1; }
.mc-preview h2 { font-size:25px; line-height:1.35; margin:0 0 12px; overflow-wrap:anywhere; }
.mc-preview-summary { color:var(--muted); margin:0 0 20px; max-width:72ch; }
.mc-preview ol { padding-left:26px; margin:0 0 24px; max-width:72ch; }
.mc-preview-step { padding-left:5px; margin:0 0 14px; overflow-wrap:anywhere; }
.mc-preview-step::marker { color:var(--link); font-weight:750; }
.mc-preview-product-link { display:inline-flex; align-items:center; min-height:44px; font-weight:700; }
.mc-guide-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin-bottom:32px; }
.mc-guide-brand { font-weight:800; letter-spacing:.08em; }
.mc-guide-theme { display:inline-flex; gap:8px; align-items:center; min-height:44px; padding:8px 14px; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:8px; font:inherit; cursor:pointer; }
.mc-guide-theme[aria-pressed="true"] { border-color:var(--link); }
.mc-guide-theme:disabled { cursor:default; }
.mc-guide-language-label { font-weight:700; margin-bottom:12px; }
.mc-language-flag { width:24px; height:18px; flex:none; display:block; border:1px solid var(--line); box-sizing:content-box; filter:none; }
@media(max-width:800px) { .mc-preview-products { grid-template-columns:1fr; } .mc-preview-product:last-child { grid-column:auto; } }
@media(max-width:560px) { .mc-preview { padding:20px 12px 48px; } .mc-preview-product { padding:20px 12px; } .mc-preview h2 { font-size:23px; } .mc-guide-toolbar { gap:8px; margin-bottom:24px; } }