/*
Theme Name: Evidence Lab
Description: A dark, cinematic WordPress theme for digital forensics and cyber awareness blogs. Animated investigation terminal, live post ticker, evidence-photo cards, reading progress bar, auto table of contents and copyable code blocks.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: evidencelab
Tags: blog, dark, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root{
  --bg:#0A0F14; --panel:#111A23; --panel2:#17232F; --line:#233140;
  --ink:#E8EEF3; --body:#CBD6E0; --muted:#8FA1B2;
  --amber:#FFB020; --cyan:#4FD8E8; --red:#FF5C5C;
  --head:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --wrap:1180px;
  --hdr:rgba(10,15,20,.8); --field:#070B0F;
}
:root[data-theme="light"]{
  --bg:#F3F5F7; --panel:#FFFFFF; --panel2:#E9EEF2; --line:#D3DBE2;
  --ink:#0F1720; --body:#2B3947; --muted:#566676;
  --amber:#C77700; --cyan:#0A6F85; --red:#D93636;
  --hdr:rgba(255,255,255,.88); --field:#FFFFFF;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--sans);font-size:1.125rem;line-height:1.7}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.07;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(900px 500px at 85% -5%,rgba(79,216,232,.11),transparent 60%),radial-gradient(700px 500px at 0% 35%,rgba(255,176,32,.05),transparent 60%)}
img{max-width:100%;height:auto;display:block}
a{color:var(--cyan);text-underline-offset:3px}
a:hover{color:var(--amber)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.screen-reader-text,.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:12px;top:12px;background:var(--amber);color:#0A0F14;padding:8px 14px;z-index:1000}
.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
h1,h2,h3,h4{font-family:var(--head);color:var(--ink);line-height:1.05;font-weight:700;margin:0 0 .5em;letter-spacing:.005em}

/* Progress bar */
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--amber);z-index:1001;box-shadow:0 0 10px var(--amber)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--hdr);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:14px}
.site-title{font-family:var(--head);font-size:1.9rem;font-weight:700;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px}
.site-title::before{content:"";width:12px;height:12px;background:var(--amber);box-shadow:0 0 14px var(--amber);flex:none}
.custom-logo-link img{max-height:44px;width:auto}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.primary-nav a{display:block;padding:8px 14px;color:var(--body);text-decoration:none;font-weight:500}
.primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--ink);background:var(--panel)}
.header-tools{display:flex;gap:10px;align-items:center;position:relative}
.search-pop summary{list-style:none;cursor:pointer;border:1px solid var(--line);padding:8px 14px;color:var(--body)}
.search-pop summary::-webkit-details-marker{display:none}
.search-pop[open] summary{border-color:var(--cyan);color:var(--cyan)}
.search-pop .pop{position:absolute;right:0;top:calc(100% + 10px);background:var(--panel);border:1px solid var(--line);padding:14px;width:min(360px,86vw);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);padding:8px 14px;font:inherit;cursor:pointer}
@media (max-width:860px){
  .nav-toggle{display:inline-block}
  .primary-nav{display:none;width:100%;order:3}
  .primary-nav.open{display:block}
  .header-row{flex-wrap:wrap}
  .primary-nav ul{flex-direction:column}
}

