:root{--paper:#fff;--ink:#000;--ink2:#6e6e73;--rule:#c9c9ce;
 --a:clamp(2.5rem,9vw,7rem);--b:clamp(1.375rem,2.1vw,1.75rem);--pad:clamp(16px,2.2vw,32px)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:"Noto Serif KR",Georgia,serif;
 font-weight:400;font-size:var(--b);line-height:1.6;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}
.mute{color:var(--ink2)}b{font-weight:700}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;
 padding:16px var(--pad);border-bottom:1px solid var(--ink)}
.last{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.last i{font-style:normal;font-weight:700}
.last i.bn{font-weight:400;color:var(--ink2)}
.tabs{display:flex;border-bottom:1px solid var(--ink)}
.tab{flex:1;font:inherit;font-size:var(--b);background:none;color:var(--ink);border:0;
 border-right:1px solid var(--rule);border-radius:0;padding:14px 8px;cursor:pointer}
.tab:last-child{border-right:0}
.tab[aria-selected="true"]{background:var(--ink);color:var(--paper);font-weight:700}
.tab:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}
.sec{padding:clamp(20px,2.6vw,34px) var(--pad);border-bottom:1px solid var(--rule)}
.sec:last-child{border-bottom:0}
.lab{display:block;font-size:inherit;font-weight:700;margin-bottom:14px}
.top h1{font-size:inherit;font-weight:700}
.g1{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:760px){.g1{grid-template-columns:repeat(3,1fr)}}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}
@media(min-width:760px){.g2{grid-template-columns:repeat(5,1fr)}}
.bt{font:inherit;font-size:var(--b);line-height:1.3;text-align:left;padding:15px;
 border:1.5px solid var(--rule);border-radius:0;background:none;color:var(--ink);cursor:pointer}
.bt em{font-style:normal;display:block;color:var(--ink2)}
.bt:hover{border-color:var(--ink)}
.bt[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:700}
.bt[aria-pressed="true"] em{color:rgba(255,255,255,.7);font-weight:400}
.bt:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.g2 .bt{border-width:1.5px;border-style:dashed}
.g2 .bt[aria-pressed="true"]{border-style:solid}
.nums{display:flex;justify-content:space-between;align-items:baseline;gap:2px;min-height:calc(var(--a)*.95)}
.n{font-size:var(--a);font-weight:700;line-height:.95;letter-spacing:-.03em}
.calc{margin-top:clamp(16px,2vw,24px);border-top:1.5px solid var(--ink)}
.calc .rw:last-child{border-bottom:0}
.rsn{margin-top:clamp(14px,1.8vw,22px)}
.act{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:clamp(18px,2.2vw,28px)}
.btn{font:inherit;font-size:var(--b);font-weight:700;background:var(--ink);color:var(--paper);
 border:0;border-radius:0;padding:.55em 1.5em;cursor:pointer}
.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.why{display:block}
.why #wt{margin-bottom:12px}
.why #wb{max-width:38em}
.why #wb p+p{margin-top:12px}
.inp{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.inp input,.inp select{font:inherit;font-size:var(--b);font-family:inherit;padding:10px 12px;
 border:1.5px solid var(--rule);border-radius:0;background:none;color:var(--ink)}
.inp input:focus,.inp select:focus{outline:none;border-color:var(--ink)}
.srch{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}
.srch input{font:inherit;font-size:var(--b);font-family:inherit;padding:10px 12px;
 border:1.5px solid var(--rule);border-radius:0;background:none;color:var(--ink);width:8em}
.srch input:focus{outline:none;border-color:var(--ink)}
.hmsg{margin-top:18px}
#sent{height:1px}
.hist{width:100%;border-collapse:collapse}
.hist tr.hit td{font-weight:700}
.hist td{padding:14px 0;border-bottom:1px solid var(--rule);vertical-align:baseline}
.hist td:last-child{text-align:right;font-weight:700}
.sortbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.sb{font:inherit;font-size:var(--b);padding:10px 20px;border:1.5px solid var(--rule);
 border-radius:0;background:none;color:var(--ink);cursor:pointer}
.sb:hover{border-color:var(--ink)}
.sb[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:700}
.sb:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.heat{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
@media(min-width:640px){.heat{grid-template-columns:repeat(9,1fr)}}
.hc{border:1.5px solid var(--rule);padding:10px 8px 8px;text-align:center;line-height:1.15}
.hc b{display:block}.hc span{display:block;color:var(--ink2)}
.hc u{display:block;height:8px;background:var(--rule);margin-top:8px;text-decoration:none}
.hc u i{display:block;height:100%;background:var(--ink)}
.rows{border-top:1.5px solid var(--ink)}
.rw{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--rule)}
.end{padding:clamp(20px,2.6vw,34px) var(--pad) clamp(40px,5vw,60px)}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* /love/ 공용 */
a.bt{display:block;text-decoration:none;box-shadow:none}
a.bt:hover{border-color:var(--ink)}
.lede{font-weight:700;letter-spacing:-.03em;line-height:1.35;max-width:20em}
.p{margin-top:18px;max-width:32em}
.rw a{box-shadow:0 1px 0 var(--rule)}
.rw a:hover{box-shadow:0 1px 0 var(--ink)}