/*
Theme Name: Bytell
Theme URI: https://bytell.blogiest.com/
Author: Blogiest
Description: A technical desk for practical consumer technology, troubleshooting and buying guides.
Version: 2.0.0
Text Domain: blogiest
*/
:root{--ink:#eaf4f8;--muted:#8298a5;--bg:#060b0f;--panel:#0b141b;--line:#1d303b;--cyan:#5be3ff;--violet:#8c7bff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 "Segoe UI",system-ui,sans-serif}a{color:inherit}img{max-width:100%;height:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:100;background:#fff;color:#000;padding:8px}.tech-header{border-bottom:1px solid var(--line);background:rgba(6,11,15,.96);position:sticky;top:0;z-index:20}.tech-header-top,.tech-nav-row,.tech-feed,.lane-section,.tech-method,.tech-index,.standard-page,.search-shell,.not-found-shell,.tech-footer-grid,.tech-footer-bottom{width:min(1240px,calc(100% - 40px));margin:auto}.tech-header-top{height:68px;display:flex;align-items:center;gap:28px}.tech-brand{text-decoration:none;font-size:1.35rem;font-weight:900;letter-spacing:.08em;display:flex;align-items:center;gap:10px}.brand-mark{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font:700 13px/1 ui-monospace,monospace}.tech-tagline{color:var(--muted);font:12px ui-monospace,monospace;letter-spacing:.08em}.tech-search{margin-left:auto;color:var(--cyan);font:700 11px ui-monospace,monospace;text-decoration:none}.tech-nav-row{height:42px;display:flex;align-items:center;border-top:1px solid #101d24}.tech-menu{display:flex;list-style:none;padding:0;margin:0;gap:24px}.tech-menu a{text-decoration:none;color:#c2d1d8;font-size:12px}.system-status{margin-left:auto;color:#6f8793;font:10px ui-monospace,monospace;letter-spacing:.12em}.system-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#61f2a4;margin-right:7px}.tech-main{min-height:60vh}.tech-hero{width:min(1240px,calc(100% - 40px));margin:0 auto;min-height:570px;display:grid;grid-template-columns:1.5fr .75fr;align-items:center;gap:72px;position:relative}.tech-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(91,227,255,.05) 50%,transparent 50.2%),linear-gradient(rgba(91,227,255,.035) 1px,transparent 1px);background-size:100% 100%,100% 38px;pointer-events:none}.tech-hero-copy,.tech-console{position:relative}.terminal-label,.tech-section-title{font:700 11px ui-monospace,monospace;letter-spacing:.15em;color:var(--cyan)}.tech-hero h1{font-size:clamp(4rem,8vw,7.6rem);line-height:.86;letter-spacing:-.075em;margin:.2em 0 .25em;max-width:900px}.tech-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--cyan)}.tech-hero-copy>p{max-width:610px;color:#a7b9c1;font-size:1.1rem}.hero-actions{display:flex;gap:10px;margin-top:28px}.hero-actions a{border:1px solid var(--line);padding:10px 14px;text-decoration:none;font:700 12px ui-monospace,monospace}.hero-actions a:first-child{background:var(--cyan);color:#041014;border-color:var(--cyan)}.tech-console{border:1px solid var(--line);background:#081117;box-shadow:18px 18px 0 #04080b}.console-title{display:block;padding:13px 16px;border-bottom:1px solid var(--line);font:700 10px ui-monospace,monospace;color:#718995}.tech-console>a{display:grid;grid-template-columns:38px 1fr 20px;gap:12px;align-items:center;padding:18px 16px;border-bottom:1px solid var(--line);text-decoration:none}.tech-console>a:last-child{border:0}.tech-console b{color:var(--cyan);font:11px ui-monospace,monospace}.tech-console span{font-weight:700}.tech-console small{display:block;color:var(--muted);font-weight:400;margin-top:2px}.tech-console i{font-style:normal;color:var(--cyan)}.tech-feed{padding:70px 0;border-top:1px solid var(--line)}.tech-section-title{display:flex;align-items:center;gap:16px;margin-bottom:26px}.tech-section-title .rule{height:1px;background:var(--line);flex:1}.tech-section-title a{color:var(--muted);text-decoration:none}.signal-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.signal-layout article{background:var(--bg)}.signal-lead{grid-row:span 4}.signal-item{display:grid;grid-template-columns:130px 1fr}.signal-image{display:block;min-height:160px;background:#10212c}.signal-image img{width:100%;height:100%;object-fit:cover}.signal-copy{padding:20px}.signal-copy>span{font:10px ui-monospace,monospace;color:var(--cyan)}.signal-copy h2{margin:.35em 0;font-size:1.35rem;line-height:1.13}.signal-lead .signal-copy h2{font-size:2.3rem}.signal-copy h2 a{text-decoration:none}.signal-copy p{color:var(--muted);margin-bottom:0}.signal-empty{display:grid;grid-template-columns:1.5fr 1fr;border:1px solid var(--line)}.signal-empty-main{padding:52px}.signal-empty-main span{font:10px ui-monospace;color:#61f2a4}.signal-empty-main h2{font-size:3rem;margin:.15em 0}.signal-empty-main p{color:var(--muted);max-width:540px}.signal-empty-stack{border-left:1px solid var(--line)}.signal-empty-stack div{display:grid;grid-template-columns:55px 1fr;padding:24px;border-bottom:1px solid var(--line)}.signal-empty-stack b{color:var(--cyan);font:11px ui-monospace}.signal-empty-stack span{font:700 12px ui-monospace}.lane-section{padding:20px 0 80px}.lane-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.lane-grid a{height:150px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:1.25rem;font-weight:700}.lane-grid i{font-style:normal;color:var(--cyan);align-self:flex-end}.tech-method{margin-bottom:80px;padding:54px;background:linear-gradient(120deg,#0c1820,#111329);border:1px solid #23394a;display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:38px;align-items:start}.tech-method>span{font:10px ui-monospace;color:var(--cyan)}.tech-method h2{font-size:2.6rem;line-height:1.05;margin:0}.tech-method p{color:var(--muted);margin:0}.tech-method a{grid-column:3;color:var(--cyan);font:11px ui-monospace}.tech-article-head{width:min(1040px,calc(100% - 40px));margin:70px auto 38px}.article-route{font:10px ui-monospace;color:var(--cyan);letter-spacing:.14em}.tech-article-head h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.92;letter-spacing:-.06em;margin:.2em 0}.article-dek{font-size:1.2rem;color:#a9bbc4;max-width:760px}.article-byline{display:flex;gap:24px;border-top:1px solid var(--line);padding-top:16px;font:10px ui-monospace;color:var(--muted)}.tech-article-image{width:min(1180px,calc(100% - 40px));margin:0 auto 50px}.tech-article-image img{width:100%;max-height:620px;object-fit:cover}.tech-article-grid{width:min(1040px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:220px 1fr;gap:70px}.guide-rail{position:sticky;top:130px;align-self:start;border-top:2px solid var(--cyan)}.rail-label{display:block;font:10px ui-monospace;color:var(--cyan);padding:12px 0}.guide-rail div{border-top:1px solid var(--line);padding:12px 0}.guide-rail b,.guide-rail span{display:block}.guide-rail b{font:10px ui-monospace;color:var(--muted)}.guide-rail span{margin-top:4px}.guide-rail a{display:block;margin-top:20px;color:var(--cyan);font-size:12px}.tech-article-content{font:17px/1.75 Georgia,serif;color:#dfe9ec}.tech-article-content h2{font:700 2.2rem/1.12 "Segoe UI",sans-serif;margin:2.1em 0 .6em;color:#fff}.tech-article-content h3{font:700 1.45rem "Segoe UI",sans-serif;color:#fff}.tech-article-content blockquote{border-left:3px solid var(--cyan);margin:2em 0;padding:12px 20px;background:#0b141b}.article-tags{border-top:1px solid var(--line);padding-top:22px;margin-top:45px}.tech-post-nav{width:min(1040px,calc(100% - 40px));margin:45px auto 80px;border-top:1px solid var(--line);padding-top:24px}.tech-index{padding:70px 0 100px}.tech-index>header{margin-bottom:42px}.tech-index h1{font-size:clamp(3rem,6vw,5.4rem);letter-spacing:-.06em;margin:.1em 0}.archive-copy{color:var(--muted);max-width:650px}.tech-list{border-top:1px solid var(--line)}.tech-list article{display:grid;grid-template-columns:60px 150px 1fr 140px 40px;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.list-no,.list-topic,time{font:10px ui-monospace;color:var(--muted)}.tech-list h2{font-size:1.45rem;margin:0}.tech-list h2 a{text-decoration:none}.tech-list p{color:var(--muted);margin:0}.list-arrow{color:var(--cyan);text-decoration:none}.search-shell,.standard-page,.not-found-shell{padding:70px 0 100px;max-width:900px}.search-heading h1,.standard-page-head h1,.not-found-shell h1{font-size:3rem}.section-kicker,.result-date{font:10px ui-monospace;color:var(--cyan)}.search-result{padding:22px 0;border-bottom:1px solid var(--line)}.search-result h2{margin:.25em 0}.standard-page-body{font:17px/1.75 Georgia,serif}.not-found-code{font:8rem/1 ui-monospace;color:var(--cyan)}.home-link{display:inline-block;margin-top:20px;color:var(--cyan)}.tech-footer{border-top:1px solid var(--line);background:#04080b;padding:55px 0 20px}.tech-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-logo{font-size:2rem;font-weight:900}.footer-logo span{color:var(--cyan)}.tech-footer-grid p{color:var(--muted);max-width:430px}.tech-footer-grid b{display:block;font:10px ui-monospace;color:var(--cyan);margin-bottom:12px}.tech-footer-grid a{display:block;text-decoration:none;color:#b8c8cf;margin:5px 0}.tech-footer-bottom{margin-top:45px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#5e747e;font:10px ui-monospace}
@media(max-width:850px){.tech-tagline,.system-status{display:none}.tech-hero{grid-template-columns:1fr;gap:20px;padding:65px 0}.tech-hero h1{font-size:4rem}.signal-layout,.signal-empty{grid-template-columns:1fr}.signal-lead{grid-row:auto}.lane-grid{grid-template-columns:1fr 1fr}.tech-method{grid-template-columns:1fr}.tech-method a{grid-column:auto}.tech-article-grid{grid-template-columns:1fr}.guide-rail{position:static}.tech-list article{grid-template-columns:45px 1fr 30px}.tech-list .list-topic,.tech-list time,.tech-list p{display:none}.tech-footer-grid{grid-template-columns:1fr 1fr}.tech-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.tech-header-top,.tech-nav-row,.tech-feed,.lane-section,.tech-method,.tech-index,.standard-page,.search-shell,.not-found-shell,.tech-footer-grid,.tech-footer-bottom,.tech-hero{width:calc(100% - 24px)}.tech-menu{gap:12px;overflow:auto}.tech-hero h1{font-size:3.3rem}.hero-actions{flex-direction:column}.signal-item{grid-template-columns:1fr}.lane-grid{grid-template-columns:1fr 1fr}.lane-grid a{height:115px}.tech-footer-grid{grid-template-columns:1fr}}