@font-face{font-family:"Plex Mono";src:url(/fonts/ibm-plex-mono-regular-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/fonts/ibm-plex-mono-bold-latin.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;padding:0;font:16px/1.55 "Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#111;background:#fff;overflow-wrap:break-word}
main{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;max-width:34rem;margin:0;padding:40px 0 0}
.brand{letter-spacing:.1em;text-transform:uppercase;color:#666;margin:0 0 16px}
.brand a{color:inherit;text-decoration:none}
h1{line-height:1.12;letter-spacing:-.045em;font-weight:700;margin:0 0 24px;text-wrap:balance}
p.lead{line-height:1.55;color:#555;max-width:30ch;margin:0 0 28px}
.btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:22rem;min-height:52px;padding:14px 28px;background:#111;color:#fff;text-decoration:none;border-radius:4px;font-weight:700;font-family:inherit}
.btn:hover,.btn:focus-visible{background:#333}
footer{display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:20px;row-gap:0;padding:24px 0 32px}
footer a{color:#777;display:inline-flex;align-items:center;min-height:44px;padding:0}
footer a:hover{color:#111}
.doc{align-items:stretch}
.doc h1{}
.doc h2{margin:28px 0 6px}
.doc p{color:#444;line-height:1.6;margin:0 0 8px}
.doc a{color:#111}
@media(min-width:640px){.btn{display:inline-flex;width:auto}}
.card{width:100%;max-width:22rem;background:#fff;border:1px dashed #9a9a9a;border-radius:2px;padding:14px 16px;text-align:left;margin:0 0 28px}
.card p{margin:0}
.card-label{color:#888;margin-bottom:10px!important;padding-bottom:8px;border-bottom:1px dashed #c4c4c4}
.card-label::before{content:"# "}
.card-time{font-weight:700;color:#111}
.card-deal{color:#111}
.card-meta{color:#666;margin-top:8px!important;padding-top:8px;border-top:1px dashed #c4c4c4}
.wrap{width:100%;padding:0 24px}
@supports(padding:clamp(1px,1vw,2px)){.wrap{padding:0 clamp(24px,7vw,48px)}}
@supports(padding:max(1px,env(safe-area-inset-left))){.wrap{padding-left:max(clamp(24px,7vw,48px),env(safe-area-inset-left));padding-right:max(clamp(24px,7vw,48px),env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}}

/* one size everywhere: hierarchy via weight, grey and spacing */
h1,h2,p,a,.btn,footer{font-size:1rem}
h1{font-weight:700;font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}
.doc h2{font-weight:700}
p.lead{margin:0 0 32px}
footer{width:100%;max-width:34rem;margin:16px 0 0}