/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--c-primary:#8b1a1a;--c-accent:#c0392b;--c-bg:#fdf6ec;--c-bg2:#f5ede0;--c-text:#2c1810;--c-text-lt:#6b4c3b;--c-cream:#fdf6ec;--f-head:'Space Grotesk',sans-serif;--f-body:'Inter',sans-serif;--r:8px;--sh:4px 4px 0 #8b1a1a;--sh-acc:4px 4px 0 #c0392b;--tr:0.22s ease;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:var(--f-body);background:var(--c-bg);color:var(--c-text);line-height:1.75;}
a{display:inline-block;text-align:center;color:var(--c-primary);text-decoration:none;transition:var(--tr);}
a:hover{color:var(--c-accent);}
img{max-width:100%;height:auto;display:block;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-family:var(--f-head);line-height:1.2;}
/* HEADER */
.site-header{background:var(--c-text);padding:0 2rem;position:sticky;top:0;z-index:200;border-bottom:3px solid var(--c-accent);}
.hdr-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;gap:1rem;}
.site-logo{font-family:var(--f-head);font-size:1.8rem;font-weight:700;color:var(--c-cream)!important;letter-spacing:-1px;line-height:1;}
.logo-dot{color:var(--c-accent);}
.site-nav{display:flex;gap:1.75rem;align-items:center;}
.site-nav a{color:rgba(253,246,236,.75);font-size:.875rem;font-weight:500;padding:.375rem 0;border-bottom:2px solid transparent;transition:var(--tr);display:inline-block;text-align:center;}
.site-nav a:hover,.site-nav a.active{color:var(--c-cream);border-bottom-color:var(--c-accent);}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
.burger span{display:block;width:26px;height:2px;background:var(--c-cream);border-radius:2px;transition:var(--tr);}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
/* BREADCRUMBS */
.breadcrumbs{background:var(--c-bg2);border-bottom:1px solid rgba(139,26,26,.15);padding:.75rem 2rem;}
.bc-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.82rem;color:var(--c-text-lt);}
.bc-inner a{font-size:.82rem;color:var(--c-primary);display:inline-block;text-align:center;}
.bc-sep{color:var(--c-text-lt);font-size:.75rem;}
/* HERO */
.hero{background:var(--c-text);padding:5rem 2rem 4rem;border-bottom:3px solid var(--c-accent);position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:-60px;right:-60px;width:320px;height:320px;border:60px solid rgba(192,57,43,.12);border-radius:50%;}
.hero::after{content:'';position:absolute;bottom:-40px;left:10%;width:200px;height:200px;border:40px solid rgba(139,26,26,.1);border-radius:50%;}
.hero-inner{max-width:860px;margin:0 auto;position:relative;z-index:1;}
.hero-tag{display:inline-block;text-align:center;background:var(--c-accent);color:var(--c-cream);font-family:var(--f-head);font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:.3rem .875rem;border-radius:var(--r);margin-bottom:1.5rem;}
.hero-title{font-size:clamp(2.2rem,6vw,3.5rem);font-weight:700;color:var(--c-cream);letter-spacing:-.75px;line-height:1.1;margin-bottom:1.25rem;}
.hero-title em{color:var(--c-accent);font-style:normal;}
.hero-lead{font-size:1.15rem;color:rgba(253,246,236,.72);max-width:600px;margin-bottom:2rem;line-height:1.65;}
.hero-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;}
.hero-author{font-size:.82rem;color:rgba(253,246,236,.6);}
.hero-time{font-size:.82rem;color:rgba(253,246,236,.6);}
.hero-time::before{content:'·';margin-right:.5rem;}
/* ARTICLE */
.article-wrap{max-width:860px;margin:0 auto;padding:3rem 1.5rem 4rem;}
.art-meta{display:flex;gap:.875rem;flex-wrap:wrap;align-items:center;margin-bottom:1.5rem;}
.art-cat{background:var(--c-primary);color:var(--c-cream);font-family:var(--f-head);font-size:.7rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:.3rem .875rem;border-radius:var(--r);display:inline-block;text-align:center;}
.art-date,.art-author,.art-time{font-size:.82rem;color:var(--c-text-lt);}
.art-author::before,.art-time::before{content:'·';margin-right:.5rem;}
.art-title{font-size:clamp(1.9rem,5vw,2.9rem);font-weight:700;letter-spacing:-.5px;color:var(--c-text);margin-bottom:1.25rem;line-height:1.12;}
.art-lead{font-size:1.15rem;color:var(--c-text-lt);font-style:italic;border-left:4px solid var(--c-accent);padding-left:1.25rem;margin-bottom:2.5rem;line-height:1.65;}
.art-cover{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:var(--r);margin-bottom:2.75rem;box-shadow:var(--sh);border:2px solid var(--c-text);}
.art-body h2{font-size:1.55rem;color:var(--c-primary);margin:2.75rem 0 1rem;padding-bottom:.5rem;position:relative;}
.art-body h2::after{content:'';position:absolute;bottom:0;left:0;width:2.5rem;height:3px;background:var(--c-accent);border-radius:2px;}
.art-body p{margin-bottom:1.35rem;font-size:1.05rem;}
.pull-quote{background:var(--c-text);border-radius:var(--r);padding:2rem 2.25rem 2rem 3rem;margin:2.75rem 0;position:relative;box-shadow:var(--sh-acc);}
.pull-quote::before{content:'\201C';font-family:var(--f-head);font-size:6rem;color:var(--c-accent);position:absolute;top:-.75rem;left:1rem;line-height:1;}
.pull-quote p{font-size:1.2rem;font-style:italic;color:var(--c-cream);font-family:var(--f-head);margin:0;line-height:1.5;}
.art-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:2.25rem 0;}
.art-tags a{background:var(--c-bg2);border:1px solid rgba(139,26,26,.2);color:var(--c-primary);font-size:.78rem;padding:.3rem .875rem;border-radius:20px;transition:var(--tr);display:inline-block;text-align:center;}
.art-tags a:hover{background:var(--c-primary);color:var(--c-cream);border-color:var(--c-primary);}
.art-disclaimer{background:var(--c-bg2);border:1px solid rgba(139,26,26,.2);border-left:4px solid var(--c-primary);border-radius:var(--r);padding:1.25rem 1.5rem;margin-top:2.5rem;font-size:.88rem;color:var(--c-text-lt);line-height:1.6;}
/* MOOD TRACKER */
.mood-tracker{background:var(--c-text);border-radius:var(--r);padding:2rem 2.25rem;margin:3rem 0;box-shadow:var(--sh-acc);}
.mood-tracker h3{font-family:var(--f-head);font-size:1rem;color:var(--c-cream);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:1.5rem;}
.mood-options{display:flex;gap:.75rem;flex-wrap:wrap;}
.mood-opt{position:relative;}
.mood-opt input[type="radio"]{position:absolute;opacity:0;width:0;height:0;}
.mood-opt label{cursor:pointer;background:rgba(253,246,236,.08);border:2px solid rgba(253,246,236,.15);border-radius:var(--r);padding:.75rem 1.1rem;color:var(--c-cream);font-size:.85rem;transition:var(--tr);display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:80px;text-align:center;}
.mood-opt label:hover{border-color:var(--c-accent);background:rgba(192,57,43,.15);}
.mood-opt input:checked+label{background:var(--c-accent);border-color:var(--c-accent);}
.mood-emoji{font-size:1.8rem;line-height:1;}
.mood-caption{color:rgba(253,246,236,.8);font-size:.78rem;}
/* RT WIDGET */
.rt-widget{background:var(--c-primary);border-radius:var(--r);padding:1.25rem 2rem;margin-bottom:2.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--sh);}
.rt-icon{font-size:2.2rem;line-height:1;flex-shrink:0;}
.rt-info{color:var(--c-cream);font-family:var(--f-head);}
.rt-info strong{display:block;font-size:1.5rem;line-height:1;}
.rt-info span{font-size:.82rem;opacity:.75;margin-top:.2rem;display:block;}
/* STEPS */
.steps-block{background:var(--c-bg2);border:1px solid rgba(139,26,26,.15);border-radius:var(--r);padding:2rem 2.25rem;margin:2rem 0 3rem;}
.steps-block h3{font-family:var(--f-head);font-size:1rem;text-transform:uppercase;letter-spacing:1px;color:var(--c-primary);margin-bottom:1.5rem;}
.steps-list{display:flex;flex-direction:column;gap:1.1rem;}
.steps-list li{display:flex;align-items:flex-start;gap:1rem;}
.step-num{background:var(--c-primary);color:var(--c-cream);font-family:var(--f-head);font-weight:700;font-size:.85rem;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;}
.step-text{font-size:.97rem;color:var(--c-text);line-height:1.6;}
.step-text strong{display:block;font-weight:600;margin-bottom:.2rem;}
/* READ ALSO */
.read-also{background:var(--c-bg2);border:1px solid rgba(139,26,26,.15);border-radius:var(--r);padding:2rem 2.25rem;margin:3rem 0;}
.read-also h3{font-family:var(--f-head);font-size:.88rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--c-primary);margin-bottom:1.25rem;}
.read-also-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.ra-card{background:var(--c-bg);border:2px solid rgba(139,26,26,.1);border-radius:var(--r);padding:1.25rem 1.5rem;transition:var(--tr);box-shadow:2px 2px 0 rgba(139,26,26,.07);display:block;text-align:left;}
.ra-card:hover{border-color:var(--c-primary);box-shadow:var(--sh);transform:translate(-2px,-2px);color:var(--c-text);}
.ra-cat{font-size:.68rem;text-transform:uppercase;letter-spacing:1px;color:var(--c-accent);margin-bottom:.4rem;font-weight:600;}
.ra-title{font-family:var(--f-head);font-size:.95rem;font-weight:600;color:var(--c-text);line-height:1.35;}
.ra-time{font-size:.78rem;color:var(--c-text-lt);margin-top:.5rem;}
/* SUBSCRIBE */
.subscribe-sec{background:var(--c-text);border-radius:var(--r);padding:3rem 2.5rem;margin:3rem 0;box-shadow:var(--sh-acc);text-align:center;}
.subscribe-sec h3{font-family:var(--f-head);font-size:1.5rem;color:var(--c-cream);margin-bottom:.625rem;}
.subscribe-sec p{color:rgba(253,246,236,.72);font-size:.95rem;margin-bottom:1.75rem;}
.sub-form{display:flex;gap:.75rem;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
.sub-form input[type="email"]{flex:1;min-width:220px;padding:.875rem 1rem;border-radius:var(--r);border:2px solid rgba(253,246,236,.2);background:rgba(253,246,236,.1);color:var(--c-cream);font-family:var(--f-body);font-size:.95rem;outline:none;transition:var(--tr);}
.sub-form input::placeholder{color:rgba(253,246,236,.45);}
.sub-form input:focus{border-color:var(--c-accent);}
.btn-sub{background:var(--c-accent);color:var(--c-cream);font-family:var(--f-head);font-weight:600;font-size:.9rem;padding:.875rem 1.75rem;border-radius:var(--r);border:2px solid var(--c-accent);cursor:pointer;transition:var(--tr);white-space:nowrap;box-shadow:3px 3px 0 rgba(255,255,255,.15);}
.btn-sub:hover{background:transparent;color:var(--c-accent);border-color:var(--c-accent);box-shadow:none;}
/* FOOTER */
.site-footer{background:var(--c-text);border-top:3px solid var(--c-accent);padding:3.5rem 2rem 2rem;color:rgba(253,246,236,.65);}
.ftr-inner{max-width:1200px;margin:0 auto;}
.ftr-top{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;flex-wrap:wrap;}
.ftr-brand .site-logo{font-size:1.4rem;}
.ftr-brand p{font-size:.82rem;margin-top:.5rem;max-width:280px;line-height:1.6;}
.ftr-nav{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;align-items:flex-start;padding-top:.25rem;}
.ftr-nav a{color:rgba(253,246,236,.65);font-size:.82rem;transition:var(--tr);display:inline-block;text-align:center;}
.ftr-nav a:hover{color:var(--c-cream);}
.ftr-hr{border:none;border-top:1px solid rgba(253,246,236,.1);margin:1.5rem 0;}
.ftr-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.8rem;}
.ftr-copy{color:rgba(253,246,236,.5);}
.ftr-disc{font-size:.78rem;color:rgba(253,246,236,.4);margin-top:1rem;line-height:1.55;}
/* COOKIES MODAL */
#ck-check{display:none;}
.cookie-modal{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;max-width:340px;width:calc(100% - 3rem);}
#ck-check:checked~.cookie-banner{display:none!important;}
.cookie-banner{background:var(--c-text);border:2px solid var(--c-accent);border-radius:var(--r);padding:1.375rem 1.5rem;box-shadow:var(--sh-acc);animation:ck-slide .4s ease;}
@keyframes ck-slide{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
.cookie-banner p{color:rgba(253,246,236,.85);font-size:.82rem;margin-bottom:1rem;line-height:1.55;}
.cookie-banner a{color:var(--c-accent);font-size:.82rem;display:inline-block;text-align:center;}
.ck-actions{display:flex;gap:.625rem;flex-wrap:wrap;}
.btn-ck{font-family:var(--f-head);font-size:.78rem;font-weight:600;padding:.5rem 1.125rem;border-radius:var(--r);cursor:pointer;border:2px solid;transition:var(--tr);display:inline-block;text-align:center;}
.btn-ck-acc{background:var(--c-accent);color:var(--c-cream);border-color:var(--c-accent);}
.btn-ck-acc:hover{background:transparent;color:var(--c-accent);}
.btn-ck-rej{background:transparent;color:rgba(253,246,236,.65);border-color:rgba(253,246,236,.25);}
.btn-ck-rej:hover{color:var(--c-cream);border-color:rgba(253,246,236,.65);}
/* POLICY PAGES */
.policy-wrap{max-width:800px;margin:0 auto;padding:4rem 1.5rem;}
.policy-wrap h1{font-size:clamp(1.9rem,5vw,2.75rem);margin-bottom:.75rem;color:var(--c-text);}
.policy-wrap .policy-date{font-size:.82rem;color:var(--c-text-lt);margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(139,26,26,.15);}
.policy-wrap h2{font-size:1.3rem;color:var(--c-primary);margin:2.5rem 0 .875rem;padding-bottom:.375rem;border-bottom:2px solid rgba(139,26,26,.1);}
.policy-wrap p{margin-bottom:1.1rem;font-size:1rem;color:var(--c-text);}
.policy-wrap ul{margin:0 0 1.1rem 1.25rem;list-style:disc;}
.policy-wrap ul li{margin-bottom:.5rem;font-size:1rem;}
/* SUCCESS PAGE */
.success-page{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;}
.success-icon{font-size:4rem;margin-bottom:1.5rem;animation:pop .5s ease;}
@keyframes pop{0%{transform:scale(0);}80%{transform:scale(1.1);}100%{transform:scale(1);}}
.success-page h1{font-size:clamp(2rem,6vw,3rem);color:var(--c-primary);margin-bottom:1rem;}
.success-page p{font-size:1.1rem;color:var(--c-text-lt);max-width:480px;margin-bottom:2.5rem;line-height:1.65;}
.btn-back{background:var(--c-primary);color:var(--c-cream);font-family:var(--f-head);font-weight:600;padding:.875rem 2rem;border-radius:var(--r);border:2px solid var(--c-primary);font-size:.95rem;transition:var(--tr);box-shadow:var(--sh);display:inline-block;text-align:center;}
.btn-back:hover{background:transparent;color:var(--c-primary);box-shadow:none;}
/* 404 */
.page-404{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:var(--c-text);color:var(--c-cream);}
.err-code{font-family:var(--f-head);font-size:clamp(6rem,20vw,12rem);font-weight:700;line-height:1;color:var(--c-accent);text-shadow:6px 6px 0 var(--c-primary);letter-spacing:-4px;}
.page-404 h1{font-size:clamp(1.5rem,4vw,2.25rem);margin:1rem 0 .75rem;}
.page-404 p{color:rgba(253,246,236,.65);font-size:1.05rem;margin-bottom:2.5rem;max-width:440px;}
.btn-home{background:var(--c-accent);color:var(--c-cream);font-family:var(--f-head);font-weight:600;padding:.9rem 2rem;border-radius:var(--r);border:2px solid var(--c-accent);font-size:.95rem;transition:var(--tr);box-shadow:4px 4px 0 rgba(255,255,255,.15);display:inline-block;text-align:center;}
.btn-home:hover{background:transparent;color:var(--c-accent);box-shadow:none;}
/* RESPONSIVE */
@media(max-width:768px){
  .site-nav{display:none;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--c-text);padding:1.5rem 2rem;border-top:1px solid rgba(253,246,236,.1);gap:1rem;z-index:199;}
  .site-nav.nav-open{display:flex;}
  .burger{display:flex;}
  .article-wrap,.policy-wrap{padding:2rem 1rem 3rem;}
  .pull-quote{padding:1.75rem 1.5rem 1.75rem 2rem;}
  .subscribe-sec{padding:2rem 1.25rem;}
  .ftr-top{flex-direction:column;gap:1.5rem;}
  .ftr-bottom{flex-direction:column;align-items:flex-start;}
  .rt-widget{padding:1rem 1.25rem;}
  .mood-tracker,.steps-block,.read-also{padding:1.5rem;}
  .hero{padding:3rem 1.25rem 2.5rem;}
}
@media(max-width:480px){
  .site-header{padding:0 1rem;}
  .breadcrumbs{padding:.625rem 1rem;}
  .read-also-grid{grid-template-columns:1fr;}
  .success-page{padding:3rem 1rem;}
}