/* ---- 이관 글 페이지(build_pages.py) ---- */
.ahero{background:var(--ink);color:#fff;padding:150px var(--m) 64px}
.ahero.phero{display:block;min-height:0}
.ahero .in{max-width:980px}
.ahero h1{margin-top:14px;font-size:clamp(34px,4.6vw,60px);line-height:1.18;font-weight:800;letter-spacing:-.04em}
.ahero .lead{margin-top:20px;font-size:clamp(17px,1.5vw,20px);color:#e8eaf0;max-width:38em}
.ahero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
@media(max-width:860px){.ahero{padding:110px var(--m) 44px}}
.atoc{display:flex;flex-wrap:wrap;gap:8px;padding:20px var(--m);background:var(--paper);border-bottom:1px solid var(--ground-2)}
.atoc a{padding:8px 14px;border-radius:999px;background:var(--ground);font-size:14px;font-weight:600}
.atoc a:hover{background:var(--ink);color:#fff}
.asec{max-width:1040px}
.asec h2{font-weight:800;font-size:clamp(26px,3.2vw,40px);line-height:1.25;letter-spacing:-.035em}
.asec .intro{margin-top:14px;color:var(--mute);font-size:17px;max-width:42em}
.asec p.t{margin-top:16px;font-size:17px;line-height:1.85;max-width:44em}
.asec ul.t{margin:16px 0 0 0;list-style:none;display:grid;gap:10px;max-width:44em}
.asec ul.t li{position:relative;padding-left:20px;font-size:17px;line-height:1.7}
.asec ul.t li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;background:var(--accent)}
.asec ol.st{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:24px}
.asec ol.st li{counter-increment:s;background:var(--paper);padding:24px 22px}
.asec ol.st li::before{content:counter(s,decimal-leading-zero);display:block;font-size:34px;font-weight:250;color:var(--mute);line-height:1}
.asec ol.st b{display:block;margin-top:10px;font-size:18px}
.asec ol.st p{margin-top:6px;font-size:15.5px;color:var(--mute)}
.asec table{width:100%;border-collapse:collapse;margin-top:24px;background:var(--paper)}
.asec th,.asec td{padding:14px 16px;text-align:left;font-size:15.5px;border-bottom:1px solid var(--ground-2);vertical-align:top}
.asec thead th{background:var(--ground-2);font-size:14px}
.asec .tip{margin-top:10px;font-size:14px;color:var(--mute)}
.asec figure{margin-top:28px}
.asec figure img{width:100%;height:auto;background:#fff}
.asec figcaption{margin-top:8px;font-size:14px;color:var(--mute)}
.asec .figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}
.asec .figs figure{margin-top:0}
.asec .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:24px}
.asec .cards div{background:var(--paper);padding:24px 22px}
.asec .cards h3{font-size:19px;font-weight:800;letter-spacing:-.02em}
.asec .cards p{margin-top:8px;font-size:15.5px;color:var(--mute);line-height:1.7}
@media(max-width:640px){.asec table{display:block}.asec thead{display:none}.asec tbody{display:block}.asec tr{display:block;padding:12px 16px;border-bottom:1px solid var(--ground-2)}.asec td,.asec tbody th{display:block;padding:2px 0;border:0}.asec td:first-child,.asec tbody th{font-size:12.5px;font-weight:700;color:var(--mute)}}
.asec a.in{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:3px;font-weight:600}
.sibl{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.sibl a{padding:9px 15px;background:rgba(255,255,255,.12);color:#fff;font-weight:600;font-size:14.5px;border-radius:999px}
.sibl a:hover{background:rgba(255,255,255,.22)}
.sibl a.on{background:var(--accent);color:var(--on-accent)}