/* Chewy Codes. Tokens first; every value below comes from them. */
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/figtree-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Gabarito';font-style:normal;font-weight:500 900;font-display:swap;src:url(../fonts/gabarito-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
--fm-paper:#FFFDF7;--fm-white:#FFFFFF;--fm-ink:#24242A;--fm-ink-2:#46464F;--fm-ink-3:#55555E;
--fm-green:#11804F;--fm-green-deep:#0B5E3A;--fm-mint:#E4F2EA;--fm-ball:#DCEB55;
--fm-kraft:#E7D3B5;--fm-carton:#F4EADB;--fm-kraft-ink:#3F2C17;--fm-kraft-deep:#8A6338;--fm-red:#8A2E1F;
--fm-head:'Gabarito',system-ui,sans-serif;--fm-body:'Figtree',system-ui,sans-serif;
--fm-gutter:24px;--fm-pad:28px;--fm-r:18px;--fm-r-sm:10px;
--fm-sec:clamp(56px,6.5vw,80px);--fm-side:32px;
--fm-shadow:0 1px 2px rgba(36,36,42,.06),0 12px 32px rgba(36,36,42,.08);
}
@media (max-width:900px){:root{--fm-side:20px;--fm-pad:22px;--fm-gutter:16px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--fm-paper);color:var(--fm-ink);font-family:var(--fm-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--fm-green-deep);text-underline-offset:3px}
a:hover{color:var(--fm-green)}
button{font:inherit}
:focus-visible{outline:3px solid var(--fm-green);outline-offset:2px;border-radius:4px}
.fm-skip{position:absolute;left:-9999px;top:8px;background:var(--fm-ink);color:#fff;padding:10px 14px;border-radius:8px;z-index:100}
.fm-skip:focus{left:8px}
.fm-wrap{max-width:1200px;margin:0 auto;padding-left:var(--fm-side);padding-right:var(--fm-side)}

/* Type */
.fm-page h1,.fm-page h2,.fm-page h3,.fm-h1,.fm-h2,.fm-h3{font-family:var(--fm-head);letter-spacing:-.01em;margin:0;text-wrap:balance;color:var(--fm-ink)}
.fm-h1{font-size:clamp(38px,4.4vw,58px);line-height:1.04;font-weight:900}
.fm-h2{font-size:clamp(30px,3.2vw,42px);line-height:1.08;font-weight:800}
.fm-h3{font-size:22px;line-height:1.2;font-weight:800}
.fm-lede{font-size:19px;color:#33333B;max-width:36em;margin:0}
.fm-sub{font-size:18px;color:var(--fm-ink-2);max-width:46em;margin:0}
.fm-page p{margin:0}
.fm-small{font-size:13px;color:var(--fm-ink-3);line-height:1.5}
.fm-nobr{white-space:nowrap}
.fm-nolink{color:inherit}

/* Notice strip (packing slip) */
.fm-slip{background:var(--fm-kraft);color:var(--fm-kraft-ink);font-size:14px}
.fm-slip__in{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;padding-top:9px;padding-bottom:9px;text-align:center}
.fm-slip a{color:var(--fm-kraft-ink);font-weight:600}

/* Header */
.fm-head{background:var(--fm-paper);position:relative;z-index:20}
.fm-head__in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.fm-mark{font-family:var(--fm-head);font-weight:900;font-size:27px;letter-spacing:-.02em;color:var(--fm-ink);text-decoration:none;white-space:nowrap}
.fm-mark:hover{color:var(--fm-ink)}
.fm-mark--lg{font-size:34px}
.fm-nav{display:flex;align-items:center;gap:6px}
.fm-nav__top{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:0;background:none;color:var(--fm-ink);font-weight:600;font-size:16px;text-decoration:none;border-radius:var(--fm-r-sm);cursor:pointer}
.fm-nav__top:hover,.fm-nav__top.is-cur{color:var(--fm-green-deep)}
.fm-nav__cta{margin-left:10px}
.fm-drop{position:relative}
.fm-drop__panel{position:absolute;top:100%;left:0;min-width:300px;background:var(--fm-white);border-radius:14px;box-shadow:0 18px 40px rgba(36,36,42,.16);padding:8px;display:none}
.fm-drop:hover .fm-drop__panel,.fm-drop:focus-within .fm-drop__panel,.fm-drop.is-open .fm-drop__panel{display:block}
.fm-drop__row{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:var(--fm-r-sm);text-decoration:none;color:var(--fm-ink);text-align:left}
.fm-drop__row:hover{background:var(--fm-mint);color:var(--fm-ink)}
.fm-drop__name{font-weight:700;font-size:16px}
.fm-drop__hint{font-size:14px;color:var(--fm-ink-3)}
.fm-burger{display:none;min-height:44px;padding:0 18px;border:0;border-radius:var(--fm-r-sm);background:var(--fm-mint);color:var(--fm-ink);font-weight:700;font-size:16px;cursor:pointer}
.fm-sheet{background:var(--fm-paper);box-shadow:0 18px 30px rgba(36,36,42,.12)}
.fm-sheet__in{display:flex;flex-direction:column;gap:14px;padding-top:8px;padding-bottom:24px}
.fm-sheet__group{display:flex;flex-direction:column;gap:2px}
.fm-sheet__label{font-size:13px;font-weight:700;color:var(--fm-ink-3);padding:0 12px}
.fm-sheet__row{display:flex;flex-direction:column;padding:10px 12px;border-radius:var(--fm-r-sm);text-decoration:none;color:var(--fm-ink);min-height:44px;justify-content:center}
.fm-sheet__row:hover{background:var(--fm-mint);color:var(--fm-ink)}
.fm-sheet__cta{align-self:stretch;text-align:center;justify-content:center}
@media (max-width:1060px){.fm-nav{display:none}.fm-burger{display:inline-flex;align-items:center}}

/* Buttons */
.fm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--fm-r-sm);border:0;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:none}
body .fm-btn--green,body .fm-btn--green:is(:hover,:focus,:active){background:var(--fm-green);color:#fff}
body .fm-btn--green:hover{background:var(--fm-green-deep)}
body .fm-btn--ink,body .fm-btn--ink:is(:hover,:focus,:active){background:var(--fm-ink);color:#fff}
body .fm-btn--ink:hover{background:#000}

/* Sections: one vertical rhythm, one ground each */
.fm-sec{padding-top:var(--fm-sec);padding-bottom:var(--fm-sec);background:var(--fm-paper)}
.fm-sec--mint{background:var(--fm-mint)}
.fm-sec--carton{background:var(--fm-carton)}
.fm-sec--kraft{background:var(--fm-kraft)}
.fm-sec--hero{padding-top:20px}
.fm-stack{display:flex;flex-direction:column;gap:28px}
.fm-stack--tight{gap:16px}
.fm-head-block{display:flex;flex-direction:column;gap:10px}
.fm-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--fm-ink-3)}
.fm-crumbs a{color:var(--fm-ink-3)}

/* Hero */
.fm-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.fm-hero__codes{margin-top:40px}
.fm-confirmed{font-size:15px;color:var(--fm-ink-2)}
.fm-hero--even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.fm-hero__text{display:flex;flex-direction:column;gap:20px}
.fm-hero__art{display:flex;flex-direction:column;gap:14px}
.fm-shelf{background:var(--fm-white);border-radius:22px;padding:32px 24px;display:flex;align-items:flex-end;justify-content:center;gap:8px}
.fm-shelf figure{margin:0;flex:0 0 auto}
.fm-shelf img{width:auto;max-width:none}
.fm-shelf figure:nth-child(1) img{height:270px}
.fm-shelf figure:nth-child(2) img{height:188px}
.fm-shelf figure:nth-child(3) img{height:112px}
@media (max-width:1100px) and (min-width:901px){.fm-shelf figure:nth-child(1) img{height:210px}.fm-shelf figure:nth-child(2) img{height:146px}.fm-shelf figure:nth-child(3) img{height:88px}}
@media (max-width:420px){.fm-shelf{padding:22px 14px}.fm-shelf figure:nth-child(1) img{height:168px}.fm-shelf figure:nth-child(2) img{height:117px}.fm-shelf figure:nth-child(3) img{height:70px}}
.fm-shelf__note{font-size:14px;color:var(--fm-ink-2);text-align:center}
.fm-photo{background:var(--fm-white);border-radius:var(--fm-r);padding:24px;display:flex;align-items:flex-end;justify-content:center;min-height:300px}
.fm-photo img{max-height:300px;width:auto;object-fit:contain}

/* Receipt of codes */
.fm-receipt{background:var(--fm-white);border-radius:var(--fm-r);padding:6px 24px 18px;box-shadow:0 1px 2px rgba(36,36,42,.06),0 12px 32px rgba(17,128,79,.10)}
.fm-line{display:grid;grid-template-columns:124px minmax(0,1fr) 92px;gap:6px 18px;align-items:center;padding:16px 0 4px}
.fm-chip{font-family:var(--fm-head);font-weight:800;font-size:18px;letter-spacing:.04em;background:var(--fm-ball);color:var(--fm-ink);border-radius:8px;padding:8px 10px;text-align:center;white-space:nowrap}
.fm-line__what{display:flex;flex-direction:column;gap:2px;min-width:0}
.fm-line__offer{font-weight:700;font-size:17px;line-height:1.3}
.fm-line__who{font-size:14px;color:var(--fm-ink-3);line-height:1.35}
.fm-line__when{font-size:13px;font-weight:600;color:var(--fm-green-deep);line-height:1.35;margin-top:2px}
body .fm-copy,body .fm-copy:is(:hover,:focus,:active){min-height:44px;border:0;border-radius:var(--fm-r-sm);background:var(--fm-ink);color:#fff;font-weight:700;font-size:15px;cursor:pointer;box-shadow:none;padding:0 10px}
body .fm-copy:hover{background:#000}
body .fm-copy.is-done{background:var(--fm-green)}
.fm-terms{grid-column:2 / -1;font-size:14px}
.fm-terms summary{cursor:pointer;color:var(--fm-green-deep);font-weight:600;list-style:none;display:inline-flex;min-height:32px;align-items:center}
.fm-terms summary::-webkit-details-marker{display:none}
.fm-terms summary::after{content:'+';margin-left:6px;font-weight:700}
.fm-terms[open] summary::after{content:'\2212'}
.fm-terms p{color:var(--fm-ink-2);padding:2px 0 6px;line-height:1.5}
.fm-receipt__foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding-top:14px;font-size:15px;font-weight:700;color:var(--fm-green)}
.fm-receipt__none{padding:16px 0;color:var(--fm-ink-2)}
@media (max-width:900px){
.fm-receipt{padding:4px 18px 16px}
.fm-line{grid-template-columns:minmax(0,1fr) 92px;padding-top:16px}
.fm-line .fm-chip{justify-self:start}
.fm-line__what{grid-column:1 / -1;grid-row:2}
.fm-line .fm-copy{grid-column:2;grid-row:1}
.fm-terms{grid-column:1 / -1}
}

/* Grids and tiles: subgrid keeps titles, numbers, text and links level across a row */
.fm-grid{display:grid;gap:var(--fm-gutter);align-items:stretch}
.fm-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fm-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fm-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fm-tile{border-radius:var(--fm-r);padding:var(--fm-pad);display:grid;grid-template-rows:subgrid;grid-row:span 4;gap:8px;align-content:start;background:var(--fm-paper);color:var(--fm-ink);text-decoration:none}
.fm-tile--3{grid-row:span 3}
.fm-tile--2{grid-row:span 2}
.fm-tile--mint{background:var(--fm-mint)}
.fm-tile--white{background:var(--fm-white)}
.fm-tile--paper{background:var(--fm-paper)}
.fm-tile--link:hover{color:var(--fm-ink);box-shadow:var(--fm-shadow)}
.fm-tile__title{font-family:var(--fm-head);font-weight:800;font-size:22px;line-height:1.2}
.fm-tile__label{font-weight:700;font-size:18px}
.fm-tile__big{font-family:var(--fm-head);font-weight:900;font-size:52px;line-height:1;color:var(--fm-green-deep)}
.fm-tile__text{font-size:16px;color:var(--fm-ink-2)}
.fm-tile__cta{font-weight:700;color:var(--fm-green-deep);align-self:end;display:inline-flex;align-items:center;min-height:44px}
.fm-help a:not(.fm-help__phone),.fm-panel > a:not(.fm-btn):not(.fm-help__phone){display:inline-flex;align-items:center;min-height:44px}
.fm-tile .fm-chip{justify-self:start;font-size:16px}
.fm-tile__struck{font-family:var(--fm-head);font-weight:800;font-size:20px;text-decoration:line-through;color:var(--fm-ink-3)}
@media (max-width:1000px){.fm-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.fm-grid--3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.fm-grid--4,.fm-grid--2{grid-template-columns:minmax(0,1fr)}}

/* Calculator / panels */
.fm-calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:stretch}
.fm-panel{border-radius:var(--fm-r);padding:var(--fm-pad);display:flex;flex-direction:column;gap:20px;background:var(--fm-mint)}
.fm-panel--white{background:var(--fm-white);box-shadow:var(--fm-shadow);gap:14px}
.fm-panel--paper{background:var(--fm-paper)}
.fm-field{display:flex;flex-direction:column;gap:8px;font-weight:700}
.fm-input{height:56px;border-radius:12px;border:2px solid var(--fm-green);padding:0 16px;font-size:22px;font-family:var(--fm-head);font-weight:800;color:var(--fm-ink);background:var(--fm-white);width:100%}
.fm-input--kraft{border-color:var(--fm-kraft-deep)}
.fm-check{display:flex;gap:12px;align-items:center;min-height:44px;font-weight:600;cursor:pointer}
.fm-check input{width:22px;height:22px;accent-color:var(--fm-green);flex:none}
.fm-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body .fm-seg button,body .fm-seg button:is(:hover,:focus,:active){min-height:48px;border-radius:var(--fm-r-sm);border:2px solid var(--fm-green);background:var(--fm-white);color:var(--fm-green-deep);font-weight:700;font-size:15px;cursor:pointer;box-shadow:none}
body .fm-seg button[aria-pressed="true"]{background:var(--fm-green);color:#fff}
.fm-sum__title{font-family:var(--fm-head);font-weight:800;font-size:22px}
.fm-sum__row{display:flex;justify-content:space-between;gap:16px;font-size:17px}
.fm-sum__row b{white-space:nowrap}
.fm-sum__row.is-save{color:var(--fm-green)}
.fm-sum__total{display:flex;justify-content:space-between;gap:16px;padding-top:12px;font-family:var(--fm-head);font-weight:900;font-size:30px}
.fm-sum__later{background:var(--fm-mint);border-radius:12px;padding:14px 16px;font-size:15px;color:var(--fm-green-deep);font-weight:600}
.fm-sum__later:empty{display:none}
@media (max-width:900px){.fm-calc{grid-template-columns:minmax(0,1fr)}.fm-sum__total{font-size:26px}}

/* Meter */
.fm-meter{height:22px;border-radius:11px;background:var(--fm-carton);overflow:hidden}
.fm-meter__fill{height:22px;width:0;background:var(--fm-ball);transition:width .25s ease}
.fm-meter__scale{display:flex;justify-content:space-between;font-size:13px;color:var(--fm-ink-3)}
.fm-meter__msg{font-family:var(--fm-head);font-weight:900;font-size:28px;line-height:1.15}
.fm-meter__msg.is-free{color:var(--fm-green-deep)}

/* Countdown band */
.fm-count{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center}
.fm-count__boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fm-count__box{background:var(--fm-paper);border-radius:var(--fm-r);padding:22px;text-align:center}
.fm-count__n{font-family:var(--fm-head);font-weight:900;font-size:64px;line-height:1}
.fm-count__l{font-weight:600;color:var(--fm-ink-2)}
@media (max-width:900px){.fm-count{grid-template-columns:minmax(0,1fr)}}

/* Tables */
.fm-tablebox{overflow-x:auto;border-radius:var(--fm-r);background:var(--fm-white);box-shadow:var(--fm-shadow)}
.fm-table{width:100%;border-collapse:collapse;font-size:16px;min-width:620px}
.fm-table th,.fm-table td{text-align:left;padding:14px 18px;vertical-align:top}
.fm-table thead th{font-family:var(--fm-head);font-weight:800;font-size:16px;background:var(--fm-mint)}
.fm-table tbody tr:nth-child(even){background:#FAFBF8}
.fm-table td:first-child{font-weight:700}

/* Steps */
.fm-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fm-gutter);counter-reset:fm}
.fm-step{background:var(--fm-white);border-radius:var(--fm-r);padding:var(--fm-pad);display:grid;grid-template-rows:subgrid;grid-row:span 2;gap:8px}
.fm-step__t{font-family:var(--fm-head);font-weight:800;font-size:20px}
.fm-step__t::before{counter-increment:fm;content:counter(fm) '. '}
@media (max-width:900px){.fm-steps{grid-template-columns:minmax(0,1fr)}}

/* Prose blocks */
.fm-prose{max-width:780px;display:flex;flex-direction:column;gap:16px}
.fm-prose h2{font-size:clamp(26px,2.6vw,32px);font-weight:800;line-height:1.15;margin-top:12px}
.fm-prose h3{font-size:21px;font-weight:800;margin-top:6px}
.fm-prose ul,.fm-prose ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.fm-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start}
@media (max-width:900px){.fm-two,.fm-hero,.fm-hero--even{grid-template-columns:minmax(0,1fr);gap:32px}}

