/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Mulish:wght@300;400;500;600;700&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --color-primary:#0f172a;
  --color-accent:#22d3ee;
  --color-bg:#ffffff;
  --color-bg-secondary:#f0f9ff;
  --color-text:#0f172a;
  --font-heading:'EB Garamond',Georgia,serif;
  --font-body:'Mulish',sans-serif;
  --radius:3px;
  --shadow:0 1px 4px rgba(15,23,42,0.08);
  --max-w:760px;
  --max-w-wide:1140px;
}
html{scroll-behavior:smooth;}
a{display:inline-block;text-align:center;}
body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-size:1rem;line-height:1.75;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;border-radius:var(--radius);}
/* ── HEADER ── */
.site-header{background:var(--color-bg);border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow);}
.site-header__inner{max-width:var(--max-w-wide);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:64px;}
.site-logo{font-family:var(--font-heading);font-size:1.85rem;font-weight:700;color:var(--color-primary);text-decoration:none;letter-spacing:-0.02em;transition:color .2s;}
.site-logo:hover{color:var(--color-accent);}
.site-nav{display:flex;gap:1.75rem;align-items:center;}
.site-nav a{font-size:0.875rem;color:#475569;text-decoration:none;font-weight:500;padding:0.25rem 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s;white-space:nowrap;}
.site-nav a:hover{color:var(--color-accent);border-color:var(--color-accent);}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:0.35rem;border-radius:var(--radius);}
.burger span{display:block;width:22px;height:2px;background:var(--color-primary);border-radius:2px;transition:transform .3s;}
.mobile-nav{display:none;flex-direction:column;background:var(--color-bg);border-top:1px solid #e2e8f0;padding:1rem 1.5rem;gap:0;}
.mobile-nav.open{display:flex;}
.mobile-nav a{font-size:1rem;color:var(--color-text);text-decoration:none;font-weight:500;padding:0.75rem 0;border-bottom:1px solid #f1f5f9;}
.mobile-nav a:last-child{border-bottom:none;}
/* ── BREADCRUMBS ── */
.breadcrumbs{max-width:var(--max-w-wide);margin:0 auto;padding:0.75rem 1.5rem;font-size:0.8rem;color:#94a3b8;}
.breadcrumbs a{color:#94a3b8;text-decoration:none;transition:color .2s;}
.breadcrumbs a:hover{color:var(--color-accent);}
.breadcrumbs span{margin:0 0.4rem;opacity:.5;}
/* ── ARTICLE WRAP ── */
.article-wrap{max-width:var(--max-w);margin:0 auto;padding:2.5rem 1.5rem 4rem;}
.article-category{font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius);padding:0.2rem 0.65rem;margin-bottom:1.25rem;text-decoration:none;transition:background .2s,color .2s;}
.article-category:hover{background:var(--color-accent);color:#fff;}
.article-title{font-family:var(--font-heading);font-size:clamp(1.85rem,4vw,2.75rem);font-weight:700;line-height:1.15;margin-bottom:1rem;color:var(--color-primary);letter-spacing:-0.01em;}
.article-meta{font-size:0.82rem;color:#94a3b8;margin-bottom:1.75rem;display:flex;flex-wrap:wrap;gap:0.4rem 1.25rem;align-items:center;}
.article-meta strong{color:#475569;font-weight:600;}
.meta-sep{opacity:.3;}
.article-lead{font-size:1.15rem;font-family:var(--font-heading);font-style:italic;color:#334155;margin-bottom:2.5rem;border-left:3px solid var(--color-accent);padding-left:1.25rem;line-height:1.7;}
.article-intro{background:var(--color-bg-secondary);border-left:4px solid var(--color-accent);border-radius:var(--radius);padding:1.5rem 1.75rem;margin-bottom:2.5rem;font-size:1.05rem;color:#334155;font-family:var(--font-heading);font-style:italic;line-height:1.7;}
.article-img{width:100%;margin-bottom:2.5rem;box-shadow:0 4px 20px rgba(15,23,42,0.1);border-radius:var(--radius);}
.article-body h2{font-family:var(--font-heading);font-size:1.55rem;font-weight:600;margin:2.5rem 0 0.85rem;color:var(--color-primary);letter-spacing:-0.01em;padding-bottom:0.4rem;border-bottom:1px solid #f1f5f9;}
.article-body p{margin-bottom:1.35rem;color:#1e293b;}
.pull-quote{margin:3rem 0;padding:1.75rem 2rem;background:var(--color-bg-secondary);border-left:4px solid var(--color-accent);border-radius:var(--radius);font-family:var(--font-heading);font-size:1.3rem;font-style:italic;color:var(--color-primary);box-shadow:var(--shadow);position:relative;}
.pull-quote::before{content:'C';font-size:4rem;color:var(--color-accent);opacity:.2;position:absolute;top:-0.5rem;left:1.25rem;font-family:var(--font-heading);line-height:1;}
.pull-quote cite{display:block;font-size:0.8rem;font-style:normal;color:#94a3b8;margin-top:0.75rem;font-family:var(--font-body);font-weight:500;}
.article-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin:2.5rem 0 1.25rem;}
.article-tags a{font-size:0.75rem;background:var(--color-bg-secondary);color:#475569;padding:0.3rem 0.8rem;border-radius:var(--radius);text-decoration:none;border:1px solid #bae6fd;transition:background .2s,color .2s,border-color .2s;font-weight:500;}
.article-tags a:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);}
.article-disclaimer{margin-top:2rem;padding:1rem 1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius);font-size:0.8rem;color:#94a3b8;line-height:1.6;border-left:3px solid #e2e8f0;}
/* ── MYTHS ── */
.myths-block{margin:3rem 0;background:var(--color-bg-secondary);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);border:1px solid #e0f2fe;}
.myths-block > h2{font-family:var(--font-heading);font-size:1.35rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-primary);padding-bottom:0.75rem;border-bottom:2px solid var(--color-accent);}
.myth-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e0f2fe;}
.myth-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.myth-label{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;padding:0.2rem 0.6rem;border-radius:var(--radius);margin-bottom:0.5rem;}
.myth-label.mito{background:#fee2e2;color:#b91c1c;}
.myth-label.realta{background:#dcfce7;color:#166534;}
.myth-item p{font-size:0.9rem;margin:0.3rem 0 0;color:#334155;line-height:1.65;}
/* ── STEPS ── */
.steps-block{margin:3rem 0;background:var(--color-bg-secondary);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);border:1px solid #e0f2fe;}
.steps-block > h2{font-family:var(--font-heading);font-size:1.35rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-primary);padding-bottom:0.75rem;border-bottom:2px solid var(--color-accent);}
.step-item{display:flex;gap:1.25rem;margin-bottom:1.25rem;align-items:flex-start;}
.step-item:last-child{margin-bottom:0;}
.step-num{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.95rem;font-family:var(--font-body);}
.step-item p{margin:0;font-size:0.95rem;color:#334155;line-height:1.65;padding-top:0.5rem;}
/* ── READ ALSO ── */
.read-also{margin:3rem 0;padding-top:2rem;border-top:2px solid #e0f2fe;}
.read-also > h2{font-family:var(--font-heading);font-size:1.35rem;font-weight:600;margin-bottom:1.25rem;color:var(--color-primary);}
.read-also-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;}
.read-also-card{background:var(--color-bg-secondary);border-radius:var(--radius);padding:1.25rem;text-decoration:none;color:var(--color-text);box-shadow:var(--shadow);border:1px solid #e0f2fe;transition:transform .2s,box-shadow .2s;}
.read-also-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(15,23,42,0.1);}
.read-also-card .card-cat{display:block;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-accent);margin-bottom:0.5rem;}
.read-also-card strong{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;line-height:1.3;color:var(--color-primary);}
.read-also-card .card-time{display:block;font-size:0.75rem;color:#94a3b8;margin-top:0.5rem;}
/* ── SUBSCRIBE ── */
.subscribe-section{background:var(--color-primary);padding:4rem 1.5rem;text-align:center;}
.subscribe-inner{max-width:520px;margin:0 auto;}
.subscribe-inner h2{font-family:var(--font-heading);font-size:1.85rem;color:#fff;margin-bottom:0.5rem;font-weight:600;}
.subscribe-inner p{color:#94a3b8;font-size:0.95rem;margin-bottom:2rem;}
.subscribe-form{display:flex;gap:0.5rem;flex-wrap:wrap;justify-content:center;}
.subscribe-form input[type='email']{flex:1;min-width:220px;padding:0.875rem 1.1rem;border:1px solid #1e293b;border-radius:var(--radius);font-family:var(--font-body);font-size:0.95rem;outline:none;background:#1e293b;color:#f8fafc;transition:border-color .2s;}
.subscribe-form input[type='email']::placeholder{color:#64748b;}
.subscribe-form input[type='email']:focus{border-color:var(--color-accent);}
.subscribe-form button{padding:0.875rem 1.75rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:0.9rem;font-weight:700;cursor:pointer;transition:background .2s;letter-spacing:0.03em;text-transform:uppercase;}
.subscribe-form button:hover{background:#06b6d4;}
/* ── FOOTER ── */
.site-footer{background:#020617;color:#475569;padding:2.5rem 1.5rem 2rem;}
.site-footer__inner{max-width:var(--max-w-wide);margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;}
.site-footer__top{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-start;justify-content:space-between;}
.footer-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-0.02em;transition:color .2s;}
.footer-logo:hover{color:var(--color-accent);}
.footer-links{display:flex;flex-wrap:wrap;gap:0.5rem 1.25rem;align-items:center;}
.footer-links a{color:#475569;font-size:0.82rem;text-decoration:none;transition:color .2s;font-weight:500;}
.footer-links a:hover{color:var(--color-accent);}
.footer-bottom{border-top:1px solid #0f172a;padding-top:1.25rem;display:flex;flex-direction:column;gap:0.75rem;}
.footer-copy{font-size:0.78rem;color:#334155;}
.footer-disclaimer{font-size:0.75rem;color:#334155;line-height:1.65;max-width:800px;}
/* ── COOKIES MODAL (CSS only) ── */
.cookies-close-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.cookies-banner{position:fixed;bottom:1.25rem;right:1.25rem;max-width:300px;background:var(--color-bg);border:1px solid #e0f2fe;border-radius:var(--radius);box-shadow:0 8px 30px rgba(15,23,42,0.14);padding:1.25rem;z-index:1000;font-size:0.82rem;color:var(--color-text);}
.cookies-close-input:checked ~ .cookies-banner{display:none;}
.cookies-banner p{margin-bottom:0.875rem;line-height:1.55;color:#334155;}
.cookies-banner strong{color:var(--color-primary);}
.cookies-actions{display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center;}
.cookies-btn-accept{padding:0.4rem 1rem;border-radius:var(--radius);font-size:0.78rem;font-weight:700;cursor:pointer;background:var(--color-accent);color:#fff;border:none;font-family:var(--font-body);transition:background .2s;}
.cookies-btn-accept:hover{background:#06b6d4;}
.cookies-btn-decline{padding:0.4rem 0.75rem;border-radius:var(--radius);font-size:0.78rem;font-weight:600;cursor:pointer;background:transparent;color:#64748b;border:1px solid #e2e8f0;font-family:var(--font-body);transition:background .2s;}
.cookies-btn-decline:hover{background:#f1f5f9;}
.cookies-more{font-size:0.75rem;color:#94a3b8;text-decoration:underline;margin-left:0.25rem;}
/* ── 404 ── */
.page-404{min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;background:var(--color-bg);}
.err-code{font-family:var(--font-heading);font-size:10rem;font-weight:700;color:var(--color-accent);line-height:1;opacity:.15;letter-spacing:-0.05em;}
.page-404 h1{font-family:var(--font-heading);font-size:2.25rem;margin-bottom:0.75rem;color:var(--color-primary);}
.page-404 p{color:#64748b;margin-bottom:2rem;font-size:1rem;max-width:380px;line-height:1.7;}
.btn-home{background:var(--color-accent);color:#fff;padding:0.875rem 2.25rem;border-radius:var(--radius);text-decoration:none;font-weight:700;font-size:0.9rem;letter-spacing:0.04em;text-transform:uppercase;transition:background .2s;}
.btn-home:hover{background:#06b6d4;}
/* ── RESPONSIVE ── */
@media(max-width:900px){.site-nav{display:none;}.burger{display:flex;}}
@media(max-width:640px){.article-wrap{padding:1.75rem 1rem 3rem;}.article-title{font-size:1.75rem;}.subscribe-form{flex-direction:column;}.subscribe-form input[type='email']{min-width:100%;}.read-also-grid{grid-template-columns:1fr;}.myths-block,.steps-block{padding:1.25rem;}.pull-quote{padding:1.25rem 1.5rem;}.cookies-banner{max-width:calc(100vw - 2rem);bottom:0.75rem;right:0.75rem;}}