/* Matches the current subscribe.montgo.co v3 look: ET Book serif, cream paper, sage green. */
@font-face{font-family:ETBook;src:url('/assets/fonts/et-book/et-book-roman-old-style-figures.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:ETBook;src:url('/assets/fonts/et-book/et-book-display-italic-old-style-figures.woff') format('woff');font-style:italic;font-display:swap}
@font-face{font-family:ETBook;src:url('/assets/fonts/et-book/et-book-semi-bold-old-style-figures.woff') format('woff');font-weight:600;font-display:swap}

:root{--paper:#f9f5f0;--ink:#26332e;--green:#365b50;--muted:#5e655e;--line:#d3d7cd;--accent:#744e57}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:ETBook,Georgia,serif;font-size:21px;line-height:1.5}
.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3{font-weight:400;line-height:1.06;margin:0}
h1{font-size:clamp(45px,5.2vw,72px);letter-spacing:-.035em;max-width:690px}
h1 em,h2 em{color:var(--green)}
h2{font-size:42px;letter-spacing:-.025em}
h3{font-size:29px;line-height:1.17}
.eyebrow,.number{font:10px/1.6 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.eyebrow{color:var(--green);margin-bottom:24px}
.lede{font-size:25px;line-height:1.35;margin-top:26px}

.hero{padding-block:45px 55px;display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center}
.hero-copy>p:not(.eyebrow){max-width:590px}

/* The booklet image */
.book-shot{margin:0}.book-shot img{display:block;width:100%;height:auto}

/* Form */
form{margin-top:30px}
label{display:block;font:12px Arial,sans-serif;margin-bottom:8px}
.form-row{display:flex;gap:8px;margin-bottom:8px}
.field{flex:1;display:flex;flex-direction:column;min-width:0}.field.wide{flex:1.4}.field input{width:100%;flex:none}
input{width:0;min-width:0;flex:1;background:#fffdf9;border:1px solid #929c92;border-radius:3px;padding:15px;font:16px Arial,sans-serif;color:var(--ink)}
input.state{flex:0 0 80px}
input.zip{flex:0 0 110px}
details.print{border:1px dashed #b9c2b4;border-radius:3px;padding:12px 14px;margin:4px 0 12px;font:14px/1.5 Arial,sans-serif}
details.print summary{cursor:pointer;color:var(--green)}
details.print[open] summary{margin-bottom:10px}
button,.button{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:3px;padding:16px 20px;font:13px/1.3 Arial,sans-serif;text-decoration:none;cursor:pointer;display:inline-block}
button span,.button span{margin-left:12px}
button:hover,.button:hover{background:#27453c}
button:disabled{opacity:.6;cursor:progress}
.fine{font:12px/1.5 Arial,sans-serif;color:var(--muted);margin-top:12px}
.status{font:13px/1.5 Arial,sans-serif;color:var(--accent);margin:8px 0 0}
.status:empty{display:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Inside the book */
.inside{border-top:1px solid var(--line);padding-block:62px 66px}
.section-intro{max-width:630px}
.section-intro .eyebrow{margin-bottom:15px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:37px}
.grid3 article{border-top:1px solid var(--line);padding-top:19px}
.number{color:var(--accent);display:block;margin-bottom:18px}
.grid3 p{font-size:19px;color:var(--muted);margin:17px 0 0}

/* About */
.about{border-top:1px solid var(--line);padding-block:65px}
.about-grid{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:start}
.about-photo{display:block;width:100%;height:auto;padding:9px;background:#fffdf9;border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 3px rgba(38,51,46,.07)}
.about-copy{max-width:620px}
.signature{font-style:italic;color:var(--green);font-size:28px!important}

.closing{text-align:center;border-block:1px solid var(--line);padding:56px 20px}
.closing h2{font-size:44px}
.closing .eyebrow{margin-bottom:17px}
.closing>p:not(.eyebrow):not(.fine){margin-top:20px}

/* Fit check */
.narrow{max-width:660px;padding-block:60px 70px}
fieldset{border:0;margin:0 0 26px;padding:0}
legend{font-size:23px;margin-bottom:12px;padding:0}
.choice{display:flex;align-items:center;gap:12px;background:#fffdf9;border:1px solid var(--line);border-radius:3px;padding:12px 14px;margin:7px 0;cursor:pointer;font:16px Arial,sans-serif}
.choice:has(input:checked){border-color:var(--green);box-shadow:0 0 0 3px rgba(54,91,80,.15)}
.choice input{flex:0 0 auto;width:auto;accent-color:var(--green)}
.success{padding-block:90px;max-width:640px}
.success h2{margin-bottom:22px}

footer{padding-block:28px 35px;font:11px/1.6 Arial,sans-serif;color:var(--muted);border-top:1px solid var(--line)}
footer p{margin-bottom:5px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}

@media(max-width:850px){.wrap{width:calc(100% - 48px)}.hero{gap:30px;grid-template-columns:1.3fr 1fr}.form-row{flex-direction:column}input,input.state,input.zip{width:100%;flex:1 1 auto}.grid3{gap:24px}.about-grid{grid-template-columns:200px 1fr;gap:32px}}
@media(max-width:640px){body{font-size:20px}.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-block:32px 40px;gap:36px}h1{font-size:49px}.lede{font-size:23px}.book-shot{max-width:420px;margin-inline:auto}.inside{padding-block:39px}.grid3{grid-template-columns:1fr;gap:27px}h2{font-size:35px}.about{padding-block:40px}.about-grid{grid-template-columns:1fr;gap:20px}.about-photo{max-width:200px}.closing{padding-block:40px}.closing h2{font-size:36px}button{min-height:50px;width:100%}.closing .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}