/* =========================================================
   CEVUDU SADEDI — Editorial Modern Design System
   ========================================================= */


:root{
  --color-ink: #1E2318;
  --color-ink-soft: #4A5142;
  --color-paper: #F6F3EA;
  --color-paper-alt: #EFEAD C;
  --color-surface: #FFFDF7;
  --color-surface-alt: #F1ECE0;
  --color-primary: #2B4A3A;
  --color-primary-dark: #17281F;
  --color-primary-light: #3F6B54;
  --color-accent: #C1702F;
  --color-accent-dark: #9C5722;
  --color-accent-light: #E7A968;
  --color-border: #DED6C3;
  --color-white: #FFFDF9;

  --shadow-sm: 0 1px 2px rgba(30,35,24,0.06), 0 1px 1px rgba(30,35,24,0.04);
  --shadow-md: 0 6px 16px rgba(30,35,24,0.08), 0 2px 6px rgba(30,35,24,0.06);
  --shadow-lg: 0 20px 40px rgba(30,35,24,0.12), 0 8px 16px rgba(30,35,24,0.08);
  --shadow-inset: inset 0 0 0 1px var(--color-border);

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --space-1: 0.4rem;
  --space-2: 0.8rem;
  --space-3: 1.2rem;
  --space-4: 1.6rem;
  --space-5: 2.4rem;
  --space-6: 3.2rem;
  --space-7: 4.8rem;
  --space-8: 6.4rem;

  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;

  --transition-fast: 0.18s cubic-bezier(.4,0,.2,1);
  --transition-med: 0.32s cubic-bezier(.4,0,.2,1);
}


*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-body);
  color:var(--color-ink);
  background:var(--color-paper);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
button{font:inherit;border:none;background:none;cursor:pointer;}
input,textarea{font:inherit;}


.text-display{
  font-family:var(--font-display);
  font-weight:700;
  line-height:1.05;
  letter-spacing:-0.02em;
  font-size:clamp(2.4rem, 5vw + 1rem, 5rem);
  color:var(--color-primary-dark);
}
.text-heading{
  font-family:var(--font-display);
  font-weight:600;
  line-height:1.2;
  letter-spacing:-0.01em;
  font-size:clamp(1.6rem, 2vw + 1rem, 2.4rem);
  color:var(--color-primary-dark);
  margin-bottom:var(--space-4);
}
.text-body{
  font-family:var(--font-body);
  font-size:1.05rem;
  line-height:1.75;
  color:var(--color-ink-soft);
  margin-bottom:var(--space-3);
}
.text-caption{
  font-family:var(--font-body);
  font-size:0.82rem;
  letter-spacing:0.06em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--color-accent-dark);
}


.space-section{
  padding:var(--space-7) clamp(1.2rem, 4vw, 3.5rem);
  max-width:1360px;
  margin:0 auto;
}
.space-card{padding:var(--space-4);}
.surface{background:var(--color-paper);}
.surface-raised{
  background:var(--color-surface);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-md);
  border:1px solid var(--color-border);
}
.surface-inset{
  background:var(--color-surface-alt);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-inset);
  padding:var(--space-4);
}

.layout-grid{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:var(--space-6);
  align-items:start;
}
.content-column{display:flex;flex-direction:column;gap:var(--space-7);}


.action-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  background:var(--color-accent);
  color:var(--color-white);
  padding:0.9rem 1.8rem;
  border-radius:var(--radius-pill);
  font-weight:600;
  font-size:0.98rem;
  box-shadow:var(--shadow-sm);
  transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
  min-height:44px;
}
.action-primary:hover{
  background:var(--color-accent-dark);
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
}
.action-primary:active{transform:translateY(0px) scale(0.98);}

