:root{
  --w:#FFFFFF;--w2:#F5F5F3;
  --k:#0A0A0A;--k3:#272725;
  --g:#56565A;--g2:#8A8A8D;--gk2:#75757A;
  --rule:#E3E3DF;--rule2:#EFEFEC;
  --o:#FF4D00;--o2:#D93F00;
  --dsp:'Big Shoulders Display','Archivo Narrow',system-ui,sans-serif;
  --bdy:'Instrument Sans',system-ui,sans-serif;
  --mno:'DM Mono',ui-monospace,monospace;
  --mrk:'Inter',-apple-system,'Segoe UI',system-ui,sans-serif;
  --r:3px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--w);color:var(--k);font-family:var(--bdy);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--o);outline-offset:3px}

.top{position:sticky;top:0;z-index:20;background:#FFFFFFF2;backdrop-filter:blur(10px);
  border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:16px;padding:13px 26px}
.top .rl{font-family:var(--mrk);font-weight:700;font-size:19px;letter-spacing:-.04em;color:var(--k);
  text-decoration:none;line-height:1}
.top .rl i{color:var(--o);font-style:normal}
.top .sp{flex:1}
.top a.bk{font-size:14px;color:var(--g);text-decoration:none;font-weight:500}
.top a.bk:hover{color:var(--k)}

.wrap{max-width:760px;margin:0 auto;padding:0 26px}
header.hd{padding:clamp(46px,7vh,80px) 0 clamp(30px,4vh,44px);border-bottom:1px solid var(--rule)}
.eb{font-family:var(--mno);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  color:var(--o);margin-bottom:16px}
h1{font-family:var(--dsp);font-weight:800;font-size:clamp(40px,6vw,68px);line-height:.92;letter-spacing:.002em}
.upd{font-family:var(--mno);font-size:11px;color:var(--g2);margin-top:20px;letter-spacing:.02em}

main{padding:clamp(34px,5vh,52px) 0 clamp(60px,9vh,100px)}
main section{margin-bottom:40px}
main h2{font-family:var(--dsp);font-weight:800;font-size:clamp(24px,3vw,32px);line-height:1;
  letter-spacing:.002em;margin-bottom:16px;display:flex;align-items:baseline;gap:13px}
main h2 span{font-family:var(--mno);font-size:11px;font-weight:400;letter-spacing:.1em;color:var(--o);flex:none}
main h3{font-size:16px;font-weight:600;letter-spacing:-.015em;margin:24px 0 10px}
main p{color:var(--g);margin-bottom:14px}
main p:last-child{margin-bottom:0}
main strong{color:var(--k);font-weight:600}
main a{color:var(--o2);text-decoration:underline;text-underline-offset:2px}
main ul{list-style:none;margin:0 0 14px}
main ul li{position:relative;padding-left:22px;color:var(--g);margin-bottom:9px}
main ul li::before{content:'';position:absolute;left:2px;top:11px;width:6px;height:1.5px;background:var(--o)}
main ul li strong{color:var(--k)}

.box{border:1px solid var(--rule);border-radius:var(--r);padding:22px 24px;background:var(--w2);margin:22px 0}
.box p:last-child{margin-bottom:0}
.tb{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px}
.tb th{font-family:var(--mno);font-size:9.5px;font-weight:400;letter-spacing:.11em;text-transform:uppercase;
  color:var(--g2);text-align:left;padding:0 12px 10px 0;border-bottom:1px solid var(--rule)}
.tb td{padding:12px 12px 12px 0;border-bottom:1px solid var(--rule2);color:var(--g);vertical-align:top}
.tb td:first-child{color:var(--k);font-weight:500;width:38%}
.tb tr:last-child td{border-bottom:0}

footer{background:var(--k);color:var(--gk2);padding:30px 0}
footer .in{max-width:760px;margin:0 auto;padding:0 26px;display:flex;align-items:center;
  gap:18px;flex-wrap:wrap;font-size:13px}
footer .lg{font-family:var(--mrk);font-weight:700;font-size:17px;letter-spacing:-.04em;color:#fff;line-height:1}
footer .lg i{color:var(--o);font-style:normal}
footer .sp{flex:1}
footer a{color:var(--gk2);text-decoration:none;transition:color .2s}
footer a:hover{color:#fff}

@media(max-width:620px){
  .wrap,footer .in{padding:0 20px}
  .tb,.tb tbody,.tb tr,.tb td{display:block;width:100%}
  .tb thead{display:none}
  .tb td{padding:4px 0;border-bottom:0}
  .tb td:first-child{padding-top:14px;border-top:1px solid var(--rule2)}
  .tb tr:first-child td:first-child{border-top:0}
}