/*
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&family=Mulish:wght@300;400;500;600;700&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
:root{
  --cp:#3d5a27;--ca:#7cb518;--cbg:#f7f9f3;--cbgs:#eef2e6;--ct:#1c2b0e;
  --ctm:#5a7040;--cw:#ffffff;--cb:#d8e6c0;--cdark:#1a2e09;
  --sh:0 2px 8px rgba(61,90,39,.08);--shh:0 6px 24px rgba(61,90,39,.14);
  --r:3px;--fh:'EB Garamond',Georgia,serif;--fb:'Mulish',system-ui,sans-serif;
  --tr:.25s ease;--mw:1180px
}
body{font-family:var(--fb);background:var(--cbg);color:var(--ct);line-height:1.7;font-size:1rem}
a{display:inline-block;text-align:center;color:var(--cp);text-decoration:none;transition:color var(--tr)}
a:hover{color:var(--ca)}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
h1,h2,h3,h4,h5{font-family:var(--fh);color:var(--cp);line-height:1.25}
p{margin-bottom:1rem}
.container{max-width:var(--mw);margin:0 auto;padding:0 1.25rem}

/* Buttons */
.btn{display:inline-block;text-align:center;padding:.75rem 1.85rem;border-radius:var(--r);font-family:var(--fb);font-size:.95rem;font-weight:600;cursor:pointer;transition:background var(--tr),color var(--tr),box-shadow var(--tr),transform var(--tr);border:2px solid transparent;letter-spacing:.02em}
.btn--primary{background:var(--cp);color:var(--cw);border-color:var(--cp)}
.btn--primary:hover{background:var(--ca);border-color:var(--ca);color:var(--cw);box-shadow:var(--shh);transform:translateY(-1px)}
.btn--outline{background:transparent;color:var(--cp);border-color:var(--cp)}
.btn--outline:hover{background:var(--cp);color:var(--cw);transform:translateY(-1px)}

/* Header */
.burger-checkbox{display:none}
.cookie-toggle{display:none}
.site-header{position:sticky;top:0;z-index:100;background:var(--cw);border-bottom:1px solid var(--cb);box-shadow:var(--sh)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:70px}
.header__logo{font-family:var(--fh);font-size:1.65rem;font-weight:700;color:var(--cp);letter-spacing:.02em;text-align:left}
.header__logo:hover{color:var(--ca)}
.header__nav{display:flex;gap:2rem;align-items:center}
.header__nav a{font-size:.95rem;font-weight:500;color:var(--ct);padding:.25rem 0;position:relative;text-align:left}
.header__nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--ca);transition:width var(--tr)}
.header__nav a:hover::after{width:100%}
.header__nav a:hover{color:var(--cp)}
.burger-btn{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.5rem;width:44px;height:44px;justify-content:center;align-items:center}
.burger-btn span{display:block;height:2px;width:22px;background:var(--cp);border-radius:2px;transition:transform var(--tr),opacity var(--tr)}
.burger-checkbox:checked~.site-header .burger-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger-checkbox:checked~.site-header .burger-btn span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger-checkbox:checked~.site-header .burger-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Hero */
.hero{background:var(--cbgs);padding:5rem 0}
.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.hero__badge{display:inline-block;background:var(--ca);color:var(--cw);font-size:.78rem;font-weight:700;padding:.3rem .9rem;border-radius:var(--r);text-transform:uppercase;letter-spacing:.07em;margin-bottom:1.25rem}
.hero__title{font-size:clamp(2.1rem,4.5vw,3.4rem);font-weight:700;color:var(--cp);margin-bottom:1.25rem;line-height:1.15}
.hero__lead{font-size:1.1rem;color:var(--ctm);margin-bottom:2rem;line-height:1.75}
.hero__img-wrap{border-radius:var(--r);overflow:hidden;box-shadow:var(--shh)}
.hero__img-wrap img{width:100%;height:440px;object-fit:cover}

/* Sections */
.section{padding:5rem 0}
.section--alt{background:var(--cbgs)}
.section-header{text-align:center;margin-bottom:2.75rem}
.section-title{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700;margin-bottom:.6rem}
.section-lead{color:var(--ctm);font-size:1rem;max-width:580px;margin:0 auto;display:block}

