:root{
  --ds-bg:#F4F5F7;      
  --ds-surface:#FFFFFF; 
  --ds-ink:#1B2130;     
  --ds-muted:#5B6474;   
  --ds-rule:#E3E6EB;    
  --ds-line:#CDD2DA;    
  --ds-ac:#3E3A78;      
  --ds-ac-press:#34316A;
  --ds-ac-wash:#EEEDF6; 
  --ds-r-s:8px;         
  --ds-r-m:16px;        
  --ds-r-pill:999px;    
  --ds-t1:12px;         
  --ds-t2:13px;         
  --ds-t3:15px;         
  --ds-t4:17px;         
  --ds-t5:22px;         
  --ds-t6:28px;         
  --paper:var(--ds-surface); --ink:var(--ds-ink); --muted:var(--ds-muted); --rule:var(--ds-rule); --line:var(--ds-line);
  --wash:var(--ds-bg); --bg:var(--ds-bg); --ac:var(--ds-ac); --ac-press:var(--ds-ac-press); --ac-wash:var(--ds-ac-wash);
  --sans:"IBM Plex Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
}
body{background:var(--ds-bg);font-family:var(--sans)}
.rsel,.glm small,.glv small{font-family:var(--sans)}  
.sa-n{display:none}                 
.nbar{background:var(--ds-surface);border-bottom:1px solid var(--ds-rule)}
.npill span{border-color:var(--ds-line);font-weight:600}
.nhead{padding:var(--s5) var(--s4) 0}
.nhead h1{font-size:var(--ds-t6);font-weight:700;letter-spacing:-.02em}
.nhead > p.nkind{margin-top:var(--s1);font-size:var(--ds-t2);font-weight:600;color:var(--ds-muted)} 
.nq .nfour{margin:var(--s4) var(--s4) 0;border:1px solid var(--ds-rule);border-radius:var(--ds-r-m);background:var(--ds-surface);overflow:hidden}
.nq .nfour .ncell{border-bottom:1px solid var(--ds-rule)}
.nq .nfour .ncell:nth-last-child(-n+2){border-bottom:0}
.nq .nfour .ncell > button,.nq .nfour .ncell > div.nnobtn{padding:var(--s3) var(--s4) var(--s4)}
.nk{font-size:var(--ds-t2)}
.ncell > button > b,.ncell > .nnobtn > b{font-size:var(--ds-t5);font-weight:700;letter-spacing:-.01em}
.ncell > button > b small,.ncell > .nnobtn > b small{font-size:var(--ds-t2)}
.nsrcline{margin:var(--s2) var(--s4) 0;padding:0 var(--s1);font-size:var(--ds-t1);color:var(--ds-muted)}
.nmain > .ncmp{margin:var(--s4) var(--s4) 0}
.sa-calb{border-color:var(--ds-ac);border-radius:var(--ds-r-s);background:var(--ds-ac);color:#fff;font-weight:600}
.sa-calb:active{background:var(--ds-ac-press)}
.sa-calp{font-size:var(--ds-t2)}
.nbtn{border-color:var(--ds-line);border-radius:var(--ds-r-s);font-weight:600}
.nbtn.fill{border-color:var(--ds-ac)}
.ncmpb{border-color:var(--ds-line);border-radius:var(--ds-r-s)}
.nmain > .nrows{margin:var(--s3) var(--s4) 0;padding:0 var(--s4);border:1px solid var(--ds-rule);border-radius:var(--ds-r-m);background:var(--ds-surface)}
.nmain > .nrows > li:last-child{border-bottom:0}
.nmain .sa-top + .nrows{margin-top:var(--s3)}
.nrow > span:first-child{font-weight:600}
.nsheet{border-radius:var(--ds-r-m) var(--ds-r-m) 0 0}
.nsh h2{font-size:var(--ds-t4);font-weight:700}
.nbig{border-top-color:var(--ds-rule)}
.nbig b{font-size:var(--ds-t5);font-weight:700}
.sa-chip span{border-color:var(--ds-line)}
.sa-chip input:checked + span{border-color:var(--ds-ac);background:var(--ds-ac-wash);color:var(--ds-ac);font-weight:600}
.sa-ans{border-left:0;border-radius:var(--ds-r-s);background:var(--ds-ac-wash)}
.sa-ans b{color:var(--ds-ac);font-weight:700}
.sa-ans.sa-wait{background:var(--ds-bg)}
.sa-ladder li.on{border-bottom-color:var(--ds-ac);color:var(--ds-ac)}
svg[aria-hidden="true"] *{vector-effect:non-scaling-stroke;stroke-width:1.8px}
@media (min-width:900px){
  .nq .nfour{margin:0}
  .nq .nfour .ncell{border-bottom:0}
  .nq .nfour .ncell > button,.nq .nfour .ncell > div.nnobtn{padding:var(--s4)}
  .nsrcline{margin:var(--s2) 0 0}
  .nmain > .nrows{margin:var(--s4) 0 0}
  .nmain .sa-top + .nrows{margin-top:var(--s3)}
  .nsheet{border-radius:var(--ds-r-m)}
}
@media (max-width:920px){
  body:has(.sa-calb) .nbtns .nbtn.fill{border-color:var(--ds-line);background:var(--ds-surface);color:var(--ds-ink)}
  body:has(.sa-calb) .nbtns .nbtn.fill:active{background:var(--ds-bg)}
}