/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
:root{--primary:#111827;--accent:#ff6b35;--bg:#ffffff;--bg2:#f9fafb;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--fh:'DM Serif Display',serif;--fb:'DM Sans',sans-serif;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
a{display:inline-block;text-align:center;}
body{font-family:var(--fb);color:var(--text);background:var(--bg);line-height:1.7;font-size:16px;}
h1,h2,h3,h4,h5{font-family:var(--fh);line-height:1.2;color:var(--primary);}
h1{font-size:clamp(1.9rem,4vw,3.2rem);}
h2{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:.5rem;}
h3{font-size:1.15rem;}
p{margin-bottom:1rem;}
img{max-width:100%;height:auto;display:block;}
.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;}
style{display:block;}

/* HEADER */
header{position:sticky;top:0;z-index:100;background:var(--primary);border-bottom:3px solid var(--accent);}
.hdr-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:1200px;margin:0 auto;}
.logo{font-family:var(--fh);font-size:1.6rem;color:#fff;text-decoration:none;letter-spacing:-.02em;}
.main-nav{display:flex;gap:1.4rem;align-items:center;list-style:none;}
.main-nav a{color:rgba(255,255,255,.82);text-decoration:none;font-size:.9rem;font-weight:500;padding:.3rem 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;}
.main-nav a:hover{color:var(--accent);border-bottom-color:var(--accent);}
#burger-btn{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:.5rem;}
#burger-btn span{display:block;width:25px;height:2px;background:#fff;transition:all .3s;}
.mobile-nav{display:none;flex-direction:column;background:var(--primary);padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);}
.mobile-nav.open{display:flex;}
.mobile-nav a{color:rgba(255,255,255,.82);text-decoration:none;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:1rem;font-weight:500;text-align:left;}