/* Cards */
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.card{background:var(--cw);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform var(--tr),box-shadow var(--tr)}
.card:hover{transform:translateY(-5px);box-shadow:var(--shh)}
.card__visual{height:190px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:3.5rem}
.card__visual--1{background:linear-gradient(135deg,#d4e8b8,#a8c870)}
.card__visual--2{background:linear-gradient(135deg,#b8d4e0,#7ab8d0)}
.card__visual--3{background:linear-gradient(135deg,#e8d4b8,#d0b870)}
.card__body{padding:1.5rem}
.card__badge{display:inline-block;background:var(--cbgs);color:var(--cp);font-size:.75rem;font-weight:700;padding:.2rem .65rem;border-radius:var(--r);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}
.card__title{font-size:1.15rem;font-weight:600;margin-bottom:.5rem;line-height:1.3}
.card__title a{color:var(--ct);display:block;text-align:left;transition:color var(--tr)}
.card__title a:hover{color:var(--cp)}
.card__meta{font-size:.8rem;color:var(--ctm);display:flex;gap:.85rem;flex-wrap:wrap}

/* About */
.about__inner{text-align:center;max-width:700px;margin:0 auto}
.about__avatar{width:110px;height:110px;border-radius:50%;background:var(--cp);color:var(--cw);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:2.2rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:var(--shh)}
.about__name{font-size:1.4rem;font-weight:700;margin-bottom:.3rem}
.about__role{color:var(--ctm);font-size:.9rem;margin-bottom:1.5rem}
.about__text{font-size:1.05rem;line-height:1.8;margin-bottom:2rem}
.about__stats{display:flex;justify-content:center;gap:3.5rem;flex-wrap:wrap}
.about__stat-num{font-family:var(--fh);font-size:2.5rem;font-weight:700;color:var(--ca);display:block}
.about__stat-label{font-size:.85rem;color:var(--ctm)}

/* Topics */
.topics__list{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center}
.topic-badge{background:var(--cbgs);color:var(--cp);border:1.5px solid var(--cb);padding:.65rem 1.5rem;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--tr),color var(--tr),border-color var(--tr),transform var(--tr);display:inline-block;text-align:center}
.topic-badge:hover{background:var(--cp);color:var(--cw);border-color:var(--cp);transform:translateY(-2px)}

/* Quote banner */
.quote-banner{background:var(--cp);padding:5.5rem 0}
.quote-banner__inner{text-align:center;max-width:760px;margin:0 auto;padding:0 1.25rem}
.quote-mark{font-family:var(--fh);font-size:6rem;color:var(--ca);line-height:.4;display:block;margin-bottom:.75rem;user-select:none}
.quote-text{font-family:var(--fh);font-size:clamp(1.4rem,3vw,2rem);color:var(--cw);font-style:italic;line-height:1.55;margin-bottom:1.25rem}
.quote-author{color:var(--ca);font-size:.9rem;font-weight:600;letter-spacing:.04em}

/* Subscribe */
.subscribe__inner{max-width:560px;margin:0 auto;text-align:center}
.subscribe__title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.75rem}
.subscribe__lead{color:var(--ctm);margin-bottom:2rem;font-size:1.05rem}
.subscribe__form{display:flex;flex-direction:column;gap:1rem}
.subscribe__row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.form-field{width:100%;padding:.85rem 1.1rem;border:1.5px solid var(--cb);border-radius:var(--r);font-family:var(--fb);font-size:.95rem;background:var(--cw);color:var(--ct);transition:border-color var(--tr),box-shadow var(--tr);outline:none}
.form-field:focus{border-color:var(--cp);box-shadow:0 0 0 3px rgba(61,90,39,.1)}
.form-field::placeholder{color:#aac08a}

/* Footer */
footer{background:var(--cdark);color:#d4e8b8;padding:4rem 0 2rem}
.footer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-bottom:3rem}
.footer__col h3{font-family:var(--fh);font-size:1.2rem;color:var(--cw);margin-bottom:1rem}
.footer__col ul li{margin-bottom:.5rem}
.footer__col ul li a{color:#a8c88a;font-size:.9rem;display:inline-block;text-align:left}
.footer__col ul li a:hover{color:var(--ca)}
.footer__col p{font-size:.9rem;line-height:1.65;color:#a8c88a}
.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.75rem;display:flex;flex-direction:column;align-items:center;gap:.85rem;text-align:center}
.footer__sitename{font-family:var(--fh);font-size:1.5rem;color:var(--cw);font-weight:700}
.footer__sitename:hover{color:var(--ca)}
.footer__copy{font-size:.85rem;color:#7a9a60}
.footer__links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}
.footer__links a{color:#a8c88a;font-size:.85rem}
.footer__links a:hover{color:var(--ca)}
.footer__disclaimer{font-size:.8rem;color:#7a9a60;max-width:700px;line-height:1.65;text-align:center}

/* Cookie modal */
.cookie-modal{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;background:var(--cw);border:1px solid var(--cb);border-radius:var(--r);padding:1.25rem;max-width:300px;box-shadow:var(--shh);animation:fadeInUp .4s ease}
.cookie-modal p{font-size:.875rem;color:var(--ct);margin-bottom:1rem;line-height:1.5}
.cookie-modal__title{font-family:var(--fh);font-size:1rem;font-weight:600;color:var(--cp);margin-bottom:.5rem}
.cookie-modal__btns{display:flex;gap:.65rem}
.cookie-modal__btns label{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem .75rem;border-radius:var(--r);font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--tr),color var(--tr);border:1.5px solid transparent}
.cookie-modal__btns label.accept{background:var(--cp);color:var(--cw);border-color:var(--cp)}
.cookie-modal__btns label.accept:hover{background:var(--ca);border-color:var(--ca)}
.cookie-modal__btns label.decline{color:var(--cp);border-color:var(--cb)}
.cookie-modal__btns label.decline:hover{background:var(--cbgs)}
.cookie-toggle:checked~.cookie-modal{display:none}

/* Article hero */
.article-hero{background:var(--cbgs);padding:4rem 0 0}
.article-hero__inner{max-width:900px;margin:0 auto;text-align:center;padding:0 1.25rem}
.article-hero__badge{display:inline-block;background:var(--ca);color:var(--cw);font-size:.78rem;font-weight:700;padding:.3rem .9rem;border-radius:var(--r);text-transform:uppercase;letter-spacing:.07em;margin-bottom:1rem}
.article-hero__title{font-size:clamp(1.85rem,4vw,3rem);font-weight:700;margin-bottom:1rem;line-height:1.2}
.article-hero__lead{font-size:1.1rem;color:var(--ctm);margin-bottom:1.5rem;line-height:1.7;max-width:720px;margin-left:auto;margin-right:auto}
.article-hero__meta{display:flex;justify-content:center;gap:1.5rem;font-size:.875rem;color:var(--ctm);flex-wrap:wrap;margin-bottom:2.5rem}
.article-hero__imgbg{width:100%;height:320px;display:flex;align-items:center;justify-content:center;font-size:5rem}
.article-hero__imgbg--1{background:linear-gradient(135deg,#d4e8b8,#a8c870)}
.article-hero__imgbg--2{background:linear-gradient(135deg,#b8d4e0,#7ab8d0)}
.article-hero__imgbg--3{background:linear-gradient(135deg,#e8d4b8,#d0b870)}

/* Breadcrumbs */
.breadcrumbs{background:var(--cw);border-bottom:1px solid var(--cb);padding:.85rem 0}
.breadcrumbs ol{display:flex;gap:.4rem;align-items:center;font-size:.85rem;color:var(--ctm);flex-wrap:wrap}
.breadcrumbs ol li+li::before{content:'›';margin-right:.4rem;color:var(--ctm)}
.breadcrumbs ol a{color:var(--ctm);display:inline;text-align:left}
.breadcrumbs ol a:hover{color:var(--cp)}

/* Article meta */
.article-meta{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--cb);flex-wrap:wrap}
.article-meta__avatar{width:48px;height:48px;border-radius:50%;background:var(--cp);color:var(--cw);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:1.1rem;font-weight:700;flex-shrink:0}
.article-meta__name{font-weight:700;font-size:.95rem;color:var(--ct)}
.article-meta__role{font-size:.8rem;color:var(--ctm)}
.article-meta__details{display:flex;gap:1.25rem;font-size:.8rem;color:var(--ctm);margin-left:auto;flex-wrap:wrap}

/* Article content */
.article-wrap{max-width:800px;margin:0 auto;padding:2.5rem 1.25rem}
.article-body h2{font-size:clamp(1.35rem,2.5vw,1.85rem);margin:2.75rem 0 1rem;color:var(--cp)}
.article-body p{font-size:1.05rem;line-height:1.85;margin-bottom:1.3rem;color:var(--ct)}
.article-body a{display:inline;text-align:left;color:var(--cp);text-decoration:underline}

/* Pull quote */
.pull-quote{border-left:4px solid var(--ca);padding:1.25rem 1.75rem;margin:2.25rem 0;background:var(--cbgs);border-radius:0 var(--r) var(--r) 0}
.pull-quote p{font-family:var(--fh);font-size:1.25rem;font-style:italic;color:var(--cp);margin:0;line-height:1.6}

/* Facts block */
.facts-block{background:var(--cp);border-radius:var(--r);padding:2.5rem;margin:2.5rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center}
.facts-block__num{font-family:var(--fh);font-size:2.75rem;font-weight:700;color:var(--ca);display:block;line-height:1}
.facts-block__label{font-size:.875rem;color:#d4e8b8;margin-top:.5rem;display:block;line-height:1.4}

/* Infographic */
.infographic{display:flex;align-items:stretch;margin:2.5rem 0;border-radius:var(--r);overflow:hidden;border:1.5px solid var(--cb)}
.infographic__step{flex:1;padding:1.75rem 1.25rem;text-align:center;background:var(--cbgs)}
.infographic__step:nth-child(3){background:var(--cw)}
.infographic__icon{font-size:2rem;display:block;margin-bottom:.75rem}
.infographic__step h4{font-family:var(--fh);font-size:.95rem;color:var(--cp);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.06em}
.infographic__step p{font-size:.875rem;color:var(--ctm);margin:0;line-height:1.55}
.infographic__arrow{display:flex;align-items:center;justify-content:center;padding:0 .75rem;font-size:1.5rem;color:var(--ca);font-weight:700;flex-shrink:0;background:var(--cw);border-left:1.5px solid var(--cb);border-right:1.5px solid var(--cb)}

/* Article disclaimer */
.article-disclaimer{background:var(--cbgs);border:1px solid var(--cb);border-radius:var(--r);padding:1.25rem 1.5rem;margin:2.5rem 0;font-size:.875rem;color:var(--ctm);line-height:1.65}

/* Tags */
.article-tags{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding:1.75rem 0;border-top:1px solid var(--cb)}
.tag{background:var(--cbgs);color:var(--cp);padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid var(--cb);transition:background var(--tr),color var(--tr);cursor:pointer}
.tag:hover{background:var(--cp);color:var(--cw)}
.share-btns{display:flex;gap:.5rem;margin-left:auto}
.share-btn{background:var(--cbgs);border:1px solid var(--cb);border-radius:var(--r);padding:.35rem .85rem;font-size:.8rem;font-weight:600;color:var(--cp);cursor:pointer;transition:background var(--tr),color var(--tr)}
.share-btn:hover{background:var(--cp);color:var(--cw)}

/* Related */
.related{padding:4rem 0}
.related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}

/* Policy */
.policy-hero{background:var(--cbgs);padding:4rem 0;text-align:center}
.policy-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:.75rem}
.policy-hero p{color:var(--ctm);font-size:1rem}
.policy-content{max-width:820px;margin:0 auto;padding:3rem 1.25rem 5rem}
.policy-content h2{font-size:1.35rem;margin:2.25rem 0 .75rem;color:var(--cp)}
.policy-content p{font-size:1rem;line-height:1.8;margin-bottom:1rem}
.policy-content ul{list-style:disc;padding-left:1.5rem;margin-bottom:1rem}
.policy-content ul li{font-size:1rem;line-height:1.8;margin-bottom:.4rem}

/* Success */
.success-section{min-height:65vh;display:flex;align-items:center;justify-content:center;padding:5rem 1.25rem;text-align:center}
.success-inner{max-width:520px}
.success-icon{font-size:4.5rem;display:block;margin-bottom:1.5rem}
.success-inner h1{font-size:clamp(1.8rem,4vw,2.75rem);margin-bottom:1rem}
.success-inner p{color:var(--ctm);font-size:1.05rem;margin-bottom:2rem;line-height:1.75}

/* 404 */
.page-404{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 1.25rem}
.page-404__inner{max-width:520px}
.page-404__num{font-family:var(--fh);font-size:9rem;font-weight:700;color:var(--ca);line-height:1;display:block}
.page-404 h1{font-size:2rem;margin-bottom:1rem;color:var(--cp)}
.page-404 p{color:var(--ctm);margin-bottom:2rem;font-size:1.05rem}
.page-404__leaf{font-size:3rem;display:block;margin-bottom:1.25rem}
.page-404__deco{font-family:var(--fh);font-size:1.1rem;font-style:italic;color:var(--ctm);margin-bottom:2rem}

/* Animations */
@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.fade-in{animation:fadeInUp .55s ease both}

/* Responsive */
@media(max-width:960px){
  .hero__inner{grid-template-columns:1fr;gap:2rem}
  .hero__img-wrap{display:none}
  .articles-grid{grid-template-columns:repeat(2,1fr)}
  .related__grid{grid-template-columns:repeat(2,1fr)}
  .footer__grid{grid-template-columns:repeat(2,1fr)}
  .facts-block{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .header__nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--cw);padding:1.25rem 1.5rem;border-bottom:1px solid var(--cb);box-shadow:0 4px 12px rgba(0,0,0,.08);flex-direction:column;gap:.75rem;z-index:99}
  .burger-btn{display:flex}
  .burger-checkbox:checked~.site-header .header__nav{display:flex}
  .articles-grid,.related__grid,.footer__grid{grid-template-columns:1fr}
  .subscribe__row{grid-template-columns:1fr}
  .facts-block{grid-template-columns:1fr}
  .infographic{flex-direction:column}
  .infographic__arrow{transform:rotate(90deg);padding:.5rem 0;border:none;border-top:1.5px solid var(--cb);border-bottom:1.5px solid var(--cb)}
  .article-meta{flex-direction:column;align-items:flex-start}
  .article-meta__details{margin-left:0}
  .hero,.section,.quote-banner{padding:3rem 0}
  .article-tags{flex-direction:column;align-items:flex-start}
  .share-btns{margin-left:0}
  .cookie-modal{left:1rem;right:1rem;max-width:none;bottom:1rem}
}