.action-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  background:transparent;
  color:var(--color-primary-dark);
  padding:0.85rem 1.7rem;
  border-radius:var(--radius-pill);
  font-weight:600;
  font-size:0.98rem;
  border:1.5px solid var(--color-border);
  transition:border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
  min-height:44px;
}
.action-ghost:hover{
  border-color:var(--color-primary);
  color:var(--color-primary);
  transform:translateY(-2px);
}


.site-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:200;
  background:transparent;
  transition:background var(--transition-med), box-shadow var(--transition-med);
}
.site-header.is-scrolled{
  background:rgba(246,243,234,0.92);
  backdrop-filter:blur(10px);
  box-shadow:var(--shadow-sm);
}
.site-header__inner{
  max-width:1360px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:var(--space-3) clamp(1.2rem, 4vw, 3.5rem);
}
.brand{display:flex;align-items:center;gap:var(--space-2);}
.brand__name{
  font-family:var(--font-display);
  font-weight:700;
  font-size:1.15rem;
  color:var(--color-primary-dark);
}
.site-nav__list{display:flex;gap:var(--space-5);}
.nav-link{
  font-weight:500;
  font-size:0.95rem;
  color:var(--color-primary-dark);
  position:relative;
  padding:0.4rem 0;
  transition:color var(--transition-fast);
}
.nav-link::after{
  content:'';
  position:absolute;
  left:0;bottom:0;
  width:0;height:2px;
  background:var(--color-accent);
  transition:width var(--transition-fast);
}
.nav-link:hover::after, .nav-link.is-active::after{width:100%;}
.nav-link.is-active{color:var(--color-accent-dark);}

.menu-toggle{
  display:none;
  flex-direction:column;
  gap:5px;
  width:44px;height:44px;
  align-items:center;
  justify-content:center;
}
.menu-toggle span{
  width:22px;height:2px;background:var(--color-primary-dark);
  transition:transform var(--transition-fast), opacity var(--transition-fast);
}


.mobile-panel{
  position:fixed;
  top:0;right:0;
  width:min(360px, 86vw);
  height:100vh;
  background:var(--color-primary-dark);
  color:var(--color-white);
  z-index:400;
  transform:translateX(100%);
  transition:transform var(--transition-med);
  display:flex;
  flex-direction:column;
  padding:var(--space-5);
}
.mobile-panel.is-open{transform:translateX(0);}
.mobile-panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);}
.mobile-panel__head .brand__name{color:var(--color-white);}
.mobile-panel__close{color:var(--color-white);font-size:1.4rem;width:44px;height:44px;}
.mobile-panel__list{display:flex;flex-direction:column;gap:var(--space-4);}
.mobile-panel__list a{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--color-white);}
.mobile-panel__footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);}
.mobile-panel__footer a{color:var(--color-accent-light);font-size:0.95rem;}
.mobile-overlay{
  position:fixed;inset:0;background:rgba(23,40,31,0.5);
  z-index:350;opacity:0;visibility:hidden;
  transition:opacity var(--transition-med);
}
.mobile-overlay.is-open{opacity:1;visibility:visible;}
body.no-scroll{overflow:hidden;}


.hero{
  position:relative;
  padding-top:calc(var(--space-8) + 3rem);
  overflow:hidden;
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  align-items:center;
  min-height:92vh;
  background:linear-gradient(160deg, var(--color-paper) 0%, var(--color-surface-alt) 100%);
}
.hero__number{
  position:absolute;
  right:-2rem;
  top:5rem;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(8rem, 22vw, 22rem);
  color:var(--color-primary);
  opacity:0.06;
  line-height:1;
  z-index:0;
  pointer-events:none;
}
.hero__inner{position:relative;z-index:1;padding-right:var(--space-4);}
.hero__eyebrow{margin-bottom:var(--space-3);display:inline-block;}
.hero__title{margin-bottom:var(--space-4);}
.hero__lead{max-width:44ch;font-size:1.15rem;}
.hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3);}
.hero__image{
  width:100%;height:100%;
  min-height:420px;
  object-fit:cover;
  border-radius:var(--radius-lg) 0 0 var(--radius-lg);
  box-shadow:var(--shadow-lg);
}