/* Help-center FAQ */
.fm-faq{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:48px;align-items:start}
.fm-faq__groups{display:flex;flex-direction:column;gap:30px}
.fm-faq__group{display:flex;flex-direction:column}
.fm-faq__group h3{font-size:22px;font-weight:800;margin:0 0 6px}
.fm-faq details summary{cursor:pointer;list-style:none;font-weight:600;font-size:17px;padding:13px 32px 13px 0;position:relative}
.fm-faq details summary::-webkit-details-marker{display:none}
.fm-faq details summary::after{content:'+';position:absolute;right:4px;top:12px;font-weight:700;color:var(--fm-green-deep)}
.fm-faq details[open] summary::after{content:'\2212'}
.fm-faq details > div{padding:0 0 16px;color:var(--fm-ink-2);font-size:16px;line-height:1.6}
.fm-help{background:var(--fm-mint);border-radius:var(--fm-r);padding:var(--fm-pad);display:flex;flex-direction:column;gap:12px;position:sticky;top:20px}
.fm-help__t{font-family:var(--fm-head);font-weight:800;font-size:22px}
.fm-help__phone{font-family:var(--fm-head);font-weight:900;font-size:26px;color:var(--fm-green-deep);text-decoration:none;white-space:nowrap}
.fm-help a:not(.fm-help__phone){font-weight:700}
@media (max-width:900px){.fm-faq{grid-template-columns:minmax(0,1fr);gap:28px}.fm-help{position:static}}

