/*
Theme Name: Endlog
Description: Industrial research-log theme for dscl8404.
Version: 1.0.0
Author: dscl8404
*/
:root {
  --bg: #0b1016;
  --bg-soft: #111821;
  --panel: #141c25;
  --panel-2: #18222d;
  --line: rgba(190, 207, 213, .18);
  --line-strong: rgba(206, 221, 225, .35);
  --text: #eef1ee;
  --muted: #8b98a2;
  --dim: #586570;
  --yellow: #f1cc4b;
  --yellow-dark: #a98512;
  --green: #78c99a;
  --red: #e95f64;
  --sans: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); font-family: var(--sans); font-size: 15px; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { color: inherit; }
::selection { background: var(--yellow); color: #111; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: #080c11; }
::-webkit-scrollbar-thumb { background: #46515b; border: 2px solid #080c11; }
.skip-link { position: fixed; left: 12px; top: -80px; z-index: 1000; background: var(--yellow); color: #111; padding: 12px 18px; font-weight: 800; }
.skip-link:focus { top: 12px; }
.noise { position: fixed; inset: 0; z-index: 100; pointer-events: none; opacity: .18; mix-blend-mode: soft-light; background-image: repeating-linear-gradient(0deg, transparent 0, transparent 2px, rgba(255,255,255,.025) 2px, rgba(255,255,255,.025) 3px); }

.side-rail { position: fixed; inset: 0 auto 0 0; z-index: 40; width: 72px; background: #e7e9e5; color: #11171d; border-right: 1px solid #fff; display: flex; flex-direction: column; align-items: center; }
.rail-logo { height: 86px; width: 100%; background: #f2f3ef; display: grid; place-content: center; line-height: .78; font: 900 17px/1 var(--sans); letter-spacing: -.12em; }
.rail-logo span:last-child { padding-left: 8px; }
.rail-line { width: 100%; height: 14px; background: #10161c; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.rail-item { position: relative; width: 100%; height: 72px; border: 0; border-bottom: 1px solid #c7cbc8; background: transparent; display: grid; place-content: center; cursor: pointer; text-align: center; transition: .2s; }
.rail-item b { font: 800 14px/1 var(--mono); }
.rail-item span { position: absolute; left: 61px; top: 50%; transform: translateY(-50%); white-space: nowrap; background: var(--yellow); color: #111; padding: 7px 9px; font: 700 9px var(--mono); letter-spacing: .09em; opacity: 0; pointer-events: none; transition: .2s; }
.rail-item:hover span { opacity: 1; left: 71px; }
.rail-item:hover, .rail-item.active { background: #11171d; color: var(--yellow); }
.rail-item.active::after { content: ''; position: absolute; right: -1px; top: 0; bottom: 0; width: 4px; background: var(--yellow); }
.rail-status { margin-top: auto; width: 100%; padding: 17px 0 21px; display: grid; justify-items: center; gap: 7px; border-top: 1px solid #c7cbc8; }
.rail-status i { width: 8px; height: 8px; border-radius: 50%; background: #43bd76; box-shadow: 0 0 0 4px rgba(67,189,118,.16); }
.rail-status span { font: 700 7px/1.25 var(--mono); letter-spacing: .08em; text-align: center; }

.site-shell { min-height: 100vh; margin-left: 72px; }
.system-bar { height: 28px; padding: 0 clamp(22px, 3vw, 48px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px dashed var(--line); color: #97a4ae; font: 700 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.system-bar span:last-child { text-align: right; }
.top-header { height: 82px; padding: 0 clamp(22px, 3vw, 48px); border-bottom: 1px solid var(--line-strong); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: rgba(11,16,22,.92); backdrop-filter: blur(14px); }
.site-id { display: flex; align-items: center; gap: 12px; width: max-content; }
.id-mark { position: relative; width: 38px; height: 38px; border: 1px solid var(--yellow); display: grid; place-items: center; transform: rotate(45deg); }
.id-mark::before, .id-mark::after, .id-mark i { content: ''; position: absolute; border: 1px solid #c7d0d4; border-radius: 50%; }
.id-mark::before { width: 27px; height: 11px; }
.id-mark::after { width: 11px; height: 27px; }
.id-mark i { width: 6px; height: 6px; background: var(--yellow); border: 0; }
.site-id > span:last-child { display: flex; flex-direction: column; }
.site-id b { font: 800 16px var(--mono); letter-spacing: .05em; }
.site-id small { color: var(--yellow); font: 700 7px var(--mono); letter-spacing: .16em; }
.top-header nav { display: flex; height: 100%; align-items: center; gap: clamp(24px, 3.2vw, 54px); }
.top-header nav a { position: relative; color: #bdc5c9; font-weight: 650; font-size: 13px; }
.top-header nav a::before { content: '/'; position: absolute; left: -17px; color: #59636b; }
.top-header nav a:first-child::before { display: none; }
.top-header nav a:hover, .top-header nav a.active { color: var(--text); }
.top-header nav a.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -30px; height: 3px; background: var(--yellow); }
.search-trigger { justify-self: end; height: 37px; min-width: 104px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid var(--line-strong); background: transparent; cursor: pointer; font: 700 9px var(--mono); letter-spacing: .1em; }
.search-trigger:hover { border-color: var(--yellow); color: var(--yellow); }
.search-trigger span { width: 12px; height: 12px; border: 1px solid currentColor; border-radius: 50%; position: relative; }
.search-trigger span::after { content: ''; position: absolute; width: 5px; height: 1px; background: currentColor; right: -4px; bottom: -2px; transform: rotate(45deg); }
.mobile-header, .mobile-nav { display: none; }

.hero-panel { position: relative; min-height: 720px; padding: clamp(70px, 9vw, 130px) clamp(28px, 5.5vw, 90px) 54px; overflow: hidden; border-bottom: 1px solid var(--line-strong); background: radial-gradient(circle at 81% 38%, rgba(54,119,107,.17), transparent 27%), radial-gradient(circle at 15% 88%, rgba(147,53,65,.12), transparent 25%), #0b1016; display: grid; grid-template-columns: minmax(440px, 1.1fr) minmax(380px, .9fr); grid-template-rows: 1fr auto; gap: 40px clamp(38px, 6vw, 100px); }
.hero-grid { position: absolute; inset: 0; opacity: .24; background-size: 64px 64px; background-image: linear-gradient(to right, #61717a 1px, transparent 1px), linear-gradient(to bottom, #61717a 1px, transparent 1px); mask-image: linear-gradient(to bottom, black, transparent 94%); }
.hero-scan { position: absolute; inset: 78px 24px auto auto; color: rgba(179,193,199,.32); display: flex; gap: 28px; align-items: center; font: 700 8px var(--mono); letter-spacing: .16em; writing-mode: vertical-rl; }
.hero-scan b { font-size: 16px; color: rgba(241,204,75,.38); }
.hero-copy, .hero-terminal, .hero-stats { position: relative; z-index: 2; }
.hero-copy { align-self: center; }
.eyebrow { display: flex; align-items: center; gap: 12px; width: max-content; min-height: 30px; padding: 0 12px; border: 1px solid rgba(241,204,75,.42); background: rgba(241,204,75,.05); font: 700 8px var(--mono); letter-spacing: .15em; color: var(--yellow); }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 10px var(--yellow); }
.eyebrow em { margin-left: 7px; padding-left: 12px; border-left: 1px solid rgba(241,204,75,.3); color: var(--green); font-style: normal; }
.hero-copy h1 { margin: 38px 0 20px; max-width: 750px; font-size: clamp(59px, 7.2vw, 112px); line-height: .93; letter-spacing: -.075em; font-weight: 800; }
.hero-copy h1 span, .hero-copy h1 strong { display: block; }
.hero-copy h1 strong { color: var(--yellow); }
.yellow-dot { display: inline !important; }
.hero-statement { margin: 0 0 16px; color: #d8dddc; font-size: clamp(17px, 1.5vw, 22px); letter-spacing: .04em; }
.hero-bio { max-width: 590px; margin: 0 0 35px; color: var(--muted); line-height: 1.8; }
.primary-action { width: max-content; min-width: 200px; height: 50px; display: inline-flex; align-items: center; background: var(--yellow); color: #13171a; font: 800 12px var(--sans); clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
.primary-action span { padding: 0 22px; }
.primary-action b { align-self: stretch; width: 48px; margin-left: auto; display: grid; place-items: center; border-left: 1px solid rgba(0,0,0,.35); font-size: 19px; transition: .2s; }
.primary-action:hover b { background: #111; color: var(--yellow); }
.hero-terminal { align-self: center; background: rgba(10,14,19,.92); border: 1px solid #50606a; box-shadow: 18px 20px 0 rgba(0,0,0,.2); }
.terminal-bar { height: 40px; padding: 0 12px; border-bottom: 1px solid #46525b; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: #1a222b; font: 700 8px var(--mono); color: #838f97; }
.terminal-bar > span { display: flex; gap: 5px; }
.terminal-bar i { width: 7px; height: 7px; border-radius: 50%; background: var(--red); }
.terminal-bar i:nth-child(2) { background: var(--yellow); }.terminal-bar i:nth-child(3) { background: var(--green); }
.terminal-bar em { justify-self: end; color: var(--yellow); font-style: normal; }
.terminal-content { min-height: 280px; padding: 38px clamp(24px, 3vw, 42px); font: 12px/1.85 var(--mono); color: #a7b0b7; }
.terminal-content p { margin: 2px 0; }
.terminal-content .prompt { color: var(--yellow); }
.typing-line { color: var(--yellow); }
.typing-line span { display: inline-block; width: 7px; height: 14px; margin-left: 3px; vertical-align: -2px; background: var(--yellow); animation: blink 1s steps(2,end) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.terminal-footer { min-height: 55px; padding: 9px 13px; border-top: 1px solid #35414a; display: flex; flex-wrap: wrap; gap: 7px; align-items: center; font: 700 8px var(--mono); }
.terminal-footer b { margin-right: auto; color: var(--yellow); letter-spacing: .12em; }.terminal-footer b i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--green); }
.terminal-footer span { padding: 7px 9px; border: 1px solid #38434b; color: #8f9ba3; }
.hero-stats { grid-column: 1 / -1; align-self: end; display: flex; gap: 0; width: max-content; border-top: 1px solid var(--line-strong); }
.hero-stats div { min-width: 115px; padding: 19px 36px 0 0; margin-right: 36px; border-right: 1px solid var(--line); display: grid; gap: 5px; }
.hero-stats b { font: 800 21px var(--mono); color: var(--yellow); }.hero-stats span { font: 700 7px var(--mono); letter-spacing: .15em; color: var(--muted); }

.log-section { padding: 90px clamp(28px, 5.5vw, 90px) 120px; background: #0d131a; }
.section-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; padding-bottom: 23px; border-bottom: 1px solid var(--line-strong); }
.section-title > div > span { font: 700 9px var(--mono); letter-spacing: .14em; color: var(--yellow); }.section-title h2 { margin: 11px 0 0; font-size: clamp(34px, 4vw, 60px); line-height: 1; letter-spacing: -.05em; }.section-title p { margin: 0; font: 700 8px var(--mono); letter-spacing: .14em; color: var(--muted); }
.log-list { border-bottom: 1px solid var(--line-strong); }
.log-card { min-height: 285px; display: grid; grid-template-columns: 58px minmax(0,1fr) minmax(250px,34%); gap: clamp(22px, 3vw, 46px); padding: 34px 0; border-bottom: 1px solid var(--line); }
.log-card:last-child { border-bottom: 0; }
.card-index { display: flex; flex-direction: column; align-items: center; color: var(--dim); font: 700 10px var(--mono); }.card-index i { width: 1px; flex: 1; margin-top: 12px; background: linear-gradient(var(--line-strong), transparent); }
.card-content { align-self: center; }.card-meta { display: flex; flex-wrap: wrap; gap: 11px 24px; color: var(--muted); font: 700 8px var(--mono); letter-spacing: .12em; text-transform: uppercase; }.card-meta span { position: relative; }.card-meta span::before { content: '//'; position: absolute; left: -17px; color: #4b565e; }
.card-content h3 { max-width: 780px; margin: 19px 0 15px; font-size: clamp(25px, 2.7vw, 43px); line-height: 1.15; letter-spacing: -.035em; }.card-content h3 a { transition: .2s; }.log-card:hover h3 a { color: var(--yellow); }.card-content p { max-width: 720px; margin: 0 0 27px; color: var(--muted); line-height: 1.75; }
.text-link { display: inline-flex; gap: 20px; align-items: center; font: 800 9px var(--mono); letter-spacing: .14em; }.text-link b { font-size: 17px; color: var(--yellow); transition: .2s; }.text-link:hover b { transform: translate(3px,-3px); }
.card-visual { position: relative; min-height: 215px; overflow: hidden; border: 1px solid var(--line-strong); background: #131c24; display: grid; place-items: center; }.card-visual::before, .card-visual::after { content: ''; position: absolute; }.card-visual::before { inset: 0; opacity: .23; background-size: 22px 22px; background-image: linear-gradient(to right,#9ba7ad 1px,transparent 1px),linear-gradient(to bottom,#9ba7ad 1px,transparent 1px); }.card-visual::after { width: 70%; aspect-ratio: 1; border: 1px solid rgba(241,204,75,.55); border-radius: 50%; transform: skew(-19deg) rotate(24deg); transition: .5s; }.card-visual:hover::after { transform: skew(0) rotate(120deg) scale(1.2); }.card-visual i { position: absolute; width: 38%; aspect-ratio: 1; border: 9px solid rgba(241,204,75,.18); transform: rotate(45deg); }.card-visual b { position: relative; z-index: 2; font: 900 clamp(55px,7vw,98px)/1 var(--mono); color: #d8dddd; letter-spacing: -.12em; }.visual-2 { background: #192018; }.visual-2::after { border-color: rgba(120,201,154,.65); }.visual-2 i { border-color: rgba(120,201,154,.18); }.visual-3 { background: #21171b; }.visual-3::after { border-color: rgba(233,95,100,.65); }.visual-3 i { border-color: rgba(233,95,100,.17); }.visual-code { position: absolute; z-index: 2; left: 12px; top: 11px; font: 700 7px var(--mono); letter-spacing: .14em; color: var(--muted); }
.pagination { padding-top: 35px; }.pagination > div { display: flex; flex-wrap: wrap; gap: 8px; }.pagination span span, .pagination span a { min-width: 40px; height: 38px; border: 1px solid var(--line); display: grid; place-items: center; padding: 0 12px; font: 700 9px var(--mono); }.pagination .current { background: var(--yellow); color: #111; border-color: var(--yellow); }.empty-state { padding: 80px 0; }.empty-state > span { color: var(--yellow); font: 700 9px var(--mono); }.empty-state h3 { font-size: 38px; margin: 15px 0 30px; }

.article-page { background: #0d131a; }
.article-hero { position: relative; min-height: 470px; padding: 80px clamp(28px,6vw,104px) 62px; border-bottom: 1px solid var(--line-strong); background: radial-gradient(circle at 82% 25%,rgba(241,204,75,.12),transparent 25%), repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(154,172,180,.045) 80px); display: grid; grid-template-columns: 110px 1fr minmax(150px,24%); gap: clamp(25px,4vw,70px); align-items: center; }
.article-code { align-self: stretch; border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: space-between; font: 700 8px var(--mono); color: var(--muted); letter-spacing: .15em; }.article-code b { color: var(--yellow); font-size: 17px; }.article-heading h1 { max-width: 1000px; margin: 25px 0 28px; font-size: clamp(45px,6.7vw,104px); line-height: 1; letter-spacing: -.065em; }.article-heading > p { color: var(--muted); font: 700 8px var(--mono); letter-spacing: .12em; }.article-heading > p b { color: var(--yellow); }
.article-sigil { justify-self: end; position: relative; width: min(22vw,230px); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--line-strong); transform: rotate(45deg); }.article-sigil::before,.article-sigil::after,.article-sigil span { content:''; position:absolute; border:1px solid rgba(241,204,75,.48); border-radius:50%; }.article-sigil::before { width: 100%; height: 34%; }.article-sigil::after { width: 34%; height: 100%; }.article-sigil span { width: 72%; height: 72%; }.article-sigil b { transform: rotate(-45deg); font: 900 clamp(45px,7vw,95px) var(--mono); color: var(--yellow); }
.article-layout { display: grid; grid-template-columns: 135px minmax(0,830px); gap: clamp(40px,6vw,96px); justify-content: center; padding: 95px clamp(28px,6vw,104px) 100px; }
.article-aside { display: flex; flex-direction: column; color: var(--muted); font: 700 8px/1.5 var(--mono); letter-spacing: .15em; }.article-aside i { flex: 1; width: 1px; min-height: 120px; margin: 18px 0; background: linear-gradient(var(--line-strong),transparent); }.article-aside a { color: var(--yellow); }
.article-content { color: #c7cecf; font-size: 17px; line-height: 1.95; word-break: break-word; }.article-content > *:first-child { margin-top: 0; }.article-content h1,.article-content h2,.article-content h3,.article-content h4 { color: var(--text); line-height: 1.25; letter-spacing: -.025em; scroll-margin-top: 30px; }.article-content h2 { margin: 2.2em 0 .8em; padding: 0 0 12px 20px; border-bottom: 1px solid var(--line); border-left: 4px solid var(--yellow); font-size: 31px; }.article-content h3 { margin-top: 2em; color: var(--yellow); font-size: 23px; }.article-content a { color: var(--yellow); border-bottom: 1px solid var(--yellow-dark); }.article-content img { display: block; max-width: 100%; height: auto; margin: 35px auto; border: 1px solid var(--line-strong); }.article-content blockquote { margin: 35px 0; padding: 22px 26px; border-left: 4px solid var(--yellow); background: var(--panel); color: #dfe3e1; }.article-content blockquote p { margin: 0; }.article-content pre { overflow: auto; padding: 24px; border: 1px solid var(--line); background: #080c11; font: 13px/1.7 var(--mono); }.article-content code { padding: .15em .35em; background: #1e2831; color: #f5d971; font-family: var(--mono); font-size: .9em; }.article-content pre code { padding: 0; background: none; }.article-content table { width: 100%; border-collapse: collapse; margin: 30px 0; }.article-content th,.article-content td { padding: 12px; border: 1px solid var(--line); text-align: left; }.article-content th { color: var(--yellow); background: var(--panel); }.article-content hr { height: 1px; border: 0; background: var(--line-strong); margin: 55px 0; }.article-content li { margin: .45em 0; }
.article-footer { padding: 35px clamp(28px,6vw,104px) 70px; border-top: 1px solid var(--line); font: 700 9px var(--mono); color: var(--muted); }.article-footer > div:first-child a { color: var(--yellow); }.post-near { margin-top: 35px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }.post-near span { padding: 18px; border: 1px solid var(--line); }.post-near span:last-child { text-align: right; }.post-near a { color: var(--text); }

.comments-zone { padding: 70px clamp(28px,6vw,104px) 100px; border-top: 1px solid var(--line-strong); background: #0b1016; }.section-title.compact h2 { font-size: clamp(28px,3vw,44px); }.comment-list { list-style: none; margin: 42px 0; padding: 0; }.comment-list li { margin: 0 0 15px; padding: 22px; border: 1px solid var(--line); background: var(--panel); }.comment-list li.comment-level-odd { background: #101821; }.comment-list .comment-children { margin: 18px 0 0 24px; }.comment-list .comment-children ol { list-style: none; padding: 0; }.comment-list .comment-author { display: flex; align-items: center; gap: 12px; }.comment-list .avatar { width: 34px; height: 34px; border-radius: 0; }.comment-list cite { font-style: normal; font-weight: 700; }.comment-list .comment-meta { color: var(--muted); font: 8px var(--mono); }.comment-list .comment-content { color: #bdc5c6; line-height: 1.7; }.comment-list .comment-reply { text-align: right; font: 700 9px var(--mono); color: var(--yellow); }
.respond { max-width: 900px; margin-top: 55px; }.respond h3 { font: 800 13px var(--mono); letter-spacing: .12em; color: var(--yellow); }.form-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.respond label { display: grid; gap: 9px; color: var(--muted); font: 700 8px var(--mono); letter-spacing: .12em; }.respond input,.respond textarea,.error-page input { width: 100%; border: 1px solid var(--line-strong); background: #0c1218; color: var(--text); padding: 14px; outline: none; }.respond input:focus,.respond textarea:focus,.error-page input:focus { border-color: var(--yellow); }.message-field { margin: 14px 0 20px; }.respond .primary-action { border: 0; cursor: pointer; }.login-note { color: var(--muted); }

.error-page { min-height: 700px; padding: 120px clamp(28px,9vw,150px); background-image: linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size: 64px 64px; }.error-page > span { color: var(--yellow); font: 700 11px var(--mono); }.error-page h1 { margin: 30px 0 20px; font-size: clamp(60px,10vw,150px); letter-spacing: -.07em; }.error-page p { color: var(--muted); font-size: 18px; }.error-page form { display: flex; max-width: 600px; margin: 45px 0 35px; }.error-page button { border: 0; background: var(--yellow); color: #111; padding: 0 22px; font: 800 10px var(--mono); }

.site-footer { min-height: 150px; padding: 38px clamp(28px,5.5vw,90px); border-top: 1px solid var(--line-strong); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; background: #080c11; }.site-footer > div:first-child { display: flex; flex-direction: column; }.site-footer b { font: 800 15px var(--mono); }.site-footer span { color: var(--yellow); font: 700 7px var(--mono); letter-spacing: .13em; }.site-footer p { color: var(--dim); font: 700 8px var(--mono); letter-spacing: .08em; }.footer-links { justify-self: end; display: flex; flex-wrap: wrap; gap: 24px; font: 700 8px var(--mono); letter-spacing: .1em; }.footer-links a:hover { color: var(--yellow); }
.search-dialog { width: min(750px,calc(100% - 28px)); border: 1px solid var(--line-strong); padding: 0; background: #111820; color: var(--text); box-shadow: 0 30px 100px #000; }.search-dialog::backdrop { background: rgba(3,6,9,.82); backdrop-filter: blur(4px); }.search-dialog form { padding: 0 28px 32px; }.search-dialog header { height: 54px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); font: 700 9px var(--mono); letter-spacing: .15em; }.search-dialog header button { border: 0; background: none; color: var(--muted); font-size: 25px; cursor: pointer; }.search-dialog label { display: block; margin: 35px 0 12px; color: var(--muted); font: 700 9px var(--mono); letter-spacing: .12em; }.search-dialog form > div { display: flex; }.search-dialog input { flex: 1; min-width: 0; border: 1px solid var(--line-strong); border-right: 0; background: #080d12; color: var(--text); padding: 19px; outline: none; font: 15px var(--mono); }.search-dialog form > div button { border: 0; background: var(--yellow); color: #111; padding: 0 24px; font: 800 9px var(--mono); }.search-dialog small { display: block; margin-top: 13px; color: var(--dim); font: 700 7px var(--mono); letter-spacing: .12em; }

@media (max-width: 1080px) {
  .top-header { grid-template-columns: 1fr auto; }.top-header nav { display: none; }.hero-panel { grid-template-columns: 1fr; padding-top: 75px; }.hero-terminal { max-width: 670px; width: 100%; }.hero-stats { grid-column: 1; }.article-hero { grid-template-columns: 90px 1fr; }.article-sigil { display: none; }
}
@media (max-width: 760px) {
  .side-rail,.system-bar,.top-header { display: none; }.site-shell { margin-left: 0; }.mobile-header { position: sticky; top: 0; z-index: 35; height: 58px; padding: 0 18px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line-strong); background: rgba(9,14,20,.94); backdrop-filter: blur(12px); font: 800 10px var(--mono); letter-spacing: .1em; }.mobile-header button { border: 1px solid var(--line-strong); background: transparent; padding: 8px 11px; font: 700 8px var(--mono); }.mobile-nav { position: fixed; inset: 58px 0 auto; z-index: 34; padding: 18px; background: #10171f; border-bottom: 1px solid var(--line-strong); display: none; grid-template-columns: 1fr 1fr; gap: 8px; }.mobile-nav.open { display: grid; }.mobile-nav a,.mobile-nav button { padding: 15px; border: 1px solid var(--line); background: transparent; color: var(--text); font: 700 10px var(--mono); text-align: left; }
  .hero-panel { min-height: auto; padding: 62px 19px 42px; gap: 50px; }.hero-scan { display: none; }.eyebrow em { display: none; }.hero-copy h1 { margin-top: 30px; font-size: clamp(56px,18vw,88px); }.hero-statement { font-size: 17px; }.hero-terminal { box-shadow: 8px 10px 0 rgba(0,0,0,.2); }.terminal-content { min-height: 230px; padding: 28px 20px; font-size: 10px; }.terminal-footer span { display: none; }.hero-stats { width: 100%; }.hero-stats div { min-width: 0; flex: 1; padding-right: 12px; margin-right: 12px; }.hero-stats div:last-child { margin: 0; border: 0; }
  .log-section { padding: 65px 19px 80px; }.section-title { align-items: start; flex-direction: column; }.section-title p { line-height: 1.5; }.log-card { grid-template-columns: 28px 1fr; gap: 11px; padding: 30px 0 45px; }.card-visual { grid-column: 2; grid-row: 2; min-height: 180px; margin-top: 8px; }.card-content h3 { font-size: 29px; }.card-content p { font-size: 14px; }.card-meta { gap: 8px 18px; }
  .article-hero { min-height: 400px; padding: 65px 19px 45px; grid-template-columns: 1fr; }.article-code { min-height: 42px; flex-direction: row; border-right: 0; border-bottom: 1px solid var(--line); }.article-heading h1 { font-size: clamp(43px,13vw,72px); }.article-layout { grid-template-columns: 1fr; padding: 65px 19px; }.article-aside { display: none; }.article-content { font-size: 16px; line-height: 1.85; }.article-content h2 { font-size: 26px; }.article-footer { padding: 28px 19px 55px; }.post-near { grid-template-columns: 1fr; }.post-near span:last-child { text-align: left; }
  .comments-zone { padding: 55px 19px 70px; }.form-grid { grid-template-columns: 1fr; }.comment-list .comment-children { margin-left: 8px; }
  .site-footer { padding: 45px 19px; grid-template-columns: 1fr; align-items: start; }.site-footer p { margin: 0; }.footer-links { justify-self: start; }.search-dialog form > div { flex-direction: column; }.search-dialog input { border-right: 1px solid var(--line-strong); }.search-dialog form > div button { min-height: 48px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation: none !important; transition: none !important; } }