:root{
  --green-900:#00381a;
  --green-800:#005324;
  --green-700:#007a34;
  --gold-500:#d5b555;
  --gold-400:#f7d875;
  --ink:#22302a;
  --muted:#547763;
  --line:rgba(0,83,36,0.14);

  --radius-md:1rem;
  --radius-lg:1.5rem;
  --radius-pill:999px;

  --shadow-1:0 1px 3px rgba(0,0,0,0.08);
  --shadow-2:0 10px 24px rgba(0,40,20,0.10);
  --shadow-3:0 18px 40px rgba(0,40,20,0.16);

  --container:1080px;
  --measure:700px; 
}


p{ max-width:var(--measure); }

.wrap{ max-width:var(--container); margin:0 auto; padding:0 20px; }
.wrap > .checklist {margin-top: 3%;}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  font-family:'Inter',sans-serif; font-weight:700; font-size:0.9rem;
  padding:12px 24px; border-radius:var(--radius-pill); text-decoration:none; cursor:pointer;
  border:1px solid transparent; transition:transform .2s ease, box-shadow .2s ease;
  box-shadow:var(--shadow-1);margin-top: 1em; cursor: pointer;
}
.btn:hover{ transform:translateY(-2px); }
.btn--primary{ background:var(--green-800); color:#fff; }
.btn--primary:hover{ box-shadow:var(--shadow-2); }
.btn--secondary{ background:#fff; color:var(--green-800); border-color:var(--line); }
.btn--gold{ background:linear-gradient(135deg,var(--gold-400),var(--gold-500)); color:var(--green-900); }
.btn--on-dark{ background:rgba(255,255,255,0.08); color:#fff; border-color:rgba(255,255,255,0.25); }


.pill{
  display:inline-flex; align-items:center; gap:5px; font-size:0.75rem; font-weight:500;
  padding:3px 8px; border-radius:var(--radius-pill); border:1px solid transparent; line-height:1.3;
}
.pill--green{ color:var(--green-800); background:rgba(0,83,36,0.08); border-color:var(--line); }
.pill--gold{ color:#8a712f; background:rgba(213,181,85,0.14); border-color:rgba(213,181,85,0.35); }
.pill--on-dark{ color:#f2fff7; background:rgba(255,255,255,0.14); border-color:rgba(255,255,255,0.4); svg {color: var(--gold-400); stroke-width: 1.5;} }
.pill svg{ width:14px; height:14px; stroke:currentColor; fill:none; }

.icon-badge{
  display:inline-flex; align-items:center; justify-content:center; border-radius:var(--radius-md);
  background:#ffffff70; border:1px solid var(--line); color:var(--green-800); flex-shrink:0;
}
.icon-badge svg{ width:70%; height:70%; stroke:currentColor; fill:none; stroke-width:1.1; }
.icon-badge--filled svg{ fill:currentColor; stroke:none; }
.icon-badge--sm{ width:30px; height:30px; }
.icon-badge--md{ width:44px; height:44px; }
.icon-badge--lg{ width:50px; height:50px; }


.card{
  background:#fff; border-radius:var(--radius-lg); border:1px solid #eef1ef;
  box-shadow:var(--shadow-2); padding:1.75rem; transition:transform .25s ease, box-shadow .25s ease;display:flex; flex-direction:column; height:100%; gap:0.45rem;
}
.card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-3); }
.card--tint{ background:rgba(0,83,36,0.045); border-color:var(--line); box-shadow:none; }
.card--tint:hover{ box-shadow:var(--shadow-1); }
.card h3{ font-family:'Barlow',sans-serif; color:var(--green-700); margin:0.3em 0 0.4em; font-size:1.15rem; padding: 0;}
.card p{ color:var(--muted); font-size:0.92rem; line-height:1.5; margin:0; }
.card img{ max-width:100%; height:auto; display:block; border-radius:var(--radius-md); margin-bottom:0.4rem; }
.card--small {padding: 1.3rem;}

.page-section--tint-green .card h2,
.page-section--tint-green .card h3{ color:var(--green-700); }
.page-section--tint-green .card p{ color:var(--muted); }
.page-section--tint-green .card strong{ color:var(--green-800); }

.page-section--tint-green .card--tint{
  background:#fff;
  border-color:var(--line);
  box-shadow:var(--shadow-2);
}
.page-section--tint-green .card--tint:hover{
  box-shadow:var(--shadow-3);
}


.checklist{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.4rem; }
.checklist li{ position:relative; padding-left:26px; font-size:0.92rem; color:var(--ink); line-height:1.4; }
.checklist li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:0;
  color:var(--green-700);
  font-weight:bold;
  font-size:1.1rem;
}
.checklist li .checklist li::before{
  content:'-';
  color:var(--muted);
  font-weight:400;
}

section{ padding:3.2rem 0; }
.section--tint{ background:rgba(0,83,36,0.045); }
.eyebrow{
  display:inline-block; font-family:'Barlow',sans-serif; font-weight:700; font-size:0.75rem;
  letter-spacing:0.08em; text-transform:uppercase; color:var(--gold-500); margin-bottom:0.5rem;
}
h2{
  font-family:'Montserrat',sans-serif;
  color:var(--green-900);
  font-size:clamp(1.3rem,1.05rem + 1vw,2rem);
  font-weight:700;
  text-transform:none;
  letter-spacing:normal;
  text-decoration:none;
  text-align:left;
  max-width:none;
  padding:0;
  margin:0 0 1.4rem;
  text-wrap: pretty;
}
.lede{ color:var(--muted); font-size:1.02rem; line-height:1.6; max-width:640px; margin:0 0 1.5rem; }
.split{ display:grid; grid-template-columns:1.15fr 0.85fr; gap:2.4rem; align-items:start;}

.page-section--tint-green .split h3{ margin:0 0 1.5rem; }
.page-section--tint-green .split .lede{ margin:0 0 1.0rem; }
.wrap + .wrap{ margin-top:2.5rem; }
@media (max-width:820px){ .split{ grid-template-columns:1fr; gap: 0.5rem} }
.split-align{ margin-top:2.3rem; }
@media (max-width:820px){ .split-align{ margin-top:0; } }
.card-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.25rem; align-items:stretch; }
.card-grid--4{ grid-template-columns:repeat(4,1fr); }
@media (max-width:900px){ .card-grid--4{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .card-grid--4{ grid-template-columns:1fr; } }
.card-grid--2{ grid-template-columns:repeat(2,1fr); }
@media (max-width:700px){ .card-grid--2{ grid-template-columns:1fr; } }
.card .pill{ align-self:flex-start; }
.card-header {display:flex; align-items:center; gap:0.6rem;}
.site-header{ position:sticky; top:0; z-index:900; background:var(--green-800); box-shadow:var(--shadow-1); }
.header-inner{ max-width:var(--container); margin:0 auto; display:flex; align-items:center; gap:14px; padding:10px 20px; }
.header-inner img{ width:38px; height:38px; }
.header-inner .brand{
  flex:1; margin:0; font-family:'Barlow',sans-serif; font-weight:600; text-transform:uppercase;
  font-size:clamp(0.95rem, 0.8rem + 1vw, 1.4rem); color:#f2fff7; letter-spacing:-0.2px; line-height:1.15;    background-image: linear-gradient(90deg, rgb(203, 251, 224) 1%, rgb(214, 184, 93) 30%);
    color: transparent;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.site-header .guide-action-bar{
  margin-left:auto; flex-wrap:nowrap; gap:6px;
}
.site-header .guide-action-bar .button-link,
.site-header .guide-action-bar > button,
.site-header .guide-action-bar .guide-drawer-trigger{
  color:#f2fff7;
  background:rgba(255,255,255,0.1);
  border-color:rgba(255,255,255,0.25);
}
.site-header .guide-action-bar .button-link:hover,
.site-header .guide-action-bar > button:hover,
.site-header .guide-action-bar .guide-drawer-trigger:hover{
  background:var(--gold-400);
  color:var(--green-900);
}
@media (max-width:480px){
  .site-header .guide-action-bar .guide-drawer-trigger span:not(.material-symbols-outlined){ display:none; }
  .site-header:has(.guide-action-bar) .header-inner .brand{ display:none; }
}


.hero{
  background:linear-gradient(160deg, var(--green-900), var(--green-700) 130%);
  color:#f2fff7; padding:3.5rem 0 3rem; position:relative; overflow:hidden;
}
.hero::after{
  content:''; position:absolute; inset:0;
  background:radial-gradient(circle at 85% 20%, rgba(247,216,117,0.16), transparent 55%);pointer-events: none; 
}
.hero-inner{ position:relative; max-width:var(--container); margin:0 auto; padding:0 20px; }
.hero .eyebrow{ color:var(--gold-400); }
.hero h1{
  font-family:'Montserrat',sans-serif; font-size:clamp(1.6rem,1.2rem + 2vw,2.6rem); margin:0 0 0.6rem;
  line-height:1.15; max-width:780px; text-align:left; text-decoration:none; text-transform:none; color:#f2fff7;
}
.hero p{ color:rgba(242,255,247,0.85); font-size:1.05rem; max-width:660px; line-height:1.6; margin:0 0 1.6rem; }
.hero-actions{ display:flex; gap:12px; flex-wrap:wrap; }
.hero strong, .cta-band strong, .site-header strong{ color:var(--gold-400); }


.page-section--tint-green h2,
.page-section--tint-green .eyebrow{ color:var(--gold-400); }
.page-section--tint-green h3{ color:#f2fff7; }
.page-section--tint-green .lede,
.page-section--tint-green p{ color:rgba(242,255,247,0.85); }
.page-section--tint-green strong{ color:var(--gold-400); }


.facts-card{ background:#fff; border-radius:var(--radius-lg); border:1px solid var(--line); box-shadow:var(--shadow-2); padding:1.75rem 2rem; }
.facts-card h3{ font-family:'Barlow',sans-serif; color:var(--green-800); margin:0 0 0.9rem; font-size:1.1rem; padding: 0;}
.facts-card a {    display: inline-block;    margin-top: 0.6rem;    font-size: 0.88rem;    font-weight: 600;}
.threshold-row{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:0.65rem 0; border-bottom:1px solid #f1f3f1; font-size:0.92rem; }
.threshold-row:last-of-type{ border-bottom:none; }
.threshold-row .when{ color:var(--muted); }


.faq-list{ display:flex; flex-direction:column; gap:0.05rem;width: 100%; }

details.faq-item{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-md); padding:0; overflow:hidden; box-shadow:var(--shadow-1); }
details.faq-item summary{
  cursor:pointer; list-style:none; padding:1rem 1.25rem; font-family:'Barlow',sans-serif; font-weight:600;
  color:var(--green-800); display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.faq-item {width: 100%;}
details.faq-item summary h3{ margin:0; padding:0; font-size:1rem; max-width:none; text-align:left; }
details.faq-item summary::-webkit-details-marker{ display:none; }
details.faq-item summary::after{ content:'+'; font-size:1.3rem; font-weight:400; color:var(--gold-500); transition:transform .25s ease; flex-shrink:0; }
details.faq-item[open] summary::after{ transform:rotate(45deg); }
details.faq-item .faq-body{ padding:0 1.25rem 1.1rem; color:var(--muted); font-size:0.92rem; line-height:1.55; }
details.faq-item .faq-body p{ margin:0; padding:0; color:inherit; font-size:inherit; line-height:inherit; max-width:none; }
.faq-item:not(:last-child){border: 1px solid rgb(from var(--main-green) r g b / 0.09);
            background-color: rgb(from var(--main-green) r g b / 0.01);
            margin-bottom: 1px; border-radius: 0;}
            .faq-item:last-child{            border: 1px solid rgb(from var(--main-green) r g b / 0.09);
            background-color: rgb(from var(--main-green) r g b / 0.01);
            margin-bottom: 0px;
            border-top-left-radius: 0; border-top-right-radius: 0;
            border-bottom-left-radius: var(--radius-md);
            border-bottom-right-radius: var(--radius-md);}

.cta-band{ background:var(--green-900); color:#fff; text-align:center; border-radius:var(--radius-lg); padding:2.6rem 1.5rem; margin:0 auto; max-width: calc(var(--container) - 40px); margin-top: 3%;margin-bottom: 1.5%;}
.cta-band h2{ color:#fff; text-align: center;}
.cta-band p{ color:rgba(242,255,247,0.8); max-width:520px; margin:0 auto 1.5rem; }


.package-card{
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-2);
  border:1px solid var(--line);
  transition:transform .25s ease, box-shadow .25s ease; width: 100%;
}
.package-card:hover{
  box-shadow:var(--shadow-3);
  transform:translateY(-4px);
}
.page-section--tint-green .package-card{
  box-shadow:0 25px 50px -12px rgba(0,0,0,0.45);
}
.page-section--tint-green .package-card:hover{
  box-shadow:0 30px 60px -12px rgba(0,0,0,0.55);
}
#packageTitle, .package-card h3{
  font-family:'Montserrat',sans-serif;
  letter-spacing:0.02em;font-size: clamp(1.125rem, 0.9728rem + 0.7609vw, 1.5625rem);
  background-image: linear-gradient(90deg, var(--green-900), rgb(214, 184, 93) 100%);
    color: transparent;
    -webkit-text-fill-color: transparent;
    background-clip: text; font-size: 1.49em;
}
.package-card .pill-green{
  background:rgba(0,83,36,0.08);
  border:1px solid var(--line);
  color:var(--green-800);
  border-radius:var(--radius-pill);
}
.package-card .package-input-group{
  border-color:var(--line);margin-bottom: 0.5rem;
}
.package-card ul.checks-service li::before{
  color:var(--green-700);
}
.package-card .hr-green-2{
  border:none;
  border-top:1px solid var(--line); width: 90%;
}
.package-card .toggle-group{
  border-radius:var(--radius-md);
}
.calc-select{
  border-radius:var(--radius-md);
  border:1px solid var(--line);
  padding:6px 5px;
}
.calc-select:focus{
  border-color:var(--green-700);
  box-shadow:0 0 0 3px rgba(0,83,36,0.12);
}
.package-description-container{
  border-radius:var(--radius-md);
  padding:0.5rem 0.8rem;
  box-shadow:var(--shadow-1);
}
.package-description-container.p-pristine{
  box-shadow:none;
}
.package-price{
  font-size:1.01rem;
  border-radius:var(--radius-sm);
  padding:10px 12px;
  box-shadow:var(--shadow-1);
}

.cost-output{
  background:rgba(0,83,36,0.045);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  padding:1rem 1.25rem;
  text-align:center;
}
.price-container{
  display:flex; align-items:baseline; justify-content:center; gap:2px;
}
.price-currency{ font-size:1.2rem; font-weight:700; color:var(--green-800); }
.price-figure{ font-size:2.2rem; font-weight:800; color:var(--green-800); font-family:'Montserrat',sans-serif; }
.packages-comparison{
  padding:0 20px;
  box-sizing:border-box;
  margin:1.5rem auto;
}
@media (max-width: 600px) {
    .packages-comparison {
        padding: 0 16px;
    }
}
.package-card:first-child:nth-last-child(1){
  max-width:600px;
}
.step-number{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:50%; flex-shrink:0;
  background:var(--green-800); color:#fff; font-weight:700; font-size:0.85rem; font-family:'Barlow',sans-serif;
}
.step-number--gold{ background:var(--gold-500); color:var(--green-900); }

.mini-feature-list{ display:flex; flex-direction:column; gap:1.3rem; }

.calculator-section-wrap{
  padding:0 20px;
  box-sizing:border-box;
}

.package-title-calc{
  letter-spacing:0.04em;
}
.btn-adjust{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:50%;
  background:rgba(0,83,36,0.08); border:1px solid var(--line);
  font-size:1.3rem; line-height:1; transition:background .2s ease, transform .15s ease, color .2s ease;
}
.btn-adjust:hover{
  background:var(--gold-400); color:var(--green-900); transform:translateY(-1px);
}
.slider-controls input[type="range"]{
  -webkit-appearance:none; appearance:none;
  height:6px; border-radius:999px;
  background:linear-gradient(90deg, var(--green-700), var(--gold-500));
  outline:none;
}
.slider-controls input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:22px; height:22px; border-radius:50%;
  background:#fff; border:3px solid var(--green-800);
  box-shadow:var(--shadow-1); cursor:pointer;
}
.slider-controls input[type="range"]::-moz-range-thumb{
  width:22px; height:22px; border-radius:50%;
  background:#fff; border:3px solid var(--green-800);
  box-shadow:var(--shadow-1); cursor:pointer;
}
.costOutput{
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-1);
  background:#fff;
  padding:0.75rem 1rem;
}
.price-container{
  color:var(--green-800);
}


.slider{
  background-color:rgba(0,83,36,0.16);
  transition:background-color .3s ease;
}
.slider:before{
  box-shadow:0 1px 3px rgba(0,0,0,0.25);
}
input:checked + .slider{
  background-color:var(--green-700);
}
.mini-feature{ display:flex; gap:0.9rem; align-items:flex-start; }

.tax-result{
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  padding:1.25rem;
  background:rgba(0,83,36,0.04);margin: auto;
  margin-top:1rem; width: 90%;
}
.tax-result-stats{
  display:flex;
  flex-wrap:wrap;
  gap:0.85rem;
  margin-bottom:1rem;
}
.tax-result-stat{
  flex:1 1 140px;
  display:flex;
  flex-direction:column;
  gap:0.2rem;
  padding:0.85rem 1rem;
  background:#fff;
  border-radius:var(--radius-md);
  border:1px solid var(--line); text-align: center;
}
.tax-result-label{
  font-family:'Barlow',sans-serif;
  font-size:0.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:var(--muted);
}
.tax-result-value{
  font-family:'Montserrat',sans-serif;
  font-size:1.4rem;
  font-weight:700;
  color:var(--green-800);
}
.tax-result-stat--warn .tax-result-value{
  color:#8a5a1f;
}
.tax-result-explanation{
  margin:auto;
  max-width:90%;
  color:var(--ink);
  font-size:0.95rem;
  line-height:1.6;
  ul {max-width: 90%;margin: auto;}
}
@media (max-width:480px){
  .tax-result-stats{ flex-direction:column;}
  .tax-result-stat{ flex:1 1 100%; }
}
 #uk-tax-code-calculator {text-align: center;}

.toc{
  max-width:var(--container); margin:0 auto; padding:1.25rem 20px 0.5rem;
}
.toc-title{
  display:block; font-family:'Barlow',sans-serif; font-weight:700; font-size:0.75rem;
  letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); margin-bottom:0.6rem;
}
.toc-list{
  list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:0.5rem;
}
.toc-list a{
  display:inline-flex; align-items:center; font-size:0.8rem; font-weight:600;
  padding:6px 14px; border-radius:var(--radius-pill); background:rgba(0,83,36,0.06);
  border:1px solid var(--line); color:var(--green-800); text-decoration:none;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.toc-list a:hover{
  background:var(--gold-400); color:var(--green-900); border-color:var(--gold-400);
}
@media (max-width:700px){
  .toc-list{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:0.2rem;
    -webkit-mask-image:linear-gradient(to right, black 90%, transparent 100%);
    mask-image:linear-gradient(to right, black 80%, transparent 100%);
  }
  .toc-list::-webkit-scrollbar{ display:none; }
  .toc-list a{
    white-space:nowrap;
    flex-shrink:0;
  }
}
.mini-feature h4{ margin:0 0 0.25rem; font-family:'Barlow',sans-serif; font-size:0.95rem; color:var(--green-800); text-transform:none; letter-spacing:normal; font-weight:700; padding:0; }
.mini-feature p{ margin:0; font-size:0.88rem; color:var(--muted); max-width:none; line-height:1.5; }
.pill-row{ display:flex; gap: 0.5em 5px; flex-wrap:wrap; margin-bottom:1.4rem; }
.btn--sm{ padding:9px 18px; font-size:0.85rem; }
.card > .btn{ align-self:flex-start; }
.text-center{ text-align:center; }
.mx-auto{ margin-left:auto; margin-right:auto; }
.group-label{
  display:block; font-family:'Barlow',sans-serif; font-weight:700; font-size:0.78rem;
  letter-spacing:0.08em; text-transform:uppercase; color:var(--green-700);
  margin:2rem 0 1rem; padding-bottom:6px; border-bottom:1px solid var(--line);
}
.group-label:first-child{ margin-top:0; }
 
.card-cta{ display:inline-flex; align-items:center; gap:4px; font-weight:700; font-size:0.85rem; color:var(--green-700); margin-top:auto; padding-top:0.9rem; }
.card .card-cta{ border-top:1px solid var(--line); }
 .home-card{
  border-radius:var(--radius-lg);
}
.card-icon{
  color:var(--gold-400);
  background-color:rgba(0,83,36,0.08);
  border-color:var(--line);
  border-radius:var(--radius-md);
}
.home-nav-btn{
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.3);
  transition:background .2s ease, transform .15s ease, color .2s ease;
}
.home-nav-btn:hover{
  background:var(--gold-400);
  color:var(--green-900);
  transform:translateY(-2px);
}
.assistant-band{
  display:grid; grid-template-columns:1fr 1fr; gap:1.5rem;
  background:rgba(0,83,36,0.045); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:1.75rem; height: max-content;
  div {
    height: 100%; justify-content: space-between; display: flex; flex-direction: column;
  }
}
.assistant-band h4{ font-family:'Barlow',sans-serif; color:var(--green-800); margin:0 0 0.4rem; font-size:1.02rem; }
.assistant-band p{ color:var(--muted); font-size:0.88rem; margin:0 0 0.9rem; max-width:none; }
@media (max-width:700px){ .assistant-band{ grid-template-columns:1fr; } }
 

.header-inner .quick-nav{ display:flex; gap:1.2rem; }
.header-inner .quick-nav a{ color:rgba(242,255,247,0.85); text-decoration:none; font-family:'Barlow',sans-serif; font-size:0.88rem; font-weight:600; }
.header-inner .quick-nav a:hover{ color:var(--gold-400); }
@media (max-width:700px){ .header-inner .quick-nav{ display:none; } }
@media (max-width:600px){
  .header-inner{ padding:8px 14px; gap:10px; }
  .header-inner img{ width:32px; height:32px; }
  .hero{ padding:2.4rem 0 2.2rem; }
  .hero-inner{ padding:0 16px; }
  .hero p{ font-size:0.95rem; }
  .hero-actions{ flex-direction:column; }
  .hero-actions .btn{ width:100%; }
  section{ padding:2.2rem 0; }
  .facts-card{ padding:1.35rem 1.25rem; }
  .threshold-row{ font-size:0.85rem; }
  .cta-band{ margin:0 14px; padding:2rem 1.1rem; margin-top: 1.25rem;margin-bottom: 0.95rem;}
  .cta-band .btn{ width:100%; }
  .card{ padding:1.4rem; }
  h2{ padding:0 4px; }
  .wrap{ padding:0 16px; }
}
@media (max-width:400px){
  .hero h1{ font-size:1.5rem; }
  .header-inner .brand{ font-size:0.85rem; }
}

.wrap h3 {padding: 0; margin-left: 0;}
.wrap .warning {width:100%; margin-left:0; margin-top: 1rem;}
.wrap .left-paragraph {margin: 0; padding: 0;}
.warning p {margin-left: 0;}

.card p {max-width:95%;}
.card-grid--4 .warning {height: 100%;}
.card-grid--2 .warning {height: 100%; height: 100%;}
.index-aat-wording {font-size: clamp(0.5rem, 0.4565rem + 0.2174vw, 0.625rem) !important;}
.badge-container {padding: 0;}
.checklist {margin-bottom: 3%;}
.card {text-decoration: none;}
.contact-method-box     h3 {
        flex: 1 1 auto;
        margin: auto;
        padding: 5px;
    }

@media (max-width:700px){
  .card-grid .card{
    animation: card-reveal linear both;
    animation-timeline: view();
    animation-range: entry 0% cover 50%;
  }
  @keyframes card-reveal{
    0%{ transform:scale(0.75); opacity:0.6; }
    100%{ transform:scale(1); opacity:1; }
  }
}
.bottom-spacer {
  margin-bottom: 1em;
}

/* --- Price breakdown disclosure (collapsed by default, keeps cards uncluttered) --- */
.price-breakdown{
  margin: auto;
  margin-top:0.6rem;
  border:1px solid var(--line);
  border-bottom:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:rgba(0,83,36,0.02);
  overflow:hidden;
  text-align:left;  width: 90%;
  /* Reset properties inherited from the site-wide generic details{} rule,
     which isn't meant for this compact, inline breakdown component */
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  padding:0;
  cursor:default;
  display: none;
}
.price-breakdown[open]{ border-color:var(--line); }
.price-breakdown summary{
  cursor:pointer;
  list-style:none;
  padding:0.55rem 0.9rem;
  font-size:0.8rem;
  font-weight:600;
  font-family:'Barlow',sans-serif;
  color:var(--green-800);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0.5rem;
  min-height:0;

}
.price-breakdown summary::-webkit-details-marker{ display:none; }
.price-breakdown summary::after{
  content:'+';
  font-size:1.15rem;
  font-weight:400;
  color:var(--gold-500);
  transition:transform .2s ease;
  flex-shrink:0;
}
.price-breakdown[open] summary::after{ transform:rotate(45deg); }
.breakdown-body{
  padding:0.1rem 0.9rem 0.75rem;
  display:flex;
  flex-direction:column;
  gap:0.15rem;
  border-top:1px solid var(--line);
  padding-top:0.6rem;
}
.breakdown-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:0.5rem;
  font-size:0.8rem;
  color:var(--muted);
  line-height:1.35;
}
.breakdown-row .breakdown-amount{
  font-variant-numeric:tabular-nums;
  color:var(--green-800);
  font-weight:600;
  flex-shrink:0;
  white-space:nowrap;
}
.breakdown-row.breakdown-total{
  border-top:1px dashed var(--line);
  padding-top:0.4rem;
  margin-top:0.15rem;
  font-weight:700;
}
.breakdown-row.breakdown-total .breakdown-amount{
  color:var(--green-900);
  font-size:0.88rem;
}
@media (max-width:400px){
  .price-breakdown summary{ font-size:0.76rem; padding:0.5rem 0.7rem; }
  .breakdown-row{ font-size:0.76rem; }
}

/* Keep the two toggles side-by-side on mobile rather than stacking full-width */
@media (max-width:600px){
  .package-input-row.toggle-row{
    flex-direction:row !important;
    flex-wrap:wrap;
    gap:8px;
  }
  .toggle-row .toggle-group{
    flex:1 1 calc(50% - 4px);
    min-width:0;
  }
  .toggle-row .toggle-label-text{
    font-size:0.7rem;
    white-space:nowrap;
  }
}
@media (max-width:340px){
  .toggle-row .toggle-label-text{ font-size:0.64rem; }
}

@media (prefers-reduced-motion: reduce){
  .card-grid .card,
  .home-card{
    animation: none !important;
  }
}
.smallest-font-size {font-size: 12px !important; line-height: 1.2;}
.max-600 {max-width: 600px;}
.automargin {margin: auto; display:block; max-width: fit-content;}