/*
Theme Name: Chill Editorial
Author: Chill
Description: A white editorial theme for personal tech notes and thoughtful everyday finds.
Version: 1.2.0
Text Domain: chill
*/
:root{--paper:#fff;--card:#fff;--ink:#242424;--muted:#6b6b6b;--line:#e5e5e5;--brand:#242424;--brand-soft:#f5f5f5;--dark:#242424;--coral:#242424;--serif:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;--sans:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;--radius:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input{font:inherit}h1,h2,h3,h4{font-family:var(--serif);font-weight:650;letter-spacing:-.025em}h1,h2,h3,p,figure{margin-top:0}a:hover{color:#626262}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #343434;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;padding:12px;border:1px solid #333}.skip-link:focus{top:10px}
.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:104px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}.site-tagline{font-size:10px;letter-spacing:.14em;color:var(--muted)}.brand{font:500 51px/1 Georgia,"Times New Roman",serif;letter-spacing:-.06em;color:#161616}.brand span{color:#161616;margin-left:3px}.header-actions{display:flex;gap:15px;justify-content:flex-end;align-items:center}.search-toggle{display:flex;padding:9px;align-items:center}.desktop-nav{display:flex;justify-content:center;align-items:center;gap:38px;border-top:1px solid var(--line);min-height:48px;font-size:12px}.desktop-nav a{padding:13px 0}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:5px}.menu-btn{display:none;background:none;border:0;cursor:pointer;font-size:11px;padding:10px 0}.menu-btn span{margin-left:7px}.mobile-nav{display:none}
.eyebrow,.meta{font:500 10px/1.5 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:#717171;margin:0 0 12px}.button,.wp-block-button__link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 21px;border:1px solid #242424;border-radius:0;box-shadow:none;background:#242424;color:#fff!important;font:500 12px/1.5 var(--sans);gap:15px;cursor:pointer}.button:hover,.wp-block-button__link:hover{background:#4a4a4a;border-color:#4a4a4a}.text-link{display:inline-block;font:500 12px/1.6 var(--sans);border-bottom:1px solid #797979;padding-bottom:3px}.text-link:hover{border-color:#242424}.text-link span{margin-left:12px}
.hero{padding:43px 0 48px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.hero-art{margin:0}.hero-photo{width:100%;aspect-ratio:1.52;object-fit:cover;border:0;border-radius:0}.hero-art figcaption{font-size:9px;line-height:1.5;color:#777;margin-top:8px}.hero-art figcaption a{text-decoration:underline}.hero h1{font-size:clamp(34px,3.1vw,46px);line-height:1.15;letter-spacing:-.03em;margin:15px 0 21px}.hero h1 a:hover{color:#242424}.hero-lede{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 25px}.hero-copy .eyebrow{font-size:9px}
.section{padding:48px 0}.section>.wrap{border-top:1px solid var(--line);padding-top:34px}.section-heading{margin-bottom:27px}.section-heading h2{font-size:31px;line-height:1.18;margin:0}.inline-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.inline-heading>.text-link{white-space:nowrap}.section-deck{font-size:13px;color:var(--muted);margin:10px 0 0}.split-heading{display:grid;grid-template-columns:1fr 340px;gap:30px;align-items:end}.split-heading>p{font-size:13px;color:var(--muted);margin:0}
.journal-grid,.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.journal-card{min-width:0;background:#fff;border:0;border-radius:0;box-shadow:none}.card-picture{display:block;position:relative;aspect-ratio:1.5;overflow:hidden;background:#f5f5f5;border-radius:0}.card-picture img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.card-picture:hover img{opacity:.92}.picture-label{display:none}.card-copy{padding:19px 0 0}.card-copy .meta{font-size:9px;margin-bottom:9px}.card-copy h3{font-size:25px;line-height:1.24;letter-spacing:-.02em;margin:0 0 11px}.card-copy>p:not(.meta){font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 16px}.card-copy .text-link{font-size:11px}.collection-note{font-size:11px;line-height:1.8;color:#717171;margin:28px 0 0;max-width:760px}.home-finds .journal-card{border:0;background:#fff}.home-finds .card-copy{padding:19px 0 0}.home-finds .card-copy h3{font-size:25px}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px}.category-card{position:relative;display:grid;grid-template-columns:24px 1fr 15px;gap:12px;align-items:start;background:#fff;border-bottom:1px solid var(--line);padding:20px 0;border-radius:0;box-shadow:none}.category-number{font-size:9px;color:#9a9a9a;padding-top:4px}.category-card h3{font-size:21px;line-height:1.3;margin:0 0 5px}.category-card p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.category-arrow{font-size:17px;color:#777}.category-card:hover h3{text-decoration:underline;text-underline-offset:4px}
.latest-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:65px;align-items:start}.post-list{border-top:1px solid var(--line)}.post-row{display:grid;grid-template-columns:108px 1fr 20px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.post-thumb{height:84px;overflow:hidden;background:#f5f5f5}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-row .meta{font-size:8px;margin-bottom:7px}.post-row h3{font-size:23px;line-height:1.25;margin:0 0 5px}.post-row p:not(.meta){font-size:12px;color:var(--muted);margin:0}.post-date{font-size:19px;color:#777}.editor-note{margin-top:63px;padding:25px 0 25px 27px;border-left:1px solid #ccc;background:#fff}.editor-note h3{font-size:29px;line-height:1.23;margin:10px 0 16px}.editor-note>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:19px}.native-heading{font-size:24px;margin:30px 0 15px}.native-note{display:block;padding:18px 0;border-bottom:1px solid var(--line)}.native-note h3{margin:0 0 8px;font-size:22px}.native-note p{font-size:13px;color:var(--muted);margin:0}
.about-strip{padding:48px 0 62px}.welcome-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;border-top:1px solid var(--line);padding-top:44px}.welcome-photo img{width:100%;aspect-ratio:1.5;object-fit:cover}.about-copy h2{font-size:34px;line-height:1.17;margin:8px 0 20px}.about-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:17px;max-width:470px}
.footer{background:#fff;color:#242424;border-top:1px solid var(--line);padding:43px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:35px}.footer .brand{font-size:36px}.footer-brand p{font-size:12px;color:var(--muted);max-width:260px;margin:18px 0 12px}.footer-brand .footer-editorial{font-size:10px;line-height:1.7}.footer h4{font:600 9px/1.5 var(--sans);letter-spacing:.1em;margin:5px 0 16px}.footer-grid a:not(.brand){display:block;font-size:11px;color:var(--muted);margin:9px 0}.footer-grid a:not(.brand):hover{text-decoration:underline;color:#242424}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:28px;font-size:9px;color:#808080}
.article-wrap{width:min(810px,calc(100% - 48px));margin-inline:auto}.article-header{padding:43px 0 25px}.breadcrumbs{display:flex;gap:11px;font:11px/1.5 var(--sans);color:#777;margin-bottom:25px}.breadcrumbs a:hover{text-decoration:underline}.article-header h1{font-size:clamp(36px,4.1vw,56px);line-height:1.12;margin:12px 0 18px;letter-spacing:-.025em}.article-deck{font-size:17px;line-height:1.75;color:var(--muted);margin:0 0 18px}.article-meta{font-size:10px;color:#777;margin:0}.article-hero{width:min(1020px,calc(100% - 48px));margin:0 auto 35px;border-radius:0}.article-hero img{width:100%;height:auto;aspect-ratio:2.15;max-height:480px;object-fit:cover}.article-hero figcaption{font:10px/1.7 var(--sans);color:#777;margin-top:8px}.article-hero figcaption a{text-decoration:underline}.entry-content{width:min(730px,calc(100% - 48px));font:18px/1.9 var(--serif);padding-bottom:50px;overflow-wrap:anywhere}.entry-content p,.entry-content ul,.entry-content ol,.entry-content blockquote{margin:0 0 1.25em}.entry-content h2{font-size:30px;line-height:1.25;margin:1.65em 0 .65em}.entry-content h3{font-size:25px;line-height:1.3;margin:1.4em 0 .6em}.entry-content a{color:#333;text-decoration:underline;text-underline-offset:3px}.entry-content img{margin:26px auto}.entry-content iframe{max-width:100%}.entry-content strong{color:#242424}.video-embed{position:relative;height:0;padding-bottom:56.25%;overflow:hidden;margin:25px 0}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%}.research-box{background:#f7f7f7;border-left:2px solid #777;padding:17px 22px;margin-bottom:29px;font:12px/1.8 var(--sans)}.research-box p{margin:6px 0 0}.at-a-glance{background:#fff;border-block:1px solid var(--line);padding:22px 0;margin-bottom:30px;font:13px/1.6 var(--sans)}.at-a-glance h2{font-size:25px;margin:0 0 13px}.at-a-glance dl{margin:0}.at-a-glance dl>div{display:grid;grid-template-columns:32px 1fr;padding:10px 0;border-bottom:1px solid var(--line)}.at-a-glance dl>div:last-child{border:0}.at-a-glance dt{font-size:10px;color:#888}.at-a-glance dd{margin:0}.decision-box{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0;font:13px/1.8 var(--sans);border-top:1px solid var(--line);padding-top:22px}.decision-box p{margin:9px 0 0}.affiliate-box{border:1px solid #ddd;padding:24px;margin:30px 0;background:#fafafa;font-family:var(--sans);border-radius:0}.affiliate-box h3{font-size:27px;margin:8px 0 18px}.affiliate-box p{margin:0 0 13px}.affiliate-box .button{text-decoration:none}.affiliate-box small{display:block;font-size:11px;line-height:1.75;color:var(--muted);margin-top:9px}.source-note{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font:12px/1.8 var(--sans)}.source-note p{margin:8px 0 0}.related-section{background:#fff}.reading-nav{display:flex;gap:30px;flex-wrap:wrap;margin-top:30px}
.archive-head{padding:43px 0 25px}.archive-head h1{font-size:clamp(37px,4vw,53px);line-height:1.15;margin:10px 0 17px}.archive-head .article-deck{max-width:720px}.research-notice{font:12px/1.8 var(--sans);max-width:760px;padding:13px 0;border-block:1px solid var(--line);color:var(--muted);margin:20px 0 0}.topic-pills{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:34px}.topic-pills a{font-size:10px;border:1px solid #d7d7d7;background:#fff;padding:7px 12px;border-radius:0}.topic-pills a:hover,.topic-pills a[aria-current]{background:#242424;color:#fff;border-color:#242424}.archive-collection,.archive-grid{padding-bottom:62px;row-gap:35px}.archive-card{background:#fff;border:0;border-radius:0;overflow:hidden}.archive-card .thumb{display:block;height:210px;background:#f5f5f5}.archive-card .thumb img{width:100%;height:100%;object-fit:cover}.archive-card .copy{padding:18px 0}.archive-card h2{font-size:25px;line-height:1.2;margin:7px 0 10px}.archive-card p{font-size:13px;color:var(--muted);margin:0}.pagination{padding-bottom:50px}.pagination .nav-links{display:flex;gap:12px;flex-wrap:wrap}.pagination a,.pagination span{font-size:12px;padding:8px 12px;border:1px solid var(--line)}.journal-search{display:flex;gap:10px;max-width:640px;padding:10px 0 15px}.journal-search input{min-width:0;flex:1;border:1px solid #ccc;padding:12px 15px;border-radius:0;background:#fff;color:var(--ink)}.journal-search .button{padding:10px 19px}.empty-state{grid-column:1/-1;min-height:240px}
@media(max-width:920px){.header-inner{height:90px}.brand{font-size:45px}.hero-grid{gap:35px;grid-template-columns:1.05fr .95fr}.hero h1{font-size:35px}.hero-lede{font-size:13px}.journal-grid,.archive-grid{gap:22px}.card-copy h3,.home-finds .card-copy h3{font-size:23px}.category-grid{grid-template-columns:1fr 1fr;gap:0 24px}.latest-grid{gap:35px;grid-template-columns:1.4fr .8fr}.post-row{grid-template-columns:86px 1fr;gap:15px}.post-date{display:none}.post-row h3{font-size:21px}.post-row p:not(.meta){display:none}.editor-note{padding-left:22px}.editor-note h3{font-size:25px}.welcome-grid{gap:35px}.about-copy h2{font-size:31px}.footer-grid{grid-template-columns:1.1fr 1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-brand p{max-width:400px}.desktop-nav{gap:30px}}
@media(max-width:700px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.site-header{position:sticky;top:0;z-index:30}.admin-bar .site-header{top:46px}.header-inner{height:69px;display:flex;justify-content:space-between;gap:20px}.site-tagline{display:none}.brand{font-size:33px}.header-actions{gap:14px}.search-toggle{padding:8px}.menu-btn{display:block}.desktop-nav{display:none}.mobile-nav.open{display:flex;flex-direction:column;padding:12px 18px 18px;border-top:1px solid var(--line);background:#fff}.mobile-nav a{font-size:13px;padding:9px 0}.hero{padding:27px 0 18px}.hero-grid{grid-template-columns:1fr;gap:22px}.hero-photo{aspect-ratio:1.5}.hero-art figcaption{font-size:8px}.hero-copy .eyebrow{margin-bottom:10px}.hero h1{font-size:35px;line-height:1.16;margin:0 0 17px}.hero-lede{font-size:14px;margin-bottom:20px}.section{padding:32px 0}.section>.wrap{padding-top:27px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:29px}.inline-heading{align-items:flex-start;gap:18px}.inline-heading>.text-link{font-size:10px;margin-top:6px}.section-deck{font-size:12px;max-width:270px}.finds .inline-heading{flex-direction:column;gap:8px}.finds .inline-heading>.text-link{margin-top:0}.journal-grid,.archive-grid{grid-template-columns:1fr;gap:30px}.card-copy h3,.home-finds .card-copy h3{font-size:26px}.card-copy>p:not(.meta){font-size:13px}.card-picture{aspect-ratio:1.55}.card-copy{padding-top:16px}.card-copy .meta{font-size:8px}.collection-note{font-size:10px;margin-top:24px}.category-grid{grid-template-columns:1fr 1fr;gap:0 22px}.category-card{grid-template-columns:1fr 14px;gap:7px;padding:18px 0}.category-number{display:none}.category-card h3{font-size:20px;line-height:1.2}.category-card p{font-size:10px}.category-arrow{font-size:14px}.latest-grid{grid-template-columns:1fr;gap:28px}.post-row{grid-template-columns:84px 1fr;gap:15px;padding:18px 0}.post-thumb{height:72px}.post-row h3{font-size:22px}.editor-note{margin-top:0;border:0;border-top:1px solid var(--line);padding:24px 0 0}.editor-note h3{font-size:28px;max-width:360px}.editor-note>p:not(.eyebrow){max-width:420px}.welcome-grid{grid-template-columns:1fr;gap:25px;padding-top:29px}.about-strip{padding:30px 0 43px}.welcome-photo img{aspect-ratio:1.7}.about-copy h2{font-size:31px}.about-copy>p:not(.eyebrow){font-size:13px}.footer{padding:34px 0 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:27px 20px}.footer-grid>div:last-child{grid-column:1/-1}.footer .brand{font-size:32px}.footer h4{font-size:8px}.footer-grid a:not(.brand){font-size:11px}.footer-bottom{flex-direction:column;gap:7px;font-size:9px}.article-wrap,.entry-content,.article-hero{width:calc(100% - 36px)}.article-header{padding-top:29px}.article-header h1{font-size:37px;line-height:1.15}.article-deck{font-size:15px}.article-meta{font-size:9px}.breadcrumbs{font-size:10px;margin-bottom:22px}.article-hero img{aspect-ratio:1.5}.article-hero figcaption{font-size:9px}.entry-content{font-size:17px;line-height:1.9}.entry-content h2{font-size:27px}.research-box{padding:15px 17px;font-size:11px}.decision-box{grid-template-columns:1fr;gap:18px}.affiliate-box{padding:20px}.affiliate-box h3{font-size:25px}.archive-head{padding-top:29px}.archive-head h1{font-size:37px}.topic-pills{gap:7px}.topic-pills a{font-size:9px;padding:6px 10px}.archive-collection{padding-bottom:40px}.journal-search{gap:7px}.journal-search input{font-size:13px;padding:10px 12px}.journal-search .button{padding:10px 14px}.split-heading{grid-template-columns:1fr;gap:12px}}
@media(max-width:380px){.hero h1{font-size:32px}.inline-heading h2{font-size:26px}.category-card h3{font-size:18px}.article-header h1{font-size:34px}.header-actions{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Editorial hierarchy inspired by review publications. */
.hero-grid{grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:42px;align-items:start}.hero-photo{aspect-ratio:1.9}.hero-copy{padding-top:22px}.hero h1{font-size:36px;line-height:1.16;margin:9px 0 15px}.hero-lede{max-width:620px;line-height:1.75;margin-bottom:18px}.hero-latest h2{font-size:22px;line-height:1.3;margin:0 0 0;padding-bottom:15px;border-bottom:2px solid #242424}.latest-mini{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.mini-photo img{width:92px;aspect-ratio:1.15;object-fit:cover}.latest-mini h3{font-size:17px;line-height:1.35;margin:5px 0 8px;letter-spacing:-.015em}.latest-mini .meta{font-size:8px;margin:0}.mini-date{font-size:9px;color:#777;margin:0}.hero-latest>.text-link{margin-top:18px}.section-heading h2{font-size:28px}.card-copy h3,.home-finds .card-copy h3{font-size:23px;line-height:1.3}.entry-content{font:17px/1.9 var(--sans)}.entry-content h2{font-size:28px}.entry-content h3{font-size:23px}.review-summary{margin:0 0 30px;border-block:1px solid #ddd;padding:22px 0}.review-summary>h2{font-size:23px;margin:0 0 17px}.review-summary .decision-box{margin:0;padding:0;border:0;font-size:13px;gap:30px}.review-summary .meta{font-weight:650;font-size:10px;color:#333}.article-toc{margin:0 0 32px;border-block:1px solid var(--line);padding:18px 0;font:12px/1.7 var(--sans)}.article-toc>p{font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.article-toc ol{margin:0;padding-left:20px;columns:2;column-gap:35px}.article-toc li{break-inside:avoid;padding:4px 0}.article-toc a{color:#555;text-decoration:none}.article-toc a:hover{text-decoration:underline}.entry-content h2[id],.entry-content h3[id]{scroll-margin-top:100px}
@media(max-width:920px){.hero-grid{gap:28px;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.hero h1{font-size:31px}.latest-mini{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:17px 0}.mini-photo img{width:66px}.latest-mini h3{font-size:15px}.hero-latest h2{font-size:20px}}
@media(max-width:700px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-photo{aspect-ratio:1.5}.hero-copy{padding-top:18px}.hero h1{font-size:31px}.hero-latest h2{font-size:22px}.latest-mini{grid-template-columns:92px minmax(0,1fr);gap:16px;padding:18px 0}.mini-photo img{width:92px}.latest-mini h3{font-size:17px}.hero-latest .mini-date{font-size:10px}.section-heading h2{font-size:26px}.card-copy h3,.home-finds .card-copy h3{font-size:24px}.review-summary .decision-box{gap:20px}.article-toc ol{columns:1}.entry-content{font-size:16px}.entry-content h2{font-size:26px}}
@media(max-width:380px){.hero h1{font-size:28px}.latest-mini h3{font-size:16px}}
