.button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:46px;padding:.8rem 1.3rem;border:1px solid var(--green-700);border-radius:999px;background:var(--green-700);color:#fff;font-weight:750;text-decoration:none;box-shadow:0 6px 14px rgba(47,118,82,.17);cursor:pointer;transition:transform .22s var(--ease),background .22s,color .22s,box-shadow .22s}.button:hover{background:var(--green-800);box-shadow:0 9px 22px rgba(47,118,82,.22);transform:translateY(-2px)}.button:active{transform:none}.button:disabled{opacity:.58;cursor:not-allowed}.button--light{background:#fff;color:var(--green-800)}.button--cream{background:var(--cream);color:var(--green-950);border-color:var(--cream)}.text-link,.card-link{color:var(--green-700);font-weight:750;text-decoration-thickness:1px;text-underline-offset:.24em;transition:color .2s}.text-link:hover,.card-link:hover{color:var(--green-900)}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:1.4rem}.trust-list{display:flex;gap:1.5rem;list-style:none;padding:0;margin-top:2.7rem;color:var(--muted);font-size:.82rem}.trust-list li:before,.check-list li:before{content:"✓";margin-right:.5rem;color:var(--green-700);font-weight:800}.category-card{position:relative;min-height:280px;padding:1.9rem;border:1px solid transparent;border-radius:var(--radius);text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}.category-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(47,118,82,.15)}.category-card h3{max-width:230px;margin-top:2.3rem}.category-card p{font-size:.92rem}.card-icon{display:block;width:46px;height:46px;border:2px solid currentColor;border-radius:50% 10% 50% 50%;opacity:.58;transition:transform .3s var(--ease)}.category-card:hover .card-icon{transform:rotate(8deg) scale(1.06)}.card-arrow{position:absolute;right:1.6rem;bottom:1.35rem;font-size:1.4rem;transition:transform .25s}.category-card:hover .card-arrow{transform:translateX(4px)}.tone-sage{background:var(--sage)}.tone-sand{background:var(--sand)}.tone-lavender{background:var(--lavender)}.tone-sky{background:var(--sky)}.tone-peach{background:var(--peach)}.tone-olive{background:var(--olive)}.article-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}.article-art{display:block;aspect-ratio:8/5;overflow:hidden;background:var(--sage)}.article-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease),filter .3s}.article-card:hover .article-art img{transform:scale(1.035)}.article-art.tone-sand img{filter:sepia(.16)}.article-art.tone-lavender img{filter:hue-rotate(35deg)}.article-body{padding:1.6rem}.article-body h3 a{text-decoration:none}.article-body h3 a:hover{color:var(--green-700)}.card-link{font-size:.9rem}.wide-card{padding:2.5rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;text-decoration:none;transition:transform .25s,box-shadow .25s}.wide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.wide-card--green{background:var(--green-800);color:#fff}.wide-card--green p,.wide-card--green .eyebrow{color:#d8e8df}.article-hero-art{overflow:hidden;border-radius:var(--radius-xl) var(--radius-xl) var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-sm)}.article-hero-art img{width:100%;height:100%;min-height:380px;object-fit:cover}.article-meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--muted);font-size:.82rem}.article-meta span+span:before{content:"·";margin-right:1rem}.notice{padding:1.2rem 1.4rem;background:var(--green-50);border-left:4px solid var(--green-600);border-radius:0 var(--radius-sm) var(--radius-sm) 0}blockquote{margin:2.5rem 0;padding:1rem 2rem;border-left:4px solid #c1932d;color:var(--green-800);font:1.5rem/1.45 var(--serif)}.steps>div,.tool-card{padding:1.3rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm)}.steps span,.chapter-list span{color:var(--green-700);font-weight:800}.steps h3{margin-top:.7rem;font:700 1rem/1.3 var(--sans)}.check-list{list-style:none;padding:0}.check-list li{margin:.7rem 0}.author-box{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius)}.avatar{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:var(--green-700);color:#fff;font:2rem var(--serif)}.author-box p{margin:0;font-size:.9rem}.book-cover{--angle:0deg;position:relative;isolation:isolate;overflow:visible;display:flex;flex-direction:column;aspect-ratio:2/3;padding:1.25rem 1.15rem 1.1rem 1.45rem;background:linear-gradient(90deg,#e9e7e0 0 2%,#fff 4% 96%,#f5f2eb 100%);border:1px solid rgba(31,48,40,.1);border-radius:2px 7px 7px 2px;box-shadow:var(--shadow-book),inset 2px 0 rgba(255,255,255,.8);container-type:inline-size;text-decoration:none;transform:rotate(var(--angle));transform-origin:center bottom;transition:transform .34s var(--ease),box-shadow .34s var(--ease)}
.book-cover-surface{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,42%) minmax(0,1fr) auto;overflow:hidden;padding:inherit;border-radius:inherit;background:inherit}
.book-cover:after{content:"";position:absolute;z-index:-1;right:-6px;top:5px;bottom:-4px;width:8px;border-radius:0 5px 5px 0;background:repeating-linear-gradient(90deg,#dedbd3 0 1px,#f8f6f0 1px 3px);box-shadow:3px 3px 8px rgba(20,40,32,.14)}
.book-cover:hover{transform:rotate(0) translateY(-12px) scale(1.025);box-shadow:12px 24px 42px rgba(22,43,34,.24)}
.book-series{position:relative;z-index:1;color:var(--book-accent);font-size:clamp(.46rem,4.3cqi,.55rem);font-weight:850;letter-spacing:.12em;white-space:nowrap}
.book-title-region{position:relative;z-index:1;display:flex;align-items:center;min-width:0;padding-block:.2rem}
.book-title{display:block;max-width:100%;margin:0;font:500 clamp(.86rem,10cqi,1.35rem)/1.04 var(--serif);text-wrap:balance;hyphens:auto}
.book-title--long{font-size:clamp(.7rem,7.7cqi,1.08rem);line-height:1.02}
.book-title--wide-word{overflow-wrap:anywhere;word-break:normal}
.book-decoration{position:relative;min-height:0;pointer-events:none}
.book-leaf{position:absolute;right:-12%;bottom:-4%;width:43%;height:100%;border-radius:100% 0 100% 0;background:var(--book-accent);opacity:.92;transform:rotate(18deg)}
.book-kicker{position:relative;z-index:1;align-self:end;max-width:50%;color:var(--muted);font-size:clamp(.55rem,5.1cqi,.68rem);line-height:1.15;overflow-wrap:anywhere}
.book-spine{position:absolute;z-index:1;inset:0 auto 0 0;width:9px;background:var(--book-accent)}
.book-cover.mini{width:clamp(128px,13vw,158px);padding:1rem .85rem .85rem 1.15rem}
.book-cover.mini:nth-child(1){--angle:-5deg}
.book-cover.mini:nth-child(2){--angle:-1.5deg;transform:translateY(15px) rotate(var(--angle))}
.book-cover.mini:nth-child(3){--angle:2deg}
.book-cover.mini:nth-child(4){--angle:5deg;transform:translateY(10px) rotate(var(--angle))}
.book-cover.mini:nth-child(2):hover,.book-cover.mini:nth-child(4):hover{transform:translateY(-12px) rotate(0) scale(1.025)}
.book-cover.large{width:310px;padding:2rem;border-left-width:0}
.book-cover.large .book-title{font-size:clamp(1.85rem,10cqi,2.3rem);line-height:1.04}
.book-cover.large .book-title--long{font-size:clamp(1.65rem,8.7cqi,2rem)}
.book-cover.large .book-kicker{font-size:.78rem}
.book-item .book-cover{--angle:-2deg}
.availability{display:flex;flex-direction:column;margin:1.5rem 0;padding:1rem 1.2rem;background:#fff;border-radius:var(--radius-sm)}.availability span{color:var(--muted);font-size:.88rem}.tool-card{padding:2rem}.tool-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--green-100);color:var(--green-700);font-size:1.4rem}.values-card{padding:2rem;background:var(--green-50);border-radius:var(--radius)}.tag-list{display:flex;flex-wrap:wrap;gap:.7rem}.tag-list a{padding:.6rem 1rem;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none}.search-empty{text-align:center;padding:3rem 0}.not-found{display:grid;place-items:center;min-height:650px;text-align:center;background:var(--green-50)}.error-number{color:#b9d2c1;font:9rem/.8 var(--serif)}/* Reusable editorial template system */
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;list-style:none;margin:0;padding:0}.breadcrumbs li+li:before{content:"/";margin-right:.45rem;color:#8a968f}.breadcrumbs [aria-current=page]{color:var(--muted)}
.section-nav{border-bottom:1px solid var(--line);background:#fff}.section-nav .container,.pillar-nav .container{display:flex;align-items:center;gap:.35rem;overflow-x:auto;padding-block:.65rem;scrollbar-width:thin}.section-nav a,.pillar-nav a{flex:none;padding:.55rem .8rem;border-radius:999px;color:var(--green-800);font-size:.88rem;font-weight:700;text-decoration:none}.section-nav a:hover,.section-nav a[aria-current=page],.pillar-nav a:hover{background:var(--green-50)}.pillar-nav{position:sticky;top:var(--header-offset);z-index:20;background:var(--green-900);color:#fff}.pillar-nav a{color:#fff}.pillar-nav a:hover{background:rgba(255,255,255,.12)}
.callout{width:min(calc(100% - 3rem),var(--container));margin:2rem auto;padding:1.25rem 1.4rem;border:1px solid var(--green-200);border-left:5px solid var(--green-600);border-radius:var(--radius-sm);background:var(--green-50)}.article-content>.callout{width:100%;margin:1.5rem 0}.callout strong{display:block;margin-bottom:.25rem;color:var(--green-900)}.callout p{margin:0}.callout--soft{background:#f7f3e9;border-color:#e5dac1;border-left-color:#b58934}
.related-section{background:var(--green-50)}.article-card.compact{min-height:220px}.content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(3rem,7vw,7rem);align-items:start}.internal-card{display:flex;flex-direction:column;padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-xs)}.internal-card h2{font:750 1rem/1.4 var(--sans)}.internal-card a{padding:.65rem 0;border-bottom:1px solid var(--line);color:var(--green-800);text-decoration:none}.internal-card a:last-child{border-bottom:0}
.standfirst{font:1.45rem/1.55 var(--serif);color:var(--ink)}.chapter-cards{display:grid;gap:.75rem}.chapter-cards a{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s}.chapter-cards a:hover{transform:translateX(4px);box-shadow:var(--shadow-xs)}.chapter-cards span{color:var(--green-700);font-weight:800}
.references{margin-top:4rem;padding-top:1rem;border-top:1px solid var(--line)}.references h2,.author-box h2{font-size:1.55rem}.references ol{padding-left:1.4rem;color:var(--muted)}.author-box{margin-top:3rem}.author-box a{color:var(--green-700);font-size:.9rem;font-weight:700}
.recipe-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem}.recipe-facts div{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.recipe-facts span,.recipe-facts strong{display:block}.recipe-facts span{color:var(--muted);font-size:.8rem}.ingredient-list{list-style:none;padding:0}.ingredient-list li{display:grid;grid-template-columns:110px 1fr;padding:.75rem 0;border-bottom:1px solid var(--line)}.ingredient-list span{color:var(--green-800);font-weight:700}.method-list{list-style:none;padding:0}.method-list li{display:grid;grid-template-columns:46px 1fr;gap:1rem;margin:1.4rem 0}.method-list>li>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green-700);color:#fff;font-weight:800}.method-list p{margin:.25rem 0}
.faq-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:clamp(3rem,7vw,7rem);justify-content:center;align-items:start}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;padding:1.35rem 2.5rem 1.35rem 0;color:var(--ink);font-weight:750;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:.25rem;font-size:1.5rem;color:var(--green-700)}.faq-list details[open] summary:after{content:"−"}.faq-list details>div{padding:0 2.5rem 1.4rem 0}.faq-list a{color:var(--green-700);font-weight:700}
.calculator-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:start}.calculator-card,.calculator-result,.contact-form{padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-xs)}.calculator-result{background:var(--green-900);color:#fff}.calculator-result p{color:#d1e0d7}.form-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.form-grid label,.contact-form label{display:grid;gap:.4rem;color:var(--ink);font-weight:700}.form-grid label span{display:flex;align-items:center;gap:.5rem}.form-grid input,.form-grid select,.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.8rem .9rem;border:1px solid #acbab1;border-radius:.5rem;background:#fff;color:var(--ink)}.form-grid input:focus,.form-grid select:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green-700);outline:3px solid var(--green-100)}
.article-content{min-width:0}.table-scroll{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--line);border-radius:var(--radius-sm)}table{width:100%;min-width:680px;border-collapse:collapse;background:#fff}caption{padding:1rem;text-align:left;color:var(--muted);font-size:.85rem}th,td{padding:1rem;text-align:left;vertical-align:top;border-top:1px solid var(--line)}thead th{background:var(--green-900);color:#fff;border:0}tbody th{color:var(--green-900)}
.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,8rem);align-items:start}.contact-layout>.contact-form{display:grid;gap:.9rem}.contact-layout .callout{width:100%;margin:2rem 0}.check-field{display:flex!important;align-items:flex-start;grid-template-columns:auto 1fr!important}.check-field input{width:auto;margin-top:.35rem}
@media(max-width:880px){.pillar-nav{top:var(--header-offset)}.content-grid,.faq-layout,.calculator-layout,.contact-layout{grid-template-columns:1fr}.faq-layout .internal-card{display:none}.calculator-result{min-height:220px}.article-layout .toc{display:none}}
@media(max-width:620px){.book-item .book-title--long{font-size:.65rem;line-height:1}.callout{width:min(calc(100% - 1.5rem),var(--container))}.recipe-facts{grid-template-columns:1fr}.ingredient-list li{grid-template-columns:90px 1fr}.section-nav .container,.pillar-nav .container{width:100%;padding-inline:.75rem}.table-scroll{margin-inline:-.75rem;border-radius:0;border-inline:0}}
@media print{.site-header,.site-footer,.related-section,.toc,.pillar-nav,.section-nav,.button,.nav-backdrop{display:none!important}.article-layout{display:block;padding:0}.article-header,.page-hero{background:#fff;padding:1rem 0}.callout{break-inside:avoid}a{text-decoration:none}}
.article-hero-art{aspect-ratio:750/469}
.article-hero-art--page img{min-height:0}

.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.sitemap-grid section{padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.sitemap-grid h2{font-size:1.45rem}.sitemap-grid ul{padding-left:1.2rem}@media(max-width:880px){.sitemap-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.sitemap-grid{grid-template-columns:1fr}}

.reviewer-box{display:flex;align-items:flex-start;gap:1rem;margin-top:1.25rem;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--green-50)}
.reviewer-box p,.editorial-notice p{margin:0;font-size:.9rem}.editorial-notice{margin-top:1.25rem;padding:1rem 1.2rem;border-left:4px solid var(--green-600);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f7f3e9}