/* Lines & Matter field-guide-first homepage (homepage layer).
   Applied on top of the live package by apply_homepage.py; every class is prefixed hg-. */
:root{--hg-ink:#1c2a20;--hg-ink-2:#2f3b2d;--hg-green:#344334;--hg-deep:#26392e;--hg-paper:#f8f6ef;--hg-cream:#f4f0e4;
 --hg-card:#fffdf8;--hg-line:#d9d4c1;--hg-line-2:#e2dccb;--hg-muted:#4f5b4d;--hg-gold:#7a5a1f;--hg-soft:#e6ecdc}

main.hg{max-width:none;margin:0;padding:0;background:var(--hg-paper);color:var(--hg-ink);overflow-wrap:break-word}
.hg *,.hg *::before,.hg *::after{box-sizing:border-box}
.hg-wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.hg-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hg-eyebrow{margin:0;font:600 12px/1.35 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#56633f}
.hg-icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hg-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:3px;background:var(--hg-green);
 color:#f8f6ef;font:600 15px/1.2 system-ui,sans-serif;text-decoration:none}
body .hg a.hg-btn:hover{background:var(--hg-deep);color:#fff;text-decoration:none}
.hg-link{display:inline-flex;align-items:center;min-height:44px;font:600 15px/1.4 system-ui,sans-serif;color:var(--hg-green);text-underline-offset:4px}
.hg h1,.hg h2,.hg h3{color:#16231a;letter-spacing:-.015em}

/* Hero: the guide working */
.hg-hero{background:var(--hg-cream);border-bottom:1px solid var(--hg-line-2)}
.hg-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:56px;align-items:center;padding-top:56px;padding-bottom:64px}
.hg-hero h1{margin:14px 0 18px;font:400 clamp(40px,4.6vw,60px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.025em}
.hg-lede{margin:0 0 26px;max-width:34em;font:19px/1.55 Georgia,"Times New Roman",serif;color:#33402f}
.hg-search{position:relative;max-width:580px}
.hg-search[hidden]{display:none}
.hg-search-row{display:flex;align-items:center;background:#fffdf7;border:1.5px solid var(--hg-green);border-radius:4px;padding:4px 4px 4px 14px;box-shadow:0 2px 0 #34433414}
.hg-search-row .hg-icon{color:var(--hg-green)}
.hg-search-row:focus-within{box-shadow:0 0 0 3px #e3c77d}
.hg-search input{flex:1;min-width:0;border:0;background:transparent;font:17px/1.2 system-ui,sans-serif;padding:13px 10px;color:var(--hg-ink)}
.hg-search input::placeholder{color:#626b5d}
.hg-search input:focus{outline:none}
.hg-search button{min-height:46px;padding:0 20px;border:0;border-radius:3px;background:var(--hg-green);color:#f8f6ef;font:600 15px/1 system-ui,sans-serif;cursor:pointer}
.hg-search button:hover{background:var(--hg-deep)}
.hg-search-status{margin:8px 2px 0;min-height:1.2em;font:14px/1.4 system-ui,sans-serif;color:var(--hg-muted)}
.hg-results{list-style:none;margin:4px 0 0;padding:6px;background:var(--hg-card);border:1px solid var(--hg-line);border-radius:4px;box-shadow:0 14px 30px -18px #1c2a2a80}
.hg-results[hidden]{display:none}
.hg-results a{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-height:44px;padding:9px 12px;border-radius:3px;color:var(--hg-ink);text-decoration:none}
.hg-results a:hover,.hg-results a:focus-visible{background:#ece7d8;outline:none}
.hg-results a:focus-visible{box-shadow:inset 0 0 0 2px var(--hg-green)}
.hg-r-name{font:600 16px/1.3 system-ui,sans-serif}
.hg-r-sci{font:italic 15px/1.3 Georgia,serif;color:var(--hg-muted)}
.hg-r-guide{margin-left:auto;font:13px/1.3 system-ui,sans-serif;color:var(--hg-muted)}
.hg-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.hg-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border:1px solid #c9c5b2;border-radius:999px;background:#fbf9f2;
 color:var(--hg-ink-2);font:500 14px/1.2 system-ui,sans-serif;text-decoration:none}
body .hg a.hg-chip:hover{border-color:var(--hg-green);background:#fff;color:var(--hg-ink);text-decoration:none}
.hg-chip-all{border-color:transparent;background:transparent;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.hg-shopline{margin:24px 0 0;font:15px/1.5 system-ui,sans-serif;color:var(--hg-muted)}
.hg-shopline a{color:var(--hg-green);font-weight:600;text-underline-offset:4px}

.hg-entry{background:var(--hg-card);border:1px solid var(--hg-line);border-top:4px solid var(--hg-green);border-radius:4px;overflow:hidden;
 box-shadow:0 22px 44px -28px #1c2a2a80}
.hg-entry-photo{margin:0;background:#e9e4d4}
.hg-entry-photo img{display:block;width:100%;height:300px;object-fit:cover}
.hg-entry-photo figcaption{padding:6px 14px;font:12px/1.4 system-ui,sans-serif;color:var(--hg-muted);border-bottom:1px solid var(--hg-line-2)}
.hg-entry-photo figcaption a{color:inherit}
.hg-entry-body{padding:18px 24px 22px}
.hg-entry h2{margin:6px 0 2px;font:400 29px/1.12 Georgia,"Times New Roman",serif}
.hg-sci{margin:0 0 12px;font:italic 17px/1.3 Georgia,serif;color:var(--hg-muted)}
.hg-details{display:grid;gap:7px;margin:0 0 14px;font:14px/1.45 system-ui,sans-serif}
.hg-details div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px}
.hg-details dt{font:600 11px/1.9 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#56633f}
.hg-details dd{margin:0;color:#2a362a}
.hg-closer{margin:0 0 16px;padding:12px 14px;background:#f2eedf;border-radius:3px;font:15px/1.5 Georgia,serif;color:#25331f}
.hg-closer b{display:block;margin-bottom:6px;font:600 11px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--hg-gold)}
.hg-entry-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0}

/* Hero option "pair": the book with one of its field guide entries */
.hg-cta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px}
.hg .hg-btn-ghost{background:transparent;color:var(--hg-green);box-shadow:inset 0 0 0 1.5px var(--hg-green)}
body .hg a.hg-btn-ghost:hover{background:#fffdf7;color:var(--hg-deep)}
.hg-price-line{margin:0;font:15px/1.5 system-ui,sans-serif;color:var(--hg-muted)}
.hg-pair{position:relative;padding:6px 0 36px}
.hg-pair-book{display:block;width:58%;transform:rotate(-2deg);border-radius:2px;overflow:hidden;background:#fff;box-shadow:0 28px 50px -26px #1c2a2aa6}
.hg-pair-book img{display:block;width:100%;height:auto}
.hg-pair-entry{position:absolute;right:0;bottom:0;width:56%;overflow:hidden;background:var(--hg-card);border:1px solid var(--hg-line);
 border-top:4px solid var(--hg-green);border-radius:4px;box-shadow:0 22px 44px -26px #1c2a2a80}
.hg-pair-photo img{display:block;width:100%;height:160px;object-fit:cover}
.hg-pair-body{padding:12px 16px 10px}
.hg-pair-body h2{margin:6px 0 2px;font:400 22px/1.15 Georgia,"Times New Roman",serif}
.hg-pair-body .hg-sci{margin-bottom:6px;font-size:15px}
.hg-pair-fact{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0;font:14.5px/1.5 Georgia,serif;color:#2a362a}
.hg-pair-credit{margin:2px 0 0;font:11.5px/1.4 system-ui,sans-serif;color:var(--hg-muted)}
.hg-pair-credit a{color:inherit}

/* Hero option "shop": a shelf of every volume, then the field guide band */
.hg-hero-shop>.hg-wrap{padding-top:48px;padding-bottom:36px}
.hg-shop-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;margin-bottom:28px}
.hg-shop-head .hg-lede{margin-bottom:0}
.hg-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.hg-shelf-item{display:flex;flex-direction:column;gap:3px;color:var(--hg-ink);text-decoration:none}
body .hg a.hg-shelf-item:hover{color:var(--hg-ink);text-decoration:none}
body .hg a.hg-shelf-item:hover .hg-shelf-name{text-decoration:underline;text-underline-offset:4px}
.hg-shelf-img{display:flex;align-items:center;justify-content:center;height:230px;padding:10px;background:#ece7d8;border-radius:3px}
.hg-shelf-img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto}
.hg-shelf-name{margin-top:8px;font:400 18px/1.2 Georgia,serif}
.hg-shelf-price{font:600 14px/1.3 system-ui,sans-serif;color:var(--hg-green)}
.hg-shelf-band{padding:36px 0 40px;background:#fdfbf6;border-bottom:1px solid var(--hg-line-2)}
.hg-shelf-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px;margin-bottom:16px}
.hg .hg-shelf-head h2{margin:0;font:400 clamp(24px,2.4vw,30px)/1.2 Georgia,"Times New Roman",serif}
.hg-search-intro{margin:22px 0 8px;font:15px/1.5 system-ui,sans-serif;color:var(--hg-ink-2)}
.hg-band{background:#fdfbf6;border-bottom:1px solid var(--hg-line-2)}
.hg-band .hg-hero-grid{padding-top:48px;padding-bottom:56px}
.hg-band h2{margin:10px 0 14px;font:400 clamp(30px,3.4vw,42px)/1.1 Georgia,"Times New Roman",serif}
.hg-guide-search{max-width:640px;margin-top:24px}
.hg-volume-links{margin-top:0}

/* Option "explore": a carousel of book-and-guide pairs */
.hg-carousel{position:relative;min-width:0}
.hg-slides{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
 list-style:none;margin:0;padding:8px 0 4px}
.hg-slides::-webkit-scrollbar{display:none}
.hg-slides:focus-visible{outline:3px solid #e3c77d;outline-offset:4px}
.hg-slide{min-width:0;padding:0 10px;scroll-snap-align:start}
.hg-slide .hg-pair{display:grid;grid-template-columns:minmax(0,58%) minmax(0,1fr);align-items:center;padding:12px 0 18px}
.hg-slide .hg-pair-book{width:100%}
.hg-slide .hg-pair-entry{position:relative;right:auto;bottom:auto;width:auto;margin-left:-16%}
.hg-carousel-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px}
.hg-arrow{width:44px;height:44px;border:1px solid var(--hg-line);border-radius:50%;background:var(--hg-card);color:var(--hg-green);
 font:600 18px/1 system-ui,sans-serif;cursor:pointer}
.hg-arrow:hover{border-color:var(--hg-green);background:#fff}
.hg-arrow:focus-visible,.hg-dot:focus-visible,.hg-vol:focus-visible{outline:3px solid #9c752e;outline-offset:3px}
.hg-dots{display:flex;list-style:none;margin:0;padding:0}
.hg-dot{position:relative;width:28px;height:44px;border:0;background:transparent;cursor:pointer}
.hg-dot::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:5px;background:#c3bfab;transition:width .2s,margin .2s,background .2s}
.hg-dot[aria-current="true"]::before{width:22px;margin-left:-11px;background:var(--hg-green)}

/* Option "explore" with the live colorful illustration in the hero; the carousel gets its own band */
.hg-hero-montage .hg-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;padding-top:40px;padding-bottom:48px}
.hg-montage{position:relative;margin:0 -40px 0 -4%}
.hg-montage img{display:block;width:100%;height:auto;mix-blend-mode:multiply;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent,#000 14%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);
 mask-composite:intersect}
.hg-montage figcaption{margin:0 6% 0 0;text-align:right;font:italic 14px/1.4 Georgia,"Times New Roman",serif;color:var(--hg-muted)}
.hg-carousel-band{background:var(--hg-cream);border-bottom:1px solid var(--hg-line-2)}
.hg-carousel-band .hg-hero-grid{padding-top:56px;padding-bottom:56px}
.hg .hg-carousel-band .hg-hero-copy h2{margin:10px 0 14px;font:400 clamp(30px,3.4vw,42px)/1.1 Georgia,"Times New Roman",serif}

/* Option "explore": every volume opens into its field guide species and its formats */
.hg-explore{padding:64px 0 72px;background:#fdfbf6;border-bottom:1px solid var(--hg-line-2)}
/* A shelf that scales: six covers fit on desktop; more scroll sideways (two rows on phones). */
.hg-vol-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 70px) / 6);gap:14px;overflow-x:auto;
 scroll-snap-type:x proximity;scrollbar-width:thin;list-style:none;margin:0;padding:4px 2px 10px}
.hg-vol-row>li{scroll-snap-align:start;min-width:0}
.hg-shelf-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin:0 0 12px}
.hg-rail-nav{display:flex;gap:8px}
.hg-rail-nav[hidden]{display:none}
.hg-vol{display:flex;flex-direction:column;gap:3px;width:100%;height:100%;padding:0 0 12px;border:1px solid var(--hg-line);border-radius:4px;
 background:var(--hg-cream);color:var(--hg-ink);text-align:left;font:inherit;cursor:pointer;transition:box-shadow .2s,transform .2s}
.hg-vol:hover{transform:translateY(-2px);box-shadow:0 12px 26px -16px #1c2a2a70}
.hg-vol[aria-expanded="true"]{box-shadow:0 0 0 2px var(--hg-green),0 14px 30px -18px #1c2a2a80}
.hg-vol-img{display:flex;align-items:center;justify-content:center;height:200px;padding:10px;background:#ece7d8;border-radius:3px 3px 0 0}
.hg-vol-img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto}
.hg-vol-name{padding:10px 12px 0;font:400 18px/1.2 Georgia,serif}
.hg-vol-meta{padding:0 12px;font:600 13px/1.3 system-ui,sans-serif;color:var(--hg-green)}
.hg-panels{margin-top:18px}
.hg-panel{padding:24px 26px 26px;background:var(--hg-card);border:1px solid var(--hg-line);border-top:4px solid var(--hg-green);border-radius:4px;
 box-shadow:0 24px 46px -32px #1c2a2a90;animation:hg-open .28s ease-out}
.hg-panel+.hg-panel{margin-top:18px}
.hg-panel[hidden]{display:none}
@keyframes hg-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.hg-panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px}
.hg .hg-panel h3{margin:0;font:400 30px/1.15 Georgia,"Times New Roman",serif}
.hg-panel-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;margin:0}
.hg .hg-panel h4{margin:22px 0 10px;font:600 12px/1.3 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--hg-muted)}
.hg-sp-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:2px;list-style:none;margin:0;padding:2px 2px 10px}
.hg-sp-strip li{flex:0 0 150px;scroll-snap-align:start}
.hg-sp{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--hg-line);border-radius:4px;background:#fbf9f2;color:var(--hg-ink);text-decoration:none}
body .hg a.hg-sp:hover{box-shadow:0 0 0 2px var(--hg-green);color:var(--hg-ink);text-decoration:none}
.hg-sp-img{display:block;height:110px;background:#e9e4d4}
.hg-sp-img img{display:block;width:100%;height:100%;object-fit:cover}
.hg-sp-name{padding:8px 10px 0;font:600 13.5px/1.3 system-ui,sans-serif}
.hg-sp-sci{padding:0 10px 10px;font:italic 13px/1.3 Georgia,serif;color:var(--hg-muted)}
.hg-sp-text{justify-content:flex-end;min-height:110px;background:linear-gradient(160deg,#eef2e8,#fbf9f2)}
.hg-sp-more{align-items:center;justify-content:center;min-height:100%;background:var(--hg-soft);font:600 14px/1.3 system-ui,sans-serif;color:var(--hg-green)}
/* Guides without photos yet: a tidy grid of name cards instead of empty picture boxes */
.hg-sp-strip-text{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));overflow:visible;scroll-snap-type:none}
.hg-sp-strip-text li{flex:none}
.hg-sp-strip-text .hg-sp-text{min-height:0;justify-content:center;padding-top:6px;background:#fbf9f2}
.hg-sp-strip-text .hg-sp-more{min-height:52px}
.hg-credits{font:12px/1.5 system-ui,sans-serif;color:var(--hg-muted)}
.hg-credits summary{display:inline-flex;align-items:center;min-height:32px;cursor:pointer}
.hg-credits ul{margin:4px 0 0;padding-left:18px}
.hg-credits a{color:inherit}
.hg-fmt-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:780px;list-style:none;margin:0;padding:0}
.hg-fmt{display:flex;flex-direction:column;gap:2px;color:var(--hg-ink);text-decoration:none}
body .hg a.hg-fmt:hover{color:var(--hg-ink);text-decoration:none}
body .hg a.hg-fmt:hover .hg-fmt-name{text-decoration:underline;text-underline-offset:4px}
.hg-fmt-img{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden;border-radius:3px;background:#ece7d8}
.hg-fmt-img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto}
.hg-fmt-name{margin-top:8px;font:400 19px/1.2 Georgia,serif}
.hg-fmt-price{font:600 14px/1.3 system-ui,sans-serif;color:var(--hg-green)}
.hg-quiz-band{padding:48px 0}
.hg .hg-quiz-wide{flex-direction:row;flex-wrap:wrap;align-items:center}

/* How it connects */
.hg-steps{padding:48px 0;background:var(--hg-paper)}
.hg-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hg-steps li{display:flex;gap:16px;align-items:flex-start;padding:22px 16px 6px 0;border-top:1px solid #cfcab6}
.hg-step-ic{flex:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hg-soft);color:var(--hg-green)}
.hg-step-num{display:block;margin-bottom:8px;font:600 12px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--hg-gold)}
.hg-steps h3{margin:0 0 6px;font:400 22px/1.2 Georgia,serif}
.hg-steps p{margin:0;font:15px/1.55 system-ui,sans-serif;color:#45503f}

/* The field guides */
.hg-guides{padding:72px 0 80px;background:#fdfbf6;border-top:1px solid var(--hg-line-2);border-bottom:1px solid var(--hg-line-2)}
.hg-sec-head{margin-bottom:28px;max-width:52em}
.hg-sec-head h2{margin:10px 0 10px;font:400 clamp(32px,3.6vw,44px)/1.1 Georgia,"Times New Roman",serif}
.hg-sec-head>p{margin:0;font:17px/1.55 system-ui,sans-serif;color:#45503f}
.hg-stats{display:flex;flex-wrap:wrap;gap:12px 36px;margin:20px 0 0;padding:0;list-style:none}
.hg-stats li{font:14px/1.35 system-ui,sans-serif;color:#45503f}
.hg-stats strong{display:block;font:400 30px/1.1 Georgia,serif;color:#16231a}
.hg-tier{margin:36px 0 14px;font:600 13px/1.3 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--hg-muted)}
.hg-volumes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.hg-volume{display:flex;flex-direction:column;background:var(--hg-cream);border:1px solid var(--hg-line);border-radius:4px;overflow:hidden}
.hg-volume-guide{display:flex;flex-direction:column;flex:1;color:var(--hg-ink);text-decoration:none}
.hg-volume-img{display:block;background:#ece7d8}
.hg-volume-img img{display:block;width:100%;height:230px;object-fit:contain;padding:14px 14px 0}
.hg-volume-name{padding:14px 16px 2px;font:400 23px/1.2 Georgia,serif}
.hg-volume-meta{padding:0 16px 14px;font:600 14px/1.4 system-ui,sans-serif;color:var(--hg-green)}
body .hg a.hg-volume-guide:hover{color:var(--hg-ink);text-decoration:none}
body .hg a.hg-volume-guide:hover .hg-volume-name{text-decoration:underline;text-underline-offset:4px}
.hg-volume-shop{display:flex;align-items:center;min-height:44px;padding:0 16px;border-top:1px solid var(--hg-line);background:#fbf9f2;
 font:500 14px/1.3 system-ui,sans-serif;color:var(--hg-muted);text-underline-offset:4px}
.hg-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.hg-tile{display:flex;flex-direction:column;height:100%;background:var(--hg-cream);border:1px solid var(--hg-line);border-radius:4px;overflow:hidden;color:var(--hg-ink);text-decoration:none}
body .hg a.hg-tile:hover{box-shadow:0 0 0 2px var(--hg-green),0 10px 24px -14px #1c2a2a66;color:var(--hg-ink);text-decoration:none}
.hg-tile-art{display:block;aspect-ratio:3/1;overflow:hidden;background:#f1ede0}
.hg-tile-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 50%;mix-blend-mode:multiply}
.hg-tile-meta{display:flex;flex-direction:column;gap:3px;padding:10px 14px 12px}
.hg-tile-name{font:400 19px/1.2 Georgia,serif}
.hg-tile-count{font:500 13px/1.2 system-ui,sans-serif;color:var(--hg-muted);white-space:nowrap}
.hg-guide-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 28px;margin:28px 0 0}
.hg-guide-foot a,.hg-maker-links a{display:inline-flex;align-items:center;min-height:44px;font:600 15px/1.4 system-ui,sans-serif;text-underline-offset:4px}
.hg-guide-foot a{color:var(--hg-green)}

/* From the field guides */
.hg-today{padding:72px 0}
.hg-today-grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:20px;align-items:stretch}
.hg-spots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.hg-spot{display:flex;flex-direction:column;background:var(--hg-card);border:1px solid var(--hg-line);border-radius:4px;overflow:hidden}
.hg-spot-card{display:flex;flex-direction:column;flex:1;padding-bottom:14px;color:var(--hg-ink);text-decoration:none}
body .hg a.hg-spot-card:hover{color:var(--hg-ink);text-decoration:none}
body .hg a.hg-spot-card:hover .hg-spot-name{text-decoration:underline;text-underline-offset:4px}
.hg-spot-img{display:block;background:#e9e4d4}
.hg-spot-img img{display:block;width:100%;height:180px;object-fit:cover}
.hg-spot-guide{padding:12px 14px 0;font:600 11px/1.4 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#56633f}
.hg-spot-name{padding:4px 14px 0;font:400 21px/1.2 Georgia,serif}
.hg-spot-sci{padding:0 14px;font:italic 15px/1.4 Georgia,serif;color:var(--hg-muted)}
.hg-spot-fact{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:10px 14px 0;font:14.5px/1.5 Georgia,serif;color:#2a362a}
.hg-credit{margin:0;padding:8px 14px;border-top:1px solid var(--hg-line-2);font:12px/1.4 system-ui,sans-serif;color:var(--hg-muted)}
.hg-credit a{color:inherit}
.hg-quiz{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:28px;border-radius:4px;background:var(--hg-deep);color:#f4f0e4}
.hg-quiz .hg-eyebrow{color:#cfd9bf}
.hg-quiz h2{margin:10px 0 8px;font:400 28px/1.15 Georgia,serif;color:#fff}
.hg-quiz p{margin:0;font:15px/1.5 system-ui,sans-serif;color:#dfe6d4}
.hg-pills{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.hg-pills li{padding:7px 11px;border:1px solid #6f8467;border-radius:999px;font:500 13px/1 system-ui,sans-serif;color:#eef3e6}
.hg .hg-btn-light{background:#f4f0e4;color:var(--hg-ink);justify-content:center}
body .hg a.hg-btn-light:hover{background:#fff;color:var(--hg-ink)}

/* Shop */
.hg-shop{padding:64px 0;background:var(--hg-cream);border-top:1px solid var(--hg-line-2)}
.hg-shop-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.hg-shop h2{margin:10px 0 12px;font:400 clamp(30px,3.2vw,40px)/1.1 Georgia,serif}
.hg-shop-grid>div>p{margin:0 0 22px;font:17px/1.55 system-ui,sans-serif;color:#45503f}
.hg-formats{display:grid;gap:16px;list-style:none;margin:0;padding:0}
.hg-formats li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:var(--hg-card);border:1px solid var(--hg-line);border-radius:4px;
 font:15px/1.45 system-ui,sans-serif;color:var(--hg-ink-2)}
.hg-formats .hg-icon{margin-top:1px;color:#5d7a3e}
.hg-formats b{display:block;font:600 16px/1.3 system-ui,sans-serif;color:var(--hg-ink)}

/* Conservation pledge: hero badge, shop note and its own band */
.hg-pledge-badge{display:flex;align-items:center;gap:8px;margin:10px 0 0}
.hg-pledge-badge .hg-icon,.hg-shop-pledge .hg-icon{color:#4d6b34}
.hg-pledge-badge a{display:inline-flex;align-items:center;min-height:44px;font:600 15px/1.4 system-ui,sans-serif;color:var(--hg-deep);text-underline-offset:4px}
.hg-shop-pledge{display:flex;gap:12px;align-items:flex-start;max-width:34em;margin:24px 0 0;padding:14px 16px;background:var(--hg-soft);border-radius:4px;
 font:15px/1.5 system-ui,sans-serif;color:var(--hg-ink-2)}
.hg-shop-pledge a{color:var(--hg-green);font-weight:600;text-underline-offset:4px}
.hg-pledge{padding:64px 0 24px;background:var(--hg-green);color:#f4f0e4}
.hg-pledge-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 56px;align-items:center}
.hg-pledge p.hg-pledge-num{margin:0;font:400 clamp(96px,12vw,168px)/.9 Georgia,"Times New Roman",serif;letter-spacing:-.04em;color:#e3c77d}
.hg-pledge .hg-eyebrow{color:#cfd9bf}
.hg .hg-pledge h2{margin:10px 0 14px;max-width:22em;font:400 clamp(28px,3.2vw,40px)/1.15 Georgia,"Times New Roman",serif;color:#fff}
.hg-pledge p{margin:0 0 12px;max-width:46em;font:17px/1.6 system-ui,sans-serif;color:#e4eadb}
.hg-pledge-links{margin-top:4px!important}
.hg-pledge-links a,.hg-about-line a{display:inline-flex;align-items:center;min-height:44px;color:#fff7cf;font-weight:600;text-underline-offset:4px}
body .hg .hg-pledge a:hover{color:#fff}
.hg .hg-about-line{margin:40px 0 0;padding-top:12px;border-top:1px solid #56685a;font-size:15px;color:#cfd9bf}
.hg .growth-signup-band{margin:56px auto}

@media(max-width:1100px){
 .hg-hero-grid{gap:36px}
 .hg-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hg-vol-row{grid-auto-columns:calc((100% - 28px) / 3)}
 .hg-volumes,.hg-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hg-today-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:820px){
 .hg-wrap{padding:0 16px}
 .hg-hero-grid{grid-template-columns:minmax(0,1fr);padding-top:28px;padding-bottom:36px;gap:28px}
 .hg-lede{font-size:17px}
 .hg-entry-photo img{height:240px}
 .hg-pair{padding-bottom:0}
 .hg-pair-book{width:64%;margin:0 auto 0 4%}
 .hg-pair-entry{position:relative;width:86%;margin:-72px 0 0 auto}
 .hg-hero-shop>.hg-wrap{padding-top:28px}
 .hg-slide .hg-pair{grid-template-columns:minmax(0,1fr)}
 .hg-slide .hg-pair-book{width:68%;margin:0 auto}
 .hg-slide .hg-pair-entry{width:90%;margin:-64px 0 0 auto}
 .hg-explore{padding:44px 0 48px}
 .hg-hero-montage .hg-hero-grid{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:28px;padding-bottom:32px}
 .hg-montage{order:-1;margin:-16px -16px 0}
 .hg-montage img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 92%,transparent)}
 .hg-montage figcaption{margin:0 0 14px;text-align:center}
 .hg-carousel-band .hg-hero-grid{padding-top:36px;padding-bottom:36px}
 .hg-panel{padding:18px 16px 20px}
 .hg-band .hg-hero-grid{padding-top:32px;padding-bottom:36px}
 .hg-steps{padding:28px 0 20px}
 .hg-steps ol{grid-template-columns:minmax(0,1fr);gap:0}
 .hg-steps li{padding:14px 0}
 .hg-guides,.hg-today{padding:44px 0}
 .hg-shop{padding:44px 0}
 .hg-shop-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .hg-pledge{padding:44px 0 16px}
 .hg-pledge-grid{grid-template-columns:minmax(0,1fr);gap:4px}
 .hg-pledge p.hg-pledge-num{font-size:88px}
 .hg .hg-about-line{margin-top:28px}
}
@media(max-width:560px){
 .hg-hero h1{font-size:36px}
 .hg-search input{font-size:16px;padding:12px 6px}
 .hg-search button{padding:0 14px}
 .hg-chips{flex-wrap:nowrap;overflow-x:auto;margin:14px -16px 0;padding:0 16px 6px;scrollbar-width:none}
 .hg-chips li{flex:none}
 .hg-entry-body{padding:16px}
 .hg-details div{grid-template-columns:minmax(0,1fr);gap:0}
 .hg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .hg-stats li{font-size:13px}
 .hg-stats strong{font-size:24px}
 .hg-volumes,.hg-tiles{gap:12px}
 .hg-volume-img img{height:150px;padding:10px 10px 0}
 .hg-volume-name{padding:10px 12px 2px;font-size:18px}
 .hg-volume-meta{padding:0 12px 10px;font-size:13px}
 .hg-volume-shop{padding:0 12px;font-size:13px}
 .hg-tile-art{aspect-ratio:2/1}
 .hg-tile-meta{padding:8px 10px 10px}
 .hg-tile-name{font-size:16px}
 .hg-spots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;gap:12px;margin:0 -16px;padding:0 16px 8px;scrollbar-width:thin}
 .hg-spot{flex:0 0 82%;scroll-snap-align:start}
 .hg-spot-img img{height:170px}
 .hg-r-guide{margin-left:0;width:100%}
 .hg-shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;gap:12px;margin:0 -16px;padding:0 16px 8px}
 .hg-shelf li{flex:0 0 42%;scroll-snap-align:start}
 .hg-shelf-img{height:180px}
 .hg-cta .hg-btn{flex:1 1 100%;justify-content:center}
 .hg-vol-row{grid-template-rows:repeat(2,auto);grid-auto-columns:44%;gap:10px;margin:0 -16px;padding:4px 16px 10px;scroll-padding-inline:16px}
 .hg-vol-img{height:150px}
 .hg-vol-name{font-size:16px}
 .hg .hg-panel h3{font-size:24px}
 .hg-sp-strip li{flex-basis:132px}
 .hg-sp-strip-text{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hg-fmt-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}
 .hg-fmt-row li{flex:0 0 70%;scroll-snap-align:start}
}
/* Layout "plate": the colorful illustration as a frontispiece, a shelf of real covers, the field guides
   with their photographs, one pledge band. Content lines up with the site header's logo. */
.hg{--hg-gutter:clamp(16px,4.95vw,72px);--hg-site:#f5f1e7;--hg-vellum:#fcfaf4;--hg-rule:#ddd6c3;--hg-moss:#56633f;--hg-gilt:#e3c77d}
.hg-x{max-width:1440px;margin:0 auto;padding:0 var(--hg-gutter)}
.hg-x a:focus-visible,.hg-x button:focus-visible,.hg-x input:focus-visible{outline:3px solid #9c752e;outline-offset:3px}

/* The hero takes the illustration's own paper color (its edges are #f6efe1), so the picture needs no mask
   or blend and shows the same in every browser. On laptops and desktops the illustration sits beside the
   headline, runs to the right edge and is capped at the window height, so all of it is on the first screen. */
.hg-front{padding:clamp(20px,2.5vw,36px) 0 clamp(28px,3vw,48px);background:#f6efe1;overflow:hidden}
.hg-front .hg-x{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,3vw,48px);align-items:center}
.hg-front-head{margin:0}
.hg .hg-front h1{margin:0 0 20px;max-width:9em;font:400 clamp(40px,4.4vw,68px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.035em;
 color:#16231a;text-wrap:balance}
.hg-front .hg-lede{margin:0 0 22px;font-size:clamp(17px,1.35vw,19px)}
.hg-front .hg-cta{margin-bottom:14px}
.hg-front .hg-pledge-badge{margin-top:4px}
.hg-plate{margin:0 calc(-1 * var(--hg-gutter)) 0 0}
.hg-plate-art{position:relative;display:block;margin-left:auto;width:min(100%,calc((100vh - 150px) * var(--hg-ar,1.5)));
 width:min(100%,calc((100svh - 150px) * var(--hg-ar,1.5)))}
.hg-plate-art img{display:block;width:100%;height:auto}
/* fade the painted paper's left, top and bottom edges into the page (background layers, no mask) */
.hg-plate-art::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(90deg,#f6efe1,#f6efe100 7%),linear-gradient(180deg,#f6efe1,#f6efe100 6%,#f6efe100 94%,#f6efe1)}
.hg-plate figcaption{margin:4px var(--hg-gutter) 0 0;text-align:right;font:italic 15px/1.4 Georgia,"Times New Roman",serif;color:var(--hg-muted)}

.hg-books{padding:clamp(56px,7vw,112px) 0;background:var(--hg-vellum)}
.hg-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 32px;margin-bottom:clamp(28px,3.5vw,48px)}
.hg .hg-head h2,.hg .hg-field-head h2{margin:0 0 12px;font:400 clamp(34px,3.8vw,52px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.025em}
.hg-head p{margin:0;max-width:40em;font:17px/1.55 system-ui,sans-serif;color:#45503f}
.hg-book-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(18px,2.2vw,36px);list-style:none;margin:0;padding:0}
.hg-book{position:relative;display:flex;flex-direction:column;min-width:0}  /* keeps its hidden label inside the scrolling shelf */
.hg-book-main{display:flex;flex-direction:column;color:var(--hg-ink);text-decoration:none}
body .hg a.hg-book-main:hover{color:var(--hg-ink);text-decoration:none}
body .hg a.hg-book-main:hover .hg-book-name{text-decoration:underline;text-underline-offset:4px}
.hg-book-cover{display:block;aspect-ratio:8.5/11;overflow:hidden;border-radius:1px 3px 3px 1px;background:#e9e4d6;
 box-shadow:0 1px 1px #1c2a2a1f,0 10px 18px -10px #1c2a2a59,0 28px 40px -30px #1c2a2a73;transition:transform .25s ease,box-shadow .25s ease}
.hg-book-cover img{display:block;width:100%;height:100%;object-fit:cover}
body .hg a.hg-book-main:hover .hg-book-cover{transform:translateY(-4px);box-shadow:0 1px 1px #1c2a2a1f,0 16px 24px -12px #1c2a2a66,0 34px 46px -30px #1c2a2a80}
.hg-book-name{margin-top:18px;font:400 19px/1.25 Georgia,serif}
.hg-book-meta{margin-top:4px;font:14px/1.4 system-ui,sans-serif;color:var(--hg-muted)}
.hg-book-guide{align-self:flex-start;display:inline-flex;align-items:center;min-height:40px;font:600 14px/1.3 system-ui,sans-serif;
 color:var(--hg-green);text-underline-offset:4px}
.hg-ways{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:20px clamp(32px,4vw,64px);margin-top:clamp(48px,6vw,80px);
 padding-top:32px;border-top:1px solid var(--hg-rule)}
.hg .hg-ways h3,.hg .hg-index h3{margin:0;font:400 23px/1.25 Georgia,"Times New Roman",serif;color:#16231a}
.hg-ways ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px clamp(24px,3vw,48px);list-style:none;margin:0;padding:0}
.hg-ways li{display:flex;gap:14px;align-items:flex-start}
.hg-ways .hg-icon{margin-top:1px;color:#5d7a3e}
.hg-ways b{display:block;font:600 16px/1.3 system-ui,sans-serif;color:var(--hg-ink)}
.hg-way-price{display:block;margin-top:2px;font:600 14px/1.3 system-ui,sans-serif;color:var(--hg-green)}
.hg-way-text{display:block;margin-top:6px;font:15px/1.5 system-ui,sans-serif;color:#45503f}

.hg-field{padding:clamp(56px,7vw,112px) 0;background:var(--hg-site)}
.hg-field-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px clamp(32px,5vw,80px);align-items:end;
 margin-bottom:clamp(32px,4vw,56px)}
.hg-field-head .hg-lede{margin:0;max-width:34em}
.hg-maker{margin:16px 0 0;font:15px/1.5 system-ui,sans-serif;color:#45503f}
.hg-maker a{font-weight:600;color:var(--hg-green);text-underline-offset:4px}
.hg-field-search .hg-search-intro{margin:0 0 10px;font:600 15px/1.4 system-ui,sans-serif;color:var(--hg-ink-2)}
.hg-field-search .hg-search{max-width:none}
.hg-specimens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);list-style:none;margin:0;padding:0}
.hg-specimen{display:flex;flex-direction:column;min-width:0;background:var(--hg-card);border:1px solid var(--hg-rule);border-radius:3px;overflow:hidden}
.hg-specimen-link{display:flex;flex-direction:column;flex:1;padding-bottom:18px;color:var(--hg-ink);text-decoration:none}
body .hg a.hg-specimen-link:hover{color:var(--hg-ink);text-decoration:none}
body .hg a.hg-specimen-link:hover .hg-specimen-name{text-decoration:underline;text-underline-offset:4px}
.hg-specimen-photo{display:block;aspect-ratio:4/3;overflow:hidden;background:#e9e4d4}
.hg-specimen-photo img{display:block;width:100%;height:100%;object-fit:cover}
.hg-specimen-book{padding:16px 18px 0;font:600 13px/1.3 system-ui,sans-serif;color:var(--hg-moss)}
.hg-specimen-name{padding:6px 18px 0;font:400 22px/1.2 Georgia,serif;color:#16231a}
.hg-specimen-sci{padding:2px 18px 0;font:italic 15px/1.4 Georgia,serif;color:var(--hg-muted)}
.hg-specimen-fact{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:12px 18px 0;
 font:15px/1.55 Georgia,serif;color:#2a362a}
.hg-specimen .hg-credit{padding:10px 18px}
.hg-index{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:20px clamp(32px,4vw,64px);margin-top:clamp(48px,6vw,88px);
 padding-top:32px;border-top:1px solid var(--hg-rule)}
.hg-index-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px clamp(24px,3vw,48px)}
.hg .hg-index h4{margin:0 0 6px;font:600 14px/1.3 system-ui,sans-serif;color:var(--hg-moss)}
.hg-index ul{list-style:none;margin:0;padding:0}
.hg-index-more ul{columns:2;column-gap:clamp(24px,3vw,48px)}
.hg-index li{break-inside:avoid}
.hg-index a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid #e3dccb;font:18px/1.3 Georgia,serif;color:#1c2a20;text-decoration:none}
body .hg .hg-index a:hover{color:var(--hg-green);text-decoration:underline;text-underline-offset:4px}
.hg-quizline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:clamp(40px,5vw,64px);
 padding:24px clamp(20px,2.5vw,32px);background:#e8ede0;border-radius:3px}
.hg-quizline p{margin:0;max-width:44em;font:16px/1.5 system-ui,sans-serif;color:#2f3b2d}
.hg-quizline b{display:block;margin-bottom:4px;font:400 24px/1.2 Georgia,"Times New Roman",serif;color:#16231a}
.hg-field-foot{display:flex;flex-wrap:wrap;gap:4px 28px;margin:20px 0 0}
.hg-field-foot a{display:inline-flex;align-items:center;min-height:44px;font:600 15px/1.4 system-ui,sans-serif;color:var(--hg-green);
 text-underline-offset:4px}

.hg-promise{padding:clamp(56px,7vw,112px) 0;background:var(--hg-green);color:#f4f0e4}
.hg-promise-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px clamp(40px,6vw,96px);align-items:end}
.hg .hg-promise h2{margin:0;font:400 clamp(30px,3.3vw,46px)/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.015em;color:#fff}
.hg-promise-num{display:block;margin-bottom:12px;font:400 clamp(104px,12vw,184px)/.85 Georgia,"Times New Roman",serif;
 letter-spacing:-.045em;color:var(--hg-gilt)}
.hg-promise-body p{margin:0 0 14px;max-width:36em;font:17px/1.65 system-ui,sans-serif;color:#e4eadb}
.hg-promise-body p:last-child{margin-bottom:0}
.hg-promise-body a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:#fff7cf;text-underline-offset:4px}
body .hg .hg-promise a:hover{color:#fff}
.hg-promise a:focus-visible{outline-color:var(--hg-gilt)}

@media(max-width:1100px){
 .hg-book-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hg-specimens{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hg-ways,.hg-index{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:820px){
 .hg-front .hg-x{display:flex;flex-direction:column}
 .hg-front{padding-top:0}
 .hg-plate{order:-1;margin:0 calc(-1 * var(--hg-gutter)) 20px}
 .hg-plate-art{width:100%;margin:0}
 .hg-plate figcaption{margin:2px 0 0;text-align:center}
 .hg .hg-front h1{max-width:none}
 .hg-front-head,.hg-field-head,.hg-promise-grid{grid-template-columns:minmax(0,1fr)}
 .hg-front-head{gap:18px;margin-bottom:0}
 .hg-book-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  margin:0 calc(-1 * var(--hg-gutter));padding:6px var(--hg-gutter) 12px;scroll-padding-inline:var(--hg-gutter)}
 .hg-book-row::-webkit-scrollbar{display:none}
 .hg-book{flex:0 0 29%;scroll-snap-align:start}
 .hg-specimens{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  margin:0 calc(-1 * var(--hg-gutter));padding:0 var(--hg-gutter) 10px;scroll-padding-inline:var(--hg-gutter)}
 .hg-specimens::-webkit-scrollbar{display:none}
 .hg-specimen{flex:0 0 46%;scroll-snap-align:start}
 .hg-ways ul,.hg-index-cols{grid-template-columns:minmax(0,1fr)}
 .hg-promise-num{margin-bottom:8px}
}
@media(max-width:560px){
 .hg .hg-front h1{font-size:42px}
 .hg-front .hg-lede{font-size:17px}
 .hg-book{flex-basis:44%}
 .hg-specimen{flex-basis:84%}
 .hg-index a{font-size:16px}
 .hg-index-cols ul{columns:2;column-gap:20px}
 .hg-quizline .hg-btn{flex:1 1 100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.hg *{transition:none!important}}