.sidebar{
  position:sticky;
  top:110px;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}
.sidebar__label{margin-bottom:var(--space-1);}
.sidebar__note{font-size:0.95rem;}
.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0;}
.sidebar__link{
  display:flex;align-items:center;gap:var(--space-2);
  font-size:0.92rem;font-weight:500;color:var(--color-ink);
  padding:0.5rem 0.2rem;
  border-bottom:1px solid var(--color-border);
  transition:color var(--transition-fast), padding-left var(--transition-fast);
}
.sidebar__link i{color:var(--color-accent);width:16px;}
.sidebar__link:hover{color:var(--color-accent-dark);padding-left:0.4rem;}
.sidebar__card{
  background:var(--color-surface);
  border-radius:var(--radius-sm);
  padding:var(--space-3);
  border:1px solid var(--color-border);
}
.sidebar__cta{margin-top:var(--space-2);width:100%;}
.sidebar__contact{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--color-border);}
.sidebar__contact a{font-size:0.9rem;display:flex;align-items:center;gap:var(--space-1);color:var(--color-ink);}
.sidebar__contact a:hover{color:var(--color-accent-dark);}


.intro-block{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:var(--space-6);
  align-items:center;
}
.intro-block__image{
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  aspect-ratio:4/3;
  object-fit:cover;
}
.split-section{
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:var(--space-6);
  align-items:center;
}
.split-section--reverse{grid-template-columns:1.1fr 0.9fr;}
.split-section--reverse .split-section__image{order:1;}
.split-section--reverse .split-section__text{order:2;}
.split-section__image{
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  aspect-ratio:4/3;
  object-fit:cover;
}


.feature-section__lead{max-width:70ch;}
.feature-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:var(--space-4);
  margin-top:var(--space-5);
}
.feature-card{
  transition:transform var(--transition-med), box-shadow var(--transition-med);
  cursor:default;
}
.feature-card:hover{
  transform:translateY(-8px) scale(1.02);
  box-shadow:var(--shadow-lg);
}
.feature-card__icon{
  width:52px;height:52px;
  border-radius:var(--radius-sm);
  background:var(--color-primary);
  color:var(--color-white);
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;
  margin-bottom:var(--space-3);
}
.feature-card__title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin-bottom:var(--space-2);color:var(--color-primary-dark);}


.pull-quote-section{display:flex;justify-content:center;}
.pull-quote{
  max-width:820px;
  text-align:center;
  padding:var(--space-6);
}
.pull-quote p{
  font-family:var(--font-display);
  font-size:clamp(1.4rem, 2vw + 1rem, 2rem);
  font-weight:600;
  color:var(--color-primary-dark);
  line-height:1.4;
}


.glossary-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);}
.glossary-chip{
  display:inline-block;
  padding:0.6rem 1.2rem;
  border-radius:var(--radius-pill);
  background:var(--color-surface-alt);
  border:1px solid var(--color-border);
  font-size:0.88rem;
  font-weight:500;
  cursor:help;
  transition:background var(--transition-fast), border-color var(--transition-fast);
}
.glossary-chip:hover{background:var(--color-accent-light);border-color:var(--color-accent);}


.faq-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);}
.faq-item{overflow:hidden;transition:box-shadow var(--transition-med);}
.faq-item__question{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:var(--space-4);
  font-family:var(--font-display);
  font-weight:600;
  font-size:1.02rem;
  color:var(--color-primary-dark);
  text-align:left;
}
.faq-item__question i{transition:transform var(--transition-med);color:var(--color-accent);}
.faq-item.is-open .faq-item__question i{transform:rotate(45deg);}
.faq-item__answer{
  max-height:0;
  overflow:hidden;
  transition:max-height var(--transition-med), padding var(--transition-med);
  padding:0 var(--space-4);
}
.faq-item.is-open .faq-item__answer{max-height:400px;padding:0 var(--space-4) var(--space-4);}


