:root{
  --ink:#111214; --ink2:#1C1D20; --ink3:#2A2C30;
  --paper:#FFFFFF; --mist:#F3F3F4; --fog:#E6E7E9; --white:#FFFFFF;
  --line:#E3E4E6; --line2:#CFD0D3; --line-d:#34363B;
  --text:#111214; --sub:#45474C; --muted:#7A7C82; --on-dark:#F2F2F3; --on-dark-sub:#9C9EA4;
  --wait:#8A5A00; --wait-bg:#FBF1DF; --done:#1F6A3E; --done-bg:#E3F1E8;
  --kr:"Pretendard","Noto Sans KR",system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --en:"Inter Tight","Helvetica Neue","Pretendard","Noto Sans KR",Arial,sans-serif;
  --wrap:1240px;
  color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--kr);font-size:15px;font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;word-break:keep-all}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:40px}
h1,h2,h3{text-wrap:balance;margin:0;line-height:1.3}
.eyebrow{display:flex;align-items:center;gap:18px;font-family:var(--en);font-weight:400;letter-spacing:.42em;font-size:11px;text-transform:uppercase;color:var(--sub)}
.eyebrow:before{content:"";width:40px;height:1px;background:currentColor;flex:none}
.dark .eyebrow{color:var(--on-dark-sub)}
.todo{display:inline-block;font-size:12px;font-weight:500;color:#6B5A2E;background:#F6F1E4;border:1px dashed #B9A675;padding:0 6px;line-height:1.7;white-space:nowrap}

/* ---------- header ---------- */
.proto{background:var(--ink);color:var(--on-dark-sub);font-size:12px;text-align:center;padding:6px 16px}
.proto b{color:#fff;font-weight:500}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink);border-bottom:1px solid var(--line)}
.top .bar{display:flex;align-items:center;gap:28px;height:78px;max-width:none;padding-inline:48px}
.logo{display:flex;align-items:center;text-decoration:none;flex:none}
.logo svg{height:26px;width:auto;display:block}
.logo span{display:none}
nav.menu{display:flex;gap:10px;margin:0 auto 0 8%}
nav.menu a{text-decoration:none;padding:8px 16px;font-weight:500;font-size:15px;color:#222;white-space:nowrap;position:relative}
nav.menu a:after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:1px;background:var(--ink);transform:scaleX(0);transition:transform .25s}
nav.menu a:hover:after,nav.menu a.on:after{transform:scaleX(1)}
.lang{flex:none;display:flex;align-items:center;gap:6px;border:0;background:none;font-family:var(--en);font-size:13px;color:var(--sub);cursor:pointer;padding:6px 4px}
.hdiv{flex:none;width:1px;height:34px;background:var(--line2)}
.btn-quote{flex:none;display:inline-flex;align-items:center;gap:22px;background:var(--ink);color:#fff;font-weight:500;text-decoration:none;padding:14px 24px;border-radius:0;border:0;cursor:pointer;white-space:nowrap;font-size:15px}
.btn-quote:hover{background:#34363B}
.btn-quote svg{width:16px;height:16px}

/* ---------- common ---------- */
main section.page{display:none}
main section.page.on{display:block}
.pagehead{background:linear-gradient(180deg,var(--mist),#ECEDEE);color:var(--ink);padding-block:72px 56px;border-bottom:1px solid var(--line)}
.pagehead h1{font-family:var(--en);font-size:clamp(34px,5vw,60px);font-weight:300;margin-top:18px;letter-spacing:-.02em;line-height:1.1}
.pagehead h1 .kr{display:block;font-family:var(--kr);font-size:clamp(20px,2.4vw,26px);font-weight:400;letter-spacing:-.01em;margin-top:12px;color:var(--ink)}
.pagehead p{color:var(--sub);margin:14px 0 0;max-width:62ch}
.crumb{font-size:12px;color:var(--muted);letter-spacing:.04em}
.block{padding-block:80px}
.sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}
.sechead h2{font-size:clamp(24px,2.8vw,32px);font-weight:400;margin-top:14px;letter-spacing:-.01em}
.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ink);background:var(--white);color:var(--ink);font-weight:500;padding:11px 18px;border-radius:0;cursor:pointer;text-decoration:none;font-size:14px}
.btn:hover{background:var(--ink);color:#fff}
.btn.solid{background:var(--ink);color:#fff}
.btn.solid:hover{background:#34363B}
.btn.ghost{border-color:var(--line2);font-weight:400}
.btn.ghost:hover{background:var(--mist);color:var(--ink)}
.link{display:inline-flex;align-items:center;gap:56px;padding:0 2px 10px;border-bottom:1px solid var(--ink);text-decoration:none;font-size:15px;font-weight:500;color:var(--ink);background:none;cursor:pointer}
button.link{border:0;border-bottom:1px solid var(--ink);border-radius:0}
.link svg{transition:transform .25s}
.link:hover svg{transform:translateX(4px)}

/* ---------- home ---------- */
.hero{position:relative;overflow:hidden;background:linear-gradient(100deg,#EDEEEF 0%,#E1E2E4 45%,#D2D3D6 100%)}
.hero .stage{position:relative;min-height:min(78vh,760px);display:flex;align-items:center}
.hero .shot{position:absolute;top:0;right:0;bottom:0;width:55%;background-size:cover;background-position:center top;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
.hero .copy{position:relative;z-index:2;width:100%;padding-block:80px 110px}
.hero .copy .wrap{max-width:none;padding-inline:clamp(20px,4.5vw,88px)}
.hero h1,.hero .big-en{font-family:var(--en);font-size:clamp(44px,6.2vw,108px);font-weight:300;letter-spacing:-.035em;line-height:.98;margin-top:40px;color:var(--ink)}
.hero p{color:var(--ink);max-width:22ch;margin:34px 0 56px;font-size:clamp(19px,2vw,26px);font-weight:300;line-height:1.5;letter-spacing:-.01em}
.hero .cta{display:flex;gap:40px;flex-wrap:wrap}
.scroll{position:absolute;left:clamp(20px,4.5vw,88px);bottom:26px;z-index:2;font-family:var(--en);font-size:10px;letter-spacing:.4em;color:var(--sub);display:flex;flex-direction:column;gap:12px}
.scroll i{display:block;width:1px;height:44px;background:var(--ink);transform-origin:top;animation:sc 2.2s ease-in-out infinite}
@keyframes sc{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.vidnote{position:absolute;right:20px;bottom:20px;z-index:3;font-size:11.5px;color:#fff;background:rgba(17,18,20,.55);padding:6px 10px;max-width:300px;line-height:1.5}
.vidseq{display:flex;gap:6px;margin-top:2px;flex-wrap:wrap}
.vidseq span{font-family:var(--en);font-weight:500;color:#D0D1D4}

.lines{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lines a{padding:24px 22px;text-decoration:none;color:var(--ink);background:var(--white);display:flex;flex-direction:column;gap:4px;transition:background .2s}
.lines a:hover{background:var(--mist)}
.lines b{font-size:17px;font-weight:500}
.lines small{font-family:var(--en);letter-spacing:.24em;color:var(--muted);font-size:10.5px;text-transform:uppercase}

.best{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pcard{background:var(--white);display:flex;flex-direction:column;text-decoration:none;cursor:pointer;position:relative}
.pcard .ph{transition:background .3s}
.pcard:hover .ph{background:linear-gradient(180deg,#ECEDEE,#DCDDDF)}
.pcard .tag{position:absolute;top:14px;left:14px;font-family:var(--en);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--sub)}
.pcard .body{padding:18px 2px 0;display:flex;flex-direction:column;gap:6px;flex:1}
.pcard .model{font-family:var(--en);font-weight:400;font-size:24px;letter-spacing:-.01em}
.pcard ul{margin:0;padding:0;list-style:none;font-size:13.5px;color:var(--sub);border-top:1px solid var(--line);padding-top:10px}
.pcard li{padding-left:14px;position:relative}
.pcard li:before{content:"";position:absolute;left:0;top:.8em;width:6px;height:1px;background:var(--ink)}

.ph{position:relative;background:linear-gradient(180deg,#F1F1F2,#E4E5E7);display:flex;align-items:center;justify-content:center;color:#9A9CA1;aspect-ratio:4/5;max-width:100%}
.ph svg{width:44%;height:auto;opacity:.8}
.ph .cap{position:absolute;left:12px;bottom:10px;font-size:11px;color:#8E9095}

.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ink)}
.qbox{padding:34px 32px 30px 0;display:flex;flex-direction:column;gap:10px;text-decoration:none;border-right:1px solid var(--line)}
.qbox+.qbox{padding-left:32px}
.qbox:last-child{border-right:0}
.qbox h3{font-size:21px;font-weight:500;margin-top:10px}
.qbox p{margin:0;color:var(--sub);font-size:14.5px}
.qbox .go{margin-top:auto;padding-top:18px;font-weight:500;font-size:14px;display:flex;align-items:center;gap:10px}
.qbox:hover .go{text-decoration:underline;text-underline-offset:4px}

.since{background:var(--ink);color:var(--on-dark)}
.since .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding-block:96px}
.since .big{font-family:var(--en);font-weight:200;font-size:clamp(60px,9vw,128px);line-height:.92;color:#fff;letter-spacing:-.04em}
.since p{color:#C9CACE;margin:0;font-weight:300;font-size:16px}
.since .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-d)}
.since .facts div{padding:20px 0 0}
.since .facts b{display:block;font-family:var(--en);font-weight:300;font-size:40px;color:#fff;line-height:1.1}
.since .facts small{color:var(--on-dark-sub);font-size:12.5px}

/* ---------- about ---------- */
.lead{font-size:clamp(22px,2.6vw,30px);font-weight:300;line-height:1.55;max-width:26ch;letter-spacing:-.015em;margin-top:22px}
.lead em{font-style:normal;font-weight:500}
.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.info{width:100%;border-collapse:collapse;border-top:1px solid var(--ink)}
.info th,.info td{text-align:left;padding:18px 4px;border-bottom:1px solid var(--line);vertical-align:top;font-size:15px}
.info th{width:140px;color:var(--ink);font-weight:500}
.info th small{display:block;font-family:var(--en);letter-spacing:.24em;font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:400}
.info td b{font-weight:500}
.timeline{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.timeline li{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.timeline .yr{font-family:var(--en);font-weight:300;font-size:30px;line-height:1.1;letter-spacing:-.02em}
.timeline p{margin:4px 0 0;color:var(--sub)}
.maprow{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.addr{border-top:1px solid var(--ink);padding-top:18px}
.addr h3{font-size:17px;font-weight:500}
.addr p{margin:6px 0 0;color:var(--sub)}
.addr .mapph{margin-top:16px;height:200px;background:var(--mist);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}

/* ---------- products ---------- */
.cats{display:flex;gap:0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:calc(env(safe-area-inset-top,0px) + 79px);z-index:20;overflow-x:auto;padding-inline:max(40px,calc((100% - var(--wrap))/2 + 40px))}
.cats a{text-decoration:none;flex:none;border:0;background:none;padding:20px 22px 18px;font-weight:400;font-size:15px;color:var(--muted);cursor:pointer;border-bottom:1px solid transparent;margin-bottom:-1px}
.cats a:first-child{padding-left:0}
.cats a.on{color:var(--ink);font-weight:500;border-bottom-color:var(--ink)}
.catbanner{display:grid;grid-template-columns:1.1fr 1fr;background:linear-gradient(100deg,#EFEFF0,#E2E3E5);color:var(--ink);overflow:hidden;margin-bottom:40px}
.catbanner .t{padding:48px 48px 44px}
.catbanner h2{font-family:var(--en);font-size:clamp(36px,4.6vw,60px);font-weight:300;letter-spacing:-.03em;margin-top:22px;line-height:1}
.catbanner .kr{font-size:19px;font-weight:500;margin-top:10px}
.catbanner p{color:var(--sub);margin:16px 0 0;max-width:44ch}
.catbanner .ph{aspect-ratio:auto;background:transparent}
.subline{display:flex;align-items:baseline;gap:14px;margin:48px 0 16px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--ink)}
.subline h2{font-size:21px;font-weight:500}
.subline span{color:var(--muted);font-size:14px}
.prow{display:grid;grid-template-columns:300px 1fr;gap:0 36px;border-bottom:1px solid var(--line);padding-block:28px;align-items:start}
.prow .ph{aspect-ratio:1/1;align-self:start}
.prow .info2{display:flex;flex-direction:column;gap:12px}
.prow .kind{font-size:12.5px;color:var(--muted)}
.prow .model{font-family:var(--en);font-weight:300;font-size:36px;line-height:1.05;letter-spacing:-.02em}
.prow .model small{font-family:var(--en);font-size:10.5px;font-weight:500;letter-spacing:.2em;color:var(--sub);margin-left:12px;vertical-align:middle;border:1px solid var(--line2);padding:3px 8px}
.prow dl{margin:0;display:grid;grid-template-columns:80px 1fr;gap:6px 14px;font-size:14.5px}
.prow dt{font-weight:500;color:var(--ink)}
.prow dd{margin:0;color:var(--sub)}
.prow .acts{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}
.acc{border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.acc > button{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;padding:13px 2px;font-weight:500;font-size:14.5px;cursor:pointer}
.acc > button svg{transition:transform .2s}
.acc.open > button svg{transform:rotate(180deg)}
.acc .panel{padding:0 2px 14px}
.spec{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.spec th,.spec td{padding:8px 4px;border-top:1px solid var(--line);text-align:left}
.spec th{color:var(--muted);font-weight:400;width:40%}

/* ---------- guide ---------- */
.gcard{padding-block:0 64px}
.gcard > h2{font-size:26px;font-weight:400;letter-spacing:-.01em;padding-top:18px;border-top:1px solid var(--ink)}
.gcard > .desc{color:var(--muted);margin:2px 0 24px;font-size:12px;font-family:var(--en);letter-spacing:.3em;text-transform:uppercase}
.motors{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.motor{background:var(--mist)}
.motor h3{font-family:var(--en);font-weight:400;letter-spacing:.14em;font-size:15px;padding:18px 20px 12px}
.motor dl{margin:0;display:grid;grid-template-columns:52px 1fr;padding:0 20px 16px}
.motor dt,.motor dd{margin:0;padding:12px 0;border-top:1px solid var(--line2);font-size:14px}
.motor dt{font-weight:500}
.motor dd{color:var(--sub)}
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.feat{padding:22px 22px 6px 0;border-right:1px solid var(--line)}
.feat+.feat{padding-left:22px}
.feat:last-child{border-right:0}
.feat .n{font-family:var(--en);font-weight:300;font-size:30px;letter-spacing:-.02em}
.feat h3{font-size:16px;font-weight:500;margin:8px 0 6px}
.feat p{margin:0;font-size:14px;color:var(--sub)}
.tblwrap{overflow-x:auto;border-top:1px solid var(--ink)}
table.cap{width:100%;border-collapse:collapse;min-width:780px;font-variant-numeric:tabular-nums;font-size:14px}
table.cap th,table.cap td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}
table.cap thead th{background:var(--mist);color:var(--ink);font-weight:500;font-size:13.5px;vertical-align:bottom}
table.cap thead th small{display:block;font-weight:400;color:var(--muted);font-size:11.5px}
table.cap thead th.v1:before,table.cap thead th.v2:before,table.cap thead th.v3:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:1px}
table.cap thead th.v1:before{background:#3F7FD0}
table.cap thead th.v2:before{background:#3E9A55}
table.cap thead th.v3:before{background:#D0503E}
table.cap th[scope=row],table.cap thead th:first-child{text-align:left;font-family:var(--en);font-weight:500;font-size:15px}
table.cap tbody tr:hover{background:#FAFAFA}
table.cap tbody tr.grp td{background:var(--white);font-family:var(--kr);font-weight:500;font-size:13px;text-align:left;color:var(--ink);padding-top:22px;border-bottom:1px solid var(--ink);letter-spacing:.02em}
.note{font-size:13px;color:var(--muted);margin-top:12px}
.replace{display:flex;flex-wrap:wrap;gap:8px 22px;background:var(--mist);padding:14px 18px;margin-bottom:18px;font-size:14px}
.replace b{margin-right:6px;font-weight:500}
.replace span{font-family:var(--en);font-weight:500;font-size:15px}
.warns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.warns div{border-top:1px solid var(--ink);padding-top:16px}
.warns h3{font-size:15px;font-weight:500}
.warns p{margin:4px 0 0;font-size:14px;color:var(--sub)}
.warns .red{border-top-color:#B3261E}
.warns .red h3{color:#B3261E}

/* ---------- board (quote) ---------- */
.boardtop{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.chip{text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;border:1px solid var(--line2);background:var(--white);padding:8px 16px;font-size:14px;font-weight:400;cursor:pointer}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip b{font-family:var(--en);font-weight:500;margin-left:6px}
.writebtns{display:flex;gap:8px;flex-wrap:wrap}
.board{width:100%;border-collapse:collapse;background:var(--white);border-top:1px solid var(--ink);font-size:14.5px}
.board th,.board td{padding:16px 10px;border-bottom:1px solid var(--line);text-align:center}
.board thead th{font-weight:500;color:var(--sub);font-size:13px}
.board td.t{text-align:left}
.board tbody tr{cursor:pointer}
.board tbody tr:hover{background:#FAFAFA}
.kind-q,.kind-a{font-size:12px;font-weight:500;padding:2px 8px;white-space:nowrap;border:1px solid}
.kind-q{color:var(--ink);border-color:var(--line2)}
.kind-a{color:var(--ink);background:var(--mist);border-color:var(--mist)}
.st{font-size:12.5px;font-weight:500;padding:3px 10px;border-radius:999px;white-space:nowrap}
.st.w{background:var(--wait-bg);color:var(--wait)}
.st.d{background:var(--done-bg);color:var(--done)}
.board .new{font-family:var(--en);font-size:10px;color:#fff;background:var(--ink);padding:1px 5px;margin-left:8px;font-weight:500;vertical-align:1px}
.boardfoot{display:flex;justify-content:center;gap:4px;margin-top:24px}
.boardfoot a,.boardfoot .page-numbers{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border:0;background:none;cursor:pointer;font-family:var(--en);color:var(--muted)}
.boardfoot a.on,.boardfoot .current{color:var(--ink);font-weight:600;border-bottom:1px solid var(--ink)}
.sample{font-size:12px;color:var(--muted);margin-top:14px}

/* modal form */
.modal{position:fixed;inset:0;background:rgba(17,18,20,.5);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}
.sheet{background:var(--white);width:100%;max-width:720px}
.sheet .sh{padding:26px 28px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--ink)}
.sheet .sh h2{font-size:22px;font-weight:500}
.sheet .sh small{color:var(--muted);display:block;font-size:13px;margin-top:4px}
.xbtn{background:none;border:0;color:var(--ink);font-size:28px;line-height:1;cursor:pointer;padding:0 4px;font-weight:300}
.form{padding:24px 28px 28px;display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-weight:500;font-size:14px}
.field label .req{color:#B3261E;margin-left:2px}
.field label .opt{color:var(--muted);font-weight:400;font-size:12px;margin-left:6px}
.field input,.field select,.field textarea{border:0;border-bottom:1px solid var(--line2);border-radius:0;padding:10px 2px;background:#fff;font-size:15px;width:100%}
.field input:focus,.field textarea:focus{outline:none;border-bottom-color:var(--ink)}
.field input[type=file]{border:1px dashed var(--line2);padding:12px}
.field textarea{min-height:130px;resize:vertical;border:1px solid var(--line2);padding:12px}
.field .hint{font-size:12.5px;color:var(--muted)}
.visc{display:flex;flex-wrap:wrap;gap:8px}
.visc label{font-weight:500;border:1px solid var(--line2);padding:10px 12px;display:flex;gap:8px;align-items:flex-start;cursor:pointer;font-size:14px;flex:1 1 150px}
.visc label:has(input:checked){border-color:var(--ink);background:var(--mist)}
.visc label small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.visc input{width:auto;margin-top:5px;accent-color:var(--ink)}
.agree{grid-column:1/-1;background:var(--mist);padding:14px 16px;font-size:13.5px;color:var(--sub)}
.agree label{display:flex;gap:8px;align-items:center;font-weight:500;color:var(--ink);margin-top:6px;cursor:pointer}
.agree input{accent-color:var(--ink)}
.form .submit{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
.err{color:#B3261E;font-size:13px;grid-column:1/-1;display:none}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:#fff;padding:13px 22px;z-index:200;font-size:14px}
.detail .dh{padding:22px 28px;border-bottom:1px solid var(--line)}
.detail .dh h2{font-size:19px;font-weight:500}
.detail .meta{font-size:13px;color:var(--muted);margin-top:6px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.detail .db{padding:22px 28px;white-space:pre-line}
.detail .ans{margin:0 28px 28px;background:var(--mist);border-left:2px solid var(--ink);padding:16px 18px;white-space:pre-line;font-size:14.5px}
.detail .ans b{display:block;margin-bottom:4px;font-weight:500}

/* ---------- library ---------- */
.libtabs{display:flex;gap:28px;border-bottom:1px solid var(--line);width:100%}
.libtabs a{text-decoration:none;border:0;background:none;padding:0 0 14px;font-weight:400;cursor:pointer;font-size:16px;color:var(--muted);border-bottom:1px solid transparent;margin-bottom:-1px}
.libtabs a.on{color:var(--ink);font-weight:500;border-bottom-color:var(--ink)}
.search{display:flex;gap:0;max-width:720px;margin:36px 0 10px;border-bottom:2px solid var(--ink)}
.search input{flex:1;border:0;padding:14px 2px;font-size:18px;background:transparent;min-width:0;font-weight:300}
.search input:focus{outline:none}
.search button{border:0;background:none;color:var(--ink);padding:0 4px 0 18px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px}
.search-hint{font-size:13px;color:var(--muted)}
.search-hint button{border:0;background:none;padding:0 4px;color:var(--ink);cursor:pointer;font-family:var(--en);font-size:13.5px;text-decoration:underline;text-underline-offset:3px}
.catlist{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--ink)}
.catlist li{border-bottom:1px solid var(--line)}
.catlist a{text-decoration:none;color:var(--ink);width:100%;display:grid;grid-template-columns:72px 1fr auto 24px;gap:12px;align-items:center;padding:26px 4px;background:none;border:0;cursor:pointer;text-align:left;transition:padding .25s}
.catlist a:hover{padding-left:14px;background:#FAFAFA}
.catlist .no{font-family:var(--en);font-weight:300;font-size:26px;color:var(--muted)}
.catlist .nm{font-size:20px;font-weight:500}
.catlist .nm small{display:block;font-family:var(--en);font-weight:400;letter-spacing:.28em;font-size:10.5px;color:var(--muted);text-transform:uppercase}
.catlist .ct{font-size:13px;color:var(--muted)}
.back{display:inline-flex;align-items:center;gap:6px;border:0;background:none;cursor:pointer;font-weight:500;padding:0;margin:30px 0 14px;color:var(--sub)}
.dtype{font-size:12px;font-weight:500;padding:2px 8px;white-space:nowrap;border:1px solid var(--line2);color:var(--sub)}
.dtype.m{color:var(--ink);border-color:var(--ink)}
.dtype.c{color:#B3261E;border-color:#E5B3AE}
.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;margin-top:32px}
.vid .thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#E9EAEC,#D5D6D9);display:flex;align-items:center;justify-content:center;position:relative}
.vid .thumb svg{width:52px;height:52px}
.vid .thumb small{position:absolute;right:10px;bottom:8px;color:var(--sub);font-size:11px;font-family:var(--en)}
.vid .vb{padding:14px 0}
.vid .vb b{display:block;font-size:15.5px;font-weight:500}
.vid .vb span{font-size:13px;color:var(--muted)}
.vid .vb .mdl{font-family:var(--en);font-weight:500;color:var(--sub);font-size:12px;letter-spacing:.14em}
.article{padding:8px 0 0;max-width:820px}
.article h1{font-size:clamp(24px,3vw,34px);font-weight:500;letter-spacing:-.015em}
.article .meta{color:var(--muted);font-size:13px;margin:10px 0 26px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--ink)}
.article h2{font-size:19px;font-weight:500;margin:34px 0 10px}
.article p,.article li{color:#2B2D31;font-size:15.5px;line-height:1.85;max-width:68ch}
.article ol,.article ul{padding-left:22px}
.article .caution{border-left:2px solid #B3261E;background:#FCF3F2;padding:14px 18px;color:#8E2019;font-weight:500}
.article .dl{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.empty{padding:48px 16px;text-align:center;color:var(--muted);background:var(--mist)}

/* ---------- footer ---------- */
footer{background:var(--ink);color:var(--on-dark-sub);font-size:13.5px}
footer .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:48px;padding-block:56px 40px;align-items:start}
footer svg{height:22px;width:auto;color:#fff}
footer p{margin:0;line-height:1.95}
footer b{color:var(--on-dark);font-weight:500}
footer .copy{grid-column:1/-1;border-top:1px solid var(--line-d);padding-top:18px;font-size:11px;font-family:var(--en);letter-spacing:.24em}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .top .bar{flex-wrap:wrap;height:auto;padding-block:14px;gap:14px;padding-inline:24px}
  nav.menu{order:5;width:100%;overflow-x:auto;margin:0 -16px;gap:0}
  .lang{margin-left:auto}
  .cats{top:calc(env(safe-area-inset-top,0px) + 118px)}
  .best{grid-template-columns:repeat(2,1fr)}
  .feats{grid-template-columns:repeat(2,1fr)}
  .feat:nth-child(2){border-right:0}
  .feat:nth-child(3){padding-left:0}
  .lines{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  .wrap{padding-inline:16px}
  .top .bar{padding-inline:16px}
  .hdiv,.lang{display:none}
  .btn-quote{margin-left:auto;padding:11px 16px;gap:12px}
  .hero .stage{min-height:0;display:block}
  .hero .shot{position:relative;width:100%;height:340px;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}
  .hero .copy{padding-block:8px 90px}
  .hero h1{margin-top:22px}
  .vidnote{top:12px;bottom:auto;right:12px;left:12px;max-width:none}
  .cats{padding-inline:16px}
  .lines{grid-template-columns:repeat(2,1fr)}
  .lines a{padding:18px 16px}
  .quick,.motors,.warns,.about-grid,.maprow,.since .wrap,.catbanner{grid-template-columns:1fr}
  .qbox,.qbox+.qbox{padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}
  .catbanner .t{padding:32px 22px}
  .catbanner .ph{min-height:180px}
  .prow{grid-template-columns:1fr;gap:18px}
  .prow .ph{aspect-ratio:4/3}
  .timeline li{grid-template-columns:90px 1fr;gap:14px}
  .timeline .yr{font-size:24px}
  .vids{grid-template-columns:1fr 1fr}
  .form{grid-template-columns:1fr}
  .board thead{display:none}
  .board tr{display:grid;grid-template-columns:auto 1fr auto;gap:4px 8px;padding:14px 2px;border-bottom:1px solid var(--line)}
  .board td{border:0;padding:0;text-align:left}
  .board td.num,.board td.dt{display:none}
  .board td.t{grid-column:1/-1;order:-1;font-weight:500}
  .board td.au{font-size:13px;color:var(--muted)}
  footer .wrap{grid-template-columns:1fr;gap:24px}
}
@media (max-width:440px){
  .best,.feats,.vids{grid-template-columns:1fr}
  .feat,.feat+.feat{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}
}

/* ---------- hero slider ---------- */
.hero .stage{display:grid;align-items:stretch;min-height:min(80vh,780px)}
.slide{grid-area:1/1;position:relative;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.slide.on{opacity:1;visibility:visible;transition:opacity .9s ease}
.slide .copy{padding-block:72px 120px}
.hero .shot.cos{width:50%;background-position:center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%);mask-image:linear-gradient(90deg,transparent 0,#000 10%)}
.hero h2.krh{font-family:var(--kr);font-weight:700;font-size:clamp(32px,4.2vw,62px);letter-spacing:-.035em;line-height:1.22;margin-top:40px;color:var(--ink)}
.hero .sub{font-size:clamp(16px,1.35vw,19px);font-weight:400;max-width:40ch;margin:24px 0 40px;line-height:1.65;color:var(--ink)}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:0;margin-bottom:48px}
.trio div{padding:0 26px;border-left:1px solid var(--ink)}
.trio div:first-child{padding-left:0;border-left:0}
.trio .n{font-family:var(--en);font-size:14px;font-weight:500}
.trio b{display:block;font-size:20px;font-weight:700;margin-top:6px;letter-spacing:-.02em}
.trio small{display:block;font-family:var(--en);font-size:10px;letter-spacing:.34em;color:var(--muted);text-transform:uppercase;margin:4px 0 8px}
.trio span{font-size:14px;color:var(--sub)}
.lineup{position:absolute;top:0;right:0;bottom:84px;width:52%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:1px;background:rgba(17,18,20,.08);border-left:1px solid rgba(17,18,20,.08)}
.lineup a{background:rgba(255,255,255,.55);display:flex;flex-direction:column;justify-content:flex-end;padding:22px;text-decoration:none;color:var(--ink);position:relative;transition:background .25s}
.lineup a:hover{background:rgba(255,255,255,.9)}
.lineup a svg{position:absolute;top:18%;left:50%;transform:translateX(-50%);width:34%;height:auto;color:#8E9095}
.lineup a small{font-family:var(--en);font-size:9.5px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.lineup a b{font-size:16px;font-weight:500}
.lineup a.all{grid-column:span 2;background:var(--ink);color:#fff;justify-content:space-between}
.lineup a.all small{color:var(--on-dark-sub)}
.lineup a.all b{font-family:var(--en);font-weight:300;font-size:26px;line-height:1.15}
.counter{position:absolute;right:clamp(20px,4.5vw,88px);bottom:26px;z-index:4;display:flex;align-items:center;gap:14px;font-family:var(--en);font-size:13px;color:var(--ink)}
.counter button{width:38px;height:38px;border:1px solid rgba(17,18,20,.35);border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.counter button:hover{background:#fff}
.counter .bar{width:64px;height:1px;background:rgba(17,18,20,.25);position:relative;overflow:hidden}
.counter .bar i{position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(0)}
.counter .bar i.run{animation:fill 7s linear forwards}
@keyframes fill{to{transform:scaleX(1)}}
.hero .vidnote{bottom:auto;top:18px}

/* ---------- cosmetic section ---------- */
#cosmetic{scroll-margin-top:90px}
.cos-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:40px}
.cos-head h2{font-size:clamp(28px,3.4vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.25;margin-top:18px}
.cos-head p{margin:0;color:var(--sub);max-width:46ch}
.cos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cos{display:flex;flex-direction:column}
.cos:first-child .img{background-position:center 85%}
.cos .img{aspect-ratio:16/10;background:linear-gradient(180deg,#F1F1F2,#E1E2E4) center/cover no-repeat;position:relative}
.cos .img .cap{position:absolute;inset:auto 12px 10px;font-size:11.5px;color:#7A7C82}
.cos .top{display:flex;justify-content:space-between;align-items:baseline;margin-top:20px;padding-bottom:12px;border-bottom:1px solid var(--ink)}
.cos .top .n{font-family:var(--en);font-weight:300;font-size:30px;letter-spacing:-.02em}
.cos .top small{font-family:var(--en);font-size:10.5px;letter-spacing:.3em;color:var(--muted);text-transform:uppercase}
.cos h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:14px}
.cos .visc{font-size:13px;color:var(--muted);margin-top:2px;font-variant-numeric:tabular-nums}
.cos p{font-size:14.5px;color:var(--sub);margin:12px 0 0}
.cos .rec{margin-top:16px;background:var(--mist);padding:14px 16px}
.cos .rec b{display:block;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.04em;margin-bottom:6px}
.cos .rec a{display:inline-block;font-family:var(--en);font-weight:500;font-size:15px;margin:0 12px 2px 0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cos .rec span{display:block;font-size:13px;color:var(--sub);margin-top:4px}
.cos-cta{margin-top:48px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 36px;flex-wrap:wrap}
.cos-cta b{display:block;font-size:20px;font-weight:500}
.cos-cta span{color:var(--on-dark-sub);font-size:14.5px}
.cos-cta .btn{background:#fff;color:var(--ink);border-color:#fff}
.cos-cta .btn:hover{background:var(--mist)}
@media (max-width:1100px){.trio{grid-template-columns:repeat(3,minmax(0,1fr))}.trio div{padding:0 14px}}
@media (max-width:760px){
  .hero .stage{min-height:0}
  .slide{display:block}
  .slide .copy{padding-block:8px 110px}
  .hero .shot.cos{width:100%;height:300px}
  .lineup{position:relative;width:100%;height:auto;bottom:auto;grid-template-rows:none;grid-template-columns:repeat(4,1fr)}
  .lineup a{min-height:120px;padding:14px}
  .lineup a b{font-size:14px}
  .lineup a.all b{font-size:18px}
  .trio{grid-template-columns:1fr;gap:14px}
  .trio div,.trio div:first-child{padding:0 0 0 14px;border-left:1px solid var(--ink)}
  .cos-head,.cos-grid{grid-template-columns:1fr}
  .counter{bottom:20px}
  .cos-cta{padding:24px 20px}
}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- WordPress theme additions ---------- */
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 14px;z-index:100}
.skip:focus{left:12px;top:12px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.admin-bar header.top{top:32px}
.admin-bar .cats{top:111px}
@media (max-width:782px){.admin-bar header.top{top:46px}}
@media (max-width:600px){.admin-bar header.top{top:0}}
body.modal-open{overflow:hidden}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.flabel{font-weight:500;font-size:14px}
.agree .soft{font-weight:400;color:var(--sub)}
.agree .req,.field .req{color:#B3261E;margin-left:2px}
.ph.has-img{background:#F1F1F2}
.ph.has-img img{width:100%;height:100%;object-fit:cover;display:block}
.catbanner .ph.has-img img{object-fit:cover}
.prow{scroll-margin-top:150px}
.prow.hl{background:linear-gradient(90deg,var(--mist),transparent 60%)}
.prow h3.model{margin:0}
.pcard .kindline{font-size:12px;color:var(--muted)}
.cos .rec a{color:var(--ink)}
table.cap th[scope=row]{font-weight:500}
table.cap th[scope=row] a{text-decoration:none;color:var(--ink)}
table.cap th[scope=row] a:hover{text-decoration:underline;text-underline-offset:3px}
.board td.t a{text-decoration:none;color:var(--ink)}
.board td.t a:hover{text-decoration:underline;text-underline-offset:3px}
.board .mdl{font-family:var(--en);font-weight:500}
.lock{width:14px;height:14px;vertical-align:-2px;margin-right:6px;color:var(--muted)}
.pdf{font-family:var(--en);font-size:10px;font-weight:600;letter-spacing:.1em;border:1px solid var(--line2);padding:1px 5px;margin-left:6px;color:var(--sub);vertical-align:1px}
.sechead .cnt{font-size:15px;color:var(--muted);font-weight:400}
.result-line{margin-top:28px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.btn.small{padding:6px 12px;font-size:13px}
.detail{border-top:1px solid var(--ink);max-width:880px}
.detail .dh{padding:22px 0}
.detail .dh h2{font-size:22px;margin-top:10px}
.detail .db{padding:24px 0;white-space:normal;line-height:1.85}
.detail .ans{margin:0 0 8px}
.detail .ans.wait{border-left-color:#C9A04A}
a.vid{text-decoration:none;color:var(--ink);display:block}
.vid .thumb{background-size:cover;background-position:center}
.vid:hover b{text-decoration:underline;text-underline-offset:3px}
.embed{margin:0 0 28px;position:relative;aspect-ratio:16/9;max-width:100%}
.embed iframe{position:absolute;inset:0;width:100%;height:100%}
.article .mdl{font-family:var(--en);font-weight:600;color:var(--ink)}
.article .dl .btn{text-decoration:none}
.entry-content{max-width:820px}
.entry-content > *:first-child{margin-top:0}
.entry-content h2{font-size:21px;font-weight:500;margin:36px 0 10px}
.entry-content h3{font-size:18px;font-weight:500;margin:28px 0 8px}
.entry-content p,.entry-content li{color:#2B2D31;font-size:15.5px;line-height:1.85}
.entry-content ol,.entry-content ul{padding-left:22px}
.entry-content img{height:auto}
.entry-content figure{margin:24px 0}
.entry-content table{border-collapse:collapse;width:100%;font-size:14.5px;border-top:1px solid var(--ink)}
.entry-content th,.entry-content td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
.entry-content th{background:var(--mist);font-weight:500}
.entry-content .wp-block-table{overflow-x:auto}
.entry-content .caution,.entry-content .has-caution{border-left:2px solid #B3261E;background:#FCF3F2;padding:14px 18px;color:#8E2019;font-weight:500}
.entry-content a{color:var(--ink);text-underline-offset:3px}
.entry-content.small p{font-size:14.5px}
.hero video.shot{object-fit:cover;height:100%}
.site-foot .wrap > svg{height:22px;width:auto;color:#fff}
.back{text-decoration:none}
.addr .link{display:inline-flex}
@media (max-width:760px){
  .admin-bar .cats{top:auto}
  .hero video.shot{height:300px;width:100%}
}
@media (max-width:760px){
  .hero .scroll{display:none}
  .hero .counter{position:static;grid-area:auto;justify-self:end;margin:0 16px 22px}
  .slide .copy{padding-block:8px 28px}
}
.search.psearch{margin:0 0 40px}
.cats{align-items:flex-end}
.cats a small{display:block;font-size:11.5px;color:var(--muted);font-weight:400;margin-bottom:1px}
.accgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 16px;margin-bottom:12px}
.acard{display:flex;flex-direction:column;scroll-margin-top:150px}
.acard .ph{aspect-ratio:1/1}
.acard .ph svg{width:40%}
.acard h3{margin:12px 0 6px;font-size:15px;font-weight:500;line-height:1.4}
.acard dl{margin:0;font-size:12.5px;color:var(--sub);display:flex;flex-direction:column;gap:2px}
.acard dl div{display:flex;gap:8px}
.acard dt{color:var(--muted);min-width:42px}
.acard dd{margin:0}
.acard .alink{margin-top:8px;align-self:flex-start;border:0;background:none;padding:0;font-size:12.5px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (max-width:1100px){.accgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.accgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}}
.astag{display:inline-block;font-size:11.5px;font-weight:500;background:var(--ink);color:#fff;padding:2px 8px;margin-left:8px;vertical-align:2px}
.addr .asnote{font-size:13.5px;color:var(--muted);margin-top:4px}
@media (max-width:440px){.accgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lb{position:fixed;inset:0;z-index:300;background:rgba(10,10,12,.94);display:flex;align-items:center;justify-content:center;padding:40px 64px}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lb img{width:min(92vw,calc(100vh - 120px));max-width:none;height:auto;display:block;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lb figcaption{color:#E8E8EA;font-size:15px;letter-spacing:.02em}
.lb button{position:absolute;background:none;border:0;color:#fff;cursor:pointer;opacity:.8;padding:10px}
.lb button:hover{opacity:1}
.lb .lb-x{top:14px;right:18px;font-size:34px;line-height:1;font-weight:200}
.lb .lb-p,.lb .lb-n{top:50%;transform:translateY(-50%);font-size:40px;font-weight:200}
.lb .lb-p{left:14px}.lb .lb-n{right:14px}
@media (max-width:760px){.lb{padding:48px 12px}.lb .lb-p,.lb .lb-n{top:auto;bottom:14px;transform:none}}
.ph.has-img{overflow:hidden}
.ph.has-img img{transition:transform .18s ease-out;will-change:transform}
.hz .ph.has-img img{cursor:crosshair}

/* 오시는 길 지도 */
.addr .mapbox{margin-top:16px;position:relative;aspect-ratio:16/10;background:var(--mist);overflow:hidden;border:1px solid var(--line)}
.addr .mapbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05);transition:filter .3s}
.addr .mapbox:hover iframe{filter:none}
.addr .maplinks{display:flex;gap:8px;margin-top:12px}
.addr .maplinks a{flex:1;text-align:center;border:1px solid var(--line2);padding:10px 12px;font-size:14px;text-decoration:none;color:var(--ink)}
.addr .maplinks a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* 모델 비교표 (정량이송펌프 등) */
.prow .models{font-family:var(--en);font-size:13px;color:var(--sub);letter-spacing:.02em;margin-top:-4px}
.cmpwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:4px}
.spec.cmp{min-width:640px;font-size:13.5px;table-layout:fixed}
.spec.cmp th[scope=row],.spec.cmp thead th:first-child{width:18%}
.spec.cmp thead th:not(:first-child){width:auto}
.spec.cmp th,.spec.cmp td{text-align:center;padding:9px 6px;white-space:normal;word-break:keep-all;line-height:1.45}
.spec.cmp th[scope=row]{text-align:left;width:auto;color:var(--muted)}
.spec.cmp thead th{color:var(--ink);font-family:var(--en);font-weight:500;background:var(--mist);border-top:1px solid var(--ink)}
.spec.cmp thead th:first-child{font-family:var(--kr);color:var(--muted);font-weight:400}
.spec.cmp td[colspan]{background:#FAFAFA}

/* 교반기 디지털/아날로그 사진 전환 */
.pmedia{display:flex;flex-direction:column;gap:10px;align-self:start}
.pmedia .ph{position:relative}
.vtoggle{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line2)}
.vtoggle button{border:0;background:var(--white);padding:9px 8px;font-size:13.5px;color:var(--muted);cursor:pointer}
.vtoggle button+button{border-left:1px solid var(--line2)}
.vtoggle button.on{background:var(--ink);color:#fff}
.pmedia .ph .soon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(28,27,30,.82);color:#E6E6E8;font-size:13.5px;text-align:center;line-height:1.6}

.fline{display:block}
.prow.is-analog .donly{display:none}

/* 탭: 저점도용/고점도용 작은 글씨를 이름 아래로 */
.cats{align-items:stretch}
.cats a{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:0}
.cats a small,.cats button small{margin:2px 0 0;margin-bottom:0}

/* ===== 가독성: 회색 글씨 없이 진한 검정 (어르신 고객 배려) ===== */
:root{--sub:#111214;--muted:#111214;--on-dark-sub:#FFFFFF}
.since p,.vidseq span{color:#FFFFFF}
.article p,.article li,.entry-content p,.entry-content li{color:#111214}
.ph .cap,.cos .img .cap{color:#111214}
.ph.has-img .cap{color:#FFFFFF}
.hero p,.since p,.lead,.search input{font-weight:400}
.pagehead h1,.hero h1,.prow .model,.catbanner h2,.timeline .yr,.feat .n,.cos .top .n,.catlist .no,.since .facts b,.lineup a.all b{font-weight:400}
.since .big{font-weight:300}
.field input::placeholder,.field textarea::placeholder,.search input::placeholder{color:#55575C;opacity:1}
/* 탭: 작은 글씨를 이름 아래 가운데로 */
.cats a,.cats button{align-items:center!important;text-align:center}
.cats a:first-child,.cats button:first-child{padding-left:22px}