.guide-hero{background:var(--band);border-bottom:1px solid var(--border-on-band)}.guide-hero__inner{max-width:1280px;padding:clamp(2rem, 5vw, 3.75rem) var(--gutter) clamp(2.25rem, 5vw, 4rem);grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);margin-inline:auto;display:grid}.guide__crumb{letter-spacing:.06em;text-transform:uppercase;margin-bottom:.9rem;font-size:.75rem;font-weight:600}.guide__crumb a{color:var(--body-subtle);text-decoration:none}.guide__crumb a:hover{color:var(--heading)}.guide__title{letter-spacing:-.015em;text-wrap:balance;font-size:clamp(2.125rem,4.2vw,3.25rem);line-height:1.08}.guide__lede{max-width:36rem;color:var(--body);margin-top:1.1rem;font-size:clamp(1.0625rem,1.5vw,1.1875rem);line-height:1.6}.guide-hero__answers{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;max-width:38rem;margin-top:1.75rem;padding:0;list-style:none;display:grid}.guide__meta{color:var(--body-subtle);margin-top:1.5rem;font-size:.8125rem}.readout{background:var(--card);border-radius:14px;align-items:center;gap:.65rem;height:100%;padding:.7rem .85rem .75rem .7rem;display:flex;box-shadow:2px 4px #39412a1f}.readout__disc{background:var(--sun);border-radius:999px;flex:none;place-items:center;width:34px;height:34px;display:grid}.readout__text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.readout__value{font-family:var(--font-display);color:var(--heading);white-space:nowrap;font-size:1.1875rem;font-weight:700;line-height:1.2}.readout__label{color:var(--body-subtle);font-size:.75rem;line-height:1.35}.guide-hero__media{min-width:0}.guide-picture{margin:0}.guide-picture__shot{filter:drop-shadow(0 30px 40px #39412a42);width:auto;max-width:100%;height:auto;max-height:30rem;margin-inline:auto;display:block}.guide-picture__card{border:1px solid var(--border-on-band);background:var(--card);border-radius:20px;max-width:21rem;margin-inline:auto;padding:clamp(.75rem,2vw,1rem);box-shadow:0 10px 24px -14px #39412a4d}.guide-figure__panels{border:1px solid var(--border-on-band);background:var(--card);border-radius:20px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(.75rem,2vw,1.1rem);display:grid;box-shadow:0 10px 24px -14px #39412a4d}.guide-figure__drawing{width:100%;height:auto;display:block}.guide-figure__label{text-align:center;color:var(--body-subtle);font-variant-numeric:tabular-nums;margin-top:.6rem;font-size:.8125rem;line-height:1.4}.guide-figure__label strong{color:var(--heading);font-weight:600;display:block}.guide-picture__caption{text-align:center;max-width:28rem;color:var(--body-subtle);margin:1rem auto 0;font-size:.8125rem;line-height:1.55}.guide-layout{max-width:1280px;padding:clamp(2.25rem, 5vw, 3.5rem) var(--gutter) 0;grid-template-columns:minmax(0,43rem) minmax(0,1fr);align-items:start;gap:clamp(2rem,6vw,6rem);margin-inline:auto;display:grid}.guide__body{font-size:1.0625rem;line-height:1.7}.guide__body>:first-child{margin-top:0}.guide__body h2{margin:2.75rem 0 .85rem;scroll-margin-top:6rem;font-size:clamp(1.375rem,2.4vw,1.625rem);line-height:1.25}.guide__step-heading{align-items:flex-start;gap:.75rem;display:flex}.guide__step{border:1.5px solid var(--olive);background:var(--sun);width:2rem;height:2rem;color:var(--heading);border-radius:999px;flex:none;place-items:center;margin-top:-.05em;font-size:1rem;font-weight:700;display:inline-grid}.guide__body p+p{margin-top:1rem}.guide__body strong{color:var(--heading)}.guide__body :is(p,li) a{color:var(--heading);-webkit-text-decoration-color:var(--border-medium);text-decoration-color:var(--border-medium);text-underline-offset:3px;font-weight:600}.guide__body :is(p,li) a:hover{-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun)}.guide__body ul{gap:.6rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.guide__body li{padding-left:1.6rem;position:relative}.guide__body li:before{content:"";border:1.5px solid var(--olive);background:var(--sun);border-radius:999px;width:9px;height:9px;position:absolute;top:.85em;left:.1rem;transform:translateY(-50%)}.guide__body ul+p{margin-top:1rem}.guide-toc{justify-self:end;width:100%;max-width:15rem;position:sticky;top:6.5rem}.guide-toc__title{letter-spacing:.06em;text-transform:uppercase;color:var(--body-subtle);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.guide-toc__list{border-left:1px solid var(--border-medium);margin:0;padding:0 0 0 1.1rem;list-style:none;display:grid}.guide-toc__list a{color:var(--body-subtle);gap:.45rem;padding:.38rem 0;font-size:.875rem;line-height:1.35;text-decoration:none;transition:color .2s;display:flex;position:relative}.guide-toc__list a:hover{color:var(--heading)}.guide-toc__list a.is-current{color:var(--heading);font-weight:600}.guide-toc__list a.is-current:before{content:"";border:1.5px solid var(--olive);background:var(--sun);border-radius:999px;width:10px;height:10px;margin-top:calc(.590625rem - 5px);position:absolute;top:.38rem;left:calc(-1.1rem - 5.5px)}.guide-toc__step{min-width:.9rem;color:var(--olive);font-variant-numeric:tabular-nums;flex:none}.guide-tool{border:1px solid var(--border);background:var(--card);color:inherit;transition:translate .35s var(--ease), box-shadow .35s var(--ease), border-color .2s;border-radius:20px;grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:center;gap:1.25rem;margin:1.75rem 0;padding:8px 1.25rem 8px 8px;text-decoration:none;display:grid;box-shadow:0 1px 2px #39412a0d}.guide-tool:hover{border-color:var(--border-medium);translate:0 -2px;box-shadow:0 10px 24px -12px #39412a47}.guide-tool:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.guide-tool__frame{background:var(--band);border-radius:13px;align-self:stretch;min-height:8.5rem;display:block;overflow:hidden}.guide-tool .try-mini__art{aspect-ratio:auto;height:100%}.guide-tool__copy{flex-direction:column;gap:.2rem;padding:.5rem 0;display:flex}.guide-tool__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--body-subtle);font-size:.6875rem;font-weight:600}.guide-tool__title{font-family:var(--font-display);color:var(--heading);font-size:1.125rem;font-weight:700;line-height:1.25}.guide-tool__body{color:var(--body-subtle);font-size:.875rem;line-height:1.5}.guide-tool__cta{color:var(--heading);align-items:center;gap:.5rem;margin-top:.45rem;font-size:.875rem;font-weight:600;display:inline-flex}.guide-tool__arrow{background:var(--brand);width:26px;height:26px;transition:background .2s, translate .3s var(--ease);border-radius:999px;place-items:center;font-size:.8125rem;display:grid}.guide-tool:hover .guide-tool__arrow{background:var(--brand-medium);translate:2px}.guide-note{border:1px solid var(--border-on-band);background:var(--band);border-radius:20px;margin:1.5rem 0;padding:1.1rem 1.25rem 1.2rem}.guide-note--safety{background:#fff3d1;border-color:#efd28a}.guide-note__title{font-family:var(--font-display);color:var(--heading);align-items:center;gap:.65rem;font-size:1.0625rem;font-weight:700;display:flex}.guide-note__disc{background:var(--sun);border-radius:999px;flex:none;place-items:center;width:30px;height:30px;display:grid}.guide-note--safety .guide-note__disc{border:1.5px solid var(--olive)}.guide__body .guide-note__body ul{margin-top:.75rem}.guide-formula{border:1px solid var(--border);background:var(--card);border-radius:20px;margin:1.5rem 0;padding:1.15rem 1.25rem 1.2rem;position:relative}.guide-formula__math{font-family:var(--font-display);color:var(--heading);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem .85rem;font-weight:700;display:flex}.guide-formula__result{font-size:1.125rem}.guide-formula__op{color:var(--olive);font-size:1.25rem;line-height:1}.guide-formula__fraction{flex-direction:column;align-items:stretch;gap:.55rem;min-width:0;display:inline-flex}.guide-formula__top,.guide-formula__bottom{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .55rem;display:flex}.guide-formula__bottom{border-top:2px solid var(--olive);padding-top:.6rem}.guide-formula__said{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.guide-formula__term{background:var(--band);border-radius:10px;padding:.4rem .75rem;font-size:.9375rem;font-weight:600;line-height:1.3}.guide-formula__note{text-align:center;max-width:34rem;color:var(--body-subtle);margin:1rem auto 0;font-size:.875rem;line-height:1.55}.guide-table{border:1px solid var(--border);background:var(--card);border-radius:20px;margin:1.25rem 0;overflow-x:auto}.guide-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9375rem;line-height:1.45}.guide-table th,.guide-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle);padding:.65rem 1rem}.guide-table thead th{background:var(--card-soft);color:var(--body-subtle);font-size:.8125rem;font-weight:600}.guide-table th[scope=row]{color:var(--heading);font-weight:600}.guide-table tbody tr:last-child th,.guide-table tbody tr:last-child td{border-bottom:0}.guide-table__caption{border-top:1px solid var(--border-subtle);color:var(--body-subtle);padding:.75rem 1rem .9rem;font-size:.8125rem;line-height:1.5}.guides-list{width:100%;max-width:1280px;padding:0 var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.5rem);margin:0 auto;list-style:none;display:grid}.guides-list__card{border:1px solid var(--border);background:var(--card);height:100%;color:inherit;transition:translate .35s var(--ease), box-shadow .35s var(--ease), border-color .2s;border-radius:24px;grid-template-columns:6.5rem minmax(0,1fr);align-items:start;gap:clamp(1rem,2.5vw,1.4rem);padding:clamp(1.25rem,2.5vw,1.6rem);text-decoration:none;display:grid}.guides-list__card:hover{border-color:var(--border-medium);translate:0 -2px;box-shadow:0 10px 24px -12px #39412a47}.guides-list__cover img{width:100%;height:auto;display:block}.guides-list__cover--drawing{border:1px solid var(--border-subtle);background:var(--card);border-radius:12px;padding:.35rem}.guides-list__text{flex-direction:column;gap:.5rem;height:100%;display:flex}.guides-list__title{font-family:var(--font-display);color:var(--heading);font-size:1.25rem;font-weight:700;line-height:1.3}.guides-list__body{color:var(--body);font-size:.9375rem;line-height:1.55}.guides-list__read{color:var(--heading);margin-top:auto;padding-top:.5rem;font-size:.875rem;font-weight:600}.guides-list__read:after{content:" →"}.guides-tools{width:100%;max-width:1280px;padding:clamp(2.5rem, 5vw, 3.5rem) var(--gutter) 0;margin:0 auto}.guides-tools h2{margin-bottom:1rem;font-size:clamp(1.375rem,2.2vw,1.75rem)}.guides-tools ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem 1.5rem;padding:0;list-style:none;display:grid}.guides-tools li{flex-direction:column;gap:.15rem;display:flex}.guides-tools a{color:var(--heading);text-underline-offset:3px;font-weight:600}.guides-tools span{color:var(--body-subtle);font-size:.875rem}.guide-more{max-width:1280px;padding:clamp(3rem, 6vw, 4.5rem) var(--gutter) 0;margin-inline:auto}.guide-more__head{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;padding-top:clamp(2rem,4vw,2.75rem);display:flex}.guide-more__head h2{font-size:clamp(1.375rem,2.2vw,1.75rem)}.guide-more__all{color:var(--heading);text-underline-offset:3px;font-size:.875rem;font-weight:600}.guide-more__all:after{content:" →"}.guides-list.guide-more__list{max-width:none;padding:0}@media (width<=1080px){.guide-layout{grid-template-columns:minmax(0,43rem)}.guide-toc{display:none}}@media (width<=880px){.guide-hero__inner{grid-template-columns:minmax(0,1fr)}.guide-picture__shot{max-height:24rem}.guide-figure__panels,.guide-picture__card{max-width:34rem;margin-inline:auto}}@media (width<=720px){.guides-list{grid-template-columns:minmax(0,1fr)}.guides-list__card{grid-template-columns:4.25rem minmax(0,1fr);gap:1rem}}@media (width<=620px){.guide-hero__answers{grid-template-columns:minmax(0,1fr);gap:.6rem}.readout{padding-block:.6rem .65rem}.guide-tool{grid-template-columns:minmax(0,1fr);gap:.4rem;padding:8px 8px .6rem}.guide-tool__copy{padding:.4rem .6rem .2rem}.guide-figure__label{font-size:.75rem}.guide-formula__top{flex-direction:column}.guide-table table{font-size:.875rem}.guide-table th,.guide-table td{padding:.6rem .65rem}.guide-table th:first-child,.guide-table td:first-child{padding-left:.9rem}}@media (prefers-reduced-motion:reduce){.guides-list__card,.guide-tool,.guide-tool__arrow{transition:none}}@media (prefers-reduced-motion:no-preference){html:has(.guide-toc){scroll-behavior:smooth}}