.cta-band__inner{
  text-align:center;
  padding:var(--space-6);
}
.cta-band__actions{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3);}


.site-footer{
  background:var(--color-primary-dark);
  color:var(--color-surface-alt);
  margin-top:var(--space-8);
}
.site-footer__grid{
  display:grid;
  grid-template-columns:1.4fr 0.8fr 0.8fr 1.1fr 1.1fr;
  gap:var(--space-5);
  padding-top:var(--space-7);
  padding-bottom:var(--space-6);
}
.footer-col__title{
  font-family:var(--font-display);
  font-size:1rem;
  margin-bottom:var(--space-3);
  color:var(--color-white);
}
.footer-col ul{display:flex;flex-direction:column;gap:var(--space-2);}
.footer-col a{font-size:0.9rem;color:var(--color-surface-alt);opacity:0.85;transition:opacity var(--transition-fast), color var(--transition-fast);}
.footer-col a:hover{opacity:1;color:var(--color-accent-light);}
.footer-col--brand .brand__name{color:var(--color-white);}
.footer-col--brand p{margin-top:var(--space-2);font-size:0.85rem;line-height:1.6;opacity:0.8;}
.footer-latest li a{font-size:0.88rem;line-height:1.4;}
.footer-contact li{font-size:0.88rem;display:flex;gap:0.4rem;align-items:flex-start;opacity:0.85;}
.site-footer__bottom{
  border-top:1px solid rgba(255,255,255,0.12);
  padding:var(--space-3) clamp(1.2rem,4vw,3.5rem);
  max-width:1360px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:var(--space-2);
  font-size:0.82rem;
  opacity:0.7;
}
.site-footer__bottom a{opacity:1;}


.cookie-bell{
  position:fixed;
  bottom:1.6rem;right:1.6rem;
  width:56px;height:56px;
  border-radius:50%;
  background:var(--color-primary-dark);
  color:var(--color-white);
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;
  box-shadow:var(--shadow-lg);
  cursor:pointer;
  z-index:500;
  transition:transform var(--transition-fast);
}
.cookie-bell:hover{transform:scale(1.08);}
.cookie-bell__badge{
  position:absolute;top:-2px;right:-2px;
  width:14px;height:14px;
  border-radius:50%;
  background:var(--color-accent);
  border:2px solid var(--color-paper);
  display:none;
}
.cookie-bell__badge.is-visible{display:block;}

.cookie-panel{
  position:fixed;
  bottom:0;left:0;right:0;
  background:var(--color-surface);
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  box-shadow:var(--shadow-lg);
  padding:var(--space-5);
  max-width:560px;
  margin:0 auto;
  transform:translateY(120%);
  transition:transform var(--transition-med);
  z-index:600;
  max-height:80vh;
  overflow-y:auto;
}
.cookie-panel.is-open{transform:translateY(0);}
.cookie-panel__head h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:var(--space-2);color:var(--color-primary-dark);}
.cookie-panel__list{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0;}
.cookie-toggle{
  display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);
  padding-bottom:var(--space-2);
  border-bottom:1px solid var(--color-border);
}
.cookie-toggle input{width:22px;height:22px;accent-color:var(--color-accent);}
.cookie-panel__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;}
.cookie-panel__actions button{flex:1;min-width:130px;}
.cookie-panel__link{display:block;text-align:center;margin-top:var(--space-3);font-size:0.85rem;text-decoration:underline;color:var(--color-ink-soft);}
.cookie-overlay{
  position:fixed;inset:0;background:rgba(23,40,31,0.4);
  z-index:550;opacity:0;visibility:hidden;
  transition:opacity var(--transition-med);
}
.cookie-overlay.is-open{opacity:1;visibility:visible;}


