:root{--ink:#141716;--muted:#5b6260;--line:#e4e7e5;--soft:#f6f7f6;--accent:#f26a1b;--accent-ink:#b84a0a;--green:#245548;--green-soft:#e8f1ec;--r:14px;--max:1080px;--s1:8px;--s2:14px;--s3:22px;--s4:36px;--s5:56px;--s6:84px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Noto Sans KR","Noto Sans",system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;line-height:1.65;font-size:16px;word-break:keep-all}
a{color:inherit}img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:50}
/* header */
.hdr{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);z-index:40}
.hdr .wrap{display:flex;align-items:center;gap:18px;height:60px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.02em;font-size:19px}
.logo .ball{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9a52,#e2570f 70%);position:relative;flex:0 0 auto;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.25)}
.logo .ball:before,.logo .ball:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(60,20,5,.55);transform:scaleX(.42)}.logo .ball:after{transform:scaleY(.42)}
.logo small{font-weight:600;color:var(--muted);font-size:12px;letter-spacing:.08em}
.nav{margin-left:auto;display:flex;gap:4px}.nav a{text-decoration:none;padding:8px 12px;border-radius:999px;font-weight:600;font-size:15px;color:var(--ink)}.nav a[aria-current]{background:var(--soft)}.nav a:hover{background:var(--soft)}
.nav .cta{background:var(--ink);color:#fff}.nav .cta:hover{background:#000}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit}
@media(max-width:760px){.nav{display:none;position:absolute;left:0;right:0;top:60px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;padding:10px 14px 16px}.nav.open{display:flex}.nav a{padding:12px 10px;font-size:16px}.menu-btn{display:block}}
/* hero */
.hero{padding:var(--s5) 0 var(--s4);background:linear-gradient(180deg,#fff 0,#fff7f1 100%)}
.hero .eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--accent-ink);margin-bottom:12px}
.hero h1{font-size:clamp(30px,5.2vw,46px);line-height:1.2;letter-spacing:-.03em;margin:0 0 14px;font-weight:800}
.hero p.lead{font-size:18px;color:var(--muted);max-width:640px;margin:0 0 24px}
.btns{display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;gap:6px;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700;border:1.5px solid var(--ink);font-size:15px;background:#fff;cursor:pointer;font-family:inherit}
.btn.primary{background:var(--ink);color:#fff}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn:hover{filter:brightness(1.05)}
/* sections */
.section{padding:var(--s5) 0}.section.soft{background:var(--soft)}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:var(--s3)}
.sec-h h2{font-size:24px;letter-spacing:-.02em;margin:0;font-weight:800}.sec-h a{font-weight:600;color:var(--green);text-decoration:none;font-size:15px;white-space:nowrap}
.grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:860px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}}
.card{border:1px solid var(--line);border-radius:var(--r);padding:20px;background:#fff;text-decoration:none;display:block;transition:transform .15s,box-shadow .15s}
a.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(20,23,22,.08)}
.card .ico{width:44px;height:44px;border-radius:12px;background:var(--green-soft);display:grid;place-items:center;font-size:22px;margin-bottom:12px}
.card h3{margin:0 0 6px;font-size:18px;letter-spacing:-.01em}.card p{margin:0;color:var(--muted);font-size:15px}
.badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--green-soft);color:var(--green);margin-right:6px}
.badge.or{background:#fdeee4;color:var(--accent-ink)}.badge.gray{background:#eef0ef;color:var(--muted)}
/* lists */
.list{display:grid;gap:12px}
.item{border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;background:#fff}
.item h3{margin:0 0 4px;font-size:17px}.item .meta{color:var(--muted);font-size:14px;margin-bottom:8px}.item p{margin:6px 0 0;font-size:15px}
.item .kv{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:var(--muted);margin-top:8px}.item .kv b{color:var(--ink);font-weight:600}
details.qa{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:0}
details.qa summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;gap:12px;align-items:flex-start}
details.qa summary::-webkit-details-marker{display:none}
details.qa summary .q{font-weight:700;font-size:16px}details.qa summary .m{color:var(--muted);font-size:13px;margin-top:4px}
details.qa summary:after{content:"+";margin-left:auto;font-size:22px;color:var(--muted);line-height:1}details.qa[open] summary:after{content:"–"}
details.qa .a{padding:0 20px 20px;border-top:1px dashed var(--line);margin-top:0;padding-top:14px}
details.qa .a .body{color:var(--muted);font-size:14px;margin-bottom:12px;white-space:pre-wrap}
details.qa .a .ans{white-space:pre-wrap;font-size:15.5px}
details.qa .a .src{font-size:13px;color:var(--muted);margin-top:10px}
.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r)}
/* filters */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;font:inherit;font-size:14px;cursor:pointer}.chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
select,input,textarea{font:inherit;font-size:16px;border:1px solid #cfd4d1;border-radius:10px;padding:11px 12px;width:100%;background:#fff}
textarea{min-height:140px;resize:vertical}label{display:block;font-weight:600;font-size:14px;margin:14px 0 6px}label .opt{color:var(--muted);font-weight:400}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}@media(max-width:560px){.row2{grid-template-columns:1fr}}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:var(--s3)}
.form-card{border:1px solid var(--line);border-radius:var(--r);padding:24px;background:#fff;max-width:720px}
.note{font-size:13.5px;color:var(--muted);margin-top:14px}
.msg{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:15px;display:none}.msg.ok{display:block;background:var(--green-soft);color:var(--green)}.msg.err{display:block;background:#fdeee4;color:var(--accent-ink)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* principles */
.rules{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:860px){.rules{grid-template-columns:1fr 1fr}}@media(max-width:480px){.rules{grid-template-columns:1fr}}
.rules div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}.rules b{display:block;margin-bottom:4px}.rules span{color:var(--muted);font-size:14.5px}
/* apps */
.apps{display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:700px){.apps{grid-template-columns:1fr}}
.app{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r);padding:20px;background:#fff}
.app .ic{width:56px;height:56px;border-radius:14px;flex:0 0 auto;display:grid;place-items:center;font-size:26px;background:var(--green-soft)}
.app h3{margin:0 0 4px;font-size:17px}.app p{margin:0 0 8px;color:var(--muted);font-size:14.5px}.app a{font-weight:600;color:var(--green);font-size:14.5px}
/* page head */
.page-h{padding:var(--s4) 0 var(--s3);border-bottom:1px solid var(--line)}.page-h h1{margin:0 0 8px;font-size:30px;letter-spacing:-.02em}.page-h p{margin:0;color:var(--muted);max-width:640px}
.prose{max-width:720px}.prose h2{font-size:21px;margin:30px 0 10px}.prose p,.prose li{font-size:16px}
/* footer */
footer{border-top:1px solid var(--line);padding:var(--s4) 0;color:var(--muted);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}footer a{color:inherit}footer .sp{margin-left:auto}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* ---- v2 portal ---- */
.hdr .wrap{gap:14px}
.srch{display:flex;align-items:center;gap:6px;margin-left:auto}
.srch input{width:200px;padding:8px 12px;border-radius:999px;font-size:14px;border:1px solid var(--line);background:var(--soft)}
.srch button{border:0;background:var(--ink);color:#fff;border-radius:999px;padding:8px 12px;font:inherit;font-size:14px;cursor:pointer}
.nav{margin-left:0}
@media(max-width:1000px){.srch input{width:140px}}
@media(max-width:760px){.srch{display:none}.nav .m-srch{display:flex;gap:6px;padding:8px 10px 4px}.nav .m-srch input{flex:1}.nav .m-srch button{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:8px 12px;font:inherit}}
.m-srch{display:none}
/* banner */
.bnr{position:relative;margin:18px 0 6px;overflow:hidden;border-radius:18px}
.bnr .slides{display:flex;transition:transform .5s ease}
.bnr .slide{flex:0 0 100%;min-height:200px;padding:34px 36px;display:flex;align-items:center;gap:22px;color:#fff;text-decoration:none}
.bnr .slide.green{background:linear-gradient(120deg,#163d33,#245548 60%,#2f7a62)}
.bnr .slide.orange{background:linear-gradient(120deg,#9a3e0b,#e2570f 60%,#ff9a52)}
.bnr .slide.navy{background:linear-gradient(120deg,#141c2e,#223256 60%,#3b5290)}
.bnr .slide .em{font-size:56px;line-height:1;flex:0 0 auto}
.bnr .slide b{display:block;font-size:clamp(20px,3vw,28px);letter-spacing:-.02em;margin-bottom:6px;line-height:1.25}
.bnr .slide span{opacity:.92;font-size:15.5px;max-width:640px}
.bnr .dots{position:absolute;right:18px;bottom:14px;display:flex;gap:6px}
.bnr .dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.45);padding:0;cursor:pointer}.bnr .dots button[aria-current]{background:#fff;width:20px;border-radius:4px}
@media(max-width:600px){.bnr .slide{padding:24px 20px;min-height:170px}.bnr .slide .em{font-size:40px}}
/* quick chips */
.quick{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 8px}
.quick a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;background:#fff}.quick a:hover{background:var(--soft)}
/* portal columns */
.cols4{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.cols4{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cols4{grid-template-columns:1fr}}
.col{border:1px solid var(--line);border-radius:var(--r);padding:18px;background:#fff}
.col h3{margin:0 0 10px;font-size:16px;display:flex;align-items:center;justify-content:space-between}.col h3 a{font-size:13px;color:var(--green);text-decoration:none;font-weight:600}
.col ul{list-style:none;margin:0;padding:0}.col li{padding:9px 0;border-top:1px solid var(--line)}.col li:first-child{border-top:0;padding-top:0}
.col li a{text-decoration:none;font-size:14.5px;line-height:1.45;display:block}.col li a:hover{color:var(--green)}
.col li small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.cols3{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.cols3{grid-template-columns:1fr}}
.stat{display:flex;gap:10px;flex-wrap:wrap}.stat a{flex:1;min-width:120px;text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--soft)}.stat a b{display:block;font-size:24px;letter-spacing:-.02em}.stat a span{color:var(--muted);font-size:13px}
/* posts */
.post{border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;background:#fff;text-decoration:none;display:block}
.post:hover{border-color:#c9d0cc}
.post h3{margin:4px 0 6px;font-size:17px}.post .ex{color:var(--muted);font-size:14.5px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post .meta{font-size:13px;color:var(--muted);margin-top:8px}
.article{max-width:760px}.article h1{font-size:28px;letter-spacing:-.02em;margin:10px 0 8px}.article .meta{color:var(--muted);font-size:14px;margin-bottom:18px}.article .body{white-space:pre-wrap;font-size:16.5px;line-height:1.75}.article .src{margin-top:18px;padding:12px 14px;background:var(--soft);border-radius:10px;font-size:14px;color:var(--muted)}
.back{display:inline-block;margin-bottom:12px;color:var(--green);text-decoration:none;font-weight:600;font-size:14px}
/* schools / players */
.cardgrid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.cardgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cardgrid{grid-template-columns:1fr}}
.ent{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;background:#fff;text-decoration:none;display:block}.ent:hover{border-color:#c9d0cc}
.ent h3{margin:0 0 4px;font-size:17px}.ent .meta{color:var(--muted);font-size:13.5px}.lv{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--green-soft);color:var(--green);margin-right:6px}
.profile{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media(max-width:760px){.profile{grid-template-columns:1fr}}
.kvs{border:1px solid var(--line);border-radius:var(--r);padding:18px;background:#fff}.kvs dl{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:0;font-size:15px}.kvs dt{color:var(--muted)}.kvs dd{margin:0}
.tl{list-style:none;margin:0;padding:0;border-left:2px solid var(--line);margin-left:8px}.tl li{position:relative;padding:0 0 14px 18px}.tl li:before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid #fff}.tl li b{display:block;font-size:13px;color:var(--muted)}.tl li a{text-decoration:none;font-weight:600}
.rslt h3{font-size:15px;color:var(--muted);margin:22px 0 8px;text-transform:uppercase;letter-spacing:.06em}
.notice{background:#fff7f1;border:1px solid #f6d7c2;border-radius:12px;padding:12px 14px;font-size:14px;color:var(--accent-ink);margin:10px 0 16px}
/* v2.1 header density */
.nav a{white-space:nowrap;padding:8px 10px;font-size:14.5px}
.srch input{width:170px}
@media(max-width:1240px){.logo small{display:none}.srch input{width:130px}.nav a{padding:8px 8px;font-size:14px}}
@media(max-width:1000px){.srch{display:none}.nav .m-srch{display:flex}}
@media(max-width:900px){.nav{display:none;position:absolute;left:0;right:0;top:60px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;padding:10px 14px 16px}.nav.open{display:flex}.nav a{padding:12px 10px;font-size:16px;white-space:normal}.menu-btn{display:block}.nav .m-srch{display:flex;gap:6px;padding:8px 10px 4px}.nav .m-srch input{flex:1}.nav .m-srch button{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:8px 12px;font:inherit}}
.stat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.stat a{min-width:0}
/* ===== v3 editorial portal ===== */
:root{--r:8px;--max:1180px;--ink:#111514;--line:#e3e6e4;--soft:#f7f8f7;--accent:#e85d04}
body{font-size:15.5px}
.wrap{max-width:var(--max)}
/* header */
.hdr{background:#fff;border-bottom:0}
.topbar{border-bottom:1px solid var(--line)}
.topbar .wrap{height:62px;gap:16px}
.logo{font-size:20px}.logo small{font-size:11px;letter-spacing:.1em;color:var(--muted);font-weight:600}
.srch{margin:0 auto}.srch input{width:360px;background:#fff;border:1.5px solid #cfd4d1;border-radius:4px;padding:9px 12px;font-size:14.5px}.srch input:focus{outline:none;border-color:var(--ink)}
.srch button{border-radius:4px;padding:9px 14px;background:var(--ink)}
.tb-right{display:flex;gap:6px;align-items:center;margin-left:auto}.tb-right a{text-decoration:none;font-weight:600;font-size:14px;padding:8px 10px;border-radius:4px}.tb-right a.cta{background:var(--accent);color:#fff;padding:8px 14px}
.nav{display:block;position:static;border-bottom:1px solid var(--line);background:#fff;padding:0;margin:0}
.nav .wrap{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.nav .wrap::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap;padding:12px 13px;font-size:14.5px;font-weight:600;border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px}
.nav a[aria-current]{background:none;border-bottom-color:var(--ink)}.nav a:hover{background:none;border-bottom-color:#c9d0cc}
.nav .m-only{display:none}.nav .m-srch{display:none}
@media(max-width:1000px){.srch input{width:220px}}
@media(max-width:760px){.srch{display:none}.menu-btn{display:block;margin-left:auto}.tb-right{display:none}
 .nav{display:none;position:absolute;left:0;right:0;top:62px;border-bottom:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.08)}.nav.open{display:block}
 .nav .wrap{flex-direction:column;padding:8px 14px 14px;gap:0}.nav a{padding:11px 6px;border-bottom:1px solid var(--line);margin:0;font-size:15.5px}.nav .m-only{display:block}.nav a.cta{background:var(--accent);color:#fff;border-radius:6px;text-align:center;margin-top:10px;border:0}
 .nav .m-srch{display:flex;gap:6px;padding:8px 0 10px}.nav .m-srch input{flex:1;border-radius:4px}.nav .m-srch button{border:0;background:var(--ink);color:#fff;border-radius:4px;padding:8px 12px;font:inherit}}
/* strip */
.strip{background:var(--ink);color:#cfd4d1;font-size:13px}.strip .wrap{display:flex;gap:10px;align-items:center;height:34px;overflow:hidden;white-space:nowrap}.strip .sep{opacity:.35}
/* headline */
.hero-sec{padding:22px 0 10px}
.headline{display:grid;grid-template-columns:1.5fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.lead-story{display:block;text-decoration:none;padding:28px 30px;background:linear-gradient(135deg,#fff 0,#fbf6f1 100%);border-right:1px solid var(--line)}
.lead-story .kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--accent);display:block;margin-bottom:10px}
.lead-story h2{margin:0 0 10px;font-size:clamp(22px,2.4vw,30px);line-height:1.3;letter-spacing:-.02em;font-weight:800}
.lead-story p{margin:0 0 12px;color:#3c4442;font-size:15px;line-height:1.6}.lead-story .meta{font-size:13px;color:var(--muted)}
.sub-stories{display:flex;flex-direction:column}
.sub-stories .ss{text-decoration:none;padding:14px 18px;border-bottom:1px solid var(--line);display:block}.sub-stories .ss:last-child{border-bottom:0}.sub-stories .ss:hover{background:var(--soft)}
.sub-stories .ss b{display:block;font-size:15px;line-height:1.4;margin:4px 0 2px;font-weight:700}.sub-stories .ss small{color:var(--muted);font-size:12.5px}
@media(max-width:860px){.headline{grid-template-columns:1fr}.lead-story{border-right:0;border-bottom:1px solid var(--line)}}
/* slim banner */
.bnr.slim{margin:14px 0 0;border-radius:var(--r)}.bnr.slim .slide{min-height:0;padding:16px 22px;gap:16px}.bnr.slim .slide .em{font-size:28px}.bnr.slim .slide b{font-size:16px;margin-bottom:2px}.bnr.slim .slide span{font-size:13.5px}.bnr.slim .dots{bottom:10px;right:14px}
.bnr .slide.green{background:linear-gradient(120deg,#1b3b33,#245548)}.bnr .slide.orange{background:linear-gradient(120deg,#8f3a0a,#c9500d)}.bnr .slide.navy{background:linear-gradient(120deg,#17213a,#2a3b63)}
/* portal grid */
.pgrid{display:grid;gap:22px 28px;grid-template-columns:repeat(4,minmax(0,1fr))}.pgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.pgrid.two{grid-template-columns:1fr 1fr}
@media(max-width:1000px){.pgrid,.pgrid.three{grid-template-columns:1fr 1fr}}@media(max-width:600px){.pgrid,.pgrid.three,.pgrid.two{grid-template-columns:1fr}}
.pcol h3{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 6px;padding-bottom:8px;border-bottom:2px solid var(--ink);font-size:16.5px;letter-spacing:-.01em}
.pcol h3 a{text-decoration:none}.pcol h3 .more{font-size:12.5px;color:var(--muted);font-weight:600}.pcol h3 .more:hover{color:var(--ink)}
.plist{list-style:none;margin:0;padding:0}.plist li{border-bottom:1px solid var(--line)}.plist li:last-child{border-bottom:0}
.plist li a{display:flex;justify-content:space-between;gap:12px;align-items:baseline;text-decoration:none;padding:9px 0;font-size:14.5px;line-height:1.45}
.plist li a:hover .t{color:var(--accent)}.plist .t{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plist .t small{color:var(--muted);font-size:12.5px}.plist .m{color:var(--muted);font-size:12.5px;white-space:nowrap;flex:0 0 auto}
.plist .lv{display:inline-block;font-size:11px;font-weight:700;padding:1px 6px;border-radius:3px;background:var(--green-soft);color:var(--green);margin-right:6px;vertical-align:1px}
.plist li.muted{color:var(--muted);font-size:14px;padding:9px 0}
.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl td{padding:8px 0;border-bottom:1px solid var(--line);vertical-align:top}.tbl tr:last-child td{border-bottom:0}.tbl td.dt{white-space:nowrap;color:var(--muted);width:118px;font-size:13px;padding-right:8px}.tbl a{text-decoration:none}.tbl a:hover{color:var(--accent)}.tbl .muted{color:var(--muted);font-size:13px}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px}.chips .chip{text-decoration:none;font-size:12.5px;padding:4px 10px;border-radius:4px}
.applist{display:flex;flex-direction:column}.approw{display:flex;gap:12px;align-items:flex-start;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line)}.approw:last-child{border-bottom:0}.approw .ic{font-size:22px;flex:0 0 auto}.approw b{display:block;font-size:14.5px}.approw small{color:var(--muted);font-size:13px;line-height:1.5}
/* general polish */
.section{padding:28px 0}.section.soft{background:var(--soft)}
.page-h{padding:26px 0 18px}.page-h h1{font-size:26px}.page-h p{font-size:14.5px}
.card,.item,.post,.ent,.col,.form-card,details.qa,.kvs{border-radius:var(--r)}
.btn{border-radius:6px;padding:10px 16px;font-size:14px}.btn.accent{background:var(--accent);border-color:var(--accent)}
.chip{border-radius:4px;padding:6px 11px;font-size:13.5px}
.badge{border-radius:3px;font-size:11.5px;padding:2px 7px}
/* footer */
footer{background:#fff;border-top:2px solid var(--ink);padding:34px 0 26px;font-size:13.5px}
.ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:20px}@media(max-width:800px){.ft-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.ft-grid{grid-template-columns:1fr}}
.ft-grid b{display:block;color:var(--ink);margin-bottom:8px;font-size:14px}.ft-grid p{margin:0;color:var(--muted);line-height:1.6;max-width:360px}.ft-grid a{display:block;text-decoration:none;color:var(--muted);padding:3px 0}.ft-grid a:hover{color:var(--ink)}
footer .wrap{display:block}.ft-bottom{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;margin-top:26px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px}