/* rynz.de theme: terminal — a green-phosphor CRT running tmux. Classless, no JavaScript. */
@font-face{font-family:VT323;font-weight:400;font-display:swap;src:url(fonts/vt323-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-display:swap;src:url(fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2")}

:root{
  --screen:#031008; --glow:#39ff7a; --text:#a8f5c0; --dim:#4f9b68; --faint:#173d25; --hot:#eaffef;
  --crt:VT323,"IBM Plex Mono",monospace;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--screen)}
body{margin:0;min-height:100vh;color:var(--text);font:15px/1.7 var(--mono);text-shadow:0 0 4px rgba(57,255,122,.35);
  background:radial-gradient(ellipse at center,#062414 0%,var(--screen) 70%,#000 100%) fixed}
/* scanlines and vignette over everything */
body::after{content:"";position:fixed;inset:0;z-index:10;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.55))}
body>*{max-width:52rem;margin-inline:auto;padding-inline:1.25rem}
::selection{background:var(--glow);color:var(--screen);text-shadow:none}
:focus-visible{outline:1px solid var(--glow);outline-offset:2px}
a{color:var(--glow);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
a:hover{background:var(--glow);color:var(--screen);text-decoration:none;text-shadow:none}

/* theme tabs: the tmux status bar, numbered like tmux windows */
body>menu{display:flex;flex-wrap:wrap;max-width:none;margin:0;padding:0 1rem;list-style:none;background:var(--glow);color:var(--screen);font:600 13px/1.9 var(--mono);text-shadow:none;counter-reset:win}
body>menu::before{content:"[rynz] ";margin-right:.75rem}
body>menu li{margin:0;counter-increment:win}
body>menu a{display:block;padding:0 .6rem;color:var(--screen);text-decoration:none}
body>menu a::before{content:counter(win) ":"}
body>menu a[aria-current]{background:var(--screen);color:var(--glow);text-shadow:0 0 4px rgba(57,255,122,.6)}
body>menu a[aria-current]::after{content:"*"}
body>menu a:hover{background:#1a7a3c;color:var(--hot)}

/* header: the shell prompt */
body>header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;padding-block:1.5rem 1rem;border-bottom:1px dashed var(--faint)}
header>h1{margin:0;font:400 2rem/1 var(--crt);color:var(--hot)}
header>h1::before{content:"nihar@";color:var(--dim)}
header>h1::after{content:":~$";color:var(--dim)}
header>h1 a{color:inherit;text-decoration:none}
header>nav{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem}
header>nav a::before{content:"./"}

/* hero */
main>section:first-child{padding-block:3.5rem 2rem}
main>section:first-child>p:first-child{margin:0;font:400 clamp(2.6rem,9vw,5.2rem)/1 var(--crt);color:var(--hot);text-shadow:0 0 12px rgba(57,255,122,.7)}
main>section:first-child>p:first-child::after{content:"\2588";margin-left:.1em;color:var(--glow);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
main>section:first-child>p:nth-child(2){max-width:40rem;margin:1.5rem 0}
main>section:first-child>p:last-child a{font-weight:600}

/* sections: headings are commands */
main>section+section{padding-block:1.5rem;border-top:1px dashed var(--faint)}
h2{margin:0 0 1rem;font:400 2rem/1.1 var(--crt);color:var(--hot)}
h2::before{content:"$ man ";color:var(--dim)}
h3{font:400 1.5rem var(--crt);color:var(--hot)}
p,ul,ol,table,pre{margin:0 0 1.1rem}
ul{padding-left:1.5rem;list-style:none}
ul>li::before{content:"> ";margin-left:-1.5rem;color:var(--dim)}
ol{padding-left:2rem}
ol>li::marker{content:"[" counter(list-item) "] ";color:var(--dim)}
li{margin:.3rem 0}
strong{color:var(--hot);font-weight:600}

/* features: a man page OPTIONS list */
section:has(>#features)>ul{padding-left:0}
section:has(>#features)>ul>li{margin:0 0 .8rem;padding-left:2rem}
section:has(>#features)>ul>li::before{content:none}
section:has(>#features)>ul>li>strong:first-child{display:block;margin-left:-2rem;color:var(--glow)}
section:has(>#features)>ul>li>strong:first-child::before{content:"--"}

/* code: plain green text, framed with dashes */
code,samp,kbd{font-family:var(--mono);font-size:.95em}
:not(pre)>code{color:var(--hot)}
pre{overflow-x:auto;padding:1rem 1.1rem;background:rgba(0,0,0,.35)!important;color:var(--text)!important;border:1px dashed var(--dim);line-height:1.6}
pre span{color:inherit!important}

/* tables: ascii-ish */
table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;font-size:.9rem}
@media (min-width:40rem){table{display:table}}
th{text-align:left;color:var(--hot);font-weight:600;border-bottom:1px solid var(--dim)}
th,td{padding:.35rem .7rem;vertical-align:top}
td{border-bottom:1px dashed var(--faint)}
td:first-child{white-space:nowrap}

time{color:var(--dim);margin-right:.5rem}
time::before{content:"["}
time::after{content:"]"}

/* note pages built with this theme */
article{padding-block:2rem}
article>h1{font:400 3rem/1 var(--crt);color:var(--hot)}

footer{padding-block:2rem 3rem;border-top:1px dashed var(--faint);color:var(--dim);font-size:.85rem}
footer>nav{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}
footer>p::before{content:"# "}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}html{scroll-behavior:auto}}
@media (max-width:40rem){body>menu{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:0 .5rem}body>menu::before{content:none}body>menu a{padding:0 .4rem}}