/* Footer */
.fm-foot{background:var(--fm-ball);color:var(--fm-ink)}
.fm-foot__in{padding-top:56px;padding-bottom:40px;display:flex;flex-direction:column;gap:36px}
.fm-foot__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px}
.fm-foot__line{font-size:16px;font-weight:500;max-width:32em;margin:0}
.fm-foot__cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;font-size:15px}
.fm-foot__col{display:flex;flex-direction:column;gap:10px}
.fm-foot__h{font-weight:800}
.fm-foot a:not(.fm-mark){color:var(--fm-ink);text-decoration:none}
.fm-foot a:not(.fm-mark):hover{text-decoration:underline}
.fm-legal{background:var(--fm-ink);color:#E9E9EC;font-size:13px}
.fm-legal__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:16px;padding-bottom:16px}
@media (max-width:900px){.fm-foot__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Forms (contact) */
.fm-form{display:flex;flex-direction:column;gap:16px;max-width:640px}
.fm-form input[type=text],.fm-form input[type=email],.fm-form textarea{width:100%;border:2px solid #C9D9CF;border-radius:12px;padding:12px 14px;font:inherit;background:var(--fm-white);color:var(--fm-ink)}
.fm-form textarea{min-height:160px;resize:vertical}
.fm-form label{display:flex;flex-direction:column;gap:6px;font-weight:700}
.fm-note{background:var(--fm-mint);border-radius:12px;padding:14px 16px;font-weight:600}

/* Directory */
.fm-dir{columns:2;column-gap:48px}
.fm-dir a{display:block;padding:6px 0}
.fm-dir__group{break-inside:avoid;display:flex;flex-direction:column;margin-bottom:28px}
.fm-dir__group h2{margin-bottom:6px}
@media (max-width:640px){.fm-dir{columns:1}}


/* Timeline of what happens next (Autoship) */
.fm-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--fm-gutter);position:relative}
.fm-track::before{content:"";position:absolute;left:12px;right:12px;top:11px;height:4px;border-radius:2px;background:var(--fm-ball)}
.fm-stop{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 4;gap:8px;padding-top:40px}
.fm-stop::before{content:"";position:absolute;top:0;left:0;width:26px;height:26px;border-radius:50%;background:var(--fm-green);box-shadow:0 0 0 5px var(--fm-paper)}
.fm-stop__when{font-size:14px;font-weight:700;color:var(--fm-green-deep)}
.fm-stop__big{font-family:var(--fm-head);font-weight:900;font-size:34px;line-height:1}
.fm-stop__t{font-weight:700;font-size:18px}
.fm-stop__x{font-size:16px;color:var(--fm-ink-2)}
@media (max-width:900px){.fm-track{grid-template-columns:minmax(0,1fr);gap:28px}.fm-track::before{left:11px;right:auto;top:12px;bottom:12px;width:4px;height:auto}.fm-stop{grid-row:auto;display:flex;flex-direction:column;padding-top:0;padding-left:46px}}