.page-hero{
  position:relative;
  padding-top:calc(var(--space-8) + 2rem);
  overflow:hidden;
  background:linear-gradient(160deg, var(--color-paper) 0%, var(--color-surface-alt) 100%);
}
.page-hero__number{
  position:absolute;
  right:0;top:2rem;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(6rem, 16vw, 16rem);
  color:var(--color-primary);
  opacity:0.06;
  z-index:0;
}
.page-hero__inner{position:relative;z-index:1;}
.page-hero__lead{max-width:60ch;font-size:1.1rem;margin-top:var(--space-3);}


.criteria-section{max-width:80ch;}
.criteria-section--alt{
  max-width:none;
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:var(--space-6);
  align-items:center;
}
.criteria-section__image{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);aspect-ratio:4/3;object-fit:cover;}


.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-3);}
.category-block--image{display:grid;grid-template-columns:0.8fr 1.2fr;gap:var(--space-6);align-items:center;}
.category-block__image{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);aspect-ratio:4/3;object-fit:cover;}


.size-guide-wrap{display:flex;flex-direction:column;gap:var(--space-6);}
.disclaimer-box{display:flex;gap:var(--space-3);align-items:flex-start;}
.disclaimer-box i{color:var(--color-accent);font-size:1.4rem;margin-top:0.2rem;}
.size-band{
  display:grid;
  grid-template-columns:0.7fr 1.3fr;
  gap:var(--space-6);
  padding:var(--space-5);
  border-radius:var(--radius-lg);
  background:var(--color-surface);
  border:1px solid var(--color-border);
  box-shadow:var(--shadow-sm);
}
.size-band--alt{background:var(--color-surface-alt);}
.size-band__label{position:sticky;top:110px;align-self:start;}
.size-band__image{margin-top:var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md);aspect-ratio:16/9;object-fit:cover;}


.contact-form-section{display:flex;justify-content:center;}
.contact-form{
  max-width:640px;
  width:100%;
  padding:var(--space-6);
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}
.form-field{display:flex;flex-direction:column;gap:0.4rem;}
.form-field label{font-weight:600;font-size:0.92rem;color:var(--color-primary-dark);}
.form-field input, .form-field textarea{
  padding:0.9rem 1rem;
  border-radius:var(--radius-sm);
  border:1.5px solid var(--color-border);
  background:var(--color-paper);
  transition:border-color var(--transition-fast), box-shadow var(--transition-fast);
  min-height:44px;
}
.form-field textarea{min-height:140px;resize:vertical;}
.form-field input:focus, .form-field textarea:focus{
  outline:none;
  border-color:var(--color-accent);
  box-shadow:0 0 0 4px rgba(193,112,47,0.15);
}
.form-field.is-invalid input, .form-field.is-invalid textarea{border-color:#B3452F;}
.form-field--checkbox{flex-direction:row;align-items:flex-start;}
.checkbox-label{display:flex;gap:var(--space-2);align-items:flex-start;font-size:0.9rem;cursor:pointer;}
.checkbox-label input{width:22px;height:22px;margin-top:2px;accent-color:var(--color-accent);}
.checkbox-label a{text-decoration:underline;}
.contact-form__submit{margin-top:var(--space-2);width:100%;}

.timeline-section__title{text-align:center;}
.timeline{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:var(--space-4);
  margin-top:var(--space-5);
}
.timeline__item{
  position:relative;
  padding:var(--space-4);
  background:var(--color-surface);
  border-radius:var(--radius-md);
  border:1px solid var(--color-border);
  box-shadow:var(--shadow-sm);
}
.timeline__marker{
  display:inline-flex;
  width:36px;height:36px;
  align-items:center;justify-content:center;
  background:var(--color-accent);
  color:var(--color-white);
  border-radius:50%;
  font-family:var(--font-display);
  font-weight:700;
  margin-bottom:var(--space-2);
}
.timeline__item h3{font-family:var(--font-display);font-size:1.05rem;margin-bottom:var(--space-2);color:var(--color-primary-dark);}

.map-section{display:flex;flex-direction:column;gap:var(--space-5);}
.map-wrap{overflow:hidden;padding:0;}
.map-wrap iframe{display:block;}
.map-section__image{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);aspect-ratio:21/9;object-fit:cover;}


