/* blog.nori.wiki. Terminal chrome on the frame, reading typography in the body.
   No motion, no script. Every url() is root-relative to the blog host. */
@font-face{font-family:"Terminess";src:url(/fonts/terminess-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Terminess";src:url(/fonts/terminess-bold.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bg:#000;--line:#0a3300;--line2:#146600;--ink:#d8e8d8;--muted:#55cc55;--dim:#2a8a2a;--g:#00ff00;--g2:#00cc00}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Terminess,ui-monospace,monospace;padding-inline:clamp(16px,4vw,44px);padding-block:0 72px}
.wrap{max-width:760px;margin:0 auto}
nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
nav .brand{font-family:Silkscreen,Terminess,monospace;font-size:1.05rem;color:var(--g);text-shadow:0 0 10px rgba(0,255,0,.7);text-decoration:none;letter-spacing:.08em}
nav ul{display:flex;gap:16px;list-style:none;margin:0;padding:0;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}
nav a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--g)}
.crumb{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:30px 0 6px}
h1{font-family:Silkscreen,Terminess,monospace;font-size:clamp(1.4rem,4vw,2.1rem);color:var(--g);text-shadow:0 0 16px rgba(0,255,0,.5);margin:0 0 10px;letter-spacing:.04em;line-height:1.25}
p.lead{color:var(--muted);font-size:1rem;margin:0 0 30px;max-width:68ch}
/* The body is for reading: serif, a 68 character measure, generous leading. */
article{font:1.16rem/1.75 Georgia,"Iowan Old Style","Palatino Linotype",serif;max-width:68ch;color:var(--ink)}
article p{margin:0 0 1.15em}
article h2,article h3,article h4{font-family:Terminess,ui-monospace,monospace;color:var(--g2);letter-spacing:.06em;line-height:1.3;margin:2.1em 0 .6em}
article h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.16em;color:var(--g)}
article h3{font-size:1rem}article h4{font-size:.92rem}
article a{color:var(--g)}
article blockquote{margin:1.4em 0;padding:.1em 0 .1em 1.1em;border-left:2px solid var(--line2);color:#b4d4b4;font-style:italic}
article blockquote p{margin:0}
article ul,article ol{padding-left:1.4rem;margin:0 0 1.15em}article li{margin:.3em 0}
article code{font:.86em Terminess,ui-monospace,monospace;color:var(--g2);background:rgba(0,255,0,.07);padding:.08em .35em}
article pre{font:.84rem/1.5 Terminess,ui-monospace,monospace;background:#020402;border:1px solid var(--line);padding:12px 14px;overflow-x:auto;color:var(--muted)}
article pre code{background:none;padding:0;color:inherit}
article hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
ul.posts{list-style:none;padding:0;margin:18px 0}
ul.posts li{padding:18px 0;border-bottom:1px solid var(--line)}
ul.posts .when{display:block;font-size:.66rem;letter-spacing:.16em;color:var(--dim);margin-bottom:4px}
ul.posts a{color:var(--g);text-decoration:none;font-size:1.1rem;letter-spacing:.03em}ul.posts a:hover{text-shadow:0 0 10px rgba(0,255,0,.6)}
ul.posts p{margin:6px 0 0;color:var(--muted);font-size:.9rem;max-width:68ch}
footer{color:var(--dim);font-size:.72rem;margin-top:54px;border-top:1px solid var(--line);padding-top:14px;letter-spacing:.08em;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer a{color:var(--muted);text-decoration:none;margin-left:14px;text-transform:uppercase;font-size:.66rem;letter-spacing:.16em}
@media(max-width:600px){article{font-size:1.06rem;line-height:1.7}}
footer .by a{margin-left:0;text-transform:none;font-size:inherit;letter-spacing:inherit;color:var(--g)}