/* Dated history ledger (sale history) */
.fm-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fm-gutter)}
.fm-ledger__card{background:var(--fm-white);border-radius:var(--fm-r);padding:var(--fm-pad);display:flex;flex-direction:column;gap:14px}
.fm-ledger__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.fm-ledger__title{font-family:var(--fm-head);font-weight:800;font-size:24px}
.fm-ledger__next{font-size:14px;font-weight:700;background:var(--fm-ball);border-radius:999px;padding:6px 12px;white-space:nowrap}
.fm-ledger__row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:start}
.fm-ledger__yr{font-family:var(--fm-head);font-weight:900;font-size:22px;color:var(--fm-green-deep);line-height:1.2}
.fm-ledger__what{font-size:16px;color:var(--fm-ink-2)}
.fm-ledger__what strong{color:var(--fm-ink)}
@media (max-width:900px){.fm-ledger{grid-template-columns:minmax(0,1fr)}}

/* Verdict cards: a plain answer, then what to do instead */
.fm-verdicts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fm-gutter)}
.fm-verdict{background:var(--fm-white);border-radius:var(--fm-r);padding:var(--fm-pad);display:grid;grid-template-rows:subgrid;grid-row:span 5;gap:10px}
.fm-verdicts--mint .fm-verdict{background:var(--fm-mint)}
.fm-verdict__q{font-weight:700;font-size:16px;color:var(--fm-ink-3)}
.fm-verdict__a{font-family:var(--fm-head);font-weight:900;font-size:30px;line-height:1.1}
.fm-verdict__x{font-size:16px;color:var(--fm-ink-2)}
.fm-verdict__do{background:var(--fm-mint);border-radius:12px;padding:12px 14px;font-size:15px;font-weight:600;color:var(--fm-green-deep)}
.fm-verdicts--mint .fm-verdict__do{background:var(--fm-white)}
.fm-verdict__cta{font-weight:700;display:inline-flex;align-items:center;min-height:44px}
@media (max-width:900px){.fm-verdicts{grid-template-columns:minmax(0,1fr)}.fm-verdict{grid-row:auto;display:flex;flex-direction:column}}