/* Buttons */
.btn{display:inline-block;padding:13px 24px;font-weight:600;text-decoration:none;border:2px solid var(--amber);background:var(--amber);color:#0A0F14}
.btn:hover{background:#FFC24D;border-color:#FFC24D;color:#0A0F14}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--cyan);color:var(--cyan);background:transparent}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:56px 56px;opacity:.35;
  -webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 40%,#000 10%,transparent 70%)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-block:96px 84px}
.hero h1{font-size:clamp(3rem,6.4vw,5.8rem);max-width:12ch;margin-bottom:.35em}
.hero p{font-size:1.2rem;color:var(--muted);max-width:44ch;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;padding-block:56px}}

/* Terminal */
.term{background:#070B0F;border:1px solid var(--line);border-radius:10px;box-shadow:0 0 70px rgba(79,216,232,.12),0 30px 60px rgba(0,0,0,.5);overflow:hidden}
.term-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:var(--panel);border-bottom:1px solid var(--line)}
.term-bar i{width:11px;height:11px;border-radius:50%;background:#2B3A49;display:block}
.term-bar i:first-child{background:var(--red)}.term-bar i:nth-child(2){background:var(--amber)}.term-bar i:nth-child(3){background:#3FD08A}
.term-bar span{margin-left:10px;font:.82rem var(--mono);color:var(--muted)}
.term-body{padding:20px 22px;font:.9rem/1.75 var(--mono);min-height:340px;color:var(--body);overflow-x:auto}
.term .line{white-space:pre-wrap;word-break:break-word}
.term .p{color:var(--cyan)}
.term .c{color:var(--ink)}
.term .ok{color:#3FD08A}
.term .warn{color:var(--amber)}
.term .dim{color:var(--muted)}
.cursor{display:inline-block;width:9px;height:1.05em;background:var(--cyan);vertical-align:text-bottom;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}

/* Ticker */
.ticker{display:flex;align-items:stretch;border-block:1px solid var(--line);background:var(--bg)}
.ticker-label{flex:none;background:var(--amber);color:#0A0F14;font-family:var(--head);font-weight:700;font-size:1.15rem;padding:10px 20px;display:flex;align-items:center}
.ticker-track{overflow:hidden;flex:1;display:flex;align-items:center}
.ticker-move{display:flex;width:max-content;animation:tick 45s linear infinite}
.ticker:hover .ticker-move{animation-play-state:paused}
.ticker-set{display:flex;gap:44px;padding-right:44px;white-space:nowrap}
.ticker-set a{color:var(--body);text-decoration:none}
.ticker-set a:hover{color:var(--amber)}
@keyframes tick{to{transform:translateX(-50%)}}

/* Tape divider */
.tape{height:14px;background:repeating-linear-gradient(-45deg,var(--amber) 0 16px,#0A0F14 16px 32px);opacity:.9}

/* Sections */
.section{padding-block:64px}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:30px}
.section-head h2{margin:0;font-size:2.6rem}
.section-head a{font-weight:600;text-decoration:none}

/* Tag */
.tag{display:inline-block;background:rgba(255,176,32,.12);color:var(--amber);padding:3px 11px;border-left:3px solid var(--amber);font-size:.85rem;font-weight:600;text-decoration:none;align-self:flex-start}
.tag:hover{background:rgba(255,176,32,.22);color:var(--amber)}

/* Evidence-photo thumbnails */
.thumb{position:relative;display:block;background:var(--panel2);overflow:hidden;aspect-ratio:16/9}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;filter:saturate(.85) contrast(1.05)}
.thumb::before{content:"";position:absolute;inset:10px;pointer-events:none;z-index:2;
  background:
   linear-gradient(var(--amber),var(--amber)) top left/16px 2px no-repeat,
   linear-gradient(var(--amber),var(--amber)) top left/2px 16px no-repeat,
   linear-gradient(var(--amber),var(--amber)) top right/16px 2px no-repeat,
   linear-gradient(var(--amber),var(--amber)) top right/2px 16px no-repeat,
   linear-gradient(var(--amber),var(--amber)) bottom left/16px 2px no-repeat,
   linear-gradient(var(--amber),var(--amber)) bottom left/2px 16px no-repeat,
   linear-gradient(var(--amber),var(--amber)) bottom right/16px 2px no-repeat,
   linear-gradient(var(--amber),var(--amber)) bottom right/2px 16px no-repeat}
.thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;z-index:2;pointer-events:none;
  background:repeating-linear-gradient(90deg,var(--amber) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,var(--amber) 0 1px,transparent 1px 40px);
  background-size:100% 6px,100% 12px;background-position:bottom,bottom;background-repeat:no-repeat;opacity:.75}
.card:hover .thumb img,.feature:hover .thumb img{transform:scale(1.04);filter:saturate(1) contrast(1.08)}
.thumb.empty{background:repeating-linear-gradient(135deg,var(--panel) 0 14px,var(--panel2) 14px 15px)}

/* Cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:26px}
.card,.feature{background:var(--panel);border:1px solid var(--line);transition:border-color .25s,box-shadow .25s}
.card:hover,.feature:hover{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 18px 40px rgba(0,0,0,.45)}
.card{display:flex;flex-direction:column}
.card .body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{font-size:1.8rem;margin:4px 0 0}
.card h3 a,.feature h3 a{color:var(--ink);text-decoration:none}
.card h3 a:hover,.feature h3 a:hover{color:var(--amber)}
.feature{display:grid;grid-template-columns:1.35fr 1fr;margin-bottom:26px}
.feature .thumb{aspect-ratio:auto;min-height:360px}
.feature .body{padding:36px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.feature h3{font-size:3rem}
.excerpt{margin:0;color:var(--muted)}
.meta{font:.82rem var(--mono);color:var(--muted)}
@media (max-width:960px){
  .feature{grid-template-columns:1fr}
  .feature .thumb{aspect-ratio:16/9;min-height:0}
  .feature .body{padding:24px}
  .feature h3{font-size:2.3rem}
}

/* Topic tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.tile{display:block;padding:22px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--amber);text-decoration:none;transition:border-color .25s,transform .25s}
.tile:hover{border-color:var(--cyan);border-top-color:var(--cyan);transform:translateY(-3px)}
.tile b{display:block;font:700 1.7rem/1.1 var(--head);color:var(--ink)}
.tile span{font:.82rem var(--mono);color:var(--muted)}

/* Page heads & archive */
.page-head{padding-block:64px 8px}
.page-head h1{font-size:clamp(2.6rem,5vw,4.2rem);margin-bottom:.2em}
.page-head p{color:var(--muted);margin:0 0 16px}

/* Single */
.article{padding-block:clamp(32px,6vw,64px)}
.article-head{width:min(1120px,100% - 40px);margin:0 auto 32px}
.article-head h1{font-size:clamp(2.2rem,6.2vw,5rem);margin:16px 0;overflow-wrap:break-word}
.article-cover{margin:0 0 clamp(24px,4vw,40px)}
.article-cover .thumb{aspect-ratio:16/9}
.article-body{width:min(1120px,100% - 40px);margin-inline:auto;display:block}
.article-body.with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px}
.article-main{min-width:0}
.toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;font-size:.95rem;border-left:2px solid var(--line);padding-left:16px;margin-bottom:32px}
.toc summary{display:block;list-style:none;cursor:default;font:700 1.2rem var(--head);color:var(--ink);margin-bottom:8px}
.toc summary::-webkit-details-marker{display:none}
.toc ul{list-style:none;margin:0;padding:0}
.toc li{margin:6px 0}
.toc li.h3{padding-left:12px}
.toc a{color:var(--muted);text-decoration:none}
.toc a:hover,.toc a.active{color:var(--amber)}
.recent,.widget{margin-bottom:28px}
.recent{background:var(--panel);border:1px solid var(--line);padding:18px 18px 20px}
.recent .empty-note{margin:0;color:var(--muted);font-size:.98rem;line-height:1.6}
.recent h2,.widget-title{font-size:1.5rem;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid var(--amber)}
.recent ul,.widget ul{list-style:none;margin:0;padding:0}
.recent ul{display:grid;gap:14px}
.recent a.item{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}
.recent .rt{display:block;width:88px;aspect-ratio:3/2;background:var(--panel2);overflow:hidden;border:1px solid var(--line)}
.recent .rt img{width:100%;height:100%;object-fit:cover}
.recent .rt.empty{background:repeating-linear-gradient(135deg,var(--panel) 0 10px,var(--panel2) 10px 11px)}
.recent .rtitle{display:block;font:700 1.18rem/1.15 var(--head);overflow-wrap:anywhere}
.recent a.item:hover .rtitle{color:var(--amber)}
.recent time{display:block;font:.76rem var(--mono);color:var(--muted);margin-top:4px}
.widget li{margin:8px 0}.widget a{color:var(--body);text-decoration:none}.widget a:hover{color:var(--amber)}
@media (max-width:1000px){
  .article-body.with-sidebar{display:flex;flex-direction:column;gap:0}
  .sidebar{display:contents}
  .toc{order:0;position:static;max-height:none;overflow:visible;border:1px solid var(--line);background:var(--panel);padding:12px 16px;margin-bottom:28px}
  .article-main{order:1}
  .recent,.widget{order:2;margin:48px 0 0}
  .recent ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
  .toc summary{cursor:pointer;margin:0;display:flex;justify-content:space-between;align-items:center}
  .toc summary::after{content:"+";font:600 1.4rem var(--sans);color:var(--amber)}
  .toc[open] summary{margin-bottom:10px}
  .toc[open] summary::after{content:"\2013"}
}
.entry{max-width:72ch;font-size:calc(clamp(1.1rem,1.02rem + .4vw,1.24rem) * var(--fs,1));line-height:1.85;color:var(--body);overflow-wrap:break-word}
.with-sidebar .entry{max-width:72ch}
.entry>p:first-of-type{font-size:1.1em;color:var(--ink)}
.entry p,.entry ul,.entry ol,.entry blockquote,.entry pre,.entry figure,.entry table{margin:0 0 1.6em}
.entry ul,.entry ol{padding-left:1.3em}
.entry ul{list-style:none;padding-left:1.2em}
.entry li{margin:0 0 .55em;padding-left:.2em}
.entry ul>li{position:relative}
.entry ul>li::before{content:"";position:absolute;left:-1.05em;top:.8em;width:.42em;height:.42em;background:var(--amber)}
.entry a{color:var(--cyan);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.entry a:hover{color:var(--amber)}
.entry h2{position:relative;font-size:clamp(2rem,4.5vw,2.6rem);margin-top:2em;padding-top:18px}
.entry h2::before{content:"";position:absolute;top:0;left:0;width:48px;height:4px;background:var(--amber)}
.entry h3{font-size:clamp(1.55rem,3.5vw,1.95rem);margin-top:1.7em}
.entry mark{background:rgba(255,176,32,.3);color:var(--ink);padding:0 .2em}
.entry hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
.entry kbd{font:.85em var(--mono);background:var(--panel2);border:1px solid var(--line);border-bottom-width:3px;padding:1px 7px;color:var(--ink)}
.callout{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--cyan);padding:16px 20px;margin:0 0 1.6em}
.callout.warn{border-left-color:var(--red)}
.callout p:last-child{margin-bottom:0}
.entry strong{color:var(--ink)}
.entry img,.entry video,.entry iframe,.entry embed{max-width:100%;height:auto}
.entry blockquote{border-left:4px solid var(--amber);background:var(--panel);padding:16px 22px;color:var(--ink)}
.entry code{font-family:var(--mono);font-size:.88em;background:var(--panel2);padding:2px 7px;border-radius:3px;color:var(--cyan);overflow-wrap:anywhere}
.entry pre{position:relative;background:#070B0F;border:1px solid var(--line);border-top:3px solid var(--amber);padding:40px 22px 20px;overflow-x:auto;font-size:.92rem;line-height:1.6}
.entry pre code{background:none;padding:0;color:#CFE7EC;overflow-wrap:normal}
.copy{position:absolute;top:8px;right:8px;background:var(--panel2);color:var(--muted);border:1px solid var(--line);padding:3px 10px;font:.75rem var(--mono);cursor:pointer}
.copy:hover{color:var(--amber);border-color:var(--amber)}
.entry table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:1rem}
.entry th,.entry td{border:1px solid var(--line);padding:9px 13px;text-align:left}
.entry th{background:var(--panel2);color:var(--ink)}
.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}
.post-tags a{font:.8rem var(--mono);padding:4px 10px;border:1px solid var(--line);color:var(--muted);text-decoration:none}
.post-tags a:hover{border-color:var(--cyan);color:var(--cyan)}
.post-nav{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:20px;border-top:1px solid var(--line)}
.post-nav a{font-weight:600;text-decoration:none}
.post-nav>div{max-width:48%}
.post-nav .next{text-align:right;margin-left:auto}

/* Comments */
.comments{margin-top:56px;max-width:700px}
.comments ol{list-style:none;padding:0}
.comments .children{margin-left:22px;padding:0}
.comment-body{background:var(--panel);border:1px solid var(--line);padding:16px 18px;margin-bottom:14px}
.comment-meta{font:.82rem var(--mono);color:var(--muted)}
input[type=text],input[type=email],input[type=url],input[type=search],textarea{width:100%;padding:11px 13px;border:1px solid var(--line);background:var(--field);color:var(--ink);font:inherit}
input:focus,textarea:focus{border-color:var(--cyan);outline:none}
.comment-respond .submit,.search-form button{background:var(--amber);color:#0A0F14;border:0;padding:12px 22px;font:inherit;font-weight:600;cursor:pointer}
.search-form{display:flex;gap:8px;max-width:520px}

/* Pagination */
.pagination{display:flex;gap:8px;justify-content:center;margin-top:48px;flex-wrap:wrap}
.pagination .page-numbers{padding:9px 15px;border:1px solid var(--line);background:var(--panel);color:var(--body);text-decoration:none}
.pagination .current,.pagination a:hover{background:var(--amber);color:#0A0F14;border-color:var(--amber)}

/* Footer */
.site-footer{margin-top:40px;background:var(--panel);border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-block:48px}
.footer-grid h4{font-size:1.4rem}
.footer-grid p{color:var(--muted);margin:0;max-width:40ch}
.footer-grid ul{list-style:none;margin:0;padding:0}
.footer-grid li{margin:6px 0}
.footer-grid a{color:var(--body);text-decoration:none}
.footer-grid a:hover{color:var(--amber)}
.disclaimer{border-top:1px solid var(--line);padding-block:18px;color:var(--muted);font-size:.88rem}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr}}

/* WP core */
.alignleft{float:left;margin:0 1.2em 1em 0}.alignright{float:right;margin:0 0 1em 1.2em}.aligncenter{margin-inline:auto}
.wp-caption-text,figcaption{font-size:.88rem;color:var(--muted)}
/* Reader tools + theme toggle */
.reader-tools{display:flex;align-items:center;gap:8px;margin-bottom:22px;font:.82rem var(--mono);color:var(--muted)}
.reader-tools button{background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:5px 12px;font:600 .95rem var(--sans);cursor:pointer;min-width:42px}
.reader-tools button:hover{border-color:var(--amber);color:var(--amber)}
.theme-toggle{background:none;border:1px solid var(--line);color:var(--body);padding:8px 14px;font:inherit;cursor:pointer}
.theme-toggle:hover{border-color:var(--cyan);color:var(--cyan)}
:root[data-theme="light"] body::before{opacity:.03}
:root[data-theme="light"] .card:hover,:root[data-theme="light"] .feature:hover{box-shadow:0 0 0 1px var(--cyan),0 14px 30px rgba(15,23,32,.12)}
:root[data-theme="light"] .search-pop .pop{box-shadow:0 20px 40px rgba(15,23,32,.15)}
:root[data-theme="light"] .term{box-shadow:0 24px 50px rgba(15,23,32,.25)}

/* Responsive polish */
.site-title{font-size:clamp(1.5rem,4vw,1.9rem)}
.card h3,.feature h3,.tile b,.page-head h1{overflow-wrap:break-word}
.comments{max-width:700px}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
@media (max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media (max-width:600px){
  .admin-bar .site-header{top:0}
  .wrap,.article-head,.article-body{width:calc(100% - 32px)}
  .section{padding-block:44px}
  .section-head h2{font-size:2rem}
  .hero .wrap{padding-block:40px 48px;gap:32px}
  .hero p{font-size:1.05rem}
  .hero-actions .btn{width:100%;text-align:center}
  .term-body{font-size:.78rem;padding:14px 16px;min-height:300px}
  .ticker-label{padding:8px 12px;font-size:1rem}
  .feature h3{font-size:2rem}
  .card h3{font-size:1.55rem}
  .page-head{padding-block:40px 0}
  .tiles{grid-template-columns:1fr 1fr;gap:12px}
  .tile{padding:16px}
  .tile b{font-size:1.4rem}
  .search-form{flex-direction:column}
  .search-form button{width:100%}
  .post-nav{flex-direction:column}
  .post-nav>div{max-width:100%}
  .post-nav .next{text-align:left;margin-left:0}
  .footer-grid{grid-template-columns:1fr;padding-block:36px}
  .comments .children{margin-left:12px}
}
@media (max-width:380px){.tiles{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .ticker-move{flex-wrap:wrap;width:auto}
}