@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,900&family=Courier+Prime:wght@400;700&family=Manrope:wght@400;500;700&display=swap');
:root{
--sp-bg:#faf7f1;--sp-panel:#fffdf8;--sp-ink:#211d17;--sp-mut:#6d645a;--sp-line:#e6ded2;--sp-edge:#d8cdbc;
--sp-acc:#b93a2b;--sp-acc-ink:#8f2b1f;--sp-ok:#2f6b43;--sp-hl:#fff3b0;
--sp-mono:'Courier Prime','Courier New',monospace;--sp-disp:'Fraunces',Georgia,serif;--sp-body:'Manrope',system-ui,-apple-system,sans-serif;
--sp-shadow:0 1px 2px rgba(60,45,25,.06),0 8px 24px -18px rgba(60,45,25,.35);
--sp-content:780px;--sp-wide:1100px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--sp-bg);color:var(--sp-ink);font-family:var(--sp-body);font-size:19.6px;line-height:1.4;-webkit-font-smoothing:antialiased}
::selection{background:var(--sp-hl);color:var(--sp-ink)}
.sp-wrap{max-width:var(--sp-content);margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:var(--sp-disp);letter-spacing:-.02em;margin:0}
h1{font-weight:900;font-size:clamp(34px,5vw,52px);line-height:1.06;margin:0 0 6px}
h2{font-weight:600;font-size:26px;line-height:1.12;margin:2.2em 0 .5em}
h3{font-weight:600;font-size:20px;margin:1.8em 0 .4em}
p{margin:0 0 1.15em}
.entry-content p{line-height:1.65}
.entry-content ul{line-height:1.6;padding-left:1.2em;margin:0 0 1.15em}
.entry-content li{margin:.3em 0}
.entry-content a{color:var(--sp-acc-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.entry-content a:hover{color:var(--sp-acc)}
.sp-head{border-bottom:2px solid var(--sp-ink);padding:14px 0 12px;background:var(--sp-bg)}
.sp-head .sp-bar{max-width:var(--sp-wide);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.sp-brand{font-family:var(--sp-disp);font-weight:900;font-size:22px;letter-spacing:-.02em;color:var(--sp-ink);text-decoration:none}
.sp-brand::before{content:'\2301 ';color:var(--sp-acc)}
.sp-nav{display:flex;gap:18px;flex-wrap:wrap}
.sp-nav a{font-size:14.5px;color:var(--sp-mut);text-decoration:none}
.sp-nav a:hover,.sp-nav a[aria-current=page]{color:var(--sp-ink);text-decoration:underline;text-decoration-color:var(--sp-acc);text-decoration-thickness:2px;text-underline-offset:6px}
main{padding:44px 0 10px}
.sp-title{margin-bottom:22px}
.sp-kick{font-family:var(--sp-mono);font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--sp-acc);margin:0 0 10px}
.sp-lede{font-size:18.5px;color:#4a443c;line-height:1.6}
.sp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin:30px 0 6px}
.sp-tile{background:var(--sp-panel);border:1px solid var(--sp-edge);border-radius:3px;padding:14px 16px 12px;box-shadow:var(--sp-shadow);position:relative}
.sp-tile::before{content:'';position:absolute;left:0;right:0;top:-4px;height:8px;background:radial-gradient(circle at 6px 0,transparent 4.2px,var(--sp-panel) 4.6px);background-size:12px 8px;background-repeat:repeat-x}
.sp-tile b{display:block;font-family:var(--sp-mono);font-weight:700;font-size:17px;line-height:1.25;color:var(--sp-ink)}
.sp-tile.sp-ok b{color:var(--sp-ok)}
.sp-tile.sp-rd b{color:var(--sp-acc)}
.sp-tile span{font-size:11.5px;color:var(--sp-mut);letter-spacing:.05em;text-transform:uppercase;display:block;margin-top:3px}
.sp-rcpt{max-width:460px;background:var(--sp-panel);border:1px solid var(--sp-edge);border-radius:3px;padding:18px 22px 16px;margin:26px 0 8px;font-family:var(--sp-mono);font-size:14.5px;box-shadow:var(--sp-shadow);position:relative}
.sp-rcpt::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:10px;background:radial-gradient(circle at 7px 0,var(--sp-panel) 4.4px,transparent 4.8px);background-size:14px 10px;background-repeat:repeat-x}
.sp-rrow{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px dotted var(--sp-line)}
.sp-rrow:last-child{border-bottom:none}
.sp-rrow span{color:var(--sp-mut)}
.sp-rrow b{font-weight:700;text-align:right}
.sp-rtot{border-top:2px solid var(--sp-ink);margin-top:7px;padding-top:8px;font-size:16px}
.sp-rtot b{color:var(--sp-ok)}
.sp-btns{margin:22px 0 8px}
.sp-btn,.wp-block-button__link{display:inline-block;background:var(--sp-acc);color:#fff;border-radius:4px;font-family:var(--sp-mono);font-weight:700;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;padding:12px 22px;text-decoration:none}
.sp-btn:hover,.wp-block-button__link:hover{filter:brightness(1.1);color:#fff}
.sp-foot{border-top:2px solid var(--sp-ink);margin-top:56px;padding:22px 0 40px;background:var(--sp-bg)}
.sp-foot p{font-family:var(--sp-mono);font-size:12.5px;color:var(--sp-mut);margin:6px 0}
.sp-foot a{color:var(--sp-acc-ink);text-decoration:none}
.sp-foot a:hover{text-decoration:underline}
.sp-foot .sp-fbrand{font-family:var(--sp-disp);font-size:15px;font-weight:900;color:var(--sp-ink)}
@media(max-width:640px){.sp-rcpt{max-width:100%}h2{font-size:23px}body{font-size:18px}}
