/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap');
:root{--c-primary:#1a1a1a;--c-accent:#fbbf24;--c-bg:#ffffff;--c-bg2:#fffbeb;--c-text:#111827;--c-muted:#6b7280;--c-border:#e5e7eb;--f-heading:'DM Serif Display',serif;--f-body:'DM Sans',sans-serif;--max-w:1200px;--gap:1.5rem}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--f-body);color:var(--c-text);background:var(--c-bg);font-size:16px;line-height:1.7}
img{max-width:100%;display:block}
a{display:inline-block;text-align:center;color:var(--c-primary);text-decoration:none;transition:color .2s}
a:hover{color:var(--c-accent)}
/* HEADER */
.site-header{position:sticky;top:0;z-index:100;background:var(--c-bg);border-bottom:2px solid var(--c-primary)}
.header-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--gap);display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-family:var(--f-heading);font-size:1.5rem;color:var(--c-primary);letter-spacing:-.02em;display:inline-flex;align-items:center;gap:.4rem}
.logo-accent{color:var(--c-accent)}
.burger{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;flex-direction:column;gap:5px}
.burger-line{display:block;width:24px;height:2px;background:var(--c-primary);transition:transform .3s}
.site-nav{display:none;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--c-bg);border-bottom:2px solid var(--c-primary);padding:1rem var(--gap);gap:.75rem;z-index:99}
.site-nav.is-open{display:flex}
.site-nav a{font-size:.95rem;font-weight:500;text-align:left;padding:.25rem 0}
@media(min-width:768px){.site-nav{display:flex;flex-direction:row;align-items:center;position:static;border:none;padding:0;gap:2rem}.burger{display:none}}
/* HERO */
.hero{margin:2rem auto;max-width:var(--max-w);padding:0 var(--gap)}
.hero-frame{border:2px solid var(--c-primary);padding:3rem 2rem;text-align:center;background:var(--c-bg2)}
.hero-line{display:block;height:1px;background:var(--c-primary);margin:1.5rem auto;opacity:.3;border:none}
.hero-title{font-family:var(--f-heading);font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;margin-bottom:.75rem}
.hero-sub{font-style:italic;font-size:1.1rem;color:#555;max-width:580px;margin:0 auto}
/* TOPICS */
.topics{padding:2.5rem var(--gap);max-width:var(--max-w);margin:0 auto}
.section-heading{font-family:var(--f-heading);font-size:1.5rem;margin-bottom:1.25rem}
.pills-wrap{display:flex;gap:.6rem;flex-wrap:wrap;overflow-x:auto;padding-bottom:.25rem}
.pill{padding:.5rem 1.25rem;border:2px solid var(--c-primary);font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s;display:inline-block;text-align:center}
.pill:hover,.pill:focus{background:var(--c-accent);border-color:var(--c-accent);outline:none}
/* ARTICLE ROWS */
.latest{padding:0 var(--gap) 2.5rem;max-width:var(--max-w);margin:0 auto}
.article-row{display:flex;gap:1rem;padding:1rem 0;border-top:1px solid var(--c-border);align-items:flex-start}
.article-row:last-child{border-bottom:1px solid var(--c-border)}
.thumb-ph{width:120px;height:90px;background:var(--c-bg2);border:1px solid var(--c-border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.75rem}
.row-tag{font-size:.78rem;color:var(--c-accent);font-weight:600;display:block;margin-bottom:.25rem}
.row-title{font-family:var(--f-heading);font-size:1.05rem;line-height:1.3;margin-bottom:.3rem;display:block;text-align:left}
.row-meta{font-size:.8rem;color:var(--c-muted)}
/* ABOUT */
.about{padding:3rem var(--gap);background:var(--c-bg2);text-align:center}
.about-inner{max-width:680px;margin:0 auto}
.avatar-circle{width:88px;height:88px;border-radius:50%;background:var(--c-accent);display:flex;align-items:center;justify-content:center;font-family:var(--f-heading);font-size:2rem;margin:0 auto 1rem;border:2px solid var(--c-primary)}
.about-name{font-family:var(--f-heading);font-size:1.5rem;margin-bottom:.5rem}
.about-text{color:#374151;margin-bottom:2rem}
.about-facts{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}
.about-fact-num{font-family:var(--f-heading);font-size:2.25rem;color:var(--c-accent);display:block}
.about-fact-lbl{font-size:.8rem;color:var(--c-muted)}
/* QUOTE BANNER */
.quote-banner{padding:4rem var(--gap);background:var(--c-primary);color:var(--c-bg);text-align:center}
.quote-banner blockquote{font-family:var(--f-heading);font-size:clamp(1.25rem,3vw,2rem);font-style:italic;max-width:800px;margin:0 auto;line-height:1.5}
.quote-src{margin-top:1rem;font-size:.875rem;color:var(--c-accent);font-style:normal;display:block}
/* SUBSCRIBE */
.subscribe{padding:3.5rem var(--gap);background:var(--c-bg2)}
.subscribe-inner{max-width:560px;margin:0 auto;text-align:center}
.subscribe-title{font-family:var(--f-heading);font-size:1.75rem;margin-bottom:.75rem}
.subscribe-sub{color:#374151;margin-bottom:1.75rem}
.sub-form{display:flex;flex-direction:column;gap:.75rem}
.sub-form input{padding:.75rem 1rem;border:2px solid var(--c-primary);font-family:var(--f-body);font-size:1rem;background:var(--c-bg);width:100%}
.sub-form input:focus{outline:none;border-color:var(--c-accent)}
.btn{padding:.75rem 2rem;background:var(--c-accent);border:2px solid var(--c-primary);font-family:var(--f-body);font-size:1rem;font-weight:600;cursor:pointer;color:var(--c-primary);transition:background .2s,color .2s,transform .1s;display:inline-block;text-align:center}
.btn:hover{background:var(--c-primary);color:var(--c-bg)}
.btn:active{transform:scale(.98)}
/* FOOTER */
.site-footer{background:var(--c-primary);color:var(--c-bg);padding:3rem var(--gap) 1.5rem}
.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:var(--max-w);margin:0 auto}
.footer-col h4{font-family:var(--f-heading);font-size:1rem;margin-bottom:1rem;color:var(--c-accent)}
.footer-col p{color:#d1d5db;font-size:.875rem;line-height:1.6}
.footer-col a{color:#d1d5db;font-size:.875rem;text-align:left;display:block;margin-bottom:.45rem}
.footer-col a:hover{color:var(--c-accent)}
.footer-bottom{max-width:var(--max-w);margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid #374151;display:flex;flex-direction:column;gap:.75rem;font-size:.8rem;color:#9ca3af}
.footer-bottom a{color:#9ca3af;font-size:.8rem;text-align:left}
.footer-bottom a:hover{color:var(--c-accent)}
.footer-disclaimer{font-size:.75rem;color:#6b7280;font-style:italic;margin-top:.75rem;max-width:var(--max-w);margin-left:auto;margin-right:auto;text-align:center;padding:0 var(--gap)}
@media(min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}
/* ARTICLE HERO */
.article-hero{background:var(--c-bg2);border-bottom:2px solid var(--c-primary)}
.article-hero-img{width:100%;max-height:460px;object-fit:cover;display:block}
.article-hero-body{padding:2.5rem var(--gap);max-width:var(--max-w);margin:0 auto}
.article-hero-title{font-family:var(--f-heading);font-size:clamp(1.75rem,4vw,3rem);line-height:1.2;margin-bottom:1rem}
.article-lead{font-size:1.1rem;color:#374151;font-style:italic;margin-bottom:1rem}
.article-meta-bar{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--c-muted)}
/* BREADCRUMBS */
.breadcrumbs{padding:.75rem var(--gap);font-size:.8rem;color:var(--c-muted);border-bottom:1px solid var(--c-border);max-width:var(--max-w);margin:0 auto}
.breadcrumbs a{color:var(--c-muted);font-size:.8rem;text-align:left}
.breadcrumbs a:hover{color:var(--c-accent)}
.bc-sep{margin:0 .4rem;color:var(--c-muted)}
/* AUTHOR BLOCK */
.author-block{display:flex;align-items:center;gap:1rem;padding:1.25rem var(--gap);border-bottom:1px solid var(--c-border);max-width:var(--max-w);margin:0 auto}
.author-initials{width:48px;height:48px;border-radius:50%;background:var(--c-accent);display:flex;align-items:center;justify-content:center;font-family:var(--f-heading);font-size:1.1rem;flex-shrink:0;border:2px solid var(--c-primary);color:var(--c-primary)}
.author-name{font-weight:600;font-size:.95rem;display:block}
.author-role{font-size:.8rem;color:var(--c-muted);display:block}
.author-stats{font-size:.8rem;color:var(--c-muted);margin-top:.2rem;display:block}
/* TOC */
.toc-card{background:var(--c-bg2);border-left:4px solid var(--c-accent);padding:1.5rem;margin:1.5rem auto;max-width:var(--max-w)}
.toc-title{font-family:var(--f-heading);font-size:1rem;margin-bottom:.75rem}
.toc-list{padding-left:1.25rem;list-style:decimal}
.toc-list li{margin-bottom:.4rem}
.toc-list a{font-size:.9rem;color:var(--c-primary);text-align:left}
.toc-list a:hover{color:var(--c-accent)}
/* ARTICLE BODY */
.article-body{max-width:var(--max-w);margin:0 auto;padding:0 var(--gap) 2rem}
.article-body h2{font-family:var(--f-heading);font-size:1.5rem;margin:2.5rem 0 1rem;border-bottom:1px solid var(--c-border);padding-bottom:.5rem}
.article-body p{margin-bottom:1rem}
.pull-quote{border-left:4px solid var(--c-accent);padding:1rem 1.5rem;font-family:var(--f-heading);font-size:1.2rem;font-style:italic;background:var(--c-bg2);margin:2rem 0}
/* FACTS ROW */
.facts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem 0;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);margin:2rem 0}
.fact-item{text-align:center}
.fact-big{font-family:var(--f-heading);font-size:2.25rem;color:var(--c-accent);display:block}
.fact-unit{font-size:.85rem;color:var(--c-muted);display:block;margin-top:.25rem}
@media(min-width:600px){.facts-row{grid-template-columns:repeat(4,1fr)}}
/* TIMELINE */
.timeline{padding:1.5rem 0;margin:2rem 0}
.timeline-heading{font-family:var(--f-heading);font-size:1.2rem;margin-bottom:1.5rem}
.timeline-item{display:flex;gap:1rem;margin-bottom:1.5rem}
.t-num{width:36px;height:36px;background:var(--c-accent);border:2px solid var(--c-primary);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;color:var(--c-primary)}
.t-content strong{display:block;font-weight:600;margin-bottom:.2rem}
.t-content span{font-size:.9rem;color:#374151}
/* ARTICLE DISCLAIMER */
.article-disclaimer{padding:1rem 1.25rem;border-left:4px solid var(--c-border);background:#f9fafb;font-size:.875rem;color:var(--c-muted);font-style:italic;margin:2rem 0}
/* ARTICLE TAGS */
.article-tags{padding:1.5rem var(--gap);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;max-width:var(--max-w);margin:0 auto}
.tag-pill{padding:.3rem .75rem;border:1px solid var(--c-border);font-size:.8rem;display:inline-block;color:var(--c-text)}
.tag-pill:hover{background:var(--c-bg2)}
.share-btn{padding:.4rem 1rem;border:2px solid var(--c-primary);font-size:.85rem;font-weight:600;cursor:pointer;background:none;font-family:var(--f-body);display:inline-block;text-align:center;margin-left:auto}
.share-btn:hover{background:var(--c-accent)}
/* SUBSCRIBE SPLIT */
.subscribe-split{padding:3rem var(--gap);background:var(--c-bg2)}
.split-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem}
.split-text h3{font-family:var(--f-heading);font-size:1.5rem;margin-bottom:1rem}
.split-text ul{list-style:none;padding:0}
.split-text li{padding:.4rem 0;display:flex;align-items:center;gap:.5rem}
.split-text li::before{content:'\2713';color:var(--c-accent);font-weight:700}
.split-form{display:flex;flex-direction:column;gap:.75rem;justify-content:center}
.split-form input{padding:.75rem 1rem;border:2px solid var(--c-primary);font-family:var(--f-body);font-size:1rem;background:var(--c-bg)}
.split-form input:focus{outline:none;border-color:var(--c-accent)}
@media(min-width:768px){.split-inner{grid-template-columns:1fr 1fr}}
/* RELATED */
.related{padding:3rem var(--gap);max-width:var(--max-w);margin:0 auto}
.related-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}
.related-card{border:1px solid var(--c-border)}
.related-ph{width:100%;height:160px;background:var(--c-bg2);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--c-muted)}
.related-card-body{padding:1rem}
.related-tag{font-size:.78rem;color:var(--c-accent);font-weight:600;display:block;margin-bottom:.35rem}
.related-title{font-family:var(--f-heading);font-size:1rem;line-height:1.3;display:block;text-align:left}
.related-date{font-size:.8rem;color:var(--c-muted);margin-top:.5rem;display:block}
@media(min-width:768px){.related-grid{grid-template-columns:repeat(3,1fr)}}
/* POLICY PAGES */
.policy-hero{padding:3rem var(--gap) 2rem;border-bottom:2px solid var(--c-primary);background:var(--c-bg2)}
.policy-hero-inner{max-width:var(--max-w);margin:0 auto}
.policy-hero h1{font-family:var(--f-heading);font-size:clamp(1.75rem,4vw,2.5rem)}
.policy-date{font-size:.875rem;color:var(--c-muted);margin-top:.5rem}
.policy-body{max-width:800px;margin:0 auto;padding:2rem var(--gap)}
.policy-body h2{font-family:var(--f-heading);font-size:1.25rem;margin:2rem 0 .75rem;border-bottom:1px solid var(--c-border);padding-bottom:.4rem}
.policy-body p{margin-bottom:1rem;font-size:.95rem;color:#374151}
/* SUCCESS PAGE */
.success-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:4rem var(--gap);text-align:center;background:var(--c-bg2)}
.success-inner h1{font-family:var(--f-heading);font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem}
.success-inner p{color:#374151;font-size:1.05rem;margin-bottom:2rem;max-width:480px}
/* COOKIE BANNER CSS-ONLY */
#ck-toggle{display:none}
.cookie-banner{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;background:var(--c-primary);color:var(--c-bg);padding:1.25rem 1.5rem;max-width:340px;border:2px solid var(--c-accent)}
.cookie-banner p{font-size:.875rem;margin-bottom:1rem;line-height:1.55}
.cookie-banner p a{color:var(--c-accent);text-align:left}
.cookie-btns{display:flex;gap:.75rem}
.ck-accept{padding:.5rem 1.25rem;background:var(--c-accent);border:none;font-family:var(--f-body);font-weight:600;cursor:pointer;font-size:.875rem;color:var(--c-primary);display:inline-block;text-align:center}
.ck-decline{padding:.5rem 1.25rem;background:none;border:1px solid #6b7280;font-family:var(--f-body);cursor:pointer;font-size:.875rem;color:var(--c-bg);display:inline-block;text-align:center}
#ck-toggle:checked~.cookie-banner{display:none}
/* 404 */
.error-page{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem var(--gap);text-align:center}
.error-code{font-family:var(--f-heading);font-size:clamp(5rem,15vw,10rem);color:var(--c-accent);line-height:1;display:block}
.error-title{font-family:var(--f-heading);font-size:2rem;margin-bottom:1rem}
.error-text{color:var(--c-muted);margin-bottom:2rem;font-size:1.05rem}
/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hero-frame,.article-hero,.success-wrap{animation:fadeUp .5s ease both}
.pill,.tag-pill,.related-card,.article-row{transition:opacity .2s}