:root{
  --bg:#f7f5f0; --fg:#1d1f23; --muted:#5d6470; --faint:#7a808a;
  --card:#fffdf9; --line:#e4dfd3; --line2:#efebe2;
  --accent:#1f3a5f; --accent-bg:#e8edf4;
  --urgent:#a8322a; --urgent-bg:#f9e9e6;
  --warn:#8a6100; --warn-bg:#f8efdc;
  --ok:#2c6e49; --ok-bg:#e6f1ea;
  --on-accent:#ffffff;
  --band:#1f3a5f;
}
:root[data-theme="dark"]{
  --bg:#0f1216; --fg:#e9ecf1; --muted:#9aa4b2; --faint:#78818f;
  --card:#161a20; --line:#262c35; --line2:#1f242c;
  --accent:#5fa0f0; --accent-bg:#17202c;
  --urgent:#f2928a; --urgent-bg:#2c1c1a;
  --warn:#e0b45c; --warn-bg:#2a2317;
  --ok:#4ec796; --ok-bg:#142620;
  --on-accent:#0d1520;
  --band:#0b0e12;
}
:root[data-theme="light"]{
  --bg:#f6f7f9; --fg:#14171c; --muted:#5b6472; --faint:#6b7483;
  --card:#ffffff; --line:#e2e6ea; --line2:#eef1f4;
  --accent:#1b4d8f; --accent-bg:#eaf1fa;
  --urgent:#b3261e; --urgent-bg:#fdecea;
  --warn:#9a6a00; --warn-bg:#fdf4e3;
  --ok:#0f7b4f; --ok-bg:#e8f5ee;
  --on-accent:#ffffff;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font-family:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;
  line-height:1.72; font-size:15px;
  word-break:keep-all; overflow-wrap:break-word;
}
p, li, dd, .lead, .d, .t, .l, .mkmore, .deadline{text-wrap:pretty}
h1, h2, h3, h4,
.dhero p, .dhero h1, .dhero h2,
[style*="text-align:center"] p,
[style*="text-align:center"] h3{text-wrap:balance}
.top{
  background:var(--card); border-bottom:1px solid var(--line);
  position:sticky; top:0; z-index:10;
}
.top .in{
  max-width:960px; margin:0 auto; padding:13px 16px;
  display:flex; align-items:center; gap:16px;
}
.brand{font-weight:800; font-size:17px; letter-spacing:-.02em; color:var(--fg); text-decoration:none}
.brand span{color:var(--accent)}
.top nav{margin-left:auto; display:flex; gap:6px; flex-wrap:wrap}
.top nav a{
  color:var(--muted); text-decoration:none; font-size:14px;
  padding:5px 11px; border-radius:7px;
}
.top nav a:hover{background:var(--bg); color:var(--fg)}
.top nav a.on{background:var(--accent-bg); color:var(--accent); font-weight:700}
main{max-width:960px; margin:0 auto; padding:16px 16px 56px}
.hero{padding:46px 0 34px; border-bottom:1px solid var(--line)}
.hero .eyebrow{
  display:inline-block; font-size:13px; font-weight:700; color:var(--accent);
  background:var(--accent-bg); padding:4px 11px; border-radius:999px; margin-bottom:16px;
}
.hero h1{
  font-size:31px; line-height:1.4; margin:0 0 14px;
  letter-spacing:-.03em; font-weight:800;
}
.hero p{font-size:17px; color:var(--muted); margin:0; max-width:620px}
h2{font-size:20px; margin:42px 0 6px; letter-spacing:-.02em; font-weight:800}
h2 + .lead{color:var(--muted); margin:0 0 18px; font-size:14.5px}
h3{font-size:16px; margin:0 0 10px; color:var(--accent); font-weight:700}
.card{
  background:var(--card); border:1px solid var(--line);
  border-radius:12px; padding:20px 22px; margin-bottom:14px;
}
.grid2{display:grid; grid-template-columns:1fr 1fr; gap:14px}
@media (max-width:700px){ .grid2{grid-template-columns:1fr} }
table{width:100%; border-collapse:collapse; font-size:14px}
th,td{text-align:left; padding:8px 0; border-bottom:1px solid var(--line2); vertical-align:top}
th{color:var(--muted); font-weight:600; width:38%}
tr:last-child th, tr:last-child td{border-bottom:none}
code{
  background:var(--bg); padding:2px 6px; border-radius:4px;
  font-size:13px; font-family:Consolas,"D2Coding",monospace;
}
.law{
  font-size:13px; color:var(--muted); border-left:3px solid var(--line);
  padding:2px 0 2px 12px; margin:12px 0 0;
}
.item{
  background:var(--card); border:1px solid var(--line); border-radius:11px;
  padding:16px 18px; margin-bottom:11px;
}
.item.urgent{border-color:var(--urgent); border-left-width:4px}
.item .head{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-bottom:9px}
.item .mk{font-size:19px; font-weight:800; letter-spacing:-.02em}
.item .vs{color:var(--faint); font-size:13px}
.item .mine{font-size:15px; font-weight:700; color:var(--accent)}
.dday{
  margin-left:auto; font-size:13px; font-weight:800;
  padding:3px 10px; border-radius:7px; white-space:nowrap;
}
.dday.u{background:var(--urgent-bg); color:var(--urgent)}
.dday.w{background:var(--warn-bg); color:var(--warn)}
.dday.n{background:var(--bg); color:var(--muted)}
.dday.o{background:var(--ok-bg); color:var(--ok)}
.meta{font-size:13.5px; color:var(--muted); display:grid; gap:3px}
.meta b{color:var(--fg); font-weight:600}
.acts{margin-top:12px; display:flex; gap:8px; flex-wrap:wrap}
.btn{
  display:inline-block; font-size:13.5px; font-weight:700; text-decoration:none;
  padding:7px 14px; border-radius:8px; border:1px solid var(--line);
  color:var(--fg); background:var(--card); cursor:pointer;
}
.btn:hover{background:var(--bg)}
.btn.p{background:var(--accent); border-color:var(--accent); color:var(--on-accent)}
.btn.p:hover{filter:brightness(1.08)}
.btn.big{font-size:15px; padding:11px 22px}
.stats{display:grid; grid-template-columns:repeat(4,1fr); gap:11px; margin:18px 0 6px}
@media (max-width:700px){ .stats{grid-template-columns:repeat(2,1fr)} }
.stat{background:var(--card); border:1px solid var(--line); border-radius:11px; padding:15px 16px}
.stat .n{font-size:25px; font-weight:800; letter-spacing:-.03em; font-variant-numeric:tabular-nums}
.stat .l{font-size:12.5px; color:var(--muted); margin-top:2px}
label{display:block; font-size:13.5px; font-weight:700; margin:0 0 6px}
input[type=text], input[type=password], input[type=email]{
  width:100%; padding:11px 13px; font-size:15px;
  border:1px solid var(--line); border-radius:9px;
  background:var(--bg); color:var(--fg); font-family:inherit;
}
input:focus{outline:2px solid var(--accent); outline-offset:-1px}
.field{margin-bottom:15px}
.notice{
  background:var(--warn-bg); color:var(--warn); border-radius:9px;
  padding:12px 15px; font-size:13.5px; margin-bottom:16px;
}
footer{
  border-top:1px solid var(--line); margin-top:46px;
  background:var(--card);
}
footer .in{
  max-width:960px; margin:0 auto; padding:26px 16px 40px;
  font-size:12.5px; color:var(--faint); line-height:1.95;
}
footer b{color:var(--muted); font-weight:700}
.flow{margin:18px 0 6px}
.fbox{
  background:var(--card); border:1px solid var(--line); border-radius:11px;
  padding:14px 18px; display:flex; align-items:center; gap:14px;
}
.fbox.hi{border-color:var(--accent); border-width:2px; background:var(--accent-bg)}
.fbox .ic{
  width:38px; height:38px; flex:0 0 38px; border-radius:9px;
  background:var(--accent-bg); color:var(--accent);
  display:grid; place-items:center; font-size:17px; font-weight:800;
}
.fbox.hi .ic{background:var(--accent); color:var(--on-accent)}
.fbox .tx{min-width:0}
.fbox .t{font-weight:800; font-size:15.5px; letter-spacing:-.02em}
.fbox .d{font-size:13px; color:var(--muted); margin-top:1px}
.fbox .n{
  margin-left:auto; font-size:19px; font-weight:800;
  font-variant-numeric:tabular-nums; white-space:nowrap;
}
.farrow{
  display:flex; align-items:center; gap:9px;
  padding:7px 0 7px 18px; font-size:12.5px; color:var(--muted);
}
.farrow::before{
  content:"▼"; color:var(--accent); font-size:11px;
  width:38px; text-align:center; flex:0 0 38px; margin-left:-18px;
}
.funnel{margin:16px 0 6px}
.fn{margin-bottom:9px}
.fn .lab{
  display:flex; justify-content:space-between; align-items:baseline;
  font-size:13px; margin-bottom:4px; gap:10px;
}
.fn .lab .k{color:var(--muted)}
.fn .lab .v{font-weight:800; font-variant-numeric:tabular-nums; font-size:15px}
.fn .bar{
  height:30px; border-radius:7px; display:flex; align-items:center;
  padding:0 11px; font-size:12.5px; font-weight:700; color:#fff;
  min-width:52px; transition:width .5s ease;
}
.fn .step{
  font-size:12px; color:var(--muted); padding:4px 0 6px 2px;
}
.fn .step::before{content:"↓ "; color:var(--accent); font-weight:800}
.bars{margin:16px 0 4px}
.br{display:grid; grid-template-columns:106px 1fr auto; gap:11px; align-items:center; margin-bottom:8px}
.br .k{font-size:13px; color:var(--muted); text-align:right}
.br .t{height:22px; border-radius:6px; background:var(--accent); min-width:3px}
.br .t.alt{background:var(--urgent)}
.br .t.soft{background:var(--line)}
.br .v{font-size:13px; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap}
.gauge{margin-top:11px}
.gauge .track{
  height:7px; background:var(--line2); border-radius:4px; overflow:hidden;
}
.gauge .fill{height:100%; border-radius:4px; background:var(--accent)}
.gauge .fill.u{background:var(--urgent)}
.gauge .fill.w{background:var(--warn)}
.gauge .cap{
  display:flex; justify-content:space-between;
  font-size:11.5px; color:var(--faint); margin-top:4px;
}
.axis{
  background:var(--card); border:1px solid var(--line); border-radius:12px;
  padding:20px 22px; margin-bottom:14px;
}
.axis.b2{border-color:var(--accent); border-width:2px}
.axis .ah{display:flex; align-items:center; gap:11px; margin-bottom:5px}
.axis .ah .num{
  width:27px; height:27px; flex:0 0 27px; border-radius:7px;
  background:var(--accent); color:var(--on-accent);
  display:grid; place-items:center; font-size:14px; font-weight:800;
}
.axis .ah .at{font-size:18.5px; font-weight:800; letter-spacing:-.025em}
.axis .ah .tag{
  margin-left:auto; font-size:12px; font-weight:700; white-space:nowrap;
  padding:3px 10px; border-radius:7px; background:var(--bg); color:var(--muted);
}
.axis .ah .tag.u{background:var(--urgent-bg); color:var(--urgent)}
.axis .ad{font-size:14px; color:var(--muted); margin:0 0 17px 38px}
.sub{margin-left:38px; border-left:2px solid var(--accent); padding-left:17px}
.sub .st{
  font-size:15.5px; font-weight:800; color:var(--accent);
  margin-bottom:10px; display:flex; align-items:baseline; gap:8px;
}
.sub .st .sw{font-size:12px; font-weight:700; color:var(--muted)}
.sub table{margin-bottom:0}
.sub th{width:34%}
.mkwrap{
  background:var(--bg); border:1px solid var(--line); border-radius:11px;
  padding:13px; position:relative;
}
.mkgrid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(132px, 1fr));
  gap:7px; max-height:400px; overflow-y:auto; padding-right:3px;
}
.mkday{grid-column:1/-1; font-size:13px; font-weight:700; color:var(--muted); padding:8px 2px 2px; border-bottom:1px solid var(--line)}
.mkday:first-child{padding-top:0}
.mkgrid::-webkit-scrollbar{width:8px}
.mkgrid::-webkit-scrollbar-thumb{background:var(--line); border-radius:4px}
.chip{
  background:var(--card); border:1px solid var(--line); border-radius:8px;
  padding:9px 11px; min-height:52px;
}
.chip .nm{
  font-weight:700; font-size:13.5px; letter-spacing:-.015em;
  line-height:1.4; word-break:break-word;
}
.chip .nm.en{font-size:13px}
.chip .nm.none{color:var(--faint); font-weight:600}
.chip .kd{font-size:10.5px; color:var(--faint); margin-top:3px}
.chip.fig{border-left:3px solid var(--warn)}
.mkmore{
  text-align:center; font-size:13px; color:var(--muted);
  padding:13px 0 3px; font-weight:700;
}
.kindbar{
  display:flex; gap:3px; margin:12px 0 0; border-radius:6px; overflow:hidden; height:24px;
}
.kindbar div{
  display:grid; place-items:center; font-size:10.5px; font-weight:700; color:#fff;
  white-space:nowrap; overflow:hidden;
}
.kindlegend{
  display:flex; gap:13px; flex-wrap:wrap; margin-top:9px;
  font-size:12px; color:var(--muted);
}
.kindlegend span{display:flex; align-items:center; gap:5px}
.kindlegend i{width:10px; height:10px; border-radius:3px; display:inline-block}
.mkgrid{grid-template-columns:repeat(auto-fill, minmax(146px, 1fr))}
.chip{display:flex; flex-direction:column; gap:7px; min-height:94px}
.chip .im{
  height:40px; background:#fff; border-radius:5px;
  display:grid; place-items:center; overflow:hidden; flex:0 0 40px;
}
.chip .im img{max-width:100%; max-height:40px; object-fit:contain; display:block}
.chip .tx{min-width:0}
.chip .im.noimg{
  background:var(--bg); border:1px dashed var(--line);
}
.chip .im.noimg::after{
  content:"도형"; font-size:10px; color:var(--faint);
}
html{overflow-x:clip}
th, td{word-break:keep-all; overflow-wrap:break-word}
.chip .nm, .chip .kd{overflow-wrap:break-word}
.mkgrid{max-height:560px}
.br{grid-template-columns:132px 1fr auto}
@media (max-width:760px){
  main{padding-left:16px; padding-right:16px}
  .hero h1{font-size:25px}
  .hero p{font-size:15.5px}
  h2{font-size:18px}
  .card{padding:16px 15px}
  .axis{padding:16px 15px}
  .sub{margin-left:0; padding-left:13px}
  .axis .ad{margin-left:0}
  table{font-size:13px}
  th{width:38%}
  .br{grid-template-columns:76px 1fr auto; gap:8px}
  .br .k{font-size:11.5px; line-height:1.35}
  .br .v{font-size:12px}
  .mkgrid{grid-template-columns:repeat(auto-fill, minmax(116px, 1fr)); gap:6px}
  .chip{padding:7px 8px; min-height:84px}
  .chip .nm{font-size:12.5px}
  .chip .kd{font-size:10px}
  .stat .n{font-size:21px}
  .stat .l{font-size:11.5px}
  .fbox{padding:12px 13px; gap:11px}
  .fbox .t{font-size:14.5px}
  .fbox .d{font-size:12.5px}
  .fbox .n{font-size:16px}
  .farrow{font-size:11.5px; padding-left:14px}
  .farrow::before{margin-left:-14px; width:30px; flex-basis:30px}
  .fbox .ic{width:30px; height:30px; flex:0 0 30px; font-size:14px}
}
.br > *, .stat > *, .chip > *, .top .in > *{min-width:0}
.br .k, .br .v, .chip .nm, .chip .kd{min-width:0}
@media (max-width:760px){
  .top .in{flex-wrap:wrap; gap:6px 10px; padding:10px 16px}
  .brand{font-size:16px}
  .top nav{gap:2px; margin-left:auto}
  .top nav a{padding:4px 9px; font-size:12.5px}
  .stats{gap:8px}
  .stat{padding:12px 12px}
  .grid2{gap:11px}
  .hero{padding:32px 0 26px}
  .acts .btn.big{font-size:14px; padding:10px 16px}
  .law{font-size:12.5px; padding-left:10px}
}
@media (max-width:420px){
  .top nav a{padding:3px 7px; font-size:12px}
  .mkgrid{grid-template-columns:repeat(2, 1fr)}
  .br{grid-template-columns:68px 1fr auto; gap:6px}
}
.dark{
  background:#0b0e12;
  color:#e9ecf1;
  margin:0 -9999px;
  padding:0 9999px;
  position:relative;
  overflow:hidden;
}
.dark::after{
  content:""; position:absolute; left:50%; bottom:-340px;
  width:1100px; height:620px; transform:translateX(-50%);
  background:radial-gradient(ellipse at center, rgba(43,106,196,.30), rgba(43,106,196,0) 68%);
  pointer-events:none;
}
.dark .in{max-width:960px; margin:0 auto; padding:66px 0 44px; position:relative; z-index:1}
.dhero{text-align:center}
.dhero .eyebrow{
  display:block; font-size:37px; font-weight:800; letter-spacing:-.035em;
  color:#fff; background:none; border:0; padding:0;
  margin:0 0 14px; line-height:1.3;
}
.dhero .eyebrow .sm{font-size:24px; color:#7eb0f2; font-weight:700; letter-spacing:-.02em}
.dhero h1{
  font-size:34px; line-height:1.34; margin:0 0 16px;
  letter-spacing:-.035em; font-weight:800; color:#c9d4e2;
}
.dhero h1 .hl{color:#5fa0f0}
.dhero p{
  font-size:17.5px; line-height:1.8; color:#c2cbd7;
  margin:0 auto; max-width:600px;
}
.dhero .acts{justify-content:center; margin-top:28px; gap:10px}
.dhero .btn{border-color:rgba(255,255,255,.4); background:transparent; color:#ffffff}
.dhero .btn:hover{background:rgba(255,255,255,.10)}
.dhero .btn.p{background:#ffffff; border-color:#ffffff; color:var(--band)}
.dhero .btn.p:hover{filter:brightness(1.1)}
.dhero .btn.ex{border:2px solid #ffffff; background:rgba(255,255,255,.14); color:#ffffff; font-weight:700}
.dhero .btn.ex:hover{background:rgba(255,255,255,.24)}
.dhero .exnote{margin:14px auto 0; font-size:14.5px; max-width:600px}
.dhero .exnote a{color:#dde5ef; text-decoration:underline; text-underline-offset:3px}
.demo{
  margin-top:44px; background:var(--card); border:1px solid var(--line);
  border-radius:14px; overflow:hidden;
  box-shadow:0 22px 50px rgba(0,0,0,.28);
}
.demo .bar{
  display:flex; align-items:center; gap:9px;
  padding:11px 15px; background:var(--line2); border-bottom:1px solid var(--line);
  font-size:12.5px; color:var(--muted);
}
.demo .bar i{width:10px; height:10px; border-radius:50%; background:var(--line); display:inline-block}
.demo .bar .t{margin-left:8px; font-weight:600; color:var(--fg)}
.demo .bar .r{margin-left:auto; font-variant-numeric:tabular-nums}
.demo .body{padding:15px}
.demo{color:var(--fg)}
.deadline{padding:9px 15px; font-size:14px; line-height:1.5; border-bottom:1px solid var(--line);
  background:var(--warn-bg); color:var(--warn)}
.deadline b{color:inherit}
.deadline.near{background:var(--urgent-bg); color:var(--urgent)}
.deadline.gone{background:var(--line2); color:var(--muted)}
.demo .mkgrid{max-height:330px}
.demo .chip{background:var(--card); border-color:var(--line)}
.demo .chip .nm{color:var(--fg)}
.demo .chip .kd{color:var(--faint)}
.demo .chip .im{background:#fff}
.demo .mkmore{color:var(--muted); padding:12px 0 2px}
.demo .mkmore a{color:var(--accent)}
.dstats{display:grid; grid-template-columns:repeat(4,1fr); gap:11px; margin-top:34px}
.dstats .stat{background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2)}
.dstats .stat .n{color:#fff}
.dstats .stat .l{color:#bccadb}
.dstats .stat .n .u{font-size:15px; color:#d5deea}
@media (max-width:760px){
  .dark .in{padding:42px 0 32px}
  .dhero .eyebrow{font-size:25px; margin-bottom:10px}
  .dhero .eyebrow .sm{font-size:17px}
  .dhero h1{font-size:23px; letter-spacing:-.03em}
  .dhero p{font-size:15px}
  .dstats{grid-template-columns:repeat(2,1fr)}
  .demo{margin-top:30px}
  .demo .mkgrid{max-height:none}
  .demo .body{padding:11px}
}
.top{background:#13171d; border-bottom-color:#262c35}
.top nav a:hover{background:#1c222a}
.dark{background:#0b0e12}
.br .t{background:#4a8fe0}
.br .t.soft{background:#2a3340}
.br .t.alt{background:#d4645c}
.fn .bar{color:var(--on-accent)}
.gauge .track{background:#232a34}
th, td{border-bottom-color:#232a33}
.law{border-left-color:#2a3340; color:#9aa4b2}
.chip .im{background:#fff}
.chip{background:var(--card); border-color:var(--line)}
.card[style*="--accent-bg"]{background:var(--accent-bg) !important}
input[type=text], input[type=password], input[type=email]{
  background:var(--card); border-color:var(--line); color:var(--fg);
}
input::placeholder{color:var(--faint)}
.btn{background:var(--card); border-color:var(--line); color:var(--fg)}
.btn:hover{background:var(--line2)}
.btn.p{background:var(--accent); border-color:var(--accent); color:var(--on-accent)}
.btn.p:hover{filter:brightness(1.1)}
footer{background:var(--line2); border-top-color:var(--line)}
.applhead{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; flex-wrap:wrap; margin-bottom:14px;
}
.applnote{font-size:13px; color:var(--muted)}
.applgrid{
  display:grid; gap:8px;
  grid-template-columns:repeat(auto-fill, minmax(88px, 1fr));
}
.applgrid a{
  display:block; padding:9px 7px; text-decoration:none; color:inherit;
  border:1px solid var(--line); border-radius:9px; background:var(--bg);
}
.applgrid a:hover{border-color:var(--accent)}
.applgrid .im{
  height:54px; display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.applgrid .im img{max-width:100%; max-height:54px; object-fit:contain}
.applgrid .im.noimg::after{content:"견본 없음"; font-size:11px; color:var(--faint)}
.applgrid .kd{margin-top:7px; font-size:11.5px; color:var(--muted); text-align:center}
@media (max-width:560px){
  .applgrid{grid-template-columns:repeat(auto-fill, minmax(74px, 1fr))}
  .applgrid .im{height:46px}
  .applgrid .im img{max-height:46px}
}
.mkimgs{
  display:flex; gap:14px; flex-wrap:wrap;
  margin:10px 0 12px; padding:12px;
  background:var(--line2); border-radius:10px;
}
.mkimg{ margin:0; text-align:center; }
.mkimg img{
  display:block; max-width:180px; max-height:110px; width:auto; height:auto;
  background:#fff; border:1px solid var(--line); border-radius:6px; padding:6px;
}
.mkimg figcaption{
  margin-top:5px; font-size:12.5px; color:var(--muted);
}
@media (max-width:480px){
  .mkimg img{ max-width:132px; max-height:84px; }
}
.sflow{ display:flex; align-items:stretch; gap:10px; flex-wrap:wrap; }
.sflow .step{
  flex:1 1 180px; min-width:170px; padding:12px 14px;
  background:var(--line2); border-radius:9px;
}
.sflow .step .k{ font-size:13px; color:var(--muted); }
.sflow .step .v{ font-size:25px; font-weight:700; margin:3px 0 5px; }
.sflow .step .d{ font-size:13px; color:var(--muted); line-height:1.55; }
.sflow .arrow{
  align-self:center; color:var(--faint); font-size:19px; flex:0 0 auto;
}
@media (max-width:620px){
  .sflow{ flex-direction:column; }
  .sflow .arrow{ transform:rotate(90deg); align-self:flex-start; margin-left:14px; }
}
.readout{ font-size:13.5px; color:var(--muted); line-height:1.75; align-self:center; }
.readout b{ color:var(--fg); font-weight:600; }
.readout .note{ margin-top:4px; color:var(--faint); font-size:12.5px; }
#scanlog .row{
  display:flex; align-items:center; gap:10px;
  padding:3px 0; font-size:13.5px; color:var(--muted);
}
#scanlog .row .d{ flex:0 0 58px; text-align:right; }
#scanlog .row .bar{
  flex:1 1 auto; height:9px; background:var(--line2); border-radius:5px; overflow:hidden;
}
#scanlog .row .bar i{ display:block; height:100%; background:var(--accent); opacity:.55; }
#scanlog .row .c{ flex:0 0 56px; text-align:right; color:var(--fg); font-variant-numeric:tabular-nums; }
#scanlog .row .f{ flex:0 0 76px; font-size:12.5px; color:var(--faint); }
#scanlog .row.hit .bar i{ background:var(--ok); opacity:1; }
#scanlog .row.hit .f{ color:var(--ok); font-weight:600; }
#scanlog .row.sum{
  margin-top:7px; padding-top:9px; border-top:1px solid var(--line);
  font-weight:600; color:var(--fg);
}
#scanlog .row.sum .f{ color:var(--ok); }
@media (max-width:520px){
  #scanlog .row .f{ flex:0 0 58px; font-size:11.5px; }
  #scanlog .row .d{ flex:0 0 48px; }
}
.dayhead{
  display:flex; align-items:baseline; gap:10px;
  margin:20px 0 8px; padding-bottom:7px;
  border-bottom:1px solid var(--line);
}
.dayhead:first-child{ margin-top:4px; }
.dayhead .dt{ font-size:15.5px; font-weight:700; color:var(--fg); }
.dayhead .n{ font-size:13px; color:var(--ok); font-weight:600; }
.readout .hitway{
  margin-top:5px; padding:3px 8px; display:inline-block;
  background:var(--ok-bg); color:var(--ok);
  border-radius:5px; font-size:12.5px; font-weight:600;
}
table.cmp{ border-collapse:collapse; font-size:13px; }
table.cmp th{
  font-weight:600; color:var(--faint); font-size:11.5px;
  text-align:left; padding:0 10px 4px 0; white-space:nowrap;
}
table.cmp td{ padding:3px 10px 3px 0; color:var(--muted); vertical-align:top; }
table.cmp td.k{ color:var(--faint); font-size:12px; white-space:nowrap; }
table.cmp td.t{ color:var(--fg); }
table.cmp td.h{ font-size:12px; color:var(--faint); white-space:nowrap; }
table.cmp tr.y td.t{ color:var(--ok); font-weight:600; }
table.cmp tr.y td.h{ color:var(--ok); }
.targets{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin:12px 0 16px; padding:12px 14px;
  background:var(--card); border:1px solid var(--line); border-radius:10px;
}
.targets .tt{
  font-size:12.5px; color:var(--faint); font-weight:600;
  padding-right:4px; border-right:1px solid var(--line);
}
.targets .t{ display:flex; align-items:center; gap:7px; }
.targets .t .k{
  font-size:11.5px; color:var(--on-accent); background:var(--accent);
  padding:2px 7px; border-radius:4px; font-weight:600;
}
.targets .t .v{ font-size:14.5px; font-weight:600; color:var(--fg); }
.timeline{
  display:flex; align-items:flex-start; gap:0; flex-wrap:wrap;
  margin:14px 0 4px; padding:14px 16px;
  background:var(--card); border:1px solid var(--line); border-radius:10px;
}
.timeline .tl{ text-align:center; min-width:92px; }
.timeline .tl .d{ font-size:12.5px; color:var(--faint); }
.timeline .tl .dot{
  width:9px; height:9px; margin:5px auto; border-radius:50%;
  background:var(--line); border:2px solid var(--card);
  outline:2px solid var(--line);
}
.timeline .tl.mark .dot{ background:var(--ok); outline-color:var(--ok); }
.timeline .tl .t{ font-size:13.5px; color:var(--fg); font-weight:600; }
.timeline .tl .k{ margin-top:3px; font-size:11.5px; color:var(--ok); font-weight:600; }
.timeline .line{
  flex:1 1 20px; height:2px; min-width:18px; margin-top:26px;
  background:var(--line);
}
@media (max-width:560px){
  .timeline{ flex-direction:column; align-items:flex-start; gap:4px; }
  .timeline .tl{ display:flex; align-items:center; gap:9px; text-align:left; min-width:0; }
  .timeline .tl .dot{ margin:0; }
  .timeline .tl .d{ min-width:52px; }
  .timeline .line{ display:none; }
}
.verdict{
  margin:18px 0 6px; padding:18px 20px;
  background:var(--card); border:1px solid var(--line);
  border-left:4px solid var(--urgent); border-radius:10px;
}
.verdict .mk{ font-size:13px; color:var(--muted); }
.verdict .msg{ font-size:21px; font-weight:700; color:var(--fg); margin-top:4px; line-height:1.4; }
.verdict .msg.ok{ color:var(--ok); }
.verdict .sub{ margin-top:6px; font-size:13.5px; color:var(--muted); }
.sec{ margin-top:30px; }
.sechead{
  display:flex; align-items:flex-start; gap:12px;
  padding-bottom:10px; margin-bottom:12px; border-bottom:2px solid var(--line);
}
.sechead .no{
  flex:0 0 auto; width:26px; height:26px; margin-top:2px;
  display:flex; align-items:center; justify-content:center;
  background:var(--accent); color:var(--on-accent);
  border-radius:50%; font-size:13.5px; font-weight:700;
}
.sechead .no.mine{ background:var(--ok); }
.sechead .no.old{ background:var(--accent); }
.sechead .no.opp{ background:var(--warn); color:#ffffff; }
.sechead h2{ margin:0; font-size:19px; }
.sechead p{ margin:2px 0 0; font-size:13.5px; color:var(--muted); }
.sechead .cnt{ margin-left:auto; font-size:14px; font-weight:700; color:var(--fg); white-space:nowrap; }
.box{
  margin:14px 0; padding:16px 18px;
  background:var(--card); border:1px solid var(--line); border-radius:10px;
}
.box .bt{
  font-size:12.5px; font-weight:700; color:var(--accent);
  letter-spacing:.3px; margin-bottom:9px;
}
.box .bp{ margin:0 0 12px; font-size:14.5px; color:var(--muted); line-height:1.7; }
.box .targets{ margin:0; padding:0; background:none; border:0; }
.summary .line1{
  display:flex; gap:20px; flex-wrap:wrap;
  padding-bottom:11px; margin-bottom:11px; border-bottom:1px solid var(--line);
  font-size:13.5px; color:var(--muted);
}
.summary .line1 b{ color:var(--fg); }
.summary .rows{ display:flex; flex-direction:column; gap:7px; }
.summary .r{ display:flex; align-items:center; gap:10px; font-size:14px; }
.summary .r .n.mine{ background:var(--ok); color:var(--on-accent); }
.summary .r .n.old{ background:var(--accent); color:var(--on-accent); }
.summary .r .n.opp{ background:var(--warn); color:#ffffff; }
.summary .r .n{
  flex:0 0 auto; width:20px; height:20px;
  display:flex; align-items:center; justify-content:center;
  background:var(--line2); color:var(--muted);
  border-radius:50%; font-size:11.5px; font-weight:700;
}
.summary .r .l{ color:var(--muted); }
.summary .r .v{ margin-left:auto; font-weight:700; color:var(--fg); }
.summary .r .v.hit{ color:var(--ok); }
.steps{ display:flex; gap:7px; flex-wrap:wrap; margin:7px 0 3px; }
.steps .s{
  padding:4px 9px; border-radius:6px; font-size:12.5px;
  background:var(--line2); color:var(--faint);
}
.steps .s i{ display:block; font-style:normal; font-size:10.5px; opacity:.85; }
.steps .s.done{ background:var(--accent-bg); color:var(--accent); }
.steps .s.done.reg{ background:var(--ok-bg); color:var(--ok); font-weight:600; }
.steps .s.exp{ background:transparent; border:1px dashed var(--line); color:var(--faint); }
.secstat{ margin-bottom:14px; }
.secstat .sr{
  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
  padding:6px 0; font-size:13.5px; color:var(--muted);
  border-bottom:1px solid var(--line2);
}
.secstat .sr.main .l{ color:var(--fg); font-weight:600; }
.secstat .sr .l{ flex:1 1 auto; }
.secstat .sr .v{ font-weight:700; color:var(--fg); font-variant-numeric:tabular-nums; }
.secstat .sr .s{ flex:0 0 auto; font-size:12.5px; color:var(--faint); }
.secstat .more{ margin-top:7px; font-size:12.5px; color:var(--faint); }
.classmap{
  margin:14px 0 16px; padding:14px 16px;
  background:var(--card); border:1px solid var(--line); border-radius:10px;
}
.classmap .cmt{
  font-size:13px; font-weight:700; color:var(--fg); margin-bottom:10px;
}
.classmap .cmt span{
  display:block; margin-top:2px; font-size:12px; font-weight:400; color:var(--muted);
}
.classmap .cr{
  display:flex; align-items:center; gap:9px; padding:3px 0; font-size:13px;
}
.classmap .cr .c{ flex:0 0 42px; color:var(--fg); font-weight:600; }
.classmap .cr .n{ flex:0 0 96px; color:var(--muted); font-size:12.5px; }
.classmap .cr .b{
  flex:0 0 92px; height:9px; background:var(--line2); border-radius:5px; overflow:hidden;
}
.classmap .cr .b i{ display:block; height:100%; background:var(--accent); opacity:.65; }
.classmap .cr .k{ flex:0 0 34px; text-align:right; color:var(--fg); font-weight:600; font-size:12.5px; }
.classmap .cr .w{ flex:1 1 auto; font-size:12px; color:var(--faint); }
@media (max-width:620px){
  .classmap .cr{ flex-wrap:wrap; }
  .classmap .cr .w{ flex:1 1 100%; padding-left:51px; }
  .classmap .cr .n{ flex:0 0 auto; }
}
.grid{
  display:grid; gap:12px; margin:10px 0 6px;
  grid-template-columns:repeat(auto-fill, minmax(190px, 1fr));
}
.grid .g{
  display:flex; flex-direction:column; gap:5px;
  padding:12px; background:var(--card);
  border:1px solid var(--line); border-radius:10px;
}
.grid .g.reg{ border-left:3px solid var(--ok); }
.grid .g .im{
  height:88px; display:flex; align-items:center; justify-content:center;
  background:#fff; border-radius:6px; padding:6px; margin-bottom:3px;
}
.grid .g .im img{ max-width:100%; max-height:76px; width:auto; height:auto; }
.grid .g .mk{ font-size:14.5px; font-weight:700; color:var(--fg); line-height:1.35; }
.grid .g .cls{ font-size:12.5px; color:var(--muted); line-height:1.5; }
.grid .g .st{ font-size:12px; color:var(--faint); }
.grid .g .hits{ display:flex; flex-wrap:wrap; gap:4px; margin-top:2px; }
.grid .g .hits .hit{
  font-size:11px; padding:2px 6px; border-radius:4px;
  background:var(--ok-bg); color:var(--ok); font-weight:600;
}
.grid .g .acts{ display:flex; gap:6px; margin-top:auto; padding-top:7px; }
.btn.s{ font-size:11.5px; padding:4px 9px; }
@media (max-width:420px){
  .grid{ grid-template-columns:1fr 1fr; gap:9px; }
  .grid .g{ padding:9px; }
  .grid .g .im{ height:66px; }
}
.cmgrid{
  display:grid; grid-template-columns:repeat(9, 1fr); gap:4px; margin:10px 0 12px;
}
.cmgrid .cell{
  aspect-ratio:1/1; border:1px solid var(--line); display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:1px;
  background:var(--line2); border-radius:5px; cursor:default;
  color:var(--faint); overflow:hidden; padding:2px;
}
.cmgrid .cell b{ font-size:13px; font-weight:700; }
.cmgrid .cell span{ font-size:8.5px; line-height:1.1; text-align:center; opacity:.8; }
.cmgrid .cell.old{ background:var(--accent); color:var(--on-accent); font-weight:700; }
.cmgrid .cell.mine{ background:var(--ok); color:var(--on-accent); font-weight:700; }
.cmgrid .cell.old span{ opacity:.95; }
.cmgrid .cell.mine span{ opacity:.95; }
.cmlegend{ display:flex; gap:14px; flex-wrap:wrap; font-size:12px; color:var(--muted); }
.cmlegend .lg::before{
  content:''; display:inline-block; width:10px; height:10px;
  border-radius:3px; margin-right:5px; vertical-align:-1px; background:var(--line2);
}
.cmlegend .lg.mine::before{ background:var(--ok); }
.cmlegend .lg.old::before{ background:var(--accent); }
.cmlists{ display:flex; gap:22px; flex-wrap:wrap; margin-top:13px; }
.cmlists > div{ flex:1 1 220px; }
.cmlists .h{ font-size:12.5px; font-weight:700; margin-bottom:5px; }
.cmlists .h.mine{ color:var(--ok); }
.cmlists .h.old{ color:var(--accent); }
.cmlists ul{ margin:0; padding:0; list-style:none; }
.cmlists li{ font-size:12.5px; color:var(--muted); padding:2px 0; }
.cmlists li b{ color:var(--fg); }
.cmlists li span{ color:var(--faint); font-size:11.5px; }
@media (max-width:560px){
  .cmgrid{ grid-template-columns:repeat(5, 1fr); }
  .cmgrid .cell span{
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
    font-size:9px; line-height:1.15; word-break:keep-all; overflow-wrap:anywhere;
  }
  .cmgrid .cell b{ font-size:12px; }
}
.box .timeline{ margin:16px 0 0; padding:15px 0 0; background:none;
  border:0; border-top:1px solid var(--line); }
.cmlegend .lg b, .cmlists .h b{
  display:inline-flex; align-items:center; justify-content:center;
  width:15px; height:15px; margin-right:4px; vertical-align:-2px;
  border-radius:50%; font-size:10px; font-weight:700;
  background:var(--line2); color:var(--muted);
}
.cmlegend .lg.mine b, .cmlists .h.mine b{ background:var(--ok); color:var(--on-accent); }
.cmlegend .lg.old b, .cmlists .h.old b{ background:var(--accent); color:var(--on-accent); }
.box .classmap{
  margin:14px 0; padding:14px 0 0; background:none; border:0;
  border-top:1px solid var(--line);
}
.box .summary{ padding-top:0; border-top:0; }
.simtable{ margin:14px 0 0; padding-top:14px; border-top:1px solid var(--line); }
table.st{ border-collapse:collapse; width:100%; max-width:380px; }
table.st th{
  font-size:12px; font-weight:600; color:var(--muted);
  text-align:center; padding:0 0 7px; line-height:1.3;
}
table.st th span{ display:block; font-size:10.5px; color:var(--faint); font-weight:400; }
table.st td{
  text-align:center; padding:6px 0; font-size:15px; font-weight:700;
  color:var(--fg); border-top:1px solid var(--line2);
}
table.st td.k{ text-align:left; font-size:13.5px; color:var(--muted); font-weight:600; }
table.st td.k.same{ color:var(--urgent); }
table.st td.hit{ color:var(--ok); }
table.st td.zero{ color:var(--faint); font-weight:400; }
.stn{ margin-top:7px; font-size:11.5px; color:var(--faint); }
.cmgrid .cell em{
  font-style:normal; font-size:9px; font-weight:700;
  padding:0 3px; border-radius:3px; margin-top:1px;
  background:rgba(255,255,255,.22);
}
.cmgrid .cell:not(.mine):not(.old) em{ display:none; }
.cmlists li b.k{ color:var(--fg); font-size:12px; }
@media (max-width:560px){ .cmgrid .cell em{ font-size:8.5px; } }
.paid{
  margin:12px 0 2px; padding:11px 14px;
  background:var(--accent-bg); border-left:3px solid var(--accent);
  border-radius:0 8px 8px 0; font-size:13.5px; color:var(--muted); line-height:1.7;
}
.paid b{ color:var(--fg); }
.disc{
  margin:28px 0 8px; padding:13px 16px;
  background:var(--line2); border-radius:9px;
  font-size:13px; color:var(--muted); line-height:1.75;
}
.disc b{ color:var(--fg); }
.top{background:var(--card); border-bottom-color:var(--line)}
.top nav a:hover{background:var(--bg)}
.dark{background:var(--band)}
.br .t{background:var(--accent)}
.br .t.soft{background:var(--line)}
.br .t.alt{background:var(--urgent)}
.gauge .track{background:var(--line)}
th, td{border-bottom-color:var(--line)}
.law{border-left-color:var(--line); color:var(--muted)}
.gcols{display:grid;grid-template-columns:1fr 1fr}
.gcols>div{min-width:0}
.gcols>div+div{border-left:1px solid var(--line)}
@media (max-width:560px){
  .gcols{grid-template-columns:1fr}
  .gcols>div+div{border-left:0;border-top:1px solid var(--line)}
}
.top .in{max-width:1120px; padding:12px 20px; gap:22px; flex-wrap:nowrap}
.brand{white-space:nowrap; font-size:18px}
.brand .beta{margin-left:7px; font-size:11px; font-weight:800; background:var(--accent); color:var(--on-accent);
  border-radius:999px; padding:2px 8px; vertical-align:2px}
.top nav{margin-left:8px; flex:1; flex-wrap:nowrap; gap:2px}
.top nav a{font-size:14.5px; padding:7px 12px; white-space:nowrap}
.top .right{display:flex; align-items:center; gap:8px; white-space:nowrap}
.top .right > a{color:var(--muted); text-decoration:none; font-size:14.5px; padding:7px 12px; border-radius:8px}
.top .right > a:hover{background:var(--bg); color:var(--fg)}
.top .right a.cta{background:var(--accent); color:var(--on-accent); font-weight:700; padding:9px 16px}
.top .right a.cta:hover{filter:brightness(1.1); background:var(--accent); color:var(--on-accent)}
.top .acct{position:relative}
.top .acct > button{font:inherit; font-size:14px; color:var(--fg); background:var(--bg); border:1px solid var(--line);
  border-radius:8px; padding:7px 12px; cursor:pointer; max-width:170px; overflow:hidden; text-overflow:ellipsis}
.top .acct .panel{display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:220px; background:var(--card);
  border:1px solid var(--line); border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.08); padding:8px}
.top .acct.open .panel{display:block}
.top .acct .panel .mail{font-size:13px; color:var(--muted); padding:6px 10px 8px; border-bottom:1px solid var(--line2); margin-bottom:4px;
  overflow:hidden; text-overflow:ellipsis}
.top .acct .panel a{display:block; color:var(--fg); text-decoration:none; font-size:14px; padding:7px 10px; border-radius:7px}
.top .acct .panel a:hover{background:var(--bg)}
.top .menubtn{display:none; margin-left:auto; font:inherit; font-size:14px; background:var(--bg); border:1px solid var(--line);
  border-radius:8px; padding:7px 12px; color:var(--fg)}
@media (max-width:820px){
  .top .in{flex-wrap:wrap; gap:10px}
  .top .menubtn{display:block}
  .top nav, .top .right{display:none; width:100%}
  .top.open nav{display:flex; flex-direction:column; margin:4px 0 0}
  .top.open .right{display:flex; flex-direction:column; align-items:stretch}
  .top.open .right a.cta{text-align:center}
  .top .acct .panel{position:static; display:block; box-shadow:none; border:0; padding:0}
  .top .acct > button{display:none}
}
.h-hero{max-width:820px; margin:56px auto 0; text-align:center}
.h-hero .tag{display:inline-block; font-size:13px; font-weight:700; color:var(--accent); background:var(--accent-bg);
  border-radius:999px; padding:5px 13px; margin-bottom:18px}
.h-hero h1{font-size:40px; line-height:1.3; letter-spacing:-.035em; margin:0 0 16px; font-weight:800}
.h-hero h1 .hl{color:var(--accent)}
.h-hero .sub{font-size:18px; color:var(--muted); margin:0 auto; max-width:640px}
@media (max-width:600px){ .h-hero{margin-top:30px} .h-hero h1{font-size:28px} .h-hero .sub{font-size:16px} }
.quick{max-width:820px; margin:34px auto 0; background:var(--card); border:1px solid var(--line); border-radius:16px;
  padding:22px; box-shadow:0 10px 30px rgba(31,58,95,.06);
  display:grid; grid-template-columns:1fr 1fr auto; gap:12px; align-items:end; text-align:left}
.quick label{display:block; font-size:13.5px; font-weight:700; margin:0 0 6px; color:var(--fg)}
.quick input{width:100%; font:inherit; font-size:16px; padding:14px 15px; border:1px solid var(--line); border-radius:10px;
  background:var(--bg); color:var(--fg)}
.quick input:focus{outline:2px solid var(--accent); outline-offset:1px; background:var(--card)}
.quick button{font:inherit; font-size:17px; font-weight:800; padding:14px 26px; border:0; border-radius:10px;
  background:var(--accent); color:var(--on-accent); cursor:pointer; white-space:nowrap}
.quick button:hover{filter:brightness(1.1)}
@media (max-width:700px){ .quick{grid-template-columns:1fr} }
.steps{max-width:820px; margin:22px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
.steps div{background:var(--card); border:1px solid var(--line2); border-radius:12px; padding:14px 16px; text-align:left}
.steps b{display:block; font-size:15px; margin-bottom:2px}
.steps b i{font-style:normal; color:var(--accent); margin-right:6px}
.steps span{font-size:13.5px; color:var(--muted); line-height:1.6}
@media (max-width:700px){ .steps{grid-template-columns:1fr} }
.h-note{max-width:820px; margin:16px auto 0; text-align:center; font-size:14px; color:var(--muted)}
.h-note a{color:var(--accent)}
.ap-head{text-align:center; margin:44px 0 22px}
.ap-head h1{font-size:32px; letter-spacing:-.03em; margin:0 0 8px; font-weight:800}
.ap-head p{font-size:16px; color:var(--muted); margin:0}
.ap-form{padding:26px}
.ap-form .field label{font-size:15px}
.ap-form input[type=text], .ap-form input[type=email]{font-size:16px; padding:13px 14px; border-radius:10px}
.ap-more{margin:6px 0 16px; border:1px solid var(--line2); border-radius:10px; padding:4px 14px}
.ap-more summary{cursor:pointer; font-size:14.5px; font-weight:700; color:var(--muted); padding:10px 0}
.ap-more[open] summary{margin-bottom:6px}
.ap-form .send{font-size:18px; padding:15px; border-radius:10px}
body{font-size:17px; line-height:1.75}
.top nav a, .top .right > a, .top .acct > button{font-size:16px}
.brand{font-size:20px}
h2{font-size:24px}
h2 + .lead{font-size:16.5px}
h3{font-size:18px}
.hint, .law, .notice{font-size:15px !important; line-height:1.7 !important}
.field label{font-size:16px}
table{font-size:16px}
.btn{font-size:15.5px}
.btn.big{font-size:17px; padding:13px 24px}
[style*="font-size:12px"]{font-size:14px !important}
[style*="font-size:12.5px"]{font-size:14.5px !important}
[style*="font-size:13px"]{font-size:15px !important}
[style*="font-size:13.5px"]{font-size:15.5px !important}
[style*="font-size:14px"]{font-size:16px !important}
[style*="font-size:14.5px"]{font-size:16.5px !important}
[style*="font-size:15px"]{font-size:17px !important}
.h-hero h1{font-size:44px}
.h-hero .sub{font-size:20px}
.h-hero .tag{font-size:15px}
.quick label{font-size:16px}
.quick input{font-size:18px}
.quick button{font-size:19px}
@media (max-width:600px){ .h-hero h1{font-size:30px} .h-hero .sub{font-size:17px} }
.steps div{padding:18px 20px}
.steps .no{display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%;
  background:var(--accent); color:var(--on-accent); font-style:normal; font-weight:800; font-size:15px; margin-bottom:8px}
.steps b{font-size:18px; margin-bottom:4px}
.steps span{font-size:16px}
.h-core{max-width:820px; margin:22px auto 0; background:var(--accent-bg); border-left:4px solid var(--accent);
  border-radius:10px; padding:16px 20px; font-size:17.5px; line-height:1.75; color:var(--fg)}
.h-example{display:block; max-width:820px; margin:14px auto 0; background:var(--card); border:2px solid var(--accent);
  border-radius:12px; padding:16px 20px; text-decoration:none; color:var(--fg)}
.h-example:hover{background:var(--accent-bg)}
.h-example .t{display:block; font-size:19px; font-weight:800; color:var(--accent)}
.h-example .d{display:block; font-size:16px; color:var(--muted); margin-top:2px}
.ap-head h1{font-size:36px}
.ap-head p{font-size:18px}
.ap-form .field label{font-size:17px}
.ap-form input[type=text], .ap-form input[type=email]{font-size:17.5px}
.ap-more summary{font-size:16.5px}
.ap-form .send{font-size:20px}
.top .in{max-width:1040px; padding:14px 20px}
.top nav{justify-content:center; gap:6px}
.top nav a{font-size:16.5px; font-weight:600; color:var(--fg); padding:8px 14px}
.top nav a:hover{background:var(--accent-bg); color:var(--accent)}
.top{box-shadow:0 1px 0 var(--line), 0 4px 14px rgba(31,58,95,.05)}
#goodsbox{font-size:14px}
#goodsbox .gh{position:sticky; top:0; z-index:1; padding:7px 12px; font-size:13px; font-weight:800; color:var(--fg);
  background:var(--line2); border-bottom:1px solid var(--line); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#goodsbox .gh span{font-weight:500; color:var(--muted); margin-left:4px}
#goodsbox .gpick{display:grid; grid-template-columns:44px 1fr; column-gap:10px; row-gap:1px; align-items:start;
  width:100%; text-align:left; border:0; border-bottom:1px solid var(--line2); background:none; color:var(--fg);
  padding:9px 12px; cursor:pointer; font-family:inherit}
#goodsbox .gpick:hover{background:var(--accent-bg)}
#goodsbox .gpick .cl{grid-row:1 / span 2; font-size:13px; font-weight:800; color:var(--accent); line-height:1.45; padding-top:1px}
#goodsbox .gpick .cl span{display:block; margin:3px 0 0 !important; font-size:10.5px !important; padding:0 5px !important; text-align:center}
#goodsbox .gpick .tt{font-size:14px; font-weight:700; line-height:1.45}
#goodsbox .gpick .sm{font-size:12.5px; color:var(--muted); line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
#goodsbox .gnone{padding:10px 12px; font-size:13px; color:var(--muted)}
#goodsbox .gcols{align-items:start}
.h-hero{max-width:980px}
.h-hero h1 .hl{font-size:.8em; white-space:nowrap}
@media (max-width:760px){ .h-hero h1 .hl{white-space:normal} }
.track2{max-width:820px; margin:22px auto 0; display:grid; grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto auto auto; column-gap:12px; align-items:stretch}
.track2 > div{grid-row:span 4; display:grid; grid-template-rows:subgrid; row-gap:8px; align-content:start;
  background:var(--card); border:2px solid var(--line2); border-radius:12px; padding:18px 20px; margin:0; text-align:left}
.track2 > div.sec{border-color:var(--accent); background:var(--accent-bg)}
.track2 h3{font-size:18px; line-height:1.4; margin:0}
.track2 p{font-size:16px; line-height:1.65; color:var(--fg); margin:0}
@media (max-width:700px){
  .track2{grid-template-columns:1fr; grid-template-rows:none; row-gap:12px}
  .track2 > div{grid-row:auto; grid-template-rows:none}
  .track2 p:empty{display:none}
}
.top .brand, .top .right{flex:0 0 auto}
.top nav{min-width:0}
.top.tight .in{gap:12px}
.top.tight nav{gap:0}
.top.tight nav a{font-size:15px; padding:7px 9px}
.top.tight .right{gap:6px}
.top.tight .right > a, .top.tight .acct > button{font-size:15px}
.top.tight .right a.cta{padding:8px 12px}
.top.tight .acct > button{max-width:130px}
.top.stack .in{flex-wrap:wrap; row-gap:6px}
.top.stack .right{margin-left:auto}
.top.stack nav{order:3; flex:1 0 100%; margin-left:0; justify-content:center; flex-wrap:wrap}
@font-face{font-family:"SUIT"; font-style:normal; font-weight:400; font-display:swap;
  src:url("/fonts/suit/SUIT-Regular.woff2") format("woff2")}
@font-face{font-family:"SUIT"; font-style:normal; font-weight:700; font-display:swap;
  src:url("/fonts/suit/SUIT-Bold.woff2") format("woff2")}
:root{
  --navy:#102A43; --blue:#24557A; --paper:#F4F6F8; --surface:#FFFFFF;
  --ink:#17212B; --muted:#596773; --rule:#B8C1C9; --hair:#DCE2E7;
  --blue-tint:#EAF0F5; --blue-dark:#1B4361; --thead:#EEF1F4;
  --bg:var(--paper); --fg:var(--ink); --faint:#66737E;
  --card:var(--surface); --line:var(--rule); --line2:var(--hair);
  --accent:var(--blue); --accent-bg:var(--blue-tint); --on-accent:#FFFFFF;
  --urgent:#A3302A; --urgent-bg:#F8ECEA;
  --warn:#7A5600; --warn-bg:#F7F0DF;
  --ok:#2E6A4B; --ok-bg:#E7F0EA;
  --band:var(--navy); --bg2:var(--surface);
  --f-body:"SUIT","Malgun Gothic","Apple SD Gothic Neo",sans-serif;
  --f-head:var(--f-body);
  --fs-body:17px;
  --gutter:48px;
  --wrap:min(100% - var(--gutter), 1120px);
}
html body :is(
  .card, .item, .dday, .stat, .fbox, .fbox .ic, .fn .bar, .br .t, .gauge .track, .gauge .fill,
  .axis, .axis .ah .num, .axis .ah .tag, .mkwrap, .chip, .chip .im, .kindbar, .kindlegend i,
  .demo, .demo .bar i, .applgrid a, .mkimgs, .mkimg img, .sflow .step, #scanlog .row .bar,
  .readout .hitway, .targets, .targets .t .k, .timeline, .timeline .tl .dot, .verdict, .box,
  .sechead .no, #v2 .sechead .no, .v2h1 .no, .summary .r .n, .summary .r .n.pill, .summary .r .n.newtag,
  .summary a.r, .subno, .steps .s, .steps .no, .steps div, .classmap, .classmap .cr .b, .grid .g,
  .grid .g .im, .grid .g .hits .hit, .cmgrid .cell, .cmgrid .cell em, .cmlegend .lg b, .cmlegend .lg::before,
  .cmlists .h b, .paid, .disc, .notice, .h-core, .h-example, .h-hero .tag, .hero .eyebrow, .quick,
  .track2 > div, .ap-more, .brand .beta, .top nav a, .top .right > a, .top .acct .panel, .top .acct .panel a,
  .ogrp, .case, #v1 .tag, #v2 .tag, .est, .est b.lab, .thumb, .asof, .cmpnote, .cmptab .sc, .tlx li::before,
  #zoom figure, #cbtn, #cbox, #cbox .togo, #cbox .ctx, .mf, .mf-list, .mf-c .im, .mf-chosen, code,
  .kpi .b, .warnbox, #adm-nav
){border-radius:0 !important}
html body :is(main, #cbox, .mf) [style*="border-radius"]:not(input):not(button):not(label){border-radius:0 !important}
html body :is(.btn, .btnlike, button, select, textarea, input[type=text], input[type=email], input[type=password],
  input:not([type]), .top .right a.cta, .top .acct > button, .top .menubtn, .mf-cc label,
  main label[style*="border-radius"], #cbox input, #cbox textarea, .quick input, .quick button, .mini, .pbtn){border-radius:3px !important}
html body :is(.top, .demo, .quick, .top .acct .panel, #cbtn){box-shadow:none}
body{font-family:var(--f-body); background:var(--paper); color:var(--ink); font-size:var(--fs-body); line-height:1.7}
h1, h2, h3, h4{font-family:var(--f-head); letter-spacing:-.01em; text-wrap:pretty}
a{color:var(--blue)}
table, .b-steps, .stat .n, .dstats, .bars, .br .v, .fbox .n, .fbox .ic, .summary .r .v, .secstat .sr .v,
.sechead .cnt, .ogrp .cnt, .tlx .d, .regtab, .dayhead, .deadline, .demo .bar .r, .b-asof, .applhead, .cmgrid,
.classmap, #scanlog, .verdict .sub, footer{font-variant-numeric:tabular-nums}
:focus{outline:none}
:focus-visible{outline:2px solid var(--blue); outline-offset:2px}
.top :focus-visible{outline-color:#FFFFFF}
input:focus-visible, textarea:focus-visible, select:focus-visible{outline-offset:0}
input:focus, textarea:focus{border-color:var(--blue)}
.pv-bar{background:var(--surface); border-bottom:1px solid var(--hair); font-size:13px; color:var(--muted)}
.pv-bar .in{width:var(--wrap); margin-inline:auto; padding:6px 0; display:flex; flex-wrap:wrap; gap:4px 16px; align-items:center}
.pv-bar span{font-weight:700; color:var(--ink); margin-right:8px}
.pv-bar a{color:var(--blue); text-decoration:underline; text-underline-offset:3px}
.top .in, main, footer .in{width:var(--wrap); max-width:none; margin-inline:auto; padding-left:0; padding-right:0}
main{padding-top:0; padding-bottom:24px}
.top{background:var(--navy); border-bottom:0}
.top .in{min-height:56px; padding-top:0; padding-bottom:0; gap:24px}
.top .brand{font-weight:700; font-size:20px; color:#FFFFFF; letter-spacing:-.01em}
.top .brand span{color:#FFFFFF}
.top .brand span[style]{color:#9FB3C8 !important}
.top .brand .beta{margin-left:8px; font-size:12px; font-weight:700; letter-spacing:.04em;
  background:transparent; color:#C9D5E0; border:1px solid rgba(255,255,255,.45); padding:1px 6px; vertical-align:3px}
.top nav{justify-content:flex-start; gap:0; margin-left:0}
.top nav a{font-size:16px; font-weight:400; color:#C6D2DD; padding:17px 12px 14px; border-bottom:3px solid transparent}
.top nav a:hover{background:transparent; color:#FFFFFF}
.top nav a.on{background:transparent; color:#FFFFFF; font-weight:700; border-bottom-color:#FFFFFF}
.top .right{gap:8px}
.top .right > a{font-size:16px; color:#C6D2DD; padding:8px}
.top .right > a:hover{background:transparent; color:#FFFFFF; text-decoration:underline; text-underline-offset:4px}
.top .right > a.on{color:#FFFFFF; font-weight:700}
.top .right a.cta{background:var(--paper); color:var(--navy); font-weight:700; font-size:16px; padding:8px 16px; filter:none}
.top .right a.cta:hover{background:#FFFFFF; color:var(--navy); text-decoration:none; filter:none}
.top .acct > button{font-size:16px; background:transparent; color:#FFFFFF; border:1px solid rgba(255,255,255,.45)}
.top .acct .panel{border:1px solid var(--rule); background:var(--surface); top:calc(100% + 8px)}
.top .acct .panel a{color:var(--ink)}
.top .acct .panel a:hover{background:var(--paper)}
.top .menubtn{background:transparent; color:#FFFFFF; border:1px solid rgba(255,255,255,.5); font-size:16px}
.top.tight nav a{font-size:15px; padding:17px 8px 14px}
.top .right .lang{color:#9FB3C8}
.top .right .lang a{color:#C6D2DD}
.top .right .lang a:hover{color:#FFFFFF}
.top .right .lang a.on{color:#FFFFFF; font-weight:700}
html[lang=en] .top nav a, html[lang=ja] .top nav a{font-size:15px; padding:17px 10px 14px}
.top.tight .right a.cta{padding:8px 12px}
.top.stack nav{justify-content:flex-start}
.g12{display:grid; grid-template-columns:repeat(12, minmax(0, 1fr)); column-gap:24px}
h2{font-size:22px; font-weight:700; color:var(--ink); margin:48px 0 8px; padding-top:12px; border-top:1px solid var(--rule)}
h2 + .lead{font-size:var(--fs-body); color:var(--muted); margin:0 0 20px}
h2.b-title{font-size:32px; line-height:1.35; margin:40px 0 8px; padding-top:0; border-top:0}
h3{font-size:19px; font-weight:700; color:var(--ink); margin:0 0 12px}
.lead{color:var(--muted)}
.card{background:var(--surface); border:1px solid var(--hair); padding:20px 24px; margin-bottom:24px}
.card > h3:first-child{padding-bottom:8px; border-bottom:1px solid var(--hair)}
table{font-size:16px}
th, td{padding:8px 16px 8px 0; border-bottom:1px solid var(--hair)}
th{color:var(--muted); font-weight:700}
tr:last-child th, tr:last-child td{border-bottom:0}
thead th, html body .regtab thead th{background:var(--thead); border-top:2px solid var(--navy); border-bottom:1px solid var(--rule);
  color:var(--ink); padding:8px 12px}
html body .law{font-size:14px !important; line-height:1.75 !important; color:var(--muted);
  border:0; border-top:1px solid var(--hair); padding:8px 0 0; margin:12px 0 0}
html body .law b{color:var(--ink)}
.hint{color:var(--muted)}
.btn{font-weight:700; font-size:16px; padding:9px 16px; border:1px solid var(--rule); background:var(--surface); color:var(--ink)}
.btn:hover{background:var(--paper); filter:none}
.btn.p{background:var(--blue); border-color:var(--blue); color:#FFFFFF}
.btn.p:hover{background:var(--blue-dark); border-color:var(--blue-dark); filter:none}
.btn.big{font-size:17px; padding:12px 24px}
.btn.s{font-size:14px; padding:4px 10px}
input[type=text], input[type=password], input[type=email], textarea{
  background:var(--surface); border:1px solid var(--rule); color:var(--ink); font-family:var(--f-body)}
label{font-weight:700}
.notice{background:var(--warn-bg); color:var(--ink); border-left:3px solid var(--warn); padding:12px 16px}
footer{background:var(--surface); border-top:3px solid var(--navy); margin-top:48px}
footer .in{padding-top:24px; padding-bottom:48px; display:grid; grid-template-columns:repeat(12, minmax(0, 1fr));
  column-gap:24px; font-size:14px; line-height:1.9; color:var(--muted)}
footer .ft-svc{grid-column:1 / span 5}
footer .ft-biz{grid-column:6 / -1; border-left:1px solid var(--hair); padding-left:24px}
footer b{color:var(--ink); font-weight:700}
footer a{color:var(--blue)}
.b-home .b-first{display:grid; grid-template-columns:repeat(12, minmax(0, 1fr)); column-gap:24px; align-items:start;
  margin-top:40px}
.b-home .b-lead{grid-column:1 / span 7; border-top:3px solid var(--navy); padding-top:20px}
.b-home .b-first > .quick{grid-column:8 / -1}
.b-home .h-hero{max-width:none; margin:0; text-align:left}
.b-home .h-hero h1{font-size:35px; line-height:1.38; font-weight:700; letter-spacing:-.015em; color:var(--ink); margin:0 0 16px}
.b-home .h-hero h1 .hl{display:block; margin-top:10px; font-size:21px; font-weight:650; line-height:1.5;
  letter-spacing:0; color:var(--ink); white-space:normal}
.b-home .h-hero .sub{font-size:17px; line-height:1.75; color:var(--muted); max-width:none; margin:0}
.b-home .h-hero .sub{border-left:0; padding-left:0}
.b-home .b-secure{margin-top:24px; padding-top:16px; border-top:1px solid var(--hair)}
.b-home .b-secure .sub b{color:var(--ink)}
.b-seal{display:block; margin-top:12px; padding:0 0 0 10px; border-left:2px solid var(--blue); background:none;
  font-size:14px; line-height:1.65; color:var(--muted)}
.b-home .quick{max-width:none; margin:0; display:grid; grid-template-columns:minmax(0, 1fr); gap:16px; align-items:stretch; justify-items:stretch; text-align:left;
  background:var(--surface); border:1px solid var(--rule); border-top:3px solid var(--navy); padding:20px}
.b-home .quick > *{grid-column:1 / -1; width:100%; min-width:0}
.b-home .quick > div > label, .b-home .quick > div > input{display:block; width:100%}
.b-home .quick label{font-size:14px; font-weight:700; margin:0 0 4px; color:var(--ink)}
.b-home .quick input{height:48px; font-size:17px; padding:0 12px; background:var(--surface); border:1px solid var(--rule)}
.b-home .quick input:focus{outline:none; border-color:var(--blue); background:var(--surface)}
.b-home .quick input:focus-visible{outline:2px solid var(--blue); outline-offset:0}
.b-home .quick button{width:100%; height:50px; padding:0 16px; font-size:17px; font-weight:700; white-space:normal;
  background:var(--blue); color:#FFFFFF; border:1px solid var(--blue); filter:none}
.b-home .quick button:hover{background:var(--blue-dark); filter:none}
.b-home .b-steps{max-width:none; margin:48px 0 0; display:block; border-top:2px solid var(--navy);
  border-bottom:1px solid var(--rule); background:var(--surface)}
.b-home .b-steps > div{display:grid; grid-template-columns:44px 160px minmax(0, 1fr); column-gap:16px; align-items:baseline;
  padding:12px 16px; margin:0; background:none; border:0; border-bottom:1px solid var(--hair); text-align:left}
.b-home .b-steps > div:last-child{border-bottom:0}
.b-home .b-steps .no{display:block; width:auto; height:auto; margin:0; background:none; color:var(--blue);
  font-size:20px; font-weight:700; font-style:normal}
.b-home .b-steps b{display:block; font-size:17px; font-weight:700; margin:0}
.b-home .b-steps span{font-size:17px; line-height:1.7; color:var(--muted)}
.b-cmp{width:100%; margin:32px 0 0; border-collapse:collapse; table-layout:fixed; background:var(--surface);
  border-top:2px solid var(--navy); border-bottom:1px solid var(--rule)}
.b-cmp thead th{width:50%; padding:12px 16px; font-size:17px; text-align:left; vertical-align:bottom;
  background:var(--thead); border-top:0; border-bottom:1px solid var(--rule)}
.b-cmp td{padding:12px 16px; font-size:16px; line-height:1.7; vertical-align:top; border-bottom:1px solid var(--hair)}
.b-cmp tr:last-child td{border-bottom:0}
.b-cmp th + th, .b-cmp td + td{border-left:1px solid var(--rule)}
.b-list{margin-top:48px; border-top:2px solid var(--navy); background:var(--surface)}
.b-list .b-row, .b-list .h-example.b-row{display:grid; grid-template-columns:repeat(12, minmax(0, 1fr)); column-gap:24px;
  align-items:baseline; max-width:none; margin:0; padding:12px 16px; background:none; border:0; border-bottom:1px solid var(--hair);
  text-decoration:none; color:var(--ink)}
.b-list .b-row .t, .b-list .b-row h3{grid-column:1 / span 4; display:block; margin:0; padding:0; border:0;
  font-size:17px; font-weight:700; color:var(--blue)}
.b-list .b-row .d, .b-list .b-row p{grid-column:5 / -1; display:block; margin:0; font-size:16px; line-height:1.7; color:var(--muted)}
.b-list .b-row:hover{background:var(--paper)}
.b-list .b-row:hover .t, .b-list .b-row:hover h3{text-decoration:underline; text-underline-offset:4px}
.b-list .b-row:focus-visible{outline-offset:-2px}
.b-home .b-list + .b-note{margin-top:0; padding:8px 16px 0; border-top:0}
.flow.b-proc{margin:20px 0 32px; border-top:2px solid var(--navy); border-bottom:1px solid var(--rule); background:var(--surface)}
.b-proc .fbox{display:grid; grid-template-columns:44px minmax(0, 1fr) auto; column-gap:16px; align-items:baseline;
  padding:12px 16px; background:var(--surface); border:0; border-bottom:1px solid var(--hair)}
.b-proc .fbox .ic{display:block; width:auto; height:auto; flex:none; background:none; color:var(--blue); font-size:20px; font-weight:700}
.b-proc .fbox.hi, .fbox.hi{background:var(--surface); border:0; border-bottom:1px solid var(--hair)}
.b-proc .fbox.hi .ic, .fbox.hi .ic{background:none; color:var(--blue)}
.b-proc .fbox .t{font-size:17px; font-weight:700}
.b-proc .fbox .d{font-size:15px; color:var(--muted)}
.b-proc .fbox .n{font-size:20px; font-weight:700}
.b-proc .farrow{margin:0; padding:4px 16px 4px 76px; font-size:14px; color:var(--muted); background:var(--paper);
  border-bottom:1px solid var(--hair)}
.b-proc .farrow::before{width:24px; flex:0 0 24px; margin-left:-32px; font-size:9px; color:var(--rule)}
.card.b-alert{background:var(--warn-bg); border:0; border-left:3px solid var(--warn)}
.card.b-alert p{color:var(--ink) !important}
.card.b-ours{border-top:2px solid var(--blue)}
.card.b-cta{margin-top:48px; padding:20px 24px; border:1px solid var(--rule); border-top:3px solid var(--navy); text-align:left}
.card.b-cta h3{font-size:21px; margin:0 0 8px; padding:0; border:0}
.card.b-cta p{margin:0 0 16px; color:var(--muted)}
.grid2.b-cols{gap:0}
.grid2.b-cols .card{margin:0; border-top:2px solid var(--navy)}
.grid2.b-cols .card + .card{border-left:0}
.b-apply-page .ap-head{text-align:left; margin:40px 0 24px; max-width:760px}
.b-apply-page .ap-head h1{font-size:32px; line-height:1.35; margin:0 0 8px}
.b-apply-page .ap-head p{font-size:var(--fs-body); color:var(--muted); margin:0}
.b-apply, .b-login{align-items:start}
.b-apply .b-main, .b-login .b-main{grid-column:1 / span 7}
.b-apply .b-side, .b-login .b-side{grid-column:8 / -1; padding-left:24px}
.b-login .b-side{margin-top:40px}
.b-side .card{padding:16px 20px; margin-bottom:24px; border:0; border-top:2px solid var(--navy)}
.b-side table{font-size:15px}
.b-side th{width:36%}
.ap-form{padding:20px; border:1px solid var(--rule); border-top:3px solid var(--navy)}
.ap-form .field{margin-bottom:20px}
html body .ap-form .field label, .ap-form .field > label{font-size:15px}
.ap-form input[type=text], .ap-form input[type=email]{height:48px; font-size:17px; padding:0 12px}
.ap-more{border:0; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); padding:4px 0; margin:8px 0 20px}
.ap-more summary{font-size:17px; color:var(--ink)}
.ap-form .send{font-size:18px; height:50px; padding:0 16px}
.b-login form.card{border:1px solid var(--rule); border-top:3px solid var(--navy)}
#goodsbox{border-color:var(--rule) !important}
#goodsbox .gh{background:var(--thead); border-bottom:1px solid var(--rule)}
#goodsbox .gpick .cl{color:var(--blue)}
.dark.b-panel{background:none; color:var(--ink); margin:0; padding:0; overflow:visible}
.dark.b-panel::after{display:none}
.dark.b-panel .in{max-width:none; width:auto; padding:0}
.b-panel .demo{margin-top:20px; border:1px solid var(--rule); border-top:3px solid var(--navy); background:var(--surface)}
.b-panel .demo .bar{background:var(--thead); border-bottom:1px solid var(--rule); font-size:15px; padding:8px 16px; gap:8px}
.b-panel .demo .bar .t{margin-left:0; font-weight:700; color:var(--ink)}
.b-panel .demo .bar .r{font-weight:700; color:var(--muted)}
.b-panel .demo .bar .nav{font:inherit; font-size:18px; line-height:1; width:32px; height:28px; padding:0; cursor:pointer;
  background:var(--surface); color:var(--ink); border:1px solid var(--rule)}
.b-panel .demo .bar .nav:hover{background:var(--paper)}
.deadline{border-bottom:1px solid var(--hair); padding:8px 16px}
.b-panel .demo .body{padding:0}
.b-panel .mkgrid{gap:0; padding-right:0}
.b-panel .chip{border:0; border-right:1px solid var(--hair); border-bottom:1px solid var(--hair); background:var(--surface)}
.b-panel a.chip{text-decoration:none; color:inherit}
.b-panel a.chip:hover{background:var(--paper)}
.b-panel .mkmore{text-align:left; padding:12px 16px; border-top:1px solid var(--hair)}
.b-panel .dstats{margin-top:0; gap:0; border:1px solid var(--rule); border-top:0; background:var(--surface)}
.b-panel .dstats .stat{background:none; border:0; border-right:1px solid var(--hair); padding:16px}
.b-panel .dstats .stat:last-child{border-right:0}
.b-panel .dstats .stat .n{color:var(--ink); font-weight:700; font-size:30px}
.b-panel .dstats .stat .n .u{color:var(--muted); font-size:17px}
.b-panel .dstats .stat .l{color:var(--muted); font-size:14px}
.b-asof{text-align:left; margin:24px 0 16px}
.b-pair{align-items:stretch}
.b-pair .b-half{grid-column:span 6; margin:0}
.br .t{height:16px; background:var(--blue)}
.br .t.soft{background:var(--hair)}
.br .k{color:var(--muted)}
.br .v{font-weight:700}
.br.click{cursor:pointer}
.br.click:hover .k{color:var(--ink); text-decoration:underline}
.card.b-cta .b-cta-h{font-weight:700; font-size:20px; color:var(--ink); margin:0 0 8px}
.card.b-cta .acts{margin-top:20px; justify-content:flex-start}
.paid{background:var(--blue-tint); border-left:3px solid var(--blue); color:var(--ink)}
html body .box{background:var(--surface); border:1px solid var(--hair); border-top:2px solid var(--navy); padding:16px 24px 20px}
html body .box .bt{font-weight:700; font-size:15px; letter-spacing:.02em; color:var(--navy);
  padding-bottom:8px; border-bottom:1px solid var(--hair); margin-bottom:12px}
html body .box .sechead.v2h1{border-top:0; padding-top:0}
.verdict{border:1px solid var(--hair); border-left:4px solid var(--urgent); background:var(--surface)}
.verdict .msg{font-weight:700}
html body .sechead{border-top:2px solid var(--navy); border-bottom:1px solid var(--hair); padding:12px 0; margin:0 0 16px}
html body .sechead h2{margin:0; padding:0; border:0; font-size:22px}
html body .sechead .cnt, html body .ogrp .cnt{font-weight:700}
html body :is(.sechead .no, #v2 .sechead .no, .v2h1 .no, .summary .r .n, .summary .r .n.pill, .subno,
  .cmlegend .lg b, .cmlists .h b){
  background:transparent !important; color:var(--navy); width:auto; min-width:0; height:auto; padding:0 8px 0 0; margin:0 8px 0 0;
  display:inline-block; font-weight:700; font-size:inherit; font-variant-numeric:tabular-nums;
  border:0; border-right:1px solid var(--rule); line-height:1.3}
html body :is(.sechead .no, #v2 .sechead .no){font-size:22px}
html body :is(.sechead .no.mine, .summary .r .n.mine, .cmlegend .lg.mine b, .cmlists .h.mine b){color:var(--ok)}
html body :is(.sechead .no.old, .summary .r .n.old, .cmlegend .lg.old b, .cmlists .h.old b, .subno){color:var(--blue)}
html body :is(.sechead .no.opp, .summary .r .n.opp){color:var(--warn)}
html body .summary .r .n.newtag{color:var(--urgent); border:1px solid var(--urgent); padding:0 6px}
html body .summary .line1{border-bottom:1px solid var(--hair)}
html body .targets .t .k{background:transparent; color:var(--navy); border:1px solid var(--navy)}
html body :is(#v1, #v2) .tag{background:transparent; border:1px solid var(--rule); color:var(--muted)}
html body :is(#v1, #v2) .tag.new{border-color:var(--urgent); color:var(--urgent)}
html body :is(#v1, #v2) .tag.watch{border-color:var(--warn); color:var(--warn)}
html body :is(#v1, #v2) .tag.prio{border-color:var(--blue); color:var(--blue)}
html body :is(#v1, #v2) .tag.sim{border-color:var(--navy); color:var(--navy); background:transparent}
html body .est{background:var(--blue-tint); border-left:3px solid var(--blue)}
html body .est.plain{background:var(--paper); border-left-color:var(--rule)}
html body .est.dl{background:var(--urgent-bg); border-left-color:var(--urgent)}
html body .est b.lab{background:transparent; color:var(--navy); border:1px solid var(--navy)}
html body .case{border:1px solid var(--hair); background:var(--surface)}
html body .grid .g{border:1px solid var(--hair); background:var(--surface)}
html body .grid .g.reg{border-left:3px solid var(--ok)}
html body :is(.grid .g .hits .hit, .readout .hitway){background:transparent; border:1px solid var(--ok); color:var(--ok)}
html body .regtab td{border-bottom:1px solid var(--hair)}
html body .ogrp{border:1px solid var(--hair); background:var(--surface)}
html body .ogrp[open]{border-color:var(--rule)}
html body .ogrp > summary:hover{background:var(--paper)}
html body .ogrp .lab{color:var(--navy)}
html body .ogrp.ref{border:1px solid var(--rule); border-left:3px solid var(--blue)}
html body .ogrp.ref > summary{background:var(--paper)}
html body .ogrp.ref .btnlike{background:var(--blue); color:#FFFFFF}
html body .asof{background:transparent; border:1px solid var(--hair); color:var(--muted)}
html body :is(.classmap .cr .b i, #scanlog .row .bar i){background:var(--blue); opacity:1}
html body :is(.summary a.r:hover, .summary a.r:focus-visible){background:var(--paper)}
html body .owngrp{border-top:2px solid var(--navy)}
html body .owngrp:first-child{border-top:0}
html body .cmpnote{background:var(--paper)}
html body .disc{background:transparent; border-top:1px solid var(--rule); padding:12px 0 0; margin-top:32px; font-size:14px}
html body .timeline{border:1px solid var(--hair)}
html body :is(.box .timeline, .box .classmap){border:0; border-top:1px solid var(--hair)}
html body #zoom figure{border:1px solid var(--rule)}
html body table.st{width:100%; max-width:none; table-layout:fixed; border-collapse:collapse}
html body table.st th, html body table.st td{width:auto; padding:8px 0 8px 12px; text-align:right; white-space:nowrap;
  font-variant-numeric:tabular-nums; border-top:0; border-bottom:1px solid var(--hair)}
html body table.st thead th{background:var(--thead); border-top:2px solid var(--navy); border-bottom:1px solid var(--rule);
  font-size:14px; color:var(--ink); line-height:1.4}
html body table.st th:first-child, html body table.st td:first-child{width:120px; padding-left:0; text-align:left}
html body table.st thead th:first-child{padding-left:12px}
html body table.st td.k{padding-left:12px}
html body table.st th span{display:inline; margin-left:4px}
html body table.st tbody tr:last-child td{border-bottom:0}
html body .simtable{margin-top:16px; padding-top:0; border-top:0}
html body .stn{margin-top:8px; font-size:14px}
html body :is(.regtab, .cmptab){width:100%; font-size:15px}
html body :is(.regtab, .cmptab) th{width:auto; white-space:nowrap}
html body :is(.regtab, .cmptab) :is(th, td){vertical-align:top; padding:10px 12px 10px 0}
html body :is(.regtab, .cmptab) th:first-child{width:112px}
html body .regtab:not(.cmptab){table-layout:fixed}
html body .regtab:not(.cmptab) th:nth-child(3){width:128px}
html body .regtab:not(.cmptab) th:nth-child(4){width:116px}
html body .regtab:not(.cmptab) th:nth-child(5){width:64px}
html body .regtab:not(.cmptab) th:nth-child(6){width:132px}
html body .regtab:not(.cmptab) th:nth-child(7){width:132px}
html body .regtab:not(.cmptab) td:is([data-h="등록번호"], [data-h="등록일"], [data-h="만료일"]){white-space:nowrap}
html body .regtab td:last-child{text-align:right}
html body .thumb{width:92px; height:92px; flex:0 0 92px; padding:4px; background:#FFFFFF; border:1px solid var(--rule)}
html body .regtab .thumb{width:92px; height:92px; flex-basis:92px}
html body .cmpown .thumb{width:120px; height:120px; flex:0 0 120px}
html body .thumb img{width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain}
html body .thumb.none{background:var(--paper); font-size:12px}
html body button.btn[data-contact]{display:inline-flex; align-items:center; height:32px; padding:0 12px; font-size:14px;
  line-height:1; white-space:nowrap; background:var(--surface); color:var(--blue); border:1px solid var(--blue)}
html body button.btn[data-contact]:hover{background:var(--blue-tint); color:var(--blue-dark)}
html body .v2acts .btn{display:inline-flex; align-items:center; height:32px; padding:0 12px; font-size:14px; line-height:1; white-space:nowrap}
html body .v2acts{align-items:flex-start}
html body .case .meta{display:block}
html body .case .meta br + *{margin-top:0}
@media (max-width:900px){
  html body .regtab:not(.cmptab){table-layout:auto}
  html body .regtab:not(.cmptab) th:is(:nth-child(3), :nth-child(4), :nth-child(5), :nth-child(6), :nth-child(7)){width:auto}
  html body :is(.regtab, .cmptab) th:first-child{width:100px}
}
@media (max-width:560px){
  html body .thumb, html body .regtab .thumb{width:76px; height:76px; flex-basis:76px}
  html body .cmpown .thumb{width:100px; height:100px; flex-basis:100px}
  html body .regtab:not(.cmptab){table-layout:auto}
  html body .regtab td:last-child{text-align:left}
  html body .regtab td, html body .cmptab td{border:0; padding:3px 0}
  html body .regtab tr{padding:12px 0; border-bottom:1px solid var(--hair)}
}
html body .cmgrid{gap:2px}
html body .cmgrid .cell{aspect-ratio:auto; min-height:60px; padding:4px 2px}
html body .cmlists > div{flex:1 1 100%}
html body .cmlists ul{columns:2 320px; column-gap:24px}
html body .cmlists li{break-inside:avoid}
html body .summary a.r{margin:0; padding:2px 0}
html body .summary .rows{gap:4px}
html body .summary .r{font-size:16px}
html body .summary .line1{font-size:15px}
html body #cbtn{background:var(--surface); color:var(--blue); border:1px solid var(--blue); font-size:15px; font-weight:700}
html body #cbtn:hover{background:var(--blue-tint)}
html body #cbox{border:1px solid var(--rule); border-top:3px solid var(--navy)}
html body #cbox .sub{border-left:0; padding-left:0}
html body #cbox .togo{background:var(--blue-tint); border-left:3px solid var(--blue)}
html body .mf{border:1px solid var(--hair); background:var(--surface)}
html body .mf-chosen{background:var(--blue-tint); border-left:3px solid var(--blue)}
html body .kpi .b{border:1px solid var(--hair); background:var(--surface)}
html body .kpi .b.hot{border-color:var(--urgent); border-left:3px solid var(--urgent); background:var(--urgent-bg)}
html body .kpi .v{font-variant-numeric:tabular-nums}
html body .pbtn{font-size:15px}
html body .pbtn.on{background:var(--blue-tint); color:var(--navy); box-shadow:inset 3px 0 0 var(--blue)}
html body .warnbox{border:0; border-left:3px solid var(--urgent)}
html body table.adm th{background:var(--thead); color:var(--ink)}
html body #adm-shell h3 .sub{margin-left:8px; padding-left:0; border-left:0}
@media (max-width:860px){ html body .pbtn.on{box-shadow:inset 0 -3px 0 var(--blue)} }
@media (max-width:820px){
  .top .in{min-height:52px; padding-top:8px; padding-bottom:8px; gap:8px}
  .top.open nav{gap:0; border-top:1px solid rgba(255,255,255,.2); margin:8px 0 0}
  .top.open nav a{padding:12px 4px; border-bottom:1px solid rgba(255,255,255,.12); border-left:3px solid transparent}
  .top.open nav a.on{border-bottom-color:rgba(255,255,255,.12); border-left-color:#FFFFFF; padding-left:12px}
  .top.open .right{gap:8px; padding:8px 0 12px}
  .top.open .right > a{padding:8px 4px}
  .top .acct .panel{background:transparent; border:0}
  .top .acct .panel .mail{color:#C6D2DD; border-bottom-color:rgba(255,255,255,.2)}
  .top .acct .panel a{color:#FFFFFF}
  .top .acct .panel a:hover{background:transparent}
}
@media (max-width:800px){
  :root{--gutter:32px}
  main{padding-bottom:48px}
  .g12, .b-home .b-first{display:block}
  h2{margin-top:40px}
  h2.b-title{font-size:27px; margin-top:32px}
  .b-home .b-first{margin-top:24px}
  .b-home .h-hero h1{font-size:29px}
  .b-home .h-hero h1 .hl{font-size:19px}
  .b-home .b-first > .quick{margin-top:24px}
  .b-home .b-steps{margin-top:32px}
  .b-home .b-steps > div{grid-template-columns:32px minmax(0, 1fr); row-gap:2px; padding:12px}
  .b-home .b-steps .no{grid-row:1 / span 2}
  .b-home .b-steps b, .b-home .b-steps span{grid-column:2}
  .b-cmp{display:grid; grid-template-columns:minmax(0, 1fr); border-bottom:0}
  .b-cmp thead, .b-cmp tbody, .b-cmp tr{display:contents}
  .b-cmp thead th{width:auto; display:block; padding:10px 12px; border-left:0 !important}
  .b-cmp td{display:block; padding:10px 12px; border-left:0 !important; border-bottom:1px solid var(--hair)}
  .b-cmp th.gen{order:1}
  .b-cmp tr > td:nth-child(1){order:2}
  .b-cmp th.sec{order:3; margin-top:24px; border-top:2px solid var(--navy)}
  .b-cmp tr > td:nth-child(2){order:4}
  .b-cmp tr.r3 > td{border-bottom:1px solid var(--rule)}
  .b-list .b-row, .b-list .h-example.b-row{grid-template-columns:1fr; row-gap:4px; padding:12px}
  .b-list .b-row .t, .b-list .b-row h3, .b-list .b-row .d, .b-list .b-row p{grid-column:1}
  .b-home .b-list + .b-note{padding:8px 12px 0}
  .b-apply-page .ap-head{margin-top:32px}
  .b-apply-page .ap-head h1{font-size:27px}
  .b-side, .b-login .b-side{margin-top:32px}
  .b-pair .b-half{margin-bottom:24px}
  .b-panel .dstats{grid-template-columns:repeat(2, 1fr)}
  .b-panel .dstats .stat:nth-child(2n){border-right:0}
  .b-panel .dstats .stat:nth-child(-n+2){border-bottom:1px solid var(--hair)}
  .grid2.b-cols .card + .card{border-left:1px solid var(--hair); margin-top:24px}
  .card{padding:16px}
  footer .in{display:block; padding-bottom:40px}
  footer .ft-biz{border-left:0; padding-left:0; margin-top:16px; padding-top:16px; border-top:1px solid var(--hair)}
}
@media (max-width:420px){
  :root{--fs-body:16px}
  .b-home .h-hero h1{font-size:25px}
  .b-home .h-hero h1 .hl{font-size:18px}
  .b-home .quick, .ap-form{padding:16px}
  html body .box{padding:12px 16px 16px}
  h2.b-title, .b-apply-page .ap-head h1{font-size:24px}
  .b-proc .fbox{grid-template-columns:28px minmax(0, 1fr); padding:12px}
  .b-proc .fbox .n{grid-column:2}
  .b-proc .farrow{padding-left:56px}
  .b-proc .farrow::before{margin-left:-36px}
  .b-panel .dstats .stat{padding:12px}
  .b-panel .dstats .stat .n{font-size:24px}
  th, td{padding-right:8px}
  .top .brand{font-size:18px}
}
html body #cbtn{font-size:14px; padding:8px 12px; right:16px; bottom:16px}
@media (min-width:1240px){
  html body #cbtn{writing-mode:vertical-rl; text-orientation:mixed; right:16px; bottom:24px; padding:12px 7px; letter-spacing:.04em}
}
@media (max-width:1239px){
  html body #cbtn{left:0; right:0; bottom:0; width:100%; height:44px; padding:0 16px; border-width:1px 0 0;
    border-color:var(--rule); border-top:1px solid var(--rule); background:var(--surface); text-align:center}
  html body:has(#cbtn){padding-bottom:44px}
}
html body .box .timeline{flex-wrap:nowrap}
html body .box .timeline .tl{min-width:0; flex:0 1 auto}
html body .box .timeline .line{min-width:6px}
@media (max-width:900px){
  html body .timeline{flex-direction:column; align-items:flex-start; gap:4px; flex-wrap:nowrap}
  html body .timeline .tl{display:flex; align-items:center; gap:9px; text-align:left; min-width:0}
  html body .timeline .tl .dot{margin:0}
  html body .timeline .tl .d{min-width:52px}
  html body .timeline .line{display:none}
}
html body .ogrp.ref .btnlike{display:inline-flex; align-items:center; height:32px; padding:0 12px; font-size:14px;
  background:var(--surface); color:var(--blue); border:1px solid var(--blue)}
html body .ogrp.ref > summary:hover .btnlike{background:var(--blue-tint)}
html body .ogrp.ref .btnlike.cl{display:none}
html body .ogrp.ref[open] .btnlike.op{display:none}
html body .ogrp.ref[open] .btnlike.cl{display:inline-flex}
html body .case{display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr); column-gap:32px; align-items:start}
html body .case > *{grid-column:1 / -1}
html body .case > .chead{grid-column:1; grid-row:1}
html body .case > .gds{grid-column:1; grid-row:2}
html body .case > .tlx{grid-column:2; grid-row:1 / span 2; margin:0; padding-top:4px; border-left:1px solid var(--hair); padding-left:16px}
@media (max-width:800px){
  html body .case{display:block}
  html body .case > .tlx{border-left:0; padding-left:4px; margin-top:10px}
}
html body .summary .rows, html body .summary .line1, html body .simtable .stn{padding-left:12px; padding-right:12px}
html body table.st th:last-child, html body table.st td:last-child{padding-right:12px}
.b-pair{align-items:start}
.card.b-cta .acts{align-items:stretch; gap:8px}
.card.b-cta .acts .btn{display:inline-flex; align-items:center; height:48px; padding:0 20px; font-size:16px}
@media (max-width:800px){
  .b-apply .b-side, .b-login .b-side{padding-left:0}
}
@media (max-width:560px){
  .b-panel .demo .bar{flex-wrap:wrap; row-gap:4px}
  .b-panel .demo .bar .r{margin-left:0; width:100%}
}
.g12 > #mk-box, .b-pair > #mk-box{grid-column:1 / -1; margin-top:0; margin-bottom:24px}
.b-pair{grid-auto-flow:row dense}
footer .in:has(> b){display:block}
footer .in:has(> b) .ft-biz{border-left:0; padding-left:0; margin-top:16px; padding-top:16px; border-top:1px solid var(--hair)}
.b-apply:has(.ap-form[style*="none"]) .b-main{display:none}
.b-apply:has(.ap-form[style*="none"]) .b-side{grid-column:1 / span 7; padding-left:0}
.b-apply:has(.ap-form[style*="none"]) .b-side{grid-column:1 / -1; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:24px; align-items:start}
@media (max-width:800px){ .b-apply:has(.ap-form[style*="none"]) .b-side{grid-template-columns:minmax(0, 1fr)} }
html body .ogrp.owngrp-d .btnlike{display:inline-flex; align-items:center; height:32px; padding:0 12px; font-size:14px; font-weight:700;
  border:1px solid var(--blue); background:var(--surface); color:var(--blue); white-space:nowrap}
html body .ogrp.owngrp-d > summary:hover .btnlike{background:var(--blue-tint)}
html body .ogrp.owngrp-d .btnlike.cl{display:none}
html body .ogrp.owngrp-d[open] .btnlike.op{display:none}
html body .ogrp.owngrp-d[open] .btnlike.cl{display:inline-flex}
.b-home .b-first > .b-find{grid-column:8 / -1}
.b-home .b-find .quick{margin:0}
.b-home .b-find-h{margin:0 0 4px; font-size:19px; font-weight:700; color:var(--ink);
  padding-top:20px; border-top:3px solid var(--navy)}
.b-home .b-find-d{margin:0 0 16px; font-size:15px; line-height:1.7; color:var(--muted)}
.b-home .b-find-add{margin:12px 0 0; font-size:14px; line-height:1.65; color:var(--muted)}
.b-anon{margin:16px 0 0; padding:0 0 0 10px; border-left:2px solid var(--blue);
  font-size:16px; font-weight:700; color:var(--ink)}
.b-login .b-anon{margin:-8px 0 20px}
.b-get{width:100%; margin:24px 0 0; border-collapse:collapse; background:var(--surface);
  border-top:2px solid var(--navy); font-size:16px}
.b-get th{width:112px; padding:10px 12px 10px 16px; vertical-align:top; white-space:nowrap}
.b-get td{padding:10px 16px 10px 0; line-height:1.65}
.b-get th, .b-get td{border-bottom:1px solid var(--hair)}
.b-get tr:last-child th, .b-get tr:last-child td{border-bottom:0}
.b-home > h2{margin-top:48px}
.b-home-secure{margin-top:24px; padding:4px 24px 20px; background:var(--surface); border:1px solid var(--hair)}
.b-home-secure .b-secure{margin-top:16px; padding-top:0; border-top:0}
.pin-add{margin:8px 0 24px}
.pin-add h3{display:flex; flex-wrap:wrap; align-items:baseline; gap:8px}
.pin-add-row{display:flex; flex-wrap:wrap; gap:8px; align-items:stretch; margin:4px 0 8px}
.pin-add-row input{flex:1 1 280px; min-width:0; height:44px; padding:0 12px; border:1px solid var(--rule); background:var(--paper)}
.pin-add-row .btn{display:inline-flex; align-items:center}
.pin-add-row button[disabled]{opacity:.55; cursor:not-allowed}
.pin-add .hint{margin:0; font-size:14px; line-height:1.65}
.pv-only{font-size:12px; font-weight:700; color:var(--warn); background:var(--warn-bg); padding:2px 8px}
@media (max-width:800px){
  .b-home .b-first > .b-find{margin-top:32px}
  .b-get th{width:auto; white-space:normal; padding-left:12px}
  .b-home-secure{padding:4px 16px 16px}
}
@media (max-width:560px){
  .b-get, .b-get tbody, .b-get tr, .b-get th, .b-get td{display:block; width:auto}
  .b-get th{padding:10px 12px 0; border-bottom:0}
  .b-get td{padding:2px 12px 10px}
  .pin-add-row .btn{flex:1 1 auto; justify-content:center}
}
.b-notice{margin-top:24px; background:var(--surface); border:1px solid var(--hair); border-top:2px solid var(--navy)}
.b-notice-h{margin:0; padding:10px 16px; font-size:16px; font-weight:700; color:var(--ink); border-bottom:1px solid var(--hair)}
.b-notice-all{display:block; padding:10px 16px; font-size:14px; font-weight:700; border-top:1px solid var(--hair)}
.nt-empty{margin:0; padding:10px 16px; font-size:14px; color:var(--muted)}
details.nt{border-bottom:1px solid var(--hair)}
details.nt:last-child{border-bottom:0}
details.nt summary{display:flex; flex-wrap:wrap; gap:4px 10px; align-items:baseline; padding:10px 16px; cursor:pointer; list-style:none}
details.nt summary::-webkit-details-marker{display:none}
details.nt summary:hover .nt-t{text-decoration:underline; text-underline-offset:3px}
.nt-d{font-size:13.5px; color:var(--muted); font-variant-numeric:tabular-nums; white-space:nowrap}
.nt-t{font-size:15.5px; font-weight:700; color:var(--ink); min-width:0; overflow-wrap:anywhere}
.nt-pin{font-size:12px; font-weight:700; color:var(--blue); background:var(--blue-tint); padding:1px 6px}
.nt-b{padding:0 16px 12px; font-size:14.5px; line-height:1.7; color:var(--muted)}
.nt-b p{margin:0 0 6px}
.b-notice-page{padding:0}
.b-notice-page details.nt summary{padding:14px 24px}
.b-notice-page .nt-t{font-size:17px}
.b-notice-page .nt-b{padding:0 24px 16px; font-size:16px}
.b-notice-page .nt-empty{padding:14px 24px}
.b-home .h-hero .sub.b-how{margin-top:16px; color:var(--ink)}
.b-home .b-first{align-items:stretch}
.b-home .b-lead, .b-home .b-find{display:flex; flex-direction:column; min-width:0}
.b-home .b-lead > .h-hero{flex:0 0 auto}
.b-home .h-hero h1{margin:0 0 16px}
.b-home .h-hero .sub{margin:0}
.b-home .h-hero .sub.b-how{margin-top:16px}
.b-home .h-hero .b-anon{margin-top:16px}
.b-home .b-get{flex:1 1 auto; margin-top:24px}
.b-home .b-find-h{margin:0 0 8px; line-height:1.4}
.b-home .b-find-d{margin:0 0 16px}
.b-home .b-find .quick{flex:0 0 auto}
.b-home .b-find-add{margin:16px 0 0}
.b-home .b-notice{flex:1 1 auto; display:flex; flex-direction:column; margin-top:24px}
.b-home .b-notice-list{flex:1 1 auto}
@media (min-width:801px) and (max-width:1023px){
  .b-home .h-hero h1{font-size:30px}
  .b-home .h-hero h1 .hl{font-size:19px}
  .b-home .h-hero .sub{font-size:16px}
  .b-get th{width:96px}
}
@media (min-width:801px) and (max-width:899px){
  .b-home .h-hero h1{font-size:27px}
  .b-home .h-hero h1 .hl{font-size:18px}
  .b-home .h-hero .sub, .b-home .h-hero .b-anon{font-size:15px}
  .b-home .b-get{font-size:15px}
}
.b-home .b-first{align-items:start}
.b-home .b-get{flex:0 0 auto}
.b-home .b-get th, .b-home .b-get td{padding-top:8px; padding-bottom:8px}
.b-home .b-notice-wide{margin-top:32px}
.b-notice-wide .b-notice-top{display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--hair)}
.b-notice-wide .b-notice-h{border-bottom:0}
.b-notice-wide .b-notice-all{border-top:0; white-space:nowrap}
@media (min-width:801px){
  .b-notice-wide .b-notice-list{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); align-items:start}
  .b-notice-wide details.nt{border-bottom:0; border-right:1px solid var(--hair)}
  .b-notice-wide details.nt:last-child{border-right:0}
}
.b-lock{margin:24px 0 0; padding:20px 24px; background:var(--surface); border:1px solid var(--hair); border-top:3px solid var(--navy)}
.b-lock h3{margin:0 0 12px; font-size:19px; color:var(--ink)}
.b-lock ul{margin:0; padding-left:20px; line-height:1.8; font-size:15px}
.b-lock li{margin:4px 0}
.b-lock li b{color:var(--ink)}
@media (max-width:800px){ .b-lock{padding:16px} .b-lock h3{font-size:17px} }
.done-card{margin:40px 0 24px; padding:24px 28px; background:var(--surface); border:1px solid var(--hair); border-top:3px solid var(--navy); max-width:760px}
.done-card h2{margin:0 0 16px; padding-top:0; border-top:0; font-size:24px; color:var(--ink)}
.done-card table{font-size:15px}
.done-card th{width:150px; vertical-align:top}
.done-card ol{margin:0; padding-left:20px; line-height:1.8}
.done-acts{display:flex; flex-wrap:wrap; gap:8px; margin-top:20px}
@media (max-width:800px){ .done-card{margin-top:24px; padding:18px 16px} .done-card th{width:auto} }
.mk-goods li .ko{color:var(--muted); font-size:12.5px; margin-left:4px}
.pinline .pfill-img{width:44px;height:44px;object-fit:contain;vertical-align:middle;margin-right:8px;border:1px solid var(--hair);background:#fff}
.pinline .pfill-info{font-size:13px;color:var(--muted)}
footer .ft-end{grid-column:1 / -1; font-size:12.5px; color:var(--muted); line-height:1.7}
.newsum{margin:0 0 16px; border-left:4px solid var(--urgent,#A3302A)}
.newsum .sub{font-size:13px; color:var(--muted); margin-left:6px}
.newsum-list{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px}
.newsum-hi{outline:3px solid var(--urgent,#A3302A); outline-offset:3px; transition:outline-color .3s}
.pmk{margin:0 0 14px}
.pmk .pmk-src{font-size:12.5px; color:var(--muted); margin:-6px 0 0; padding:6px 12px; background:var(--surface); border:1px solid var(--hair); border-top:0}
.pmk .pmk-src a{color:var(--accent)}
.newsum{background:var(--urgent-bg,#fdecea); border:1px solid var(--urgent,#A3302A); border-left:5px solid var(--urgent,#A3302A); color:var(--urgent,#A3302A)}
.newsum > b{font-size:17px}
.newsum .sub{color:var(--urgent,#A3302A); opacity:.8}
ul.newsum-list{display:block; list-style:none; margin:10px 0 0; padding:0}
ul.newsum-list li{margin:4px 0; color:var(--fg)}
.newsum-go{background:none; border:0; padding:0; font:inherit; font-weight:700; color:var(--urgent,#A3302A); text-decoration:underline; cursor:pointer}
.newsum-what{font-size:14px; color:var(--fg)}
table.newsum-t{width:100%; margin-top:10px; border-collapse:collapse; background:#fff; color:var(--fg); font-size:14px}
table.newsum-t th{background:var(--urgent,#A3302A); color:#fff; font-weight:700; padding:6px 10px; text-align:left; width:auto}
table.newsum-t td{border:1px solid #e6c4c1; padding:6px 10px; vertical-align:top}
.newsum-no{font-size:12px; color:var(--muted)}
@media (max-width:800px){ table.newsum-t{font-size:13px} table.newsum-t th, table.newsum-t td{padding:5px 6px} }
.newsum{margin-top:36px}
.newsum-new{display:inline-block;background:var(--urgent,#A3302A);color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:9px;vertical-align:1px}
.b-notice-wide details.nt summary{flex-wrap:nowrap; min-width:0}
.b-notice-wide .nt-t{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1 1 auto; min-width:0}
.b-notice-wide .nt-pin{white-space:nowrap; flex:0 0 auto}
.ap-msg{margin:10px 0 0; font-size:14.5px; line-height:1.6}
.ap-msg:empty{display:none}
.ap-msg.err{padding:12px 14px; border:1px solid var(--urgent); border-left:5px solid var(--urgent); background:var(--urgent-bg); color:var(--urgent) !important; font-weight:700; border-radius:6px}
.lockwarn{margin:8px 0 12px; padding:10px 14px; border:1px solid var(--urgent,#A3302A); border-left:5px solid var(--urgent,#A3302A); background:var(--urgent-bg,#fdecea); font-size:14px}
.policy h3{font-size:16px; margin:28px 0 8px}
.policy p, .policy li{font-size:14px; line-height:1.85}
.policy ol, .policy ul{padding-left:22px; margin:6px 0}
.pol-date{color:var(--faint); font-size:13px}
.pol-wrap{overflow-x:auto; margin:8px 0}
.pol-tbl{border-collapse:collapse; width:100%; min-width:560px; font-size:13px}
.pol-tbl th, .pol-tbl td{border:1px solid var(--line); padding:7px 9px; vertical-align:top; text-align:left; line-height:1.6}
.pol-tbl th{background:var(--line2)}
.pol-todo{color:var(--urgent)}