/* ============================================================
   kayemba hamiidu — terminal portfolio
   ============================================================ */

:root{
  --bg:#0a0b0c;
  --surface:#0c0e10;
  --surface-2:#0e1114;
  --line:#1c2024;
  --line-dim:#14181b;
  --text:#e9e6df;
  --paper:#f4f2ec;
  --muted:#6e737a;
  --faint:#4d5357;
  --green:#00ff9c;
  --green-dim:#17593f;
  --slate:#7d94b0;
  --amber:#d8a657;
}

*,*::before,*::after{box-sizing:border-box}

html{background:var(--bg);scroll-behavior:smooth}

body{
  min-width:320px;
  margin:0;
  overflow-x:hidden;
  color:var(--text);
  background:var(--bg);
  font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  -webkit-font-smoothing:antialiased;
}

a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3,h4,p,dl,dd,figure{margin:0}
ul{margin:0;padding:0;list-style:none}

::selection{color:var(--bg);background:var(--green)}

:focus-visible{outline:1px solid var(--green);outline-offset:2px}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ---------- CRT overlays ---------- */
.scanlines,.vignette{position:fixed;inset:0;pointer-events:none}
.scanlines{
  z-index:20;opacity:.8;mix-blend-mode:screen;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px);
}
.vignette{
  z-index:21;
  background:radial-gradient(120% 90% at 50% 40%,transparent 45%,rgba(0,0,0,.55) 100%);
}

/* ---------- shared primitives ---------- */
.prompt{
  margin-bottom:10px;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.5;
}
.prompt span{color:var(--green)}
.prompt b{color:var(--slate);font-weight:400}

.cursor{
  display:inline-block;width:.5em;height:1em;margin-left:6px;
  vertical-align:-.15em;background:var(--green);
  animation:blink 1.1s steps(1) infinite;
}
@keyframes blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}