/* Savings bars (a year of Autoship on one bag) */
.fm-bars{background:var(--fm-white);border-radius:var(--fm-r);padding:var(--fm-pad);display:flex;flex-direction:column;gap:12px;box-shadow:var(--fm-shadow)}
.fm-bars__row{display:grid;grid-template-columns:150px minmax(0,1fr) 80px;gap:14px;align-items:center;font-size:15px}
.fm-bars__track{height:16px;border-radius:8px;background:var(--fm-carton);overflow:hidden}
.fm-bars__fill{display:block;height:16px;border-radius:8px;background:var(--fm-green)}
.fm-bars__fill--ball{background:var(--fm-ball)}
.fm-bars__row b{text-align:right;white-space:nowrap}
.fm-bars__total{display:flex;justify-content:space-between;gap:16px;padding-top:10px;font-family:var(--fm-head);font-weight:900;font-size:26px;color:var(--fm-green-deep)}
@media (max-width:640px){.fm-bars__row{grid-template-columns:minmax(0,1fr) 70px;row-gap:6px}.fm-bars__track{grid-column:1 / -1;grid-row:2}}

/* Works / doesn't work checklist */
.fm-yesno{background:var(--fm-white);border-radius:var(--fm-r);padding:8px var(--fm-pad);display:flex;flex-direction:column}
.fm-yesno__row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0}
.fm-yesno__ic{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.fm-yesno__ic--y{background:var(--fm-mint);color:var(--fm-green-deep)}
.fm-yesno__ic--n{background:#F6E3DF;color:var(--fm-red)}
.fm-yesno__t{font-weight:700;font-size:17px}
.fm-yesno__x{font-size:15px;color:var(--fm-ink-2)}
.fm-yesno__v{font-family:var(--fm-head);font-weight:800;font-size:18px;white-space:nowrap}
.fm-yesno__v--y{color:var(--fm-green-deep)}
.fm-yesno__v--n{color:var(--fm-red)}
@media (max-width:640px){.fm-yesno__row{grid-template-columns:36px minmax(0,1fr)}.fm-yesno__v{grid-column:2}}

/* Who helps with what (two lists side by side) */
.fm-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fm-gutter)}
.fm-split__card{background:var(--fm-white);border-radius:var(--fm-r);padding:var(--fm-pad);display:flex;flex-direction:column;gap:14px}
.fm-split__card--paper{background:var(--fm-paper)}
.fm-split__card--mint{background:var(--fm-mint)}
.fm-split__t{font-family:var(--fm-head);font-weight:800;font-size:24px}
.fm-split__sub{font-size:15px;color:var(--fm-ink-3);margin-top:-8px}
.fm-split ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
@media (max-width:900px){.fm-split{grid-template-columns:minmax(0,1fr)}}

