/* 문고리 디자인 1000 패턴: pal(10)×hero(5)×card(5)×ord(4) + rad(3) — 주소별 고정 시드 (2026-10-07) */
body.mgv{background:var(--bg);color:var(--ink)}
.mgv a{color:var(--acc)}
.mgv .site nav a[aria-current]{font-weight:800;text-decoration:underline;text-underline-offset:6px}
.mgv .site{flex-wrap:wrap}
.mgv main{display:flex;flex-direction:column}
.mgv main>*{min-width:0}
.mgv .muted{color:color-mix(in srgb,var(--ink) 70%,var(--bg))}
.rad-0{--r:6px}.rad-1{--r:14px}.rad-2{--r:22px}
.mgv .panel,.mgv .metrics article,.mgv .chips>*{border-radius:var(--r)}
/* 섹션 순서 */
.mgv .s-a{order:10}.mgv .s-b{order:20}.mgv .s-c{order:30}.mgv .s-d{order:40}.mgv .s-e{order:50}.mgv .s-z{order:90}
.ord-1 .s-b{order:15}.ord-1 .s-c{order:12}
.ord-2 .s-d{order:11}.ord-2 .s-a{order:13}
.ord-3 .s-c{order:9}.ord-3 .s-b{order:35}.ord-3 .s-e{order:25}
.mgv .crumb{order:0}.mgv .hero{order:1}.mgv .metrics{order:2}
/* 히어로 */
.hero-1 .hero{text-align:center}.hero-1 .hero p{margin-inline:auto}.hero-1 .hero .chips{justify-content:center}
.hero-2 .hero{background:var(--acc);color:#fff;padding:44px 32px;border-radius:var(--r);margin-top:12px}.hero-2 .hero .kicker,.hero-2 .hero p{color:#fff;opacity:.92}.hero-2 .hero .chips>*{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}.hero-2 .hero a{color:#fff}
.hero-3 .hero{border-left:6px solid var(--acc);padding-left:26px;margin-top:20px}
.hero-4 .hero{background:var(--soft);padding:40px 30px;border-radius:var(--r);border:1px solid var(--line);margin-top:12px}
/* 카드/패널 */
.card-0 .panel{background:#fff;border:1px solid var(--line)}
.card-1 .panel{background:#fff;border:0;box-shadow:0 10px 30px -18px rgba(0,0,0,.35)}
.card-2 .panel{background:var(--soft);border:0}
.card-3 .panel{background:#fff;border:1px solid var(--line);border-left:5px solid var(--acc)}
.card-4 .panel{background:transparent;border:0;border-top:2px solid var(--ink);border-radius:0;padding-left:0;padding-right:0}
.mgv .metrics article{background:var(--soft)}
/* 가게 목록 */
.st-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.st-list .st{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;position:relative}
.card-2 .st-list .st{background:var(--bg)}
.st-list .st strong{font-size:16px}
.st-list .st p{margin:4px 0 0;font-size:13.5px;color:color-mix(in srgb,var(--ink) 70%,#fff);line-height:1.5}
.tag{display:inline-block;font-size:11.5px;padding:1px 8px;border-radius:99px;background:var(--soft);margin-left:6px;vertical-align:2px}
.km{float:right;font-weight:800;color:var(--acc);font-size:14px}
.grid-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:8px;list-style:none;padding:0;margin:0}
.grid-links a{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-decoration:none}
.grid-links a span{color:color-mix(in srgb,var(--ink) 60%,#fff);font-size:13px}
.catbar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.catbar a{padding:8px 14px;border-radius:99px;border:1px solid var(--line);background:#fff;text-decoration:none;font-size:14px}
.catbar a[aria-current]{background:var(--acc);color:#fff;border-color:var(--acc)}
.near-box{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.near-box button,.btn{background:var(--acc);color:#fff;border:0;border-radius:var(--r);padding:12px 18px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}
.near-box select{padding:11px;border-radius:var(--r);border:1px solid var(--line);font-size:15px}
#mg-map{height:360px;border-radius:var(--r);border:1px solid var(--line);margin:14px 0;background:var(--soft)}
.checklist{padding-left:1.2em}.checklist li{margin:4px 0}
.pager{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
/* 기사 */
.art-list{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.art-list li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}
.art-list li h3{margin:6px 0;font-size:18px;line-height:1.45}
.art-list li h3 a{text-decoration:none;color:var(--ink)}
.art-list li p{margin:0;font-size:14.5px;color:color-mix(in srgb,var(--ink) 75%,#fff)}
.art-meta{font-size:12.5px;color:color-mix(in srgb,var(--ink) 60%,#fff);display:flex;gap:8px;flex-wrap:wrap}
.card-1 .art-list li{border:0;box-shadow:0 8px 24px -16px rgba(0,0,0,.4)}
.card-4 .art-list li{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding-left:0}
.article-body{font-size:17px;line-height:1.9}
.article-body h2{margin-top:34px;font-size:22px}
.article-body blockquote{margin:16px 0;padding:12px 18px;border-left:4px solid var(--acc);background:var(--soft)}
.sources li{margin:6px 0;font-size:14px;word-break:break-all}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e11d48;margin-right:6px;animation:mgp 1.6s infinite}
@keyframes mgp{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}
@media (max-width:640px){.mgv main{padding:0 16px 32px}.mgv .site{padding:16px}.mgv .site nav{gap:12px;font-size:14px}.hero-2 .hero,.hero-4 .hero{padding:28px 18px}.mgv .metrics{grid-template-columns:1fr}}
/* 사진 */
.mg-hero-img{margin:8px 0 6px;order:2}
.mg-hero-img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);background:var(--soft)}
.hero-3 .mg-hero-img img,.hero-4 .mg-hero-img img{aspect-ratio:21/9}
.art-list li .thumb{display:block;margin:-18px -18px 12px;overflow:hidden;border-radius:var(--r) var(--r) 0 0}
.art-list li .thumb img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.card-4 .art-list li .thumb{margin:0 0 10px;border-radius:var(--r)}