.listing-info{margin-top:26px;color:#3f4448;font-size:12px}
.file-hint{margin-top:16px;color:var(--faint);font-size:12px}

.text-link{
  display:inline-block;margin-top:22px;
  color:var(--green);font-size:12.5px;letter-spacing:.08em;
}
.text-link:hover{color:#7dffc8}

.terminal-window{
  overflow:hidden;margin-top:34px;
  border:1px solid var(--line);border-radius:5px;
  background:var(--surface);
}
.window-title{
  display:flex;align-items:center;gap:8px;
  padding:10px 14px;
  border-bottom:1px solid var(--line);
  background:var(--surface-2);
}
.window-title i{width:6px;height:6px;border-radius:50%;background:#2a3033}
.window-title span{margin-left:8px;color:var(--faint);font-size:11.5px;letter-spacing:.06em}

.status-building{color:var(--amber)!important}
.status-complete{color:var(--muted)!important}
.status-ongoing{color:var(--green)!important}

/* ---------- boot screen ---------- */
.boot-screen{
  display:none;
  position:fixed;z-index:100;inset:0;
  display:grid;place-items:center;
  width:100vw;min-height:100dvh;
  padding:48px clamp(24px,7vw,112px);
  background:var(--bg);
}
.js .boot-screen{display:grid}
.boot-screen[hidden]{display:none!important}
.boot-screen.exiting{pointer-events:none}
.boot-screen.exiting .boot-content{animation:loader-exit .28s cubic-bezier(.2,.7,.2,1) both}
@keyframes loader-exit{to{opacity:0;transform:translateY(-8px)}}

.boot-content{width:min(100%,1100px);margin-inline:auto;font-size:14px;text-align:center}
.boot-command{font-size:14.5px;color:var(--paper);animation:rise-in .4s both}
.boot-command span{color:var(--green)}
.boot-command b{color:var(--slate);font-weight:400}
.boot-loading{margin-top:30px;color:#8f9499;animation:fade-in .4s .15s both}
.boot-progress{
  display:flex;align-items:baseline;
  width:min(100%,52ch);margin:22px auto 0;
  color:var(--slate);animation:fade-in .4s .2s both;
}
.boot-bar{font-size:clamp(6px,1.2vw,14px);letter-spacing:-.04em;white-space:nowrap}
.boot-bar::before{content:"[";color:var(--slate)}
.boot-bar::after{content:"]";color:var(--slate)}
.boot-bar i{color:var(--green);font-style:normal}
.boot-bar em{color:#2a3033;font-style:normal}
.boot-pct{margin-left:16px;min-width:46px;font-size:14px;text-align:left}
.boot-modules{display:grid;gap:9px;margin-top:34px}
.boot-modules li{
  display:flex;align-items:baseline;justify-content:flex-start;gap:10px;
  width:min(100%,52ch);margin-inline:auto;
  color:#3f4448;opacity:.45;
}
.boot-modules li>span:first-child{color:var(--green)}
.boot-module-entry{display:flex;min-width:0;flex:1 1 auto}
.boot-module-name{flex:0 0 auto;color:#565c60}
.boot-module-leader{
  flex:1 1 auto;min-width:0;margin-left:1ch;
  overflow:hidden;color:#565c60;white-space:pre;
}
.boot-modules b{color:#3f4448;font-weight:400}
.boot-modules li[data-state="loading"]{opacity:1}
.boot-modules li[data-state="loading"] b{color:var(--amber)}
.boot-modules li[data-state="loaded"]{opacity:1}
.boot-modules li[data-state="loaded"] b{color:var(--green)}

@keyframes rise-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}

/* ---------- header ---------- */
.site-header{
  position:fixed;z-index:30;top:0;right:0;left:0;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  height:58px;padding:0 28px;
  border-bottom:1px solid var(--line);
  background:rgba(10,11,12,.84);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.identity{
  display:flex;align-items:center;gap:8px;flex-shrink:0;margin-right:auto;
  color:var(--green);font-size:13px;
}
.identity-path{margin-left:-7px;color:var(--faint)}
.status-dot{
  display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--green);animation:pulse-dot 3.4s ease-in-out infinite;
}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.35}}

.site-nav{display:flex;align-items:center;gap:4px}
.site-nav a{
  padding:7px 11px;border:1px solid transparent;border-radius:3px;
  color:#7d8288;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;
  transition:color .22s,border-color .22s,background .22s;
}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.active{
  border-color:#23282c;color:var(--text);background:rgba(255,255,255,.025);
}

.menu-button{
  display:none;flex-direction:column;gap:4px;justify-content:center;
  width:34px;height:34px;padding:0 7px;
  border:1px solid var(--line);border-radius:3px;
  background:transparent;cursor:pointer;
}
.menu-button span{display:block;height:1px;background:#8f9499;transition:transform .22s,opacity .22s}
.menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

/* ---------- hero ---------- */
.hero{
  scroll-margin-top:58px;
  display:flex;flex-direction:column;justify-content:center;
  min-height:100vh;max-width:1120px;margin:0 auto;
  padding:130px 28px 56px;
}
.hero-prompt{animation:hero-reveal .4s cubic-bezier(.2,.7,.2,1) both}
.ascii-name{
  max-width:100%;margin:34px 0 0;overflow:hidden;
  color:var(--green);
  font-size:clamp(4.4px,1.42vw,15px);
  font-weight:400;line-height:1.16;letter-spacing:0;white-space:pre;
  animation:hero-reveal .46s cubic-bezier(.2,.7,.2,1) .11s both;
}
.hero-details{animation:hero-reveal .48s cubic-bezier(.2,.7,.2,1) .23s both}
@keyframes hero-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.hero-role{margin-top:40px;color:var(--paper);font-size:clamp(15px,1.9vw,19px)}
.hero-focus{margin-top:7px;color:var(--muted);font-size:13.5px}

.current{display:grid;gap:8px;margin-top:54px}
.current>span{color:var(--slate);font-size:11.5px;letter-spacing:.18em}
.current p{display:flex;gap:12px;color:var(--text);font-size:15px}
.current b{color:var(--green);font-weight:400}

.availability{display:grid;gap:4px;max-width:560px;margin-top:46px}
.availability div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;padding:5px 0}
.availability dt{color:var(--slate);font-size:11.5px;letter-spacing:.16em}
.availability dd{display:flex;align-items:center;gap:9px;color:var(--text);font-size:13.5px}
.availability .open{color:var(--green);letter-spacing:.1em}
.availability i{width:5px;height:5px;border-radius:50%;background:currentColor}

.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:56px}
.hero-actions a,.inspector-actions a{
  padding:14px 22px;border:1px solid var(--green-dim);border-radius:3px;
  color:var(--green);background:rgba(0,255,156,.05);
  font-size:13.5px;letter-spacing:.1em;
  transition:color .22s,background .22s,border-color .22s;
}
.hero-actions a:hover,.inspector-actions a:hover{
  color:var(--bg);background:var(--green);border-color:var(--green);
}
.hero-actions .secondary,.inspector-actions a+a{
  color:#b8b5ad;border-color:#23282c;background:transparent;
}
.hero-actions .secondary:hover,.inspector-actions a+a:hover{
  color:var(--text);border-color:var(--faint);background:transparent;
}
.hero-actions>span{margin-left:6px;color:var(--faint);font-size:12px}

/* ---------- section shell ---------- */
.terminal-section{
  max-width:1120px;margin:0 auto;
  padding:100px 28px;
  scroll-margin-top:58px;
  border-top:1px solid var(--line-dim);
}
.terminal-section>*{
  transition:opacity .4s cubic-bezier(.2,.7,.2,1),transform .4s cubic-bezier(.2,.7,.2,1);
}
.js .terminal-section[data-revealed="false"]>*{opacity:0;transform:translateY(10px)}
.terminal-section[data-revealed="true"]>:not(.prompt){transition-delay:.1s}

/* ---------- about / yaml ---------- */
.yaml-lines{display:grid;font-size:13.5px;line-height:2.05}
.yaml-line{display:grid;grid-template-columns:44px minmax(0,1fr)}
.line-number{
  padding-right:14px;border-right:1px solid var(--line-dim);
  color:#262b2e;text-align:right;user-select:none;-webkit-user-select:none;
}
.line-content{
  min-width:0;padding:0 18px;color:var(--faint);
  overflow-wrap:anywhere;white-space:pre-wrap;
}
.line-content.c{color:#3f9c74}
.line-content.k{color:var(--green)}
.line-content.v{color:var(--text)}
.line-content.l{color:#b8b5ad}

/* ---------- projects / ps aux ---------- */
.process-window{
  display:grid;grid-template-columns:46% 54%;
  min-height:560px;margin-top:30px;overflow:hidden;
  border:1px solid var(--line);border-radius:5px;background:var(--surface);
}
.process-list{display:flex;flex-direction:column;min-width:0}
.process-head{
  position:sticky;top:0;z-index:1;
  display:grid;grid-template-columns:54px minmax(0,1fr) 104px;gap:10px;
  padding:12px 16px;
  color:var(--faint);border-bottom:1px solid var(--line);
  background:var(--surface-2);font-size:11px;letter-spacing:.14em;
}
.process-row{
  display:grid;grid-template-columns:54px minmax(0,1fr) 104px;gap:10px;
  align-items:center;padding:12px 16px;text-align:left;
  border:0;border-bottom:1px solid var(--line-dim);border-left:2px solid transparent;
  color:var(--faint);background:transparent;cursor:pointer;
  transition:background .22s,color .22s,transform .22s,border-color .22s;
}
.process-row:hover,.process-row:focus-visible{background:#101316;transform:translateX(3px)}
.process-row.selected{border-left-color:var(--green);background:#101316}
.process-row>span:first-child{font-size:13px}
.process-row b{
  display:block;overflow:hidden;color:#dad7d0;
  font-size:14.5px;font-weight:400;text-overflow:ellipsis;white-space:nowrap;
}
.process-row.selected b{color:var(--paper)}
.process-row small{display:block;margin-top:3px;color:var(--faint);font-size:11px;letter-spacing:.1em}
.process-row>span:last-child{display:flex;align-items:center;gap:7px;color:var(--green);font-size:10.5px;letter-spacing:.1em}
.process-row i,.inspector-name i{width:5px;height:5px;border-radius:50%;background:currentColor}
.process-footer{
  padding:16px;color:#353b3f;font-size:11.5px;line-height:1.8;
  border-top:1px solid var(--line-dim);
}

.inspector{display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--line)}
.inspector-head{
  display:flex;justify-content:space-between;gap:14px;padding:12px 20px;
  color:var(--faint);border-bottom:1px solid var(--line);
  background:var(--surface-2);font-size:11px;letter-spacing:.14em;
}
.inspector-head span:last-child{letter-spacing:.06em}
.inspector-body{
  display:flex;flex:1 1 auto;flex-direction:column;gap:20px;
  padding:24px 22px 22px;
  animation:inspector-crossfade .28s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes inspector-crossfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.inspector-name{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px}
.inspector-name h3{color:var(--paper);font-size:clamp(20px,2vw,26px);font-weight:400;letter-spacing:-.02em;line-height:1.15}
.inspector-name>span{display:flex;align-items:center;gap:7px;color:var(--green);font-size:10.5px;letter-spacing:.1em}
.inspector-name em{color:#353b3f;font-style:normal;letter-spacing:.04em}
.inspector-info>span{color:var(--slate);font-size:10.5px;letter-spacing:.16em}
.inspector-info p{margin-top:8px;color:#cfccc4;font-size:14.5px;line-height:1.7;text-wrap:pretty}
.inspector-info.muted p{color:#8f9499}
.inspector-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:8px}
.inspector-actions a{padding:12px 18px;font-size:12px}

/* ---------- github repos ---------- */
.repo-list{margin-top:44px;border-top:1px solid var(--line)}
.repo-list>a{
  display:grid;grid-template-columns:22px minmax(0,1fr) 150px 92px;gap:18px;
  align-items:baseline;padding:18px 12px;
  border-bottom:1px solid var(--line);
  transition:background .22s,color .22s,transform .22s;
}
.repo-list>a:hover,.repo-list>a:focus-visible{background:#101316;transform:translateX(3px)}
.repo-list b{color:#2f3438;font-size:13px;font-weight:400}
.repo-list strong{display:block;color:#dad7d0;font-size:15px;font-weight:400}
.repo-list small{display:block;margin-top:5px;color:var(--muted);font-size:13px;line-height:1.55}
.repo-list em{color:var(--slate);font-size:11.5px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.repo-list i{color:var(--faint);font-size:12px;font-style:normal;text-align:right}

/* ---------- experience / log ---------- */
.log-list{margin-top:40px;display:grid;gap:1px;background:var(--line-dim);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.log-entry{padding:24px 22px;background:var(--surface);transition:background .22s}
.log-entry:hover{background:#101316}
.log-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}
.log-head time{color:var(--green);font-size:11.5px;letter-spacing:.12em;white-space:nowrap}
.log-head h3{color:var(--paper);font-size:16px;font-weight:400;letter-spacing:-.01em}
.log-org{margin-top:6px;color:var(--faint);font-size:12.5px;line-height:1.7}
.log-entry ul{display:grid;gap:9px;margin-top:16px}
.log-entry li{
  position:relative;padding-left:28px;
  color:#a9a69f;font-size:13.5px;line-height:1.7;
}
.log-entry li::before{position:absolute;left:0;top:0;content:"→";color:#2f3438}
.log-entry a{color:var(--text);border-bottom:1px solid var(--green-dim)}
.log-entry a:hover{color:var(--green)}

/* ---------- skills table ---------- */
.table-wrap{overflow-x:auto}
.skill-table{
  width:100%;min-width:300px;margin-top:46px;
  border-spacing:0;border-collapse:collapse;
  color:#cfccc4;font-size:14.5px;
}
.skill-table th,.skill-table td{padding:11px 8px;text-align:left;border-bottom:1px solid var(--line-dim)}
.skill-table th{color:var(--faint);font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase}
.skill-table tbody tr{transition:background .22s,color .22s}
.skill-table tbody tr:hover{background:#101316;color:var(--paper)}
.skill-table td:nth-child(2){color:#8f9499}
.skill-table em{font-size:11px;font-style:normal;letter-spacing:.1em;white-space:nowrap}
.skill-table .installed{color:var(--green)}
.skill-table .learning{color:var(--amber)}

/* ---------- certs / directory listing ---------- */
.directories{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.directories span{
  display:flex;gap:12px;align-items:baseline;
  padding:11px 14px;border:1px solid var(--line);border-radius:4px;
  color:#8f9499;font-size:13.5px;transition:border-color .22s;
}
.directories span:hover{border-color:var(--green-dim)}
.directories small{color:#353b3f;font-size:11.5px}

.cert-list{margin-top:34px;border-top:1px solid var(--line)}
.cert-list>div{
  display:grid;grid-template-columns:96px 150px minmax(0,1fr);gap:18px;
  align-items:baseline;padding:14px 12px;
  border-bottom:1px solid var(--line);
  transition:background .22s;
}
.cert-list>div:hover{background:#101316}
.cert-list u{color:#3f4448;font-size:12px;text-decoration:none}
.cert-list em{color:var(--slate);font-size:12.5px;font-style:normal}
.cert-list span{color:#cfccc4;font-size:14px}

/* ---------- writing ---------- */
.post-list{margin-top:40px;border-top:1px solid var(--line)}
.post-list>a{
  display:grid;grid-template-columns:22px minmax(0,1fr) 150px 92px;gap:18px;
  align-items:baseline;padding:20px 12px;
  border-bottom:1px solid var(--line);
  transition:background .22s,color .22s,transform .22s;
}
.post-list>a:hover,.post-list>a:focus-visible{background:#101316;color:var(--paper);transform:translateX(3px)}
.post-list b{color:#2f3438;font-size:13px;font-weight:400}
.post-list strong{display:block;color:#dad7d0;font-size:15.5px;font-weight:400}
.post-list small{display:block;margin-top:5px;color:var(--muted);font-size:13px;line-height:1.55}
.post-list em{color:var(--slate);font-size:11.5px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.post-list i{color:var(--faint);font-size:12px;font-style:normal;text-align:right}

/* ---------- contact / nmap ---------- */
.nmap-output{margin-top:24px;color:#8f9499;font-size:14.5px;line-height:2.1}
.nmap-output b{color:var(--green);font-weight:400}
.nmap-output>a,.port-header{
  display:grid;grid-template-columns:112px 80px 128px minmax(0,1fr);gap:14px;align-items:baseline;
}
.port-header{color:var(--faint);font-size:11.5px;letter-spacing:.14em}
.nmap-output>a{transition:background .22s,color .22s,transform .22s}
.nmap-output>a:hover,.nmap-output>a:focus-visible{background:#101316;transform:translateX(3px)}
.nmap-output>a>span:first-child{color:#b8b5ad}
.nmap-output>a>span:nth-child(3){color:#cfccc4}
.nmap-output u{
  justify-self:start;min-width:0;max-width:100%;
  color:var(--text);text-decoration:none;
  border-bottom:1px solid var(--green-dim);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.contact-note{margin-top:34px;color:var(--muted);font-size:13px;line-height:1.9}

.js [data-scanned="false"] [data-nmap-row],
.js [data-scanned="false"] .contact-note,
.js [data-scanned="false"] .site-footer{opacity:0;transform:translateY(4px)}
[data-nmap-row],.contact-note,.site-footer{transition:opacity .25s ease,transform .25s ease}
[data-scanned="true"] .contact-note,[data-scanned="true"] .site-footer{transition-delay:.76s}

.site-footer{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
  margin-top:80px;padding-top:26px;
  color:var(--muted);border-top:1px solid var(--line-dim);font-size:12px;
}
.site-footer>span:first-child{color:var(--green);font-size:13.5px}

/* ============================================================
   responsive
   ============================================================ */
@media (max-width:900px){
  .process-window{display:block;min-height:0;overflow:visible;border:0;background:transparent}
  .process-list{border:1px solid var(--line);border-radius:5px;background:var(--surface)}
  .inspector{margin-top:16px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}
  .repo-list>a,.post-list>a{grid-template-columns:16px minmax(0,1fr)}
  .repo-list em,.repo-list i,.post-list em,.post-list i{display:none}
  .cert-list>div{grid-template-columns:80px minmax(0,1fr);gap:10px}
  .cert-list span{grid-column:1 / -1;margin-top:-6px}
  .nmap-output,.nmap-output>a,.port-header{font-size:12px}
  .nmap-output>a,.port-header{grid-template-columns:80px 58px 86px minmax(0,1fr);gap:8px}
}

@media (max-width:760px){
  .site-header{height:52px;padding:0 18px}
  .menu-button{display:flex}
  .site-nav{
    position:absolute;top:calc(100% + 8px);right:18px;
    display:grid;width:min(224px,calc(100vw - 36px));padding:6px;
    border:1px solid var(--line);border-radius:4px;background:var(--surface);
    box-shadow:0 14px 32px rgba(0,0,0,.32);
    opacity:0;pointer-events:none;transform:translateY(-6px);
    transition:opacity .24s ease,transform .24s ease;
  }
  .site-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}
  .site-nav a{padding:10px 11px}
  .identity{font-size:12px}

  .hero,.terminal-section{padding-right:18px;padding-left:18px}
  .hero{padding-top:110px}
  .ascii-name{font-size:clamp(2.6px,1.38vw,8px)}
  .hero-role{margin-top:30px}
  .availability div{grid-template-columns:98px minmax(0,1fr);gap:12px}
  .hero-actions a{padding:12px 15px;font-size:12px}
  .hero-actions>span{width:100%;margin:0}

  .terminal-section{padding-top:70px;padding-bottom:70px}
  .yaml-lines{font-size:clamp(8px,2.65vw,11px);line-height:1.8}
  .yaml-line{grid-template-columns:32px minmax(0,1fr)}
  .line-number{padding-right:8px}
  .line-content{padding:0 10px}

  .skill-table{font-size:13px}
  .skill-table th,.skill-table td{padding:10px 5px}

  .directories span{width:100%}
  .log-entry{padding:20px 16px}

  .port-header{font-size:10px}
  .nmap-output>a,.port-header{grid-template-columns:60px 48px 68px minmax(0,1fr);gap:5px}

  .site-footer{margin-top:56px}
  .site-footer>span:last-child{font-size:10px}
}

@media (max-width:520px){
  .repo-list>a,.post-list>a{grid-template-columns:14px minmax(0,1fr)}
  .process-row,.process-head{grid-template-columns:40px minmax(0,1fr) 88px;gap:8px;padding:12px 12px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
  .scanlines,.vignette,.cursor{display:none}
}