@import url('fonts.css');
*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#0a0a0a;--coral:#ff6f61;--tint:#f3f3f1;--rule:#dcdcdc;--mute:#444;--pad:clamp(20px,5vw,72px)}
body{background:#fff;color:var(--ink);font:400 18px/1.6 'IBM Plex Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}a:hover{color:var(--coral)}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
header{height:76px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}
header img{height:52px}
header a.back{font:700 15px 'Inter Tight',sans-serif;text-decoration:none}
main{max-width:820px;margin:0 auto;padding:clamp(36px,6vw,72px) var(--pad) 90px}
.draft{background:var(--ink);color:#fff;font:700 13px 'Inter Tight',sans-serif;letter-spacing:.08em;padding:12px var(--pad)}
.draft b{color:var(--coral)}
h1{font:800 clamp(34px,5vw,56px)/1.04 'Inter Tight',sans-serif;letter-spacing:-.045em;text-wrap:balance}
.meta{margin-top:10px;color:#666;font-size:15px}
h2{font:800 26px/1.15 'Inter Tight',sans-serif;letter-spacing:-.03em;margin:44px 0 10px;padding-top:18px;border-top:3px solid var(--ink)}
p,ul,table{margin-top:12px}
ul{padding-left:22px}li{margin-top:6px}
table{width:100%;border-collapse:collapse;font-size:16px}
th,td{text-align:left;padding:10px 12px;border-top:1px solid var(--rule);vertical-align:top}
th{font:700 13px 'Inter Tight',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#666;border-top:2px solid var(--ink)}
.ph{background:#fff3c4;color:var(--ink);padding:0 4px}
form{margin-top:20px;display:grid;gap:14px}
label{display:block;font:700 14px 'Inter Tight',sans-serif;margin-bottom:6px}
input,textarea{width:100%;padding:12px 14px;font:400 18px 'IBM Plex Sans',sans-serif;border:2px solid var(--ink);border-radius:0;background:#fff}
input:focus,textarea:focus{outline:none;box-shadow:6px 6px 0 var(--ink)}
.btn{justify-self:start;min-height:56px;padding:0 30px;background:var(--coral);color:var(--ink);border:0;font:700 17px 'Inter Tight',sans-serif;cursor:pointer}
footer{padding:28px var(--pad);border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:10px 28px;font-size:14px;color:#555}
@media (max-width:640px){header img{height:44px}}
@media (max-width:640px){
  table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  th,td{min-width:150px}
  main{overflow-wrap:anywhere}
}