/*
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;0,9..40,700;1,9..40,400&display=swap');
:root{--c-primary:#111827;--c-accent:#ff6b35;--c-bg:#ffffff;--c-bg2:#f9fafb;--c-text:#111827;--c-muted:#6b7280;--c-border:#e5e7eb;--f-head:'DM Serif Display',serif;--f-body:'DM Sans',sans-serif;--max:1200px;--tr:0.25s ease;}
html{scroll-behavior:smooth;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--f-body);color:var(--c-text);background:var(--c-bg);line-height:1.7;}
a{display:inline-block;text-align:center;color:inherit;text-decoration:none;transition:color var(--tr);}
a:hover{color:var(--c-accent);}
img{max-width:100%;height:auto;display:block;width:100%;}
h1,h2,h3,h4{font-family:var(--f-head);line-height:1.2;}
h1{font-size:clamp(2rem,5vw,3.5rem);}
h2{font-size:clamp(1.5rem,3vw,2.25rem);}
h3{font-size:clamp(1.125rem,2vw,1.5rem);}
p{margin-bottom:1rem;}
.container{max-width:var(--max);margin:0 auto;padding:0 1.5rem;}
.btn{display:inline-block;text-align:center;padding:.75rem 1.75rem;font-family:var(--f-body);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:2px solid transparent;transition:all var(--tr);background:none;}
.btn-primary{background:var(--c-accent);color:#fff;border-color:var(--c-accent);}
.btn-primary:hover{background:transparent;color:var(--c-accent);}
.btn-outline{background:transparent;color:var(--c-primary);border-color:var(--c-primary);}
.btn-outline:hover{background:var(--c-primary);color:#fff;}
/* Header */
.site-header{position:sticky;top:0;z-index:100;background:var(--c-bg);border-bottom:2px solid var(--c-primary);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:var(--max);margin:0 auto;}
.logo{font-family:var(--f-head);font-size:1.5rem;color:var(--c-primary);text-align:left;font-style:italic;letter-spacing:-.02em;}
nav.main-nav{display:flex;gap:1.75rem;align-items:center;}
.main-nav a{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text);padding:.25rem 0;border-bottom:2px solid transparent;transition:border-color var(--tr),color var(--tr);display:inline-block;text-align:center;}
.main-nav a:hover{border-bottom-color:var(--c-accent);color:var(--c-accent);}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:.5rem;}
.burger span{display:block;width:24px;height:2px;background:var(--c-primary);transition:all var(--tr);}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.mobile-nav{display:none;flex-direction:column;background:var(--c-bg);border-top:1px solid var(--c-border);padding:1rem 1.5rem;}
.mobile-nav.open{display:flex;}
.mobile-nav a{padding:.75rem 0;font-size:1rem;font-weight:500;border-bottom:1px solid var(--c-border);display:block;text-align:left;color:var(--c-text);}
/* Hero */
.hero{background:var(--c-bg2);padding:6rem 1.5rem;text-align:center;border-bottom:2px solid var(--c-primary);}
.hero h1{margin-bottom:1.5rem;}
.hero-lead{font-size:1.125rem;color:var(--c-muted);max-width:640px;margin:0 auto 2.5rem;}
.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
/* About */
.about-section{padding:5rem 1.5rem;background:var(--c-bg2);}
.about-inner{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:center;max-width:var(--max);margin:0 auto;}
.author-avatar{width:200px;height:200px;border-radius:50%;background:var(--c-primary);display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-size:3rem;color:#fff;border:4px solid var(--c-accent);flex-shrink:0;margin:0 auto;}
.about-content h2{margin-bottom:1rem;}
.about-content p{color:var(--c-muted);}
/* Topics */
.topics-section{padding:5rem 1.5rem;background:var(--c-bg);}
.topics-section>div>h2{text-align:center;margin-bottom:3rem;}
.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:var(--max);margin:0 auto;}
.topic-card{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;border:2px solid var(--c-border);cursor:pointer;transition:background var(--tr),border-color var(--tr),color var(--tr);}
.topic-card:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff;}
.topic-icon{font-size:2.5rem;margin-bottom:.75rem;}
.topic-name{font-weight:600;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;}
/* Latest articles */
.articles-section{padding:5rem 1.5rem;background:var(--c-bg2);}
.articles-section>div>h2{text-align:center;margin-bottom:3rem;}
.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:var(--max);margin:0 auto;}
.article-card{padding:2rem;border-bottom:2px solid var(--c-primary);transition:border-color var(--tr);}
.article-card:hover{border-color:var(--c-accent);}
.art-meta-tag{font-size:.72rem;color:var(--c-accent);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;}
.article-card h3{margin-bottom:.75rem;line-height:1.3;}
.article-card p{color:var(--c-muted);font-size:.9rem;line-height:1.6;}
.read-more{margin-top:1rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-accent);border-bottom:1px solid currentColor;padding-bottom:.1rem;}
/* Quote */
.quote-banner{background:var(--c-primary);color:#fff;padding:5rem 1.5rem;text-align:center;}
.quote-text{font-family:var(--f-head);font-size:clamp(1.5rem,3vw,2.5rem);font-style:italic;max-width:800px;margin:0 auto 1.5rem;}
.quote-text::before{content:'C';color:var(--c-accent);}
.quote-text::after{content:'D';color:var(--c-accent);}
.quote-author{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent);}
/* Subscribe */
.subscribe-section{padding:5rem 1.5rem;background:var(--c-bg);}
.subscribe-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;max-width:var(--max);margin:0 auto;}
.subscribe-benefits h2{margin-bottom:1.5rem;}
.benefit-list{list-style:none;display:flex;flex-direction:column;gap:1rem;}
.benefit-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;}
.benefit-list li::before{content:'¹3';color:var(--c-accent);font-weight:700;font-size:1.1rem;flex-shrink:0;}
.sub-form-wrap h3{margin-bottom:1.5rem;}
.subscribe-form{display:flex;flex-direction:column;gap:1rem;}
.form-field{display:flex;flex-direction:column;gap:.4rem;}
.form-field label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);}
.form-field input,.article-subscribe-form input{padding:.85rem 1rem;border:2px solid var(--c-border);background:var(--c-bg);font-family:var(--f-body);font-size:1rem;color:var(--c-text);outline:none;transition:border-color var(--tr);}
.form-field input:focus,.article-subscribe-form input:focus{border-color:var(--c-accent);}
/* Footer */
.site-footer{background:var(--c-primary);color:#fff;padding:4rem 1.5rem 2rem;}
.footer-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:var(--max);margin:0 auto 3rem;}
.footer-col h4{font-family:var(--f-head);font-size:1.125rem;margin-bottom:1.25rem;color:var(--c-accent);}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.75rem;}
.footer-col ul li a{color:#9ca3af;font-size:.875rem;transition:color var(--tr);display:inline-block;text-align:left;}
.footer-col ul li a:hover{color:#fff;}
.footer-col p{color:#9ca3af;font-size:.875rem;line-height:1.6;}
.footer-bottom{border-top:1px solid #374151;padding-top:2rem;max-width:var(--max);margin:0 auto;}
.footer-bot-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;}
.footer-logo{font-family:var(--f-head);font-size:1.25rem;color:#fff;font-style:italic;}
.footer-legal{display:flex;gap:1.5rem;flex-wrap:wrap;}
.footer-legal a{color:#9ca3af;font-size:.75rem;transition:color var(--tr);display:inline-block;text-align:center;}
.footer-legal a:hover{color:#fff;}
.footer-copyright{color:#6b7280;font-size:.75rem;margin-top:1rem;}
.footer-disclaimer{color:#6b7280;font-size:.72rem;border-top:1px solid #374151;padding-top:1.5rem;margin-top:1.5rem;line-height:1.6;max-width:var(--max);margin-left:auto;margin-right:auto;}
/* Cookie */
.cookie-toggle{display:none;}
.cookie-toggle:checked~.cookie-banner{display:none;}
.cookie-banner{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--c-primary);color:#fff;padding:1.5rem;max-width:340px;z-index:9999;border-top:3px solid var(--c-accent);}
.cookie-banner p{font-size:.82rem;margin-bottom:1rem;color:#d1d5db;line-height:1.5;}
.cookie-banner a{color:var(--c-accent);}
.cookie-actions{display:flex;gap:.75rem;flex-wrap:wrap;}
.cookie-actions label{display:inline-block;text-align:center;padding:.5rem 1rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:2px solid transparent;transition:all var(--tr);}
.btn-accept{background:var(--c-accent);color:#fff;border-color:var(--c-accent);}
.btn-accept:hover{background:transparent;color:var(--c-accent);}
.btn-reject{background:transparent;color:#fff;border-color:#6b7280;}
.btn-reject:hover{border-color:#fff;}
/* Article */
.article-hero{background:var(--c-bg2);padding:4rem 1.5rem;border-bottom:2px solid var(--c-primary);}
.article-hero-inner{max-width:var(--max);margin:0 auto;}
.art-cat-label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent);margin-bottom:1rem;}
.article-hero h1{margin-bottom:1.5rem;}
.art-hero-lead{font-size:1.1rem;color:var(--c-muted);max-width:700px;margin-bottom:1.5rem;line-height:1.7;}
.art-hero-meta{display:flex;gap:2rem;flex-wrap:wrap;font-size:.75rem;color:var(--c-muted);text-transform:uppercase;letter-spacing:.06em;border-top:1px solid var(--c-border);padding-top:1rem;}
.breadcrumbs{background:var(--c-bg);border-bottom:1px solid var(--c-border);padding:.75rem 1.5rem;}
.breadcrumbs-inner{max-width:var(--max);margin:0 auto;font-size:.75rem;color:var(--c-muted);display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;}
.breadcrumbs-inner a{color:var(--c-muted);text-align:left;}
.breadcrumbs-inner a:hover{color:var(--c-accent);}
.article-author-bar{background:var(--c-bg2);padding:1.5rem;border-bottom:1px solid var(--c-border);}
.art-author-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;}
.author-circle{width:48px;height:48px;border-radius:50%;background:var(--c-primary);display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-size:.9rem;color:#fff;flex-shrink:0;}
.author-info{flex:1;}
.author-name{font-weight:700;font-size:.875rem;}
.author-role{font-size:.75rem;color:var(--c-muted);}
.author-stats{display:flex;gap:1.5rem;font-size:.75rem;color:var(--c-muted);flex-wrap:wrap;}
.article-layout{padding:3rem 1.5rem;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start;}
.article-body img{margin-bottom:2rem;}
.article-body h2{margin:2rem 0 1rem;}
.article-body p{margin-bottom:1.25rem;font-size:1rem;line-height:1.8;}
.article-body em{font-style:italic;color:var(--c-text);}
.pull-quote{border-left:4px solid var(--c-accent);padding:1rem 1.5rem;margin:2rem 0;font-family:var(--f-head);font-size:1.2rem;font-style:italic;color:var(--c-text);}
.micro-plan{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0;background:var(--c-bg2);padding:1.5rem;border-top:3px solid var(--c-accent);}
.plan-card .day{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent);margin-bottom:.5rem;}
.plan-card p{font-size:.82rem;color:var(--c-muted);margin-bottom:0;line-height:1.5;}
.article-tags{padding:1.5rem 0;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:2rem;}
.tag{display:inline-block;text-align:center;padding:.3rem .75rem;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:var(--c-bg2);border:1px solid var(--c-border);color:var(--c-muted);transition:all var(--tr);}
.tag:hover{background:var(--c-accent);color:#fff;border-color:var(--c-accent);}
.share-btns{display:flex;gap:.75rem;margin-left:auto;}
.share-btn{padding:.3rem .75rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--c-border);color:var(--c-muted);cursor:pointer;background:none;transition:all var(--tr);font-family:var(--f-body);}
.share-btn:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary);}
.sidebar{position:sticky;top:6rem;}
.sidebar-block{margin-bottom:2rem;border-top:3px solid var(--c-accent);padding-top:1.25rem;}
.sidebar-block h4{font-family:var(--f-head);font-size:.9rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.06em;}
.sidebar-article{display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--c-border);}
.sidebar-article:last-child{border-bottom:none;}
.sidebar-thumb{width:56px;height:56px;background:var(--c-bg2);border:1px solid var(--c-border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;}
.s-cat{font-size:.68rem;color:var(--c-accent);font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
.s-title{font-size:.82rem;font-weight:600;line-height:1.3;display:block;text-align:left;margin-top:.2rem;color:var(--c-text);}
.sidebar-tags{display:flex;flex-wrap:wrap;gap:.5rem;}
.article-subscribe{background:var(--c-bg2);padding:4rem 1.5rem;text-align:center;border-top:2px solid var(--c-primary);}
.article-subscribe h2{margin-bottom:.75rem;}
.article-subscribe p{color:var(--c-muted);max-width:560px;margin:0 auto 2rem;}
.article-subscribe-form{display:flex;flex-direction:column;gap:1rem;max-width:440px;margin:0 auto;}
.related-section{padding:4rem 1.5rem;background:var(--c-bg);}
.related-section>div>h2{text-align:center;margin-bottom:2.5rem;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:var(--max);margin:0 auto;}
.related-card{border-bottom:2px solid var(--c-border);padding-bottom:1.5rem;transition:border-color var(--tr);}
.related-card:hover{border-color:var(--c-accent);}
.related-img{height:160px;background:var(--c-bg2);border:1px solid var(--c-border);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;}
.r-cat{font-size:.68rem;color:var(--c-accent);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;}
.related-card h3{font-size:.95rem;margin-bottom:.4rem;line-height:1.3;}
.r-date{font-size:.72rem;color:var(--c-muted);margin-bottom:.5rem;}
.related-card a{font-size:.75rem;font-weight:700;color:var(--c-accent);text-transform:uppercase;letter-spacing:.06em;}
.art-disclaimer{background:var(--c-bg2);border-left:4px solid var(--c-border);padding:1rem 1.5rem;margin:2rem 0;font-size:.85rem;color:var(--c-muted);line-height:1.6;}
/* Policy */
.policy-hero{background:var(--c-bg2);padding:4rem 1.5rem;border-bottom:2px solid var(--c-primary);}
.policy-hero h1{max-width:var(--max);margin:0 auto;}
.policy-content{max-width:860px;margin:0 auto;padding:3rem 1.5rem;}
.policy-content h2{margin:2.5rem 0 1rem;}
.policy-content p{margin-bottom:1rem;color:var(--c-muted);line-height:1.8;}
.policy-content ul{margin:1rem 0 1.5rem 1.5rem;color:var(--c-muted);}
.policy-content ul li{margin-bottom:.5rem;}
/* Success */
.success-wrap{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem;}
.success-icon{font-size:4rem;margin-bottom:1.5rem;}
.success-wrap h1{margin-bottom:1rem;}
.success-wrap p{color:var(--c-muted);max-width:480px;margin:0 auto 2rem;font-size:1.1rem;}
/* 404 */
.page-404{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem;}
.err-code{font-family:var(--f-head);font-size:9rem;color:var(--c-accent);line-height:1;margin-bottom:.25rem;}
.page-404 h2{margin-bottom:1rem;}
.page-404 p{color:var(--c-muted);max-width:440px;margin:0 auto 2rem;font-size:1rem;}
/* Responsive */
@media(max-width:900px){
  .about-inner{grid-template-columns:1fr;}
  .topics-grid{grid-template-columns:repeat(2,1fr);}
  .articles-grid{grid-template-columns:1fr;}
  .subscribe-inner{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr 1fr;}
  .article-layout{grid-template-columns:1fr;}
  .sidebar{position:static;}
  .micro-plan{grid-template-columns:repeat(2,1fr);}
  .related-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .burger{display:flex;}
  nav.main-nav{display:none;}
  .topics-grid{grid-template-columns:1fr 1fr;}
  .footer-inner{grid-template-columns:1fr;}
  .related-grid{grid-template-columns:1fr;}
  .micro-plan{grid-template-columns:1fr 1fr;}
  .hero-btns{flex-direction:column;align-items:center;}
  .footer-bot-row{flex-direction:column;align-items:flex-start;}
  .cookie-banner{left:1rem;right:1rem;max-width:none;bottom:0;}
  .art-hero-meta{flex-direction:column;gap:.4rem;}
  .share-btns{margin-left:0;margin-top:.5rem;}
  .article-tags{flex-direction:column;align-items:flex-start;}
}