.guides-page .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guides-crumbs{color:var(--home-muted);font-size:var(--type-small);flex-wrap:wrap;gap:.2rem .55rem;line-height:1.4;display:flex}.guides-crumbs a{color:var(--home-ink);font-weight:600}.guides-crumbs a:focus-visible{outline:2px solid var(--home-ink);outline-offset:3px;border-radius:4px}@media (hover:hover) and (pointer:fine){.guides-crumbs a:hover{color:var(--home-muted)}}.guides-hero{padding:clamp(7.5rem, 15vh, 9.5rem) var(--home-gutter) clamp(2.5rem, 5vw, 3.5rem);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.guides-hero .guides-crumbs{justify-content:center}.guides-page .guides-hero h1{text-wrap:balance;max-width:min(100%,64rem);margin:0;font-size:clamp(2.6rem,6vw,5rem);line-height:1}.guides-hero__lead{max-width:52rem;color:var(--home-muted);font-size:var(--type-lead);margin:1.2rem 0 0;line-height:1.55}.guides-search{width:min(100%,40rem);margin-top:clamp(1.6rem,4vh,2.2rem)}.guides-search__label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.guides-search__field{color:var(--home-muted);background:#fff;border-radius:18px;align-items:center;gap:.7rem;padding:0 1.1rem;transition:box-shadow .18s ease-out;display:flex;box-shadow:0 0 0 1px #123d341f,0 1px 2px #092b210f}.guides-search__field:focus-within{box-shadow:0 0 0 1.5px var(--home-ink)}.home .guides-search input:focus-visible{outline:none}.guides-search__field:has(input:focus-visible){outline:3px solid var(--home-ink);outline-offset:4px}.guides-search input{min-width:0;height:3.5rem;color:var(--home-ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:1.02rem}.guides-search input::placeholder{color:#6f8a7f}.guides-search input::-webkit-search-cancel-button{cursor:pointer}.guides-hero__pill{min-height:2.1rem;color:var(--home-ink);border:1.5px solid #123d3452;border-radius:999px;align-items:center;margin:clamp(1.4rem,3.4vh,2.2rem) 0 clamp(.75rem,1.6vh,1.1rem);padding:.3rem .95rem;font-size:.92rem;font-weight:600;line-height:1.2;display:inline-flex}.guides-topics{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.3rem;display:flex}.guides-topics a{min-height:2.5rem;color:var(--home-ink);border:1.5px solid #123d3438;border-radius:12px;align-items:center;gap:.45rem;padding:0 1rem;font-size:.92rem;font-weight:600;transition:background-color .18s ease-out,border-color .18s ease-out;display:inline-flex}.guides-topics a span{color:var(--home-muted);font-variant-numeric:tabular-nums;font-weight:500}.guides-topics a[aria-current]{border-color:var(--home-deep);background:var(--home-deep);color:var(--home-paper)}.guides-topics a[aria-current] span{color:var(--home-citron)}.guides-topics a:focus-visible{outline:2px solid var(--home-ink);outline-offset:3px}@media (hover:hover) and (pointer:fine){.guides-topics a:not([aria-current]):hover{background:var(--home-surface)}}.guides-featured{padding:0 var(--home-gutter) clamp(3rem, 6vw, 4.5rem)}.guides-featured[hidden]{display:none}.guides-featured__card{background:#fff;border-radius:28px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);width:min(100%,76rem);margin:0 auto;display:grid;overflow:hidden}.guides-featured__card .guide-cover{aspect-ratio:auto;border-radius:0;height:100%;min-height:20rem}.guides-featured__copy{flex-direction:column;align-items:flex-start;gap:.85rem;padding:clamp(1.6rem,3.5vw,3rem);display:flex}.guides-featured__label{color:var(--home-ink);margin:0;font-size:.92rem;font-weight:700}.guides-page .guides-featured__copy h2{text-wrap:balance;margin:0;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.08}.guides-featured__copy h2 a{color:var(--home-ink)}.guides-featured__copy h2 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.guides-featured__copy h2 a:focus-visible{outline:none}.guides-featured__card:has(h2 a:focus-visible){outline:2px solid var(--home-ink);outline-offset:4px}.guides-featured__description{color:var(--home-muted);margin:0;line-height:1.55}.guides-featured__author{color:var(--home-ink);align-items:center;gap:.6rem;margin:.2rem 0 0;font-size:.92rem;font-weight:600;display:flex}.guides-featured__author img{object-fit:cover;border-radius:50%;width:40px;height:40px}.guides-featured__author img.guides-featured__mark{object-fit:contain;border-radius:0}.guides-list{padding:clamp(3rem, 6vw, 4.5rem) var(--home-gutter) clamp(4rem, 8vw, 6rem);background:var(--home-surface);position:relative}.guides-list--related{background:var(--home-paper)}.guides-list__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem 1.5rem;width:min(100%,76rem);margin:0 auto clamp(1.6rem,3vw,2.2rem);display:flex}.guides-page .guides-list__head h2{margin:0;font-size:clamp(1.9rem,3.4vw,2.8rem)}.guides-list__count{color:var(--home-muted);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.guides-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:min(100%,76rem);margin:0 auto;display:grid}.guides-empty{width:min(100%,76rem);color:var(--home-muted);margin:0 auto;font-size:1.05rem}.guides-empty[hidden]{display:none}.guide-card{background:#fff;border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.guide-card[hidden],.guide-card[data-featured]{display:none}.guides-list[data-searching] .guide-card[data-featured]:not([hidden]){display:flex}.guide-card__body{flex-direction:column;flex:1;gap:.6rem;padding:1.2rem 1.3rem 1.4rem;display:flex}.guide-card__meta{color:var(--home-muted);flex-wrap:wrap;gap:.35rem;margin:0;font-size:.85rem;font-weight:600;display:flex}.guide-card__meta span:first-child{color:var(--home-ink)}.guides-page .guide-card__title{text-wrap:balance;margin:0;font-size:1.28rem;line-height:1.18}.guide-card__title a{color:var(--home-ink)}.guide-card__title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.guide-card__title a:focus-visible{outline:none}.guide-card:has(.guide-card__title a:focus-visible){outline:2px solid var(--home-ink);outline-offset:4px}.guide-card__description{color:var(--home-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.guide-card__cue{color:var(--home-ink);align-items:center;gap:.35rem;margin-top:auto;padding-top:.4rem;font-size:.92rem;font-weight:700;display:inline-flex}@media (hover:hover) and (pointer:fine){.guide-card:hover,.guides-featured__card:hover{background:#fbfdfc}}.guide-cover{aspect-ratio:16/9;background:var(--home-deep);position:relative;overflow:hidden;container-type:inline-size}.guide-cover img{object-fit:cover;width:100%;height:100%;display:block}.guide-cover__art{color:var(--home-paper);background:radial-gradient(120% 90% at 100% 0,#d8ed5129,#0000 55%),linear-gradient(160deg,#164638 0%,#0c2f26 60%,#092b21 100%);flex-direction:column;justify-content:flex-end;gap:.5rem;padding:7cqw 7cqw 6cqw;display:flex;position:absolute;inset:0;overflow:hidden}.guide-cover__mark{width:24cqw;height:auto;color:var(--home-paper);--brand-accent:var(--home-citron);position:absolute;top:8cqw;right:7cqw}.guide-cover__category{color:var(--home-citron);font-size:clamp(.72rem,3.4cqw,1rem);font-weight:700}.guide-cover__title{max-width:14ch;font-family:var(--font-display);letter-spacing:-.02em;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(1.6rem,11cqw,4.6rem);font-weight:760;line-height:1.05;display:-webkit-box;overflow:hidden}.guide-cover__brand{color:#9fbcae;font-size:clamp(.66rem,2.8cqw,.86rem);font-weight:600;position:absolute;top:7cqw;left:7cqw}.guide-hero-band{background:var(--home-surface);margin-bottom:clamp(2.5rem,5vw,4rem)}.guide-progress{z-index:90;background:var(--home-citron);transform-origin:0;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.guide-hero{box-sizing:border-box;width:100%;max-width:calc(76rem + 2 * var(--home-gutter));padding:clamp(7.5rem, 15vh, 9.5rem) var(--home-gutter) clamp(2.8rem, 6vw, 4.5rem);grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);margin:0 auto;display:grid}.guide-hero__copy{flex-direction:column;align-items:flex-start;display:flex}.guide-hero__category{background:var(--home-paper);min-height:2.25rem;color:var(--home-ink);border:1.5px solid #123d3459;border-radius:999px;align-items:center;gap:.4rem;margin-top:1.3rem;padding:.3rem .85rem .3rem 1rem;font-size:.92rem;font-weight:700;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out;display:inline-flex}.guide-hero__category .me-arrow-up-right{width:.95rem;height:.95rem;transition:transform .22s var(--home-ease,ease-out)}.guide-hero__category:focus-visible{outline:3px solid var(--home-ink);outline-offset:3px}@media (hover:hover) and (pointer:fine){.guide-hero__category:hover{border-color:var(--home-deep);background:var(--home-deep);color:var(--home-paper)}.guide-hero__category:hover .me-arrow-up-right{transform:translate(2px,-2px)}}.guides-page .guide-hero h1{text-wrap:balance;margin:.6rem 0 0;font-size:clamp(2.2rem,3.8vw,3.4rem);line-height:1.04}.guide-hero__lead{max-width:40rem;color:var(--home-muted);font-size:var(--type-lead);margin:1rem 0 0;line-height:1.55}.guide-hero__meta{align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.guide-hero__meta img{object-fit:cover;border-radius:50%;width:44px;height:44px}.guide-hero__meta img.guide-hero__mark,.guide-author img.guide-author__mark{object-fit:contain;border-radius:0}.guide-hero__reviewer{font-weight:500}.guide-hero__meta p{color:var(--home-muted);gap:.1rem;margin:0;font-size:.92rem;display:grid}.guide-hero__meta strong{color:var(--home-ink)}.guide-hero__meta a{color:inherit;text-underline-offset:3px;text-decoration:underline #123d344d}.guide-hero__cover .guide-cover{border-radius:26px}.guide-share{margin-top:1.5rem}.guide-share__why{color:var(--home-muted);text-wrap:balance;margin:0 0 .6rem;font-size:.94rem}.guide-share__row{flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem;display:flex}.guide-share__apps{align-items:center;gap:.35rem;display:flex}.guide-share__lead{color:var(--home-ink);font-size:.92rem;font-weight:700}.guide-share__list{align-items:center;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.guide-share__app,.guide-share__tool{height:2.75rem;color:var(--home-ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;transition:background-color .18s ease-out,color .18s ease-out;display:inline-flex;position:relative}.guide-share__app{width:2.75rem}.guide-share__tool{white-space:nowrap;gap:.4rem;padding:0 .7rem;font-size:.92rem;font-weight:600}.guide-share__tools{gap:.2rem;margin-left:-.7rem}.guide-share__app svg path{fill:currentColor}.guide-share__stroke path,.guide-share__stroke rect{fill:none}.guide-share__app:focus-visible,.guide-share__tool:focus-visible{outline:3px solid var(--home-ink);outline-offset:0}@media (hover:hover) and (pointer:fine){.guide-share__app:hover,.guide-share__tool:hover{background:#123d3412}}.guide-share__app:after{content:attr(data-tip);background:var(--home-ink);color:var(--home-paper);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .14s ease-out, transform .16s var(--home-ease);border-radius:8px;padding:.32rem .55rem;font-size:.78rem;font-weight:600;line-height:1.2;position:absolute;bottom:calc(100% + .35rem);left:50%;transform:translate(-50%,.2rem)}@media (hover:hover) and (pointer:fine){.guide-share__app:hover:after{opacity:1;transform:translate(-50%)}}.guide-share__app:focus-visible:after{opacity:1;transform:translate(-50%)}.guide-share__done,[data-copied] .guide-share__link{display:none}[data-copied] .guide-share__done{display:block}.guide-layout{box-sizing:border-box;width:100%;max-width:calc(76rem + 2 * var(--home-gutter));padding:0 var(--home-gutter) clamp(4rem, 8vw, 6rem);grid-template-columns:minmax(0,1fr) 16.5rem;align-items:start;gap:clamp(2.5rem,5vw,4.5rem);margin:0 auto;display:grid}.guide-article{grid-area:1/1;min-width:0;max-width:46rem}.guide-aside{grid-area:1/2;gap:1rem;display:grid;position:sticky;top:6.5rem}.guide-toc{background:var(--home-surface);border-radius:20px}.guide-toc summary{color:var(--home-ink);cursor:default;padding:1rem 1.2rem .4rem;font-weight:700;list-style:none}.guide-toc summary::-webkit-details-marker{display:none}.guide-toc ol{gap:.15rem;margin:0;padding:0 .6rem .9rem;list-style:none;display:grid}.guide-toc a{color:var(--home-muted);border-radius:10px;padding:.45rem .6rem;font-size:.9rem;line-height:1.35;transition:background-color .18s ease-out,color .18s ease-out;display:block}.guide-toc a[aria-current]{background:var(--home-paper);color:var(--home-ink);font-weight:700}.guide-toc a:focus-visible{outline:2px solid var(--home-ink);outline-offset:1px}@media (hover:hover) and (pointer:fine){.guide-toc a:hover{color:var(--home-ink)}}.guide-aside__cta{background:var(--home-deep);color:var(--home-paper);border-radius:20px;justify-items:start;gap:.8rem;padding:1.2rem;display:grid}.guide-aside__cta p{font-family:var(--font-display);margin:0;font-size:1.2rem;font-weight:760;line-height:1.15}.guide-aside__cta .home-action--primary{--cta-wave-hover-color:var(--home-deep);background:var(--home-citron);color:var(--home-deep)!important}@media (hover:hover) and (pointer:fine){.guide-aside__cta .home-action--primary:hover{background:var(--home-paper)}}.guide-aside__cta .home-action--primary:focus-visible{background:var(--home-paper);outline:3px solid var(--home-citron);outline-offset:3px}.guide-takeaways{background:var(--home-deep);color:var(--home-paper);border-radius:22px;margin-bottom:2.4rem;padding:clamp(1.3rem,3vw,1.8rem)}.guides-page .guide-takeaways summary{color:var(--home-citron);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;list-style:none;display:flex}.guide-takeaways summary::-webkit-details-marker{display:none}.guide-takeaways summary:focus-visible{outline:3px solid var(--home-citron);outline-offset:6px;border-radius:8px}.guides-page .guide-takeaways h2{color:var(--home-citron);margin:0;font-size:1.25rem}.guide-takeaways__icon{transition:transform .22s var(--home-ease,ease-out);flex:none;display:inline-flex}.guide-takeaways[open] .guide-takeaways__icon{transform:rotate(45deg)}.guide-takeaways[open] summary{margin-bottom:.9rem}.guide-takeaways ul{gap:.65rem;margin:0;padding:0;line-height:1.5;list-style:none;display:grid}.guide-takeaways li{padding-left:1.7rem;position:relative}.guide-takeaways li:before{content:"";border:solid var(--home-citron);border-width:0 0 2px 2px;width:.7rem;height:.38rem;position:absolute;top:.42em;left:.15rem;rotate:-45deg}.guide-prose{color:var(--home-ink);font-size:1.07rem;line-height:1.75}.guide-prose>:first-child{margin-top:0}.guide-prose p{margin:0 0 1.15rem}.guides-page .guide-prose h2{text-wrap:balance;margin:2.8rem 0 .9rem;scroll-margin-top:6.5rem;font-size:clamp(1.55rem,2.6vw,2rem);line-height:1.15}.guides-page .guide-prose h3{margin:2rem 0 .6rem;scroll-margin-top:6.5rem;font-size:clamp(1.2rem,1.9vw,1.4rem);line-height:1.25}.guides-page .guide-prose h4{margin:1.6rem 0 .5rem;font-size:1.08rem}.guide-prose ul,.guide-prose ol{margin:0 0 1.3rem;padding-left:1.4rem}.guide-prose li{margin:.35rem 0;padding-left:.2rem}.guide-prose li::marker{color:var(--home-muted);font-weight:700}.guide-prose strong{font-weight:700}.guide-prose a{color:var(--home-ink);text-underline-offset:3px;font-weight:600;text-decoration:underline 1.5px #123d3459;transition:text-decoration-color .18s ease-out}.guide-prose a:focus-visible{outline:2px solid var(--home-ink);outline-offset:2px;border-radius:3px}@media (hover:hover) and (pointer:fine){.guide-prose a:hover{text-decoration-color:var(--home-ink)}}.guide-prose blockquote{background:var(--home-surface);color:var(--home-ink);border-radius:18px;margin:1.6rem 0;padding:1.1rem 1.3rem;font-size:1.1rem}.guide-prose blockquote p:last-child{margin-bottom:0}.guide-prose img{border-radius:18px;width:100%;height:auto;margin:1.8rem 0;display:block}.guide-prose code{background:var(--home-surface);border-radius:6px;padding:.1rem .35rem;font-size:.92em}.guide-prose pre{background:var(--home-deep);color:var(--home-paper);border-radius:14px;padding:1rem;overflow-x:auto}.guide-prose pre code{background:0 0;padding:0}.guide-table{background:#fff;border-radius:16px;margin:1.6rem 0 1.8rem;overflow-x:auto;box-shadow:0 0 0 1px #123d341a}.guide-table:focus-visible{outline:2px solid var(--home-ink);outline-offset:2px}.guide-table table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.95rem;line-height:1.5}.guide-table th{background:var(--home-surface);color:var(--home-ink);text-align:left;padding:.8rem 1rem;font-weight:700}.guide-table td{vertical-align:top;border-top:1px solid #123d341a;padding:.75rem 1rem}.guide-faq{margin-top:3rem}.guides-page .guide-faq h2{margin:0 0 .8rem;font-size:clamp(1.55rem,2.6vw,2rem)}.guide-faq details{border-bottom:1px solid #123d3424}.guide-faq summary{color:var(--home-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.05rem 0;font-size:1.05rem;font-weight:700;list-style:none;display:flex}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary:focus-visible{outline:2px solid var(--home-ink);outline-offset:2px;border-radius:6px}.guide-faq__icon{transition:transform .22s var(--home-ease,ease-out);flex:none;display:inline-flex}.guide-faq details[open] .guide-faq__icon{transform:rotate(45deg)}.guide-faq details p{color:var(--home-muted);margin:0 0 1.1rem;line-height:1.65}.guide-react{--react-tile:#fff;--react-tile-hover:#f7fbf9;--react-edge:#123d341a;--react-ink:var(--home-ink);--react-muted:var(--home-muted)}.guide-react--mid{background:var(--home-surface);border-radius:22px;margin:2.6rem 0 2.8rem;padding:clamp(1rem,2.4vw,1.35rem)}.guide-react__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem 1.4rem;display:flex}.guide-react__ask{color:var(--react-ink);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.12rem;font-weight:700;line-height:1.25}.guide-react__options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.guide-react--mid .guide-react__options{flex:0 25rem;min-width:min(100%,19rem)}.guide-react__option{background:var(--react-tile);min-width:0;box-shadow:inset 0 0 0 1px var(--react-edge);color:var(--react-ink);font:inherit;cursor:pointer;border:0;border-radius:16px;justify-items:center;gap:.3rem;padding:.6rem .3rem .55rem;transition:background-color .18s ease-out,box-shadow .18s ease-out,color .18s ease-out;display:grid}.guide-react__face{transition:transform .26s var(--home-ease);font-size:1.65rem;line-height:1.15;display:block}.guide-react__label{max-width:100%;color:var(--react-muted);text-align:center;font-size:.76rem;font-weight:650;line-height:1.15;transition:color .18s ease-out}.guide-react__count{color:var(--react-ink);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700;line-height:1}.guide-react__count[hidden]{display:none}.guide-react__option[aria-pressed=true] .guide-react__count{color:var(--home-deep)}.guide-react__head{gap:.35rem;display:grid}.guide-react__tally{color:var(--react-muted);font-variant-numeric:tabular-nums;margin:0;font-size:.95rem;font-weight:600}.guide-react__tally[hidden]{display:none}.guide-react__option:focus-visible{outline:3px solid var(--react-ink);outline-offset:2px}@media (hover:hover) and (pointer:fine){.guide-react__option:hover{background:var(--react-tile-hover)}.guide-react__option:hover .guide-react__face{transform:rotate(-9deg)}}.guide-react__option[aria-pressed=true]{background:var(--home-citron);color:var(--home-deep);box-shadow:inset 0 0 0 1px #092b212e}.guide-react__option[aria-pressed=true] .guide-react__label{color:var(--home-deep)}.guide-react__option[aria-pressed=true] .guide-react__face{animation:guide-react-pop .52s var(--home-ease)}@keyframes guide-react-pop{0%{transform:scale(1)}35%{transform:scale(1.38)rotate(-8deg)}70%{transform:scale(.94)rotate(3deg)}to{transform:scale(1)}}.guide-react__note{color:var(--react-ink);margin:0;font-size:.95rem;font-weight:650}.guide-react__note:not(:empty){margin-top:.8rem}.guide-react__form{gap:1rem;margin-top:1.1rem;padding-top:1.1rem;display:grid}.guide-react__form[hidden]{display:none}.guide-react__reasons{border:0;min-width:0;margin:0;padding:0}.guide-react__reasons legend{color:var(--react-ink);margin-bottom:.65rem;padding:0;font-weight:700}.guide-react__reasons>div{flex-wrap:wrap;gap:.45rem;display:flex}.guide-react__reason{cursor:pointer;position:relative}.guide-react__reason input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.guide-react__reason span{background:var(--react-tile);min-height:2.5rem;box-shadow:inset 0 0 0 1px var(--react-edge);color:var(--react-ink);border-radius:12px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.9rem;font-weight:600;transition:background-color .16s ease-out,color .16s ease-out;display:inline-flex}.guide-react__reason span:before{content:"";border-radius:4px;width:.85rem;height:.85rem;transition:background-color .16s ease-out;box-shadow:inset 0 0 0 1.5px}.guide-react__reason input:checked+span{background:var(--react-ink);color:var(--home-paper)}.guide-react__reason input:checked+span:before{background:var(--home-citron);box-shadow:none}.guide-react__reason input:focus-visible+span{outline:3px solid var(--react-ink);outline-offset:2px}.guide-react__field{color:var(--react-ink);gap:.4rem;font-size:.92rem;font-weight:650;display:grid}.guide-react__field em{color:var(--react-muted);font-style:normal;font-weight:500}.guide-react__field textarea,.guide-react__field input{background:var(--react-tile);width:100%;box-shadow:inset 0 0 0 1px var(--react-edge);color:var(--home-ink);font:inherit;resize:vertical;border:0;border-radius:12px;padding:.7rem .85rem;font-size:1rem;font-weight:400}.guide-react__field textarea:focus-visible,.guide-react__field input:focus-visible{outline:3px solid var(--react-ink);outline-offset:2px}.guide-react__check:empty{display:none}.guide-react__send{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.guide-react__send button{cursor:pointer;border:0}.guide-react__send button:disabled{opacity:.6;cursor:progress}.guide-react__form-status{color:var(--react-ink);margin:0;font-size:.92rem;font-weight:600}.guide-react__form-status:empty{display:none}.guide-react__form-status a{text-underline-offset:3px;text-decoration:underline}.guide-end{background:var(--home-ink);color:var(--home-paper);border-radius:26px;margin-top:3rem;padding:clamp(1.4rem,3.5vw,2.2rem)}.guide-end .guide-react{--react-tile:#f2f8f514;--react-tile-hover:#f2f8f524;--react-edge:#f2f8f524;--react-ink:var(--home-paper);--react-muted:#b9cfc4}.guide-end .guide-react__row{gap:1.1rem;display:grid}.guide-end .guide-react__ask{letter-spacing:-.035em;font-size:clamp(1.45rem,2.6vw,1.9rem);line-height:1.12}.guide-end .guide-react__option{border-radius:18px;padding:.85rem .3rem .75rem}.guide-end .guide-react__face{font-size:clamp(1.9rem,4vw,2.3rem)}.guide-end .guide-react__label{font-size:.82rem}.guide-end .guide-react__option[aria-pressed=true]{background:var(--home-citron);box-shadow:none}.guide-end .guide-react__field textarea,.guide-end .guide-react__field input{background:var(--home-paper)}.guide-end .guide-react__reason input:checked+span{background:var(--home-citron);color:var(--home-deep)}.guide-end .guide-react__reason input:checked+span:before{background:var(--home-deep)}.guide-end .home-action--primary{background:var(--home-citron);color:var(--home-deep)!important}@media (hover:hover) and (pointer:fine){.guide-end .home-action--primary:hover{background:var(--home-paper)}}.guide-end .guide-share{margin-top:2.2rem}.guide-end .guide-share__why{color:var(--home-paper);font-weight:600}.guide-end .guide-share__lead,.guide-end .guide-share__app,.guide-end .guide-share__tool{color:var(--home-paper)}.guide-end .guide-share__app:focus-visible,.guide-end .guide-share__tool:focus-visible{outline-color:var(--home-citron)}.guide-end .guide-share__app:after{background:var(--home-paper);color:var(--home-ink)}@media (hover:hover) and (pointer:fine){.guide-end .guide-share__app:hover,.guide-end .guide-share__tool:hover{background:#f2f8f51a}}.guide-end [data-copied]{color:var(--home-citron)}@media (width<=480px){.guide-react__options,.guide-end .guide-react__options{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-react__option,.guide-end .guide-react__option{justify-content:flex-start;align-items:center;gap:.55rem;padding:.6rem .75rem;display:flex}.guide-react__face,.guide-end .guide-react__face{font-size:1.55rem}.guide-react__label,.guide-end .guide-react__label{text-align:left;font-size:.86rem}.guide-react__option,.guide-end .guide-react__option{grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:.15rem .55rem;display:grid}.guide-react__face{grid-row:1/span 2}.guide-react__label{align-self:end}.guide-react__count{align-self:start;font-size:.86rem}.guide-react__option:has(.guide-react__count[hidden]) .guide-react__label{grid-row:1/span 2;align-self:center}.guide-react--mid .guide-react__options{min-width:100%}}.guide-confetti{z-index:65;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.guide-react__face,.guide-react__option,.guide-react__reason span{transition:none}.guide-react__option[aria-pressed=true] .guide-react__face{animation:none}}.guide-author{background:var(--home-surface);border-radius:20px;align-items:center;gap:1rem;margin-top:2.6rem;padding:1.2rem 1.3rem;display:flex}.guide-author img{object-fit:cover;border-radius:50%;flex:none;width:64px;height:64px}.guide-author p{color:var(--home-muted);margin:0;line-height:1.55}.guide-author strong{color:var(--home-ink)}.guide-author a{color:var(--home-ink);align-items:center;gap:.25rem;font-weight:700;display:inline-flex}.guide-dock{display:none}@media (width<=959px){.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guides-featured__card{grid-template-columns:minmax(0,1fr)}.guides-featured__card .guide-cover{aspect-ratio:16/9;height:auto;min-height:0}.guide-hero{grid-template-columns:minmax(0,1fr);padding-top:6.5rem}.guide-hero__cover{width:100%}.guide-layout{grid-template-columns:minmax(0,1fr);gap:1.6rem}.guide-aside{display:none}.guide-article{grid-row:2}.guide-aside__cta{display:none}.guide-dock{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:60;opacity:0;pointer-events:none;width:min(100vw - 2rem,26rem);transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .25s ease-out;display:block;position:fixed;transform:translate(-50%,calc(100% + 24px))}.guide-dock[data-shown]{opacity:1;pointer-events:auto;transform:translate(-50%)}.guide-dock__button{width:100%;min-height:3.4rem;color:var(--home-ink);font:inherit;text-align:left;cursor:pointer;backdrop-filter:blur(14px)saturate(1.4);background:#f8fcfaf0;border:0;border-radius:999px;align-items:center;gap:.7rem;padding:.45rem 1rem .45rem .6rem;display:flex;box-shadow:0 0 0 1px #123d341a,0 6px 14px -8px #092b2173}.guide-dock__button:focus-visible{outline:3px solid var(--home-ink);outline-offset:3px}.guide-dock__ring{flex:none;transform:rotate(-90deg)}.guide-dock__ring circle{fill:none;stroke-width:3.5px}.guide-dock__ring circle:first-child{stroke:#123d341f}.guide-dock__ring circle:last-child{stroke:var(--home-deep);stroke-linecap:round;transition:stroke-dashoffset .12s linear}.guide-dock__label{flex:1;min-width:0;line-height:1.2;display:grid}.guide-dock__label span{color:var(--home-muted);font-size:.75rem;font-weight:600}.guide-dock__label strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.guide-dock__chevron{transition:transform .22s var(--home-ease,ease-out);flex:none}.guide-dock[data-open] .guide-dock__chevron{transform:rotate(180deg)}.guide-dock__sheet{overscroll-behavior:contain;background:#fbfdfc;border-radius:22px;max-height:min(60vh,26rem);padding:1rem .6rem .7rem;position:absolute;bottom:calc(100% + .6rem);left:0;right:0;overflow-y:auto;box-shadow:0 0 0 1px #123d341a,0 10px 24px -14px #092b2180}.guide-dock__sheet[hidden]{display:none}.guide-dock__title{color:var(--home-muted);margin:0 0 .4rem;padding:0 .6rem;font-size:.8rem;font-weight:700}.guide-dock__sheet ol{gap:.1rem;margin:0;padding:0;list-style:none;display:grid}.guide-dock__sheet a{color:var(--home-ink);border-radius:12px;padding:.7rem .6rem;font-size:.98rem;line-height:1.3;display:block}.guide-dock__sheet a[aria-current]{background:var(--home-surface);font-weight:700}.guide-dock__sheet a:focus-visible{outline:3px solid var(--home-ink);outline-offset:-3px}}@media (width<=599px){.guides-grid{grid-template-columns:minmax(0,1fr)}.guides-hero{padding-top:6.5rem}.guide-prose{font-size:1.04rem}}@media (prefers-reduced-motion:reduce){.guide-progress{display:none}.guide-dock,.guide-dock__chevron,.guide-takeaways__icon{transition:none}}.author-process{box-sizing:border-box;width:100%;max-width:calc(76rem + 2 * var(--home-gutter));padding:0 var(--home-gutter) clamp(3rem, 6vw, 4.5rem);margin:0 auto}.guides-page .author-process h2{margin:0 0 1.4rem;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.15}.author-process__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem 2.4rem;margin:0;padding:0;list-style:none;display:grid}.author-process__steps li{align-content:start;gap:.45rem;display:grid}.author-process__steps strong{color:var(--home-ink);font-family:var(--font-display);font-size:1.12rem;font-weight:760;line-height:1.25}.author-process__steps strong a{text-underline-offset:3px;text-decoration:underline #123d3459}.author-process__steps span{color:var(--home-muted);line-height:1.6}.guides-empty a{color:var(--home-ink);text-underline-offset:3px;font-weight:650;text-decoration:underline}@media (width<=860px){.author-process__steps{grid-template-columns:minmax(0,1fr)}}.about-authors{width:min(100%,76rem);color:var(--home-muted);margin:clamp(1.6rem,3vw,2.2rem) auto 0;font-size:1rem;line-height:1.6}.about-authors>a:first-child{color:var(--home-ink);text-underline-offset:3px;font-weight:650;text-decoration:underline #123d3459}.about-authors .home-inline-link{white-space:nowrap;margin-left:.4rem}