/* HERO */
.hero{background:var(--bg2);padding:5rem 1.5rem 4rem;text-align:center;border-bottom:1px solid var(--border);}
.hero h1{margin-bottom:1.2rem;}
.hero-lead{font-size:1.12rem;color:var(--muted);max-width:580px;margin:0 auto 2rem;line-height:1.7;}
.btn-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.btn{padding:.8rem 2rem;font-family:var(--fb);font-size:1rem;font-weight:600;cursor:pointer;border:2px solid transparent;text-decoration:none;transition:all .2s;letter-spacing:.01em;}
.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);}
.btn-primary:hover{background:transparent;color:var(--accent);}
.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary);}
.btn-outline:hover{background:var(--primary);color:#fff;}

/* ABOUT */
.about{padding:4rem 1.5rem;text-align:center;background:var(--bg);}
.avatar-circle{width:100px;height:100px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:2rem;color:#fff;margin:0 auto 1rem;}
.author-tagline{color:var(--muted);font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;}
.about-text{max-width:600px;margin:0 auto 2.5rem;color:var(--muted);line-height:1.8;}
.about-facts{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;}
.about-fact .num{font-family:var(--fh);font-size:2.2rem;color:var(--accent);display:block;}
.about-fact .lbl{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}

/* ARTICLES SECTION */
.articles-section{padding:4rem 1.5rem;background:var(--bg2);}
.section-heading{font-family:var(--fh);font-size:1.8rem;color:var(--primary);border-left:4px solid var(--accent);padding-left:1rem;margin-bottom:2rem;}
.article-row{display:flex;gap:1.5rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);transition:padding-left .2s;}
.article-row:hover{padding-left:.5rem;}
.art-thumb{width:120px;height:90px;flex-shrink:0;background:var(--primary);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:2rem;}
.art-info h3{margin-bottom:.3rem;font-size:1.05rem;}
.art-info p{color:var(--muted);font-size:.87rem;margin:0;}
.art-meta{font-size:.78rem;color:var(--muted);margin-top:.3rem;display:block;}

/* CATEGORIES */
.categories-section{padding:3rem 1.5rem;background:var(--bg);}
.pills-wrap{display:flex;gap:.8rem;flex-wrap:wrap;overflow-x:auto;padding-bottom:.5rem;}
.pill{padding:.6rem 1.4rem;border:2px solid var(--primary);font-weight:600;font-size:.9rem;text-decoration:none;color:var(--primary);white-space:nowrap;transition:all .2s;background:transparent;}
.pill:hover{background:var(--primary);color:#fff;}

/* QUOTE */
.quote-section{background:var(--primary);color:#fff;padding:5rem 1.5rem;text-align:center;}
.big-quote{font-family:var(--fh);font-size:clamp(1.4rem,3vw,2.2rem);max-width:760px;margin:0 auto;line-height:1.4;color:#fff;}
.big-quote::before{content:'C';color:var(--accent);font-size:1.5em;vertical-align:-.3em;margin-right:.1em;}
.big-quote::after{content:'D';color:var(--accent);font-size:1.5em;vertical-align:-.3em;margin-left:.1em;}
.quote-attr{color:rgba(255,255,255,.5);font-size:.88rem;margin-top:1rem;display:block;}

/* SUBSCRIBE */
.subscribe-banner{background:var(--accent);padding:4rem 1.5rem;text-align:center;}
.subscribe-banner h2{color:#fff;margin-bottom:.5rem;}
.subscribe-banner p{color:rgba(255,255,255,.85);margin-bottom:1.5rem;}
.sub-form{display:flex;gap:0;max-width:480px;margin:0 auto;}
.sub-form input{flex:1;padding:.85rem 1rem;border:none;font-family:var(--fb);font-size:1rem;outline:none;color:var(--text);}
.sub-form button{padding:.85rem 1.5rem;background:var(--primary);color:#fff;border:none;font-family:var(--fb);font-size:1rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s;}
.sub-form button:hover{opacity:.85;}

/* FOOTER */
footer{background:var(--primary);color:#fff;padding:3.5rem 1.5rem 1.5rem;}
.footer-inner{max-width:1200px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2.5rem;}
footer h4{font-family:var(--fh);color:var(--accent);margin-bottom:1rem;font-size:1.05rem;}
.footer-col a{color:rgba(255,255,255,.65);text-decoration:none;display:block;margin-bottom:.5rem;font-size:.88rem;text-align:left;transition:color .2s;}
.footer-col a:hover{color:var(--accent);}
.footer-col p{color:rgba(255,255,255,.55);font-size:.88rem;line-height:1.6;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center;}
.footer-copy{font-size:.83rem;color:rgba(255,255,255,.5);}
.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;}
.footer-links a{color:rgba(255,255,255,.5);font-size:.83rem;text-decoration:none;text-align:center;}
.footer-links a:hover{color:var(--accent);}
.footer-disclaimer{font-size:.76rem;color:rgba(255,255,255,.32);max-width:680px;line-height:1.5;}

/* COOKIE MODAL - CSS ONLY */
.cookie-wrap input[type=checkbox]{display:none;}
.cookie-wrap input[type=checkbox]:checked~.cookie-modal{display:none;}
.cookie-modal{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;max-width:340px;background:var(--bg);border:2px solid var(--primary);padding:1.5rem;}
.cookie-modal h5{font-family:var(--fh);margin-bottom:.8rem;font-size:1rem;}
.cookie-modal p{font-size:.83rem;color:var(--muted);margin-bottom:1rem;line-height:1.5;}
.cookie-btns{display:flex;gap:.6rem;}
.c-label{padding:.5rem 1rem;font-family:var(--fb);font-size:.83rem;font-weight:600;cursor:pointer;border:2px solid var(--primary);display:inline-block;text-align:center;transition:all .2s;}
.c-label-yes{background:var(--primary);color:#fff;}
.c-label-yes:hover{background:var(--accent);border-color:var(--accent);}
.c-label-no{background:transparent;color:var(--primary);}
.c-label-no:hover{background:var(--primary);color:#fff;}

/* ARTICLE HERO */
.article-hero{background:var(--bg2);border-bottom:3px solid var(--accent);}
.article-hero-img{width:100%;height:340px;object-fit:cover;display:block;}
.article-hero-body{padding:2.5rem 1.5rem;max-width:1200px;margin:0 auto;}
.rubric-badge{background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .8rem;display:inline-block;margin-bottom:1rem;text-decoration:none;}
.article-hero-body h1{margin-bottom:1rem;}
.article-lead{font-size:1.08rem;color:var(--muted);max-width:720px;margin-bottom:1rem;line-height:1.7;}
.article-hero-meta{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.83rem;color:var(--muted);}

/* BREADCRUMBS */
.breadcrumbs{background:var(--bg);padding:.7rem 1.5rem;border-bottom:1px solid var(--border);font-size:.8rem;color:var(--muted);}
.breadcrumbs-inner{max-width:1200px;margin:0 auto;}
.breadcrumbs a{color:var(--muted);text-decoration:none;text-align:left;}
.breadcrumbs a:hover{color:var(--accent);}
.breadcrumbs .sep{margin:0 .4rem;}

/* ARTICLE LAYOUT */
.article-wrap{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;display:grid;grid-template-columns:1fr 270px;gap:3rem;align-items:start;}
.art-author-block{display:flex;align-items:center;gap:1rem;padding:1.2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:2rem;}
.art-author-avatar{width:48px;height:48px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:1rem;color:#fff;flex-shrink:0;}
.art-author-info .name{font-weight:700;font-size:.93rem;display:block;}
.art-author-info .role{color:var(--muted);font-size:.8rem;}
.art-author-stats{margin-left:auto;color:var(--muted);font-size:.8rem;text-align:right;}

/* TOC */
.toc-block{background:var(--bg2);border-left:4px solid var(--accent);padding:1.5rem;margin-bottom:2.5rem;}
.toc-block h4{font-family:var(--fh);margin-bottom:.8rem;font-size:1.05rem;}
.toc-block ol{padding-left:1.2rem;}
.toc-block li{margin-bottom:.4rem;}
.toc-block a{color:var(--muted);text-decoration:none;font-size:.88rem;text-align:left;}
.toc-block a:hover{color:var(--accent);}

/* ARTICLE BODY */
.article-body h2{margin:2.5rem 0 1rem;padding-top:1rem;border-top:1px solid var(--border);scroll-margin-top:80px;}
.article-body p{margin-bottom:1.2rem;line-height:1.85;}
.pull-quote{border-left:5px solid var(--accent);padding:1.5rem 2rem;margin:2.5rem 0;background:var(--bg2);font-family:var(--fh);font-size:1.2rem;line-height:1.5;color:var(--primary);}
.pull-quote::before{content:'C';font-size:3rem;color:var(--accent);line-height:0;vertical-align:-1rem;margin-right:.2rem;}
.facts-block{background:var(--primary);color:#fff;padding:2rem 1.5rem;margin:2.5rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center;}
.fact-num{font-family:var(--fh);font-size:2.4rem;color:var(--accent);display:block;}
.fact-label{font-size:.8rem;color:rgba(255,255,255,.7);margin-top:.3rem;display:block;}
.compare-wrap{margin:2.5rem 0;}
.compare-head{display:grid;grid-template-columns:1fr 1fr;background:var(--primary);color:#fff;font-family:var(--fh);}
.compare-head div{padding:.8rem 1rem;border-right:1px solid rgba(255,255,255,.15);}
.compare-head div:last-child{border-right:none;}
.compare-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);}
.compare-row:nth-child(odd){background:var(--bg);}
.compare-row:nth-child(even){background:var(--bg2);}
.compare-row div{padding:.72rem 1rem;font-size:.9rem;border-right:1px solid var(--border);}
.compare-row div:last-child{border-right:none;}
.art-disclaimer{background:var(--bg2);border-left:4px solid var(--muted);padding:1rem 1.5rem;margin-top:2.5rem;font-size:.85rem;color:var(--muted);line-height:1.6;}
.art-tags{margin:2rem 0;padding:1.5rem 0;border-top:1px solid var(--border);}
.art-tags h4{font-family:var(--fh);margin-bottom:.8rem;}
.tags-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;}
.art-tag{padding:.3rem .8rem;border:1px solid var(--border);font-size:.8rem;text-decoration:none;color:var(--muted);text-align:left;transition:all .2s;}
.art-tag:hover{background:var(--primary);color:#fff;border-color:var(--primary);}
.share-row{display:flex;gap:.8rem;flex-wrap:wrap;}
.share-btn{padding:.4rem 1rem;border:2px solid var(--primary);font-size:.83rem;font-weight:600;cursor:pointer;background:none;font-family:var(--fb);color:var(--primary);transition:all .2s;text-decoration:none;}
.share-btn:hover{background:var(--primary);color:#fff;}

/* SIDEBAR */
.article-sidebar{position:sticky;top:80px;}
.sidebar-card{background:var(--bg2);padding:1.5rem;margin-bottom:1.5rem;border-top:3px solid var(--accent);}
.sidebar-card h4{font-family:var(--fh);margin-bottom:.8rem;font-size:1rem;}
.sidebar-nav-list{list-style:none;}
.sidebar-nav-list li a{color:var(--muted);text-decoration:none;font-size:.85rem;padding:.4rem 0;display:block;border-bottom:1px solid var(--border);text-align:left;transition:color .2s;}
.sidebar-nav-list li a:hover{color:var(--accent);}
.top-list{list-style:none;}
.top-list li{margin-bottom:.5rem;border-bottom:1px solid var(--border);padding-bottom:.5rem;}
.top-list a{color:var(--muted);font-size:.83rem;text-decoration:none;text-align:left;line-height:1.4;}
.top-list a:hover{color:var(--accent);}

/* ART SUBSCRIBE */
.art-subscribe{background:var(--bg2);padding:3.5rem 1.5rem;text-align:center;border-top:3px solid var(--accent);}
.art-subscribe h2{margin-bottom:.5rem;}
.art-subscribe p{color:var(--muted);max-width:560px;margin:0 auto 1.5rem;}
.art-sub-form{display:flex;gap:.8rem;max-width:580px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
.art-sub-form input{flex:1;min-width:150px;padding:.8rem 1rem;border:2px solid var(--primary);font-family:var(--fb);font-size:.95rem;outline:none;color:var(--text);}
.art-sub-form button{padding:.8rem 1.5rem;background:var(--accent);color:#fff;border:none;font-family:var(--fb);font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s;}
.art-sub-form button:hover{opacity:.85;}

/* RELATED */
.related-section{padding:4rem 1.5rem;background:var(--bg);border-top:1px solid var(--border);}
.related-inner{max-width:1200px;margin:0 auto;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem;}
.rel-card{border:1px solid var(--border);text-decoration:none;color:var(--text);display:block;transition:border-color .2s;}
.rel-card:hover{border-color:var(--accent);}
.rel-card-img{width:100%;height:130px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:2.2rem;}
.rel-card-body{padding:1rem;}
.rel-tag{font-size:.7rem;text-transform:uppercase;color:var(--accent);font-weight:700;display:block;margin-bottom:.3rem;letter-spacing:.05em;}
.rel-card h4{font-size:.9rem;margin-bottom:.3rem;line-height:1.3;}
.rel-date{font-size:.76rem;color:var(--muted);}

/* POLICY */
.policy-hero{background:var(--bg2);padding:4rem 1.5rem;border-bottom:3px solid var(--accent);text-align:center;}
.policy-content{max-width:800px;margin:0 auto;padding:3rem 1.5rem;}
.policy-content h2{margin:2rem 0 1rem;font-size:1.25rem;border-left:3px solid var(--accent);padding-left:.8rem;}
.policy-content p{color:var(--muted);line-height:1.8;margin-bottom:1rem;}
.policy-date{color:var(--muted);font-size:.83rem;margin-bottom:2rem;display:block;}

/* SUCCESS */
.success-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;background:var(--bg2);}
.success-inner{max-width:500px;}
.success-icon{font-size:4rem;display:block;margin-bottom:1.5rem;}
.success-inner h1{margin-bottom:1rem;}
.success-inner p{color:var(--muted);margin-bottom:2rem;}

/* 404 */
.not-found{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;background:var(--bg2);}
.not-found-inner{max-width:500px;}
.not-found-code{font-family:var(--fh);font-size:clamp(5rem,15vw,10rem);color:var(--accent);line-height:1;display:block;}
.not-found h2{margin-bottom:1rem;}
.not-found p{color:var(--muted);margin-bottom:2rem;}

/* RESPONSIVE */
@media(max-width:900px){.article-wrap{grid-template-columns:1fr;}.article-sidebar{position:static;}.related-grid{grid-template-columns:1fr 1fr;}.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){.main-nav{display:none;}#burger-btn{display:flex;}.footer-grid{grid-template-columns:1fr;}.facts-block{grid-template-columns:1fr;}.about-facts{gap:2rem;}.sub-form{flex-direction:column;}.sub-form input,.sub-form button{width:100%;}.article-hero-img{height:200px;}.related-grid{grid-template-columns:1fr;}}
@media(max-width:480px){.cookie-modal{right:.5rem;bottom:.5rem;left:.5rem;max-width:none;}.compare-head div,.compare-row div{padding:.5rem .6rem;font-size:.82rem;}}