/* nikhilosophy skin: teenage.engineering single signal color + neo-brutalism.
   Swap the signal color here and nothing else. Solid colors only. */
:root{--sig:#ff5b1f;--sig-ink:#141312;--ink:#141312;--paper:#f4f1ea;--card:#ffffff;--bd:2px solid var(--ink);--sh:4px 4px 0 var(--ink);--sh-lg:6px 6px 0 var(--ink)}
body{background:var(--paper)!important;color:var(--ink)}
::selection{background:var(--sig);color:var(--sig-ink)}

/* surfaces: hard borders, offset shadows, small radius */
.bar,.w,.card:not(.on):not(.shake),.stat,.face,.rbox,.sheet,.sbox,.deck .ghost{background:var(--card)!important;border:var(--bd)!important;border-radius:12px!important;box-shadow:var(--sh-lg)}
.find .card,.deck .card{background:transparent!important;border:0!important;box-shadow:none!important}
.stat{box-shadow:var(--sh)}
.role+.role{border-top:2px dashed var(--ink)}

/* buttons */
.btn,.opt,.fbtn,.rshare,.chip,button.btn{border:var(--bd)!important;border-radius:8px!important;box-shadow:var(--sh);background:var(--card)!important;color:var(--ink)!important;font-weight:600;transition:transform .08s,box-shadow .08s}
.btn:hover,.opt:hover,.fbtn:hover,.rshare:hover,.chip:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}
.btn:active,.opt:active,.fbtn:active,.rshare:active,.chip:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}
.btn.mail,.opt.dark,.fbtn,.chip.on,.btn.primary{background:var(--sig)!important;color:var(--sig-ink)!important}

/* the signal: tiny labels, numbers, arrows */
.kicker,.eyebrow{display:inline-block;background:var(--sig)!important;color:var(--sig-ink)!important;border:var(--bd);border-radius:4px!important;padding:3px 8px!important;font-weight:700;text-shadow:none!important;box-shadow:2px 2px 0 var(--ink)}
h2{color:var(--ink)!important;font-weight:700!important}
h2::before{content:"";display:inline-block;width:9px;height:9px;background:var(--sig);border:2px solid var(--ink);margin-right:8px;vertical-align:-1px}
.lbl{color:var(--ink)!important;font-weight:700}
.lbl::before{content:"■ ";color:var(--sig)}
.num,.price{color:var(--ink)!important}
.arr,.qm{color:var(--sig-t,var(--sig))!important}
.rd,.tag,.fg{background:var(--card)!important;color:var(--ink)!important;border:1.5px solid var(--ink)!important;border-radius:4px!important}
.spot{border:2px solid var(--ink)!important;background:var(--sig)!important;border-radius:3px!important}
p a,.fo,.foot a{text-decoration-color:var(--sig-t,var(--sig))!important;text-decoration-thickness:2px!important;border-bottom-color:var(--sig-t,var(--sig))!important;color:var(--ink)!important}
.back{color:var(--ink)!important;font-weight:600}

/* home list rows become solid blocks */
.links{border-top:0!important}
.mainlinks .row,.links .row{background:var(--card)!important;border:var(--bd)!important;border-radius:10px;margin-bottom:10px;padding:16px 16px!important;box-shadow:var(--sh);transition:transform .08s,box-shadow .08s,background .08s}
.mainlinks .row:hover,.links .row:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink);padding-left:16px!important}
.mainlinks .row:hover .arr,.links .row:hover .arr{color:var(--ink)!important}
.mainlinks .row:hover,.links .row:hover{background:var(--sig)!important}
.mainlinks .row:hover .t,.mainlinks .row:hover .s{color:var(--sig-ink)!important;text-shadow:none!important}
.run{border-top:2px solid var(--ink)!important}
.soc a:hover{border-bottom-color:var(--sig)!important}
.mainlinks .row:hover,.links .row:hover,.mainlinks .row:active,.links .row:active,.mainlinks .row:focus-visible,.links .row:focus-visible{background:var(--sig)!important}
.row:hover *,.row:active *,.row:focus-visible *{color:var(--sig-ink)!important;text-shadow:none!important;opacity:1!important}
.row{-webkit-tap-highlight-color:transparent}
.mainlinks .row:hover .arr,.links .row:hover .arr,.mainlinks .row:active .arr,.links .row:active .arr{color:var(--sig-ink)!important}
.btn:hover,.btn:active,.btn:focus-visible,.opt:hover,.opt:active,.opt:focus-visible,.rshare:hover,.rshare:active,.chip:hover,.chip:active{background:var(--sig)!important;color:var(--sig-ink)!important;text-shadow:none!important}
.btn:hover *,.btn:active *,.opt:hover *,.opt:active *{color:var(--sig-ink)!important;text-shadow:none!important}
.btn.mail:hover,.btn.mail:active,.opt.dark:hover,.opt.dark:active,.fbtn:hover,.fbtn:active{background:var(--ink)!important;color:#fff!important}
.btn,.opt{-webkit-tap-highlight-color:transparent}
.follow{background:var(--card)!important;border:var(--bd)!important;border-radius:12px!important;box-shadow:var(--sh)!important}
.blr .ev{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.blr .ev a{background:var(--card)!important;border:var(--bd)!important;border-radius:12px!important;box-shadow:var(--sh)!important;transition:transform .08s,box-shadow .08s,background .08s!important;-webkit-tap-highlight-color:transparent}
.blr .ev a:hover,.blr .ev a:focus-visible{background:var(--sig)!important;transform:translate(-1px,-1px)!important;box-shadow:6px 6px 0 var(--ink)!important;border-color:var(--ink)!important;outline:none}
.blr .ev a:active{background:var(--sig)!important;transform:translate(4px,4px)!important;box-shadow:0 0 0 var(--ink)!important}
.blr .ev a:hover *,.blr .ev a:active *,.blr .ev a:focus-visible *{color:var(--sig-ink)!important;text-shadow:none!important}
.blr .ev .date{background:var(--paper)!important;border:1.5px solid var(--ink)!important;border-radius:8px!important;color:var(--ink)!important}
.blr .ev a:hover .date,.blr .ev a:active .date,.blr .ev a:hover .tag,.blr .ev a:active .tag{background:var(--card)!important}
.eyebrow{display:table}
