/* RobotmaaierCheck — editorial, calm, premium. Warm off-white body, dark ink, one green accent. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#f6f4ee;color:#1d2b24;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.68}
a{color:#116345;text-decoration:none;border-bottom:1px solid #b9cdbf}
a:hover{color:#0a2e21;border-bottom-color:#0a2e21}
p{margin:0 0 1rem}
ul,ol{padding-left:1.3rem;margin:0 0 1rem}
li{margin:.35rem 0}
strong{font-weight:750}
main{max-width:1180px;margin:0 auto;padding:0 24px 80px}

/* header */
.site{background:#123b2c;color:#fff}
.site-wrap{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.logo{color:#fff;border:0;font-size:1.12rem;font-weight:800;letter-spacing:-.01em}
.logo span{color:#cfe3d6}
.tagline{color:#a9c6b4;font-size:.8rem;max-width:34ch}
.mainnav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
.mainnav a{color:#e5f1e9;border:0;font-size:.86rem;font-weight:650}
.mainnav a:hover{color:#fff;border-bottom:1px solid #e8b36a}
.mainnav a[aria-current=page]{color:#e8b36a}

/* hero + checker */
.checker{padding:64px 0 30px;border-bottom:1px solid #d8e2d9;max-width:840px}
.eyebrow{display:block;color:#5c7a6a;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;margin:0 0 8px}
.checker h1{margin:6px 0 12px;color:#102b21;font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.05;letter-spacing:-.04em;max-width:16ch}
.checker-sub{color:#43584c;font-size:1.02rem;max-width:58ch}
#checker-form{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 26px;margin:26px 0 10px;padding:0;border:0}
.field label{display:block;color:#2d4b3c;font-size:.86rem;font-weight:750;margin-bottom:5px}
.field .hint{display:block;color:#718879;font-size:.78rem;margin-top:4px;line-height:1.45}
.field input,.field select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #b9cdbf;border-radius:2px;background:#fff;color:#1d2b24;font:inherit}
.field input:focus,.field select:focus{outline:2px solid #e8b36a}
#checker-form .button{grid-column:1/-1;justify-self:start;margin-top:4px}
.button{display:inline-block;background:#123b2c;color:#fff;border:0;border-radius:2px;padding:12px 22px;font:inherit;font-size:.95rem;font-weight:750;cursor:pointer}
.button:hover{background:#0a2e21}
.button.light{background:#f6f4ee;color:#102b21}
.button.light:hover{background:#fff}
.result-placeholder{color:#718879;font-size:.94rem;font-style:italic}

/* results */
.result-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-top:2px solid #1d2b24;padding-top:14px}
.result-head h3{margin:0;color:#102b21;font-size:1.3rem;letter-spacing:-.02em}
.verdict{font-size:.9rem;color:#2d4b3c}
.verdict-ok{color:#116345;font-weight:750}
.verdict-weak{color:#8a5a00;font-weight:750}
.fit-pill{display:inline-block;background:#eaf2ec;color:#116345;border-radius:999px;padding:3px 11px;font-size:.74rem;font-weight:750;margin:0 6px 6px 0}
.fit-pill.warn{background:#fdf0e3;color:#8a5a00}
.why{margin:10px 0 0;font-size:.95rem;color:#43584c}
.facts{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d8e2d9}
.fact{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:8px 12px 8px 0;border-bottom:1px solid #e4e9e2}
.fact:nth-child(odd){border-right:2px solid #f6f4ee}
.fact span{color:#718879;font-size:.8rem;flex-shrink:0}
.fact b{color:#1d2b24;font-size:.9rem;font-weight:750;text-align:right}
.fact.bad b{color:#8a5a00}
.result-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.result-actions .note{color:#718879;font-size:.82rem}
.model{padding:24px 0 20px;border-bottom:1px solid #d8e2d9}
.model:first-child{border-top:1px solid #d8e2d9}
.limit-note{border-top:1px solid #d8e2d9;margin-top:26px;padding-top:14px;color:#718879;font-size:.85rem}
.demo-note{background:#fdf6e9;border-left:4px solid #e8b36a;padding:12px 16px;font-size:.9rem;color:#5f4b2d;margin:18px 0}

/* editorial sections */
.ed-section{padding:44px 0 10px}
.section-heading{border-top:2px solid #1d2b24;padding:16px 0 12px}
.section-heading h2{margin:5px 0 0;color:#102b21;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.03em}
.ed-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:980px;color:#2d4b3c}
.ed-cols p{font-size:1.02rem;line-height:1.75}
.split-lead{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:60px;padding:26px 0 40px;color:#2d4b3c}
.split-lead p{font-size:1.05rem;line-height:1.78}
.begin{border-top:3px solid #116345;padding-top:12px}
.begin strong{display:block;color:#718879;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;margin-bottom:10px}
.begin a{display:block;border:0;color:#102b21;font-weight:750;font-size:1.02rem;line-height:1.4;margin:10px 0}
.begin a:hover{color:#116345}
.begin p{color:#718879;font-size:.88rem}
.reading{max-width:790px;color:#2d4b3c}
.reading p{font-size:1.04rem;line-height:1.8}
.method-note{color:#718879;font-size:.88rem}
.page-intro{max-width:760px;padding:66px 0 36px;border-bottom:1px solid #d8e2d9}
.page-intro h1{margin:8px 0 14px;color:#102b21;font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.03;letter-spacing:-.045em;max-width:16ch}
.page-intro>p:last-child{font-size:1.08rem;color:#43584c;max-width:58ch;margin-top:0}

/* cta band */
.ed-cta-band{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:30px;align-items:center;background:#123b2c;color:#dfeee5;padding:34px 34px;margin:56px 0 10px}
.ed-cta-band .eyebrow{color:#9bcab0}
.ed-cta-band h2{margin:8px 0 10px;color:#fff;font-size:1.5rem;line-height:1.25;letter-spacing:-.02em}
.ed-cta-band p{max-width:62ch;color:#c4ddcd;margin:0}
.ed-cta-band .cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.ed-cta-band .button.light{background:#f6f4ee;color:#102b21;border:0}

/* faq */
.faq{max-width:840px}
.faq details{border-top:1px solid #d8e2d9;padding:14px 0}
.faq details:last-child{border-bottom:1px solid #d8e2d9}
.faq summary{cursor:pointer;color:#102b21;font-weight:750;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq details p{color:#43584c;margin:9px 0 0}

/* footer */
footer{background:#f1efe6}
.footer-wrap{max-width:1180px;margin:0 auto;padding:26px 24px 45px;color:#5c7a6a;font-size:.85rem}
.footer-wrap a{border:0}
.footer-wrap p{margin:0 0 7px}

/* skip link */
.skip-link{position:fixed;top:8px;left:8px;z-index:200;background:#fff;color:#102b21;padding:10px 14px;border:2px solid #116345;transform:translateY(-160%)}
.skip-link:focus{transform:none}
[hidden]{display:none!important}

/* mobile */
@media(max-width:760px){
  main{padding:0 18px 56px}
  .site-wrap{padding:13px 18px}
  .tagline{display:none}
  .mainnav{margin-left:auto;gap:13px}
  .mainnav a{font-size:.78rem}
  .checker{padding-top:46px}
  #checker-form{grid-template-columns:1fr;gap:15px}
  .checker h1{font-size:clamp(2rem,11vw,2.9rem)}
  .facts{grid-template-columns:1fr}
  .fact:nth-child(odd){border-right:0}
  .ed-cols{grid-template-columns:1fr;gap:12px}
  .split-lead{grid-template-columns:1fr;gap:26px;padding:20px 0 30px}
  .ed-cta-band{grid-template-columns:1fr;padding:24px;margin:44px 0 6px}
  .page-intro{padding:46px 0 28px}
  .page-intro h1{font-size:clamp(2.1rem,11vw,3rem)}
}

.button.placeholder{opacity:.45;cursor:not-allowed;border:0}