/* Reading pages with a side index (terms) */
.fm-read{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start}
.fm-read__index{position:sticky;top:20px;background:var(--fm-mint);border-radius:var(--fm-r);padding:22px 24px;display:flex;flex-direction:column;gap:2px}
.fm-read__index span{font-weight:800;margin-bottom:6px}
.fm-read__index a{display:flex;align-items:center;min-height:36px;font-size:15px;text-decoration:none}
.fm-read__index a:hover{text-decoration:underline}
.fm-clause{scroll-margin-top:20px}
@media (max-width:900px){.fm-read{grid-template-columns:minmax(0,1fr);gap:28px}.fm-read__index{position:static;order:-1}}
.fm-two--center{align-items:center}
.fm-bars > .fm-verdict__q{margin-bottom:4px}
.fm-steps--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.fm-steps--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.fm-steps--4{grid-template-columns:minmax(0,1fr)}}
.fm-split__card p{margin:0;font-size:16px;color:var(--fm-ink-2)}
.fm-clause{display:flex;flex-direction:column;gap:12px}.fm-clause h2{margin-top:0}.fm-clause + .fm-clause{margin-top:20px}
.fm-read .fm-prose{max-width:46em}
.fm-yesno__ic{position:relative;flex:none}
.fm-yesno__ic--y::before{content:"";width:11px;height:6px;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-2px) rotate(-45deg)}
.fm-yesno__ic--n::before,.fm-yesno__ic--n::after,.fm-split li.is-n::before,.fm-split li.is-n::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2.5px;margin:-1.25px 0 0 -7px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.fm-yesno__ic--n::after,.fm-split li.is-n::after{transform:rotate(-45deg)}
.fm-split li{position:relative;padding-left:34px;font-size:16px;line-height:1.5}
.fm-split li::before,.fm-split li::after{content:"";position:absolute}
.fm-split li.is-y::before{left:6px;top:7px;width:11px;height:6px;border-left:2.5px solid var(--fm-green-deep);border-bottom:2.5px solid var(--fm-green-deep);transform:rotate(-45deg)}
.fm-split li.is-n::before,.fm-split li.is-n::after{left:12px;top:12px;background:var(--fm-red)}
