/* layout.html 페이지 전용 — 퍼블 원본 head <style> 그대로(변환 누락분 2026-10-02) */
.layout-chart{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:48px;align-items:start;margin-top:36px}
.layout-chart h3{font-size:22px;font-weight:600;letter-spacing:-0.03em;margin-bottom:16px}
.layout-read{display:grid;gap:13px}
.layout-read li{position:relative;padding-left:28px;font-size:15px;line-height:1.75;color:var(--gray-700)}
.layout-read li b{color:var(--black);font-weight:600}
.layout-read li i{position:absolute;left:0;top:3px;width:19px;height:19px;border-radius:50%;background:var(--pearl-light);color:#7e6a48;font-size:11px;font-weight:700;font-style:normal;display:flex;align-items:center;justify-content:center}
.layout-legend{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;display:grid;gap:10px;font-size:14px;line-height:1.7;color:var(--gray-700)}
.layout-legend b{display:inline-block;min-width:16px;margin-right:6px;color:var(--pearl);font-weight:700}
.layout-zonelead{font-size:15px;line-height:1.8;color:var(--gray-700);margin-bottom:18px;max-width:940px}
.layout-aerial{margin-top:46px}
.layout-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
@media(max-width:900px){.layout-chart{grid-template-columns:1fr;gap:30px}}