/*
Theme Name: Mobile Gadget News
Version: 1.0.0
Description: An independent mobile technology journal.
*/
:root{--paper:#f6f3ed;--ink:#17261f;--muted:#59665e;--line:#d8ded3;--forest:#174b3a;--lime:#d9ee95;--white:#fffdf8;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--forest)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #397559;outline-offset:5px}img{max-width:100%;height:auto}button,input{font:inherit}.wrap{width:min(1280px,calc(100% - 80px));margin:auto}.skip-link{position:absolute;top:-100px;left:15px;z-index:10;background:white;padding:10px}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--ink);padding:25px 0}.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:14px}.brand-icon{display:grid;place-items:center;background:var(--forest);color:var(--lime);width:48px;height:48px;font:700 27px/1 var(--serif);border-radius:50%}.brand-name{font:700 22px/1.05 var(--sans);letter-spacing:-1px}.brand-name small{display:block;font:10px/1.6 var(--sans);text-transform:uppercase;letter-spacing:2.2px;margin-top:4px}.desktop-nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:650}.desktop-nav a{text-decoration:none}.header-search{display:flex;gap:8px}.header-search input{max-width:150px;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:13px;padding:6px}.header-search button{border:0;background:transparent;font-size:13px;cursor:pointer}.mobile-menu{display:none}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--forest)}.homepage-intro{padding:46px 0 28px;border-bottom:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:30px}.homepage-intro h1{font:400 clamp(34px,4.5vw,65px)/1.06 var(--serif);letter-spacing:-2px;margin:10px 0 0}.homepage-intro p{max-width:330px;font-size:14px;line-height:1.7;margin:0;color:var(--muted)}.lead-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:45px;padding:35px 0 48px}.feature-link{text-decoration:none}.feature-visual{aspect-ratio:1.65;background:#dce8d3;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:23px}.feature-visual svg{width:100%;height:100%}.feature-copy h2{font:400 clamp(30px,3vw,43px)/1.15 var(--serif);letter-spacing:-1px;margin:12px 0}.feature-copy p{color:var(--muted);font-size:16px;margin:0 0 15px}.article-meta{font-size:11px;color:var(--muted);letter-spacing:.2px}.side-list{border-left:1px solid var(--line);padding-left:35px}.section-heading{font-size:11px;letter-spacing:2px;text-transform:uppercase;padding-bottom:16px;margin:0;border-bottom:1px solid var(--ink)}.side-story{padding:22px 0;border-bottom:1px solid var(--line)}.side-story h3{font:400 23px/1.25 var(--serif);margin:8px 0}.side-story a{text-decoration:none}.side-story p{font-size:13px;color:var(--muted);margin:8px 0}.section-block{padding:35px 0 48px;border-top:1px solid var(--ink)}.section-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:27px}.section-title-row h2{font:400 34px/1.2 var(--serif);margin:0;letter-spacing:-.7px}.section-title-row>a{font-size:12px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.story-card{border-top:1px solid var(--line);padding-top:20px}.story-card a{text-decoration:none}.story-card h3{font:400 26px/1.25 var(--serif);margin:12px 0}.story-card p{font-size:14px;color:var(--muted);margin:0 0 15px}.archive-note{background:var(--forest);color:var(--white);padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px}.archive-note h2{font:400 32px/1.15 var(--serif);margin:0 0 12px}.archive-note p{font-size:14px;margin:0}.archive-note a{color:var(--lime)}.site-footer{border-top:1px solid var(--ink);padding:35px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:start;font-size:12px;color:var(--muted)}.footer-inner p{max-width:390px;margin:0}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.reading-layout{display:grid;grid-template-columns:minmax(0,760px) 240px;justify-content:space-between;gap:65px;padding:32px 0 70px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:27px}.article-header h1{font:400 clamp(34px,4.5vw,55px)/1.09 var(--serif);letter-spacing:-1.4px;margin:13px 0 20px}.article-deck{font-size:20px;line-height:1.5;color:var(--muted);margin-bottom:22px}.byline{font-size:12px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:30px}.article-body{font-size:18px;line-height:1.8;overflow-wrap:anywhere}.article-body p{margin:0 0 24px}.article-body h2{font:400 30px/1.25 var(--serif);letter-spacing:-.4px;margin:40px 0 17px}.article-body h3{font-size:20px;line-height:1.4;margin:30px 0 13px}.article-body a{color:var(--forest)}.article-body li{margin-bottom:9px}.article-body blockquote{border-left:3px solid var(--forest);padding:4px 22px;margin:25px 0;color:var(--muted)}.article-body table{font-size:14px;line-height:1.5;border-collapse:collapse;width:100%;display:block;overflow-x:auto}.article-body th,.article-body td{padding:12px;border:1px solid var(--line);text-align:left}.article-body th{background:#e5e9de}.article-aside{padding-top:56px}.article-aside .side-story h3{font-size:19px}.article-aside .aside-intro{font-size:13px;color:var(--muted)}.archive-header{padding:45px 0 35px;max-width:850px}.archive-header h1{font:400 54px/1.1 var(--serif);letter-spacing:-1px;margin:10px 0 20px}.archive-header p{color:var(--muted)}.listing{padding-bottom:60px}.pagination{margin:40px 0}.pagination .page-numbers{padding:9px 14px;border:1px solid var(--line);margin-right:4px}.pagination .current{background:var(--forest);color:white}.not-found{max-width:800px;padding:70px 0 100px}.not-found h1{font:400 50px/1.1 var(--serif)}.not-found p{color:var(--muted)}.read-next{border-top:1px solid var(--line);margin-top:45px;padding-top:25px}.read-next h2{font:400 27px var(--serif)}.read-next li{margin-bottom:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.desktop-nav{gap:16px}.header-search{display:none}.lead-layout{gap:25px}.side-list{padding-left:25px}.reading-layout{grid-template-columns:minmax(0,1fr) 200px;gap:35px}.story-grid{gap:22px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.site-header{padding:17px 0}.brand-icon{width:39px;height:39px;font-size:23px}.brand-name{font-size:18px}.brand-name small{font-size:8px;letter-spacing:1.7px}.desktop-nav{display:none}.mobile-menu{display:block;font-size:13px}.mobile-menu summary{cursor:pointer}.mobile-menu nav{position:absolute;right:18px;top:74px;background:var(--white);border:1px solid var(--line);padding:20px;z-index:3;display:grid;gap:15px}.homepage-intro{display:block;padding:30px 0 23px}.homepage-intro h1{letter-spacing:-1px;font-size:39px}.homepage-intro p{max-width:none;margin-top:20px}.lead-layout{grid-template-columns:1fr;padding:25px 0 30px;gap:28px}.feature-copy h2{font-size:31px}.side-list{padding-left:0;border-left:0}.side-story{padding:18px 0}.story-grid{grid-template-columns:1fr;gap:24px}.story-card h3{font-size:26px}.section-title-row h2{font-size:29px}.section-title-row{align-items:center}.section-title-row>a{white-space:nowrap}.archive-note{grid-template-columns:1fr;gap:20px;padding:25px;margin-bottom:30px}.reading-layout{display:block;padding:23px 0 35px}.article-aside{padding-top:25px}.article-header h1{font-size:37px;letter-spacing:-1px}.article-deck{font-size:18px}.article-body{font-size:17px}.article-body h2{font-size:27px}.footer-inner{display:block}.footer-links{margin-top:23px;gap:16px}.archive-header h1{font-size:39px}.breadcrumbs{font-size:11px}.section-block{padding:28px 0 36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.article-body figure{margin:30px 0}.article-body figure img{display:block;margin:auto}.article-body figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:10px}