.thanks-section{display:flex;justify-content:center;min-height:70vh;align-items:center;padding-top:calc(var(--space-8) + 3rem);}
.thanks-card{max-width:560px;text-align:center;padding:var(--space-7);}
.thanks-card__icon{font-size:3rem;color:var(--color-accent);margin-bottom:var(--space-3);}
.thanks-card__countdown{font-weight:600;color:var(--color-primary-dark);}


.legal-hero{padding-top:calc(var(--space-8) + 2rem);padding-bottom:var(--space-3);}
.legal-hero .text-caption{margin-top:var(--space-2);display:block;}
.legal-content{max-width:840px;}
.legal-content h2{
  font-family:var(--font-display);
  font-size:1.3rem;
  margin-top:var(--space-6);
  margin-bottom:var(--space-3);
  color:var(--color-primary-dark);
}
.legal-content h2:first-child{margin-top:0;}
.legal-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);}
.legal-list li{
  position:relative;
  padding-left:1.3rem;
  font-size:0.98rem;
  color:var(--color-ink-soft);
  line-height:1.6;
}
.legal-list li::before{
  content:'';
  position:absolute;left:0;top:0.55em;
  width:6px;height:6px;
  border-radius:50%;
  background:var(--color-accent);
}
.legal-content--clauses .legal-clause{margin-bottom:var(--space-4);font-size:0.98rem;color:var(--color-ink-soft);line-height:1.7;}
.legal-content--clauses .legal-clause strong{color:var(--color-primary-dark);}
.legal-content--paragraphs p{margin-bottom:var(--space-4);}
.cookie-table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;}
.cookie-table th, .cookie-table td{
  border:1px solid var(--color-border);
  padding:var(--space-2) var(--space-3);
  text-align:left;
  font-size:0.9rem;
}
.cookie-table th{background:var(--color-surface-alt);font-family:var(--font-display);color:var(--color-primary-dark);}


.tippy-box[data-theme~='custom']{
  background:var(--color-primary-dark);
  color:var(--color-white);
  font-size:0.85rem;
  border-radius:var(--radius-sm);
  padding:2px;
  box-shadow:var(--shadow-md);
}
.tippy-box[data-theme~='custom'] .tippy-arrow{color:var(--color-primary-dark);}


@media (max-width: 1080px){
  .layout-grid{grid-template-columns:1fr;}
  .sidebar{position:static;order:2;}
  .feature-grid{grid-template-columns:repeat(2,1fr);}
  .hero{grid-template-columns:1fr;min-height:auto;}
  .hero__image{order:-1;min-height:320px;border-radius:var(--radius-lg);}
  .hero__number{font-size:clamp(6rem,30vw,12rem);top:2rem;right:-1rem;}
  .intro-block, .split-section, .split-section--reverse, .criteria-section--alt, .category-block--image, .size-band{
    grid-template-columns:1fr;
  }
  .split-section--reverse .split-section__image, .split-section--reverse .split-section__text{order:0;}
  .timeline{grid-template-columns:repeat(2,1fr);}
  .resource-grid{grid-template-columns:1fr;}
  .site-footer__grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width: 720px){
  .site-nav, .menu-toggle{display:none;}
  .menu-toggle{display:flex;}
  .site-nav{display:none;}
  .feature-grid{grid-template-columns:1fr;}
  .timeline{grid-template-columns:1fr;}
  .site-footer__grid{grid-template-columns:1fr;}
  .cta-band__actions{flex-direction:column;}
  .cookie-panel{max-width:100%;border-radius:var(--radius-md) var(--radius-md) 0 0;}
  .size-band__label{position:static;}
}

@media (min-width: 721px){
  .menu-toggle{display:none;}
}