@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit}button,input,textarea{font:inherit;color:inherit}}@layer base{:root{--ink:#16202b;--ink-soft:#4a5a6a;--paper:#fff;--paper-warm:#f6f7f4;--line:color-mix(in srgb, var(--ink) 12%, transparent);--accent:#1f6f4a;--accent-soft:color-mix(in srgb, var(--accent) 8%, var(--paper));--warn:#8a5a12;--warn-soft:color-mix(in srgb, var(--warn) 8%, var(--paper));--radius:10px;--measure:68ch;--step:clamp(1rem, .6rem + 1.4vw, 1.5rem)}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:clamp(1rem,.96rem + .2vw,1.075rem);line-height:1.65}h1,h2,h3{font-weight:650;line-height:1.2}h1{text-wrap:balance;font-size:clamp(1.6rem,1.2rem + 1.9vw,2.35rem)}h2{margin-block-start:2.2em;font-size:clamp(1.3rem,1.1rem + .9vw,1.65rem)}h3{margin-block-start:1.6em;font-size:1.1rem}p,ul,ol,table{margin-block:.9em}a{color:var(--accent);text-underline-offset:.18em;&:hover{text-decoration-thickness:2px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}@layer layout{.wrap{inline-size:min(100% - 2 * var(--step), 74ch);margin-inline:auto}.site-header{border-block-end:1px solid var(--line);background:var(--paper-warm);& .wrap{flex-wrap:wrap;align-items:baseline;gap:.6rem 1.4rem;padding-block:.9rem;display:flex}}.brandmark{letter-spacing:-.01em;font-weight:700;text-decoration:none}.site-nav{flex-wrap:wrap;gap:.4rem 1.1rem;font-size:.94rem;display:flex;& a{color:var(--ink-soft);text-decoration:none}& a:hover{color:var(--accent);text-decoration:underline}}main{padding-block:clamp(1.5rem,1rem + 2vw,2.6rem) 3rem}.site-footer{border-block-start:1px solid var(--line);background:var(--paper-warm);color:var(--ink-soft);padding-block:1.6rem 2.4rem;font-size:.9rem}}@layer components{.crumbs{color:var(--ink-soft);flex-wrap:wrap;gap:.35rem;margin-block-end:1.2rem;font-size:.88rem;display:flex;& li:not(:last-child):after{content:"›";margin-inline-start:.35rem}& a{text-decoration:none}}.lead{color:var(--ink-soft);font-size:1.08em}.cards{container-type:inline-size}.cards ul{grid-template-columns:1fr;gap:1rem;display:grid}@container (width>=34rem){.cards ul{grid-template-columns:repeat(2,1fr)}}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:1.1rem 1.2rem;& h2{margin-block-start:0;font-size:1.15rem}& p{color:var(--ink-soft);margin-block-end:0}&:has(a:hover){border-color:var(--accent)}}.card a{text-decoration:none}.subnav{flex-wrap:wrap;gap:.5rem;margin-block:1.4rem 2rem;display:flex;& a{border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:.32rem .8rem;font-size:.9rem;text-decoration:none}& a[aria-current=page]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}}.note{border-inline-start:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius) var(--radius) 0;margin-block:1.6rem;padding:.9rem 1.1rem;&>:first-child{margin-block-start:0}&>:last-child{margin-block-end:0}}.warn{border-inline-start-color:var(--warn);background:var(--warn-soft)}.facts{border-collapse:collapse;inline-size:100%;font-size:.95rem;& th,& td{border-block-end:1px solid var(--line);text-align:start;padding:.55rem .2rem}& th{color:var(--ink-soft);inline-size:42%;font-weight:500}}.order{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-warm);margin-block:2rem;padding:1.2rem;& h2{margin-block-start:0}& label{color:var(--ink-soft);margin-block-end:.25rem;font-size:.9rem;display:block}& input{border:1px solid var(--line);background:var(--paper);border-radius:8px;inline-size:100%;padding:.6rem .7rem}& .field+.field{margin-block-start:.9rem}}.price{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-block:1rem;font-size:1.25rem;font-weight:650;display:flex}.btn{background:var(--accent);color:#fff;text-align:center;cursor:pointer;border:0;border-radius:8px;inline-size:100%;margin-block-start:1.1rem;padding:.75rem 1.2rem;font-weight:600;display:inline-block;&:hover{background:color-mix(in srgb, var(--accent) 88%, #000)}}.hp{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.disclaimer{color:var(--ink-soft);border-block-start:1px solid var(--line);margin-block-start:2.5rem;padding-block-start:1rem;font-size:.86rem}.product-photo{block-size:auto;max-inline-size:180px;margin-block:.6rem 1rem}}@layer utils{.muted{color:var(--ink-soft)}.measure{max-inline-size:var(--measure)}}