/*
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:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap');
:root{--primary:#1a3a6b;--accent:#00a8a8;--bg:#f0f4ff;--bg-secondary:#e8eef8;--text:#1a1a2e}
html{scroll-behavior:smooth}
a{display:inline-block;text-align:center}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px}
img{max-width:100%;height:auto;display:block}
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.site-header{background:var(--primary);padding:16px 0;position:sticky;top:0;z-index:100}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{font-family:'DM Serif Display',serif;font-size:1.6rem;color:#fff;text-decoration:none}
.nav-toggle{display:none}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.burger span{display:block;width:26px;height:2px;background:#fff;transition:transform .3s}
.main-nav{display:flex;gap:28px}
.main-nav a{color:rgba(255,255,255,.85);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}
.main-nav a:hover,.main-nav a.nav-active{color:var(--accent)}
@media(max-width:768px){
.burger{display:flex}
.header-inner{flex-wrap:wrap;position:relative}
.main-nav{display:none;width:100%;flex-direction:column;gap:12px;padding:12px 0 4px}
.nav-toggle:checked~.main-nav{display:flex}
}
.breadcrumbs{background:var(--bg-secondary);padding:10px 0;font-size:.82rem}
.breadcrumbs a{color:var(--primary);text-decoration:none;font-weight:500}
.breadcrumbs a:hover{color:var(--accent)}
.breadcrumbs .sep{margin:0 6px;color:#999}
.article-layout{padding:52px 20px}
.article-meta{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.rubric{background:var(--accent);color:#fff;padding:3px 10px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.read-time{font-size:.85rem;color:#666}
h1{font-family:'DM Serif Display',serif;font-size:clamp(1.75rem,4vw,2.7rem);color:var(--primary);line-height:1.25;margin-bottom:22px}
.lead{font-size:1.08rem;color:#444;line-height:1.85;padding-left:16px;border-left:3px solid var(--accent);margin-bottom:36px}
.article-body-wrap{display:grid;grid-template-columns:1fr 270px;gap:52px;align-items:start}
@media(max-width:900px){.article-body-wrap{grid-template-columns:1fr}.article-aside{order:-1;position:static}}
h2{font-family:'DM Serif Display',serif;font-size:1.4rem;color:var(--primary);margin:34px 0 12px}
.article-content p{margin-bottom:18px}
.pull-quote{margin:32px 0;padding:22px 26px;border-left:4px solid var(--accent);background:var(--bg-secondary);font-style:italic;font-size:1.08rem;color:var(--primary);font-family:'DM Serif Display',serif}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}
.tag{background:var(--bg-secondary);color:var(--primary);padding:4px 12px;font-size:.82rem;font-weight:500;border:1px solid #c8d5ee;transition:background .2s;text-decoration:none}
.tag:hover{background:#d0ddf5}
.disclaimer{background:var(--bg-secondary);border-left:3px solid var(--primary);padding:16px 20px;font-size:.88rem;color:#555;margin-top:34px}
.article-aside{position:sticky;top:90px}
@media(max-width:900px){.article-aside{position:static}}
.article-aside h3{font-family:'DM Serif Display',serif;font-size:1.05rem;color:var(--primary);margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--accent)}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gallery img,.gallery-item{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.gallery-item{background:var(--bg-secondary)}
.gallery-item--2{background:#d5e0f5}
.gallery-item--3{background:#c8d8f0}
.gallery-item--4{background:#e0eafa}
.article-metadata{display:flex;gap:18px;font-size:.88rem;color:#666;margin-bottom:18px;flex-wrap:wrap}
.article-metadata strong{color:var(--primary)}
.author-block{display:flex;gap:20px;background:var(--bg-secondary);padding:24px;margin:44px 0;align-items:flex-start}
.author-avatar{width:58px;height:58px;background:var(--primary);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'DM Serif Display',serif;font-size:1.3rem}
.author-info h4{font-family:'DM Serif Display',serif;color:var(--primary);font-size:1rem;margin-bottom:6px}
.author-info p{font-size:.87rem;color:#555;margin:0}
.read-also{background:var(--bg-secondary);padding:52px 0}
.read-also h2{margin-bottom:28px}
.read-also-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.read-also-card{background:var(--bg);padding:22px;border-top:3px solid var(--accent);transition:border-color .2s}
.read-also-card:hover{border-color:var(--primary)}
.read-also-card .rubric{margin-bottom:10px}
.read-also-card h3{font-family:'DM Serif Display',serif;font-size:1rem;color:var(--primary);margin-bottom:8px;line-height:1.4}
.read-also-card p{font-size:.87rem;color:#555;margin-bottom:12px}
.read-also-card a{color:var(--accent);text-decoration:none;font-weight:600;font-size:.87rem;transition:color .2s}
.read-also-card a:hover{color:var(--primary)}
.subscribe{background:var(--primary);padding:68px 0;text-align:center}
.subscribe h2{color:#fff;margin-bottom:12px}
.subscribe p{color:rgba(255,255,255,.75);margin-bottom:32px;font-size:.97rem}
.subscribe-form{display:flex;gap:10px;max-width:500px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.subscribe-form input[type="email"]{flex:1;min-width:220px;padding:14px 18px;background:rgba(255,255,255,.12);border:none;border-bottom:2px solid var(--accent);color:#fff;font-family:'DM Sans',sans-serif;font-size:1rem;outline:none}
.subscribe-form input[type="email"]::placeholder{color:rgba(255,255,255,.55)}
.subscribe-form button{padding:14px 28px;background:var(--accent);color:#fff;border:none;font-family:'DM Sans',sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}
.subscribe-form button:hover{background:#009090}
footer{background:#0c2040;color:rgba(255,255,255,.75);padding:44px 0 22px}
.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:28px;margin-bottom:36px}
.footer-logo{font-family:'DM Serif Display',serif;font-size:1.4rem;color:#fff;text-decoration:none}
.footer-tagline{font-size:.82rem;color:rgba(255,255,255,.5);margin-top:6px}
.footer-nav{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.footer-nav a{color:rgba(255,255,255,.65);text-decoration:none;font-size:.87rem;transition:color .2s}
.footer-nav a:hover{color:var(--accent)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px}
.footer-bottom p{font-size:.8rem;color:rgba(255,255,255,.42)}
.footer-disclaimer{margin-top:8px;font-size:.77rem;color:rgba(255,255,255,.32)}
.cookies-checkbox{display:none}
.cookies-banner{position:fixed;bottom:24px;right:24px;width:310px;max-width:calc(100vw - 32px);background:var(--primary);color:#fff;padding:20px;z-index:9999;border-left:4px solid var(--accent)}
.cookies-checkbox:checked~.cookies-banner{display:none}
.cookies-banner p{font-size:.83rem;line-height:1.6;margin-bottom:14px}
.cookies-actions{display:flex;gap:8px}
.cookies-actions label{padding:8px 16px;cursor:pointer;font-size:.82rem;font-weight:600;transition:background .2s;display:inline-block}
.cookie-accept{background:var(--accent);color:#fff}
.cookie-accept:hover{background:#009090}
.cookie-reject{background:transparent;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.3)}
.cookie-reject:hover{background:rgba(255,255,255,.1)}
.error-page{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px}
.error-code{font-family:'DM Serif Display',serif;font-size:clamp(5rem,15vw,9rem);color:var(--accent);line-height:1;margin-bottom:16px}
.error-page h2{margin:0 0 12px;font-size:1.5rem;color:var(--primary)}
.error-page p{color:#555;margin-bottom:28px;max-width:400px}
.btn-primary{padding:14px 32px;background:var(--primary);color:#fff;text-decoration:none;font-weight:600;transition:background .2s;font-size:1rem}
.btn-primary:hover{background:var(--accent)}/* Policy pages */
.policy-main{padding:52px 0}
.policy-content{max-width:780px}
.policy-intro{font-size:1.05rem;color:#444;line-height:1.85;padding:16px 20px;background:var(--bg-secondary);border-left:3px solid var(--accent);margin-bottom:36px}
.policy-content h1{font-family:'DM Serif Display',serif;font-size:clamp(1.75rem,4vw,2.5rem);color:var(--primary);margin-bottom:24px}
.policy-content h2{font-family:'DM Serif Display',serif;font-size:1.25rem;color:var(--primary);margin:32px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--accent)}
.policy-content p{margin-bottom:16px;color:#333;line-height:1.8}
.policy-content a{color:var(--accent);text-decoration:underline}
.policy-content a:hover{color:var(--primary)}
/* Success page */
.success-main{padding:80px 20px;min-height:60vh;display:flex;align-items:center;justify-content:center}
.success-content{max-width:560px;text-align:center}
.success-icon{width:72px;height:72px;border-radius:50%;background:var(--accent);color:#fff;font-size:2.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 28px}
.success-content h1{font-family:'DM Serif Display',serif;font-size:clamp(2rem,5vw,3rem);color:var(--primary);margin-bottom:16px}
.success-subtitle{font-size:1.05rem;color:#444;line-height:1.8;margin-bottom:12px}
.success-note{font-size:.88rem;color:#777;margin-bottom:36px}
.btn-back{background:var(--primary);color:#fff;padding:13px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s}
.btn-back:hover{background:var(--accent)}