.guide-site .guide-main{padding-block:32px 100px}.site-navigation a[aria-current=page]{color:var(--site-accent);font-weight:650}.guide-breadcrumbs{color:var(--site-muted);flex-wrap:wrap;gap:10px;margin-bottom:42px;font-size:14px;display:flex}.guide-breadcrumbs>span{gap:10px;min-width:0;display:inline-flex}.guide-breadcrumbs a,.guide-article a{color:var(--site-accent)}.guide-intro{border-bottom:1px solid var(--site-line);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:64px;padding-bottom:52px;display:grid}.guide-heading{min-width:0}.guide-heading h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(34px,3.6vw,52px);line-height:1.1}.guide-heading p{color:var(--site-muted);max-width:58ch;margin:22px 0 0;font-size:20px;line-height:1.65}.guide-search-box{background:var(--site-tint);border-radius:14px;min-width:0;padding:28px}.guide-search-box label{margin-bottom:14px;font-size:19px;font-weight:650;display:block}.guide-search-input{background:#fff;border-radius:6px;align-items:center;gap:12px;padding:12px 14px;display:flex}.guide-site .icon{flex-shrink:0;width:20px;height:20px}.guide-search-input input{appearance:none;width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;padding:4px 0}.guide-search-input input::-webkit-search-cancel-button{display:none}.guide-search-input:focus-within{background:#f4e7dd}.guide-search-input .guide-clear{color:var(--site-muted);cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;margin:-4px;padding:4px;display:grid}.guide-clear:hover,.guide-clear:focus-visible{color:var(--site-accent);background:#fff}.guide-search-status{color:var(--site-muted);min-height:22px;margin:14px 0 0;font-size:14px}.guide-directory{grid-template-columns:236px minmax(0,1fr);align-items:start;gap:64px;padding-top:44px;display:grid}.guide-group-navigation{align-content:start;gap:6px;display:grid;position:sticky;top:116px}.guide-group-navigation h2{color:var(--site-muted);margin:0 12px 12px;font-size:15px;font-weight:600}.guide-group-navigation a{border-radius:6px;justify-content:space-between;align-items:center;gap:14px;padding:12px;line-height:1.45;display:flex}.guide-group-navigation a:hover,.guide-group-navigation a:focus-visible{background:var(--site-tint);color:var(--site-accent)}.guide-count{font-variant-numeric:tabular-nums;color:var(--site-muted);flex-shrink:0;font-size:13px;font-weight:600}.guide-groups{min-width:0}.guide-topic-group+.guide-topic-group{margin-top:44px}.guide-topic-group>header{color:var(--site-accent);background:#f4e7dd;border-radius:10px;align-items:center;gap:14px;padding:16px 20px;display:flex}.guide-section-icon{background:#fffaf6;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.guide-topic-group h2{margin:0;scroll-margin-top:126px;font-size:24px;font-weight:650;line-height:1.25}.guide-topic-group>header>.guide-count{min-width:28px;height:28px;color:var(--site-accent);background:#fffaf6;border-radius:6px;place-items:center;margin-left:auto;padding-inline:7px;display:grid}.guide-index>a{border-bottom:1px solid var(--site-line);border-radius:0;align-items:center;gap:24px;padding:25px 12px;display:flex}.guide-index>a>div{min-width:0}.guide-index>a>.icon{color:var(--site-accent);margin-left:auto;transition:transform .16s}.guide-index h3{letter-spacing:-.012em;text-wrap:pretty;margin:0 0 9px;font-size:23px;font-weight:650;line-height:1.3}.guide-index p{color:var(--site-muted);margin:0;line-height:1.6}.guide-index>a:hover,.guide-index>a:focus-visible{background:var(--site-tint)}.guide-index>a:hover h3,.guide-index>a:focus-visible h3{color:var(--site-accent)}.guide-index>a:hover>.icon{transform:translate(3px)}.guide-empty{color:var(--site-muted);margin:16px 12px;line-height:1.6}.guide-reading-layout{grid-template-columns:228px minmax(0,1fr);align-items:start;gap:64px;display:grid}.guide-sidebar{font-size:15px;position:sticky;top:116px}.guide-sidebar .guide-back{color:var(--site-accent);align-items:center;gap:10px;margin-bottom:22px;padding:8px 12px;display:flex}.guide-sidebar summary,.guide-contents summary{cursor:pointer;padding-block:8px;font-weight:650}.guide-sidebar .guide-mobile-navigation{display:none}.guide-desktop-navigation{background:var(--site-tint);border-radius:12px;padding:20px 12px}.guide-nav-group+.guide-nav-group{margin-top:26px}.guide-nav-group h2{color:var(--site-accent);align-items:center;gap:9px;margin:0 10px 10px;font-size:13px;font-weight:700;line-height:1.4;display:flex}.guide-nav-group h2 .icon{width:16px;height:16px}.guide-sidebar a{border-radius:5px;padding:8px 12px;line-height:1.4;display:block}.guide-nav-group>a{align-items:center;gap:8px;padding:10px 10px 10px 35px;display:flex}.guide-nav-group>a>span{min-width:0}.guide-nav-group>a>.icon{visibility:hidden;width:15px;height:15px;margin-left:auto}.guide-sidebar a:hover,.guide-sidebar a:focus-visible{background:#ebe2d9}.guide-sidebar a[aria-current=page]{background:var(--site-accent);color:#fff;font-weight:600}.guide-sidebar a[aria-current=page]>.icon{visibility:visible}.guide-article{min-width:0;max-width:74ch}.guide-article .guide-heading{margin-bottom:32px}.guide-article .guide-heading h1{font-size:clamp(32px,3.2vw,44px)}.guide-contents{background:var(--site-tint);border-radius:10px;padding:16px 24px}.guide-contents nav{gap:12px;margin-block:14px;display:grid}.guide-contents a{text-underline-offset:4px;line-height:1.5;text-decoration:underline}.guide-article section{margin-top:48px;scroll-margin-top:116px}.guide-article h2{letter-spacing:-.015em;margin:0 0 20px;font-size:27px;line-height:1.25}.guide-article li{margin-block:14px;padding-left:8px;line-height:1.75}.guide-article li::marker{color:var(--site-accent);font-weight:650}.guide-article ol{padding-left:24px}.guide-article section>p{color:var(--site-muted);background:var(--site-tint);border-radius:6px;padding:18px 22px;line-height:1.7}.guide-figure{background:var(--site-tint);border-radius:12px;margin:40px 0;padding:28px}.guide-figure img{border-radius:7px;width:360px;max-width:100%;height:auto;margin-inline:auto;display:block;box-shadow:0 8px 24px #3c302819}.guide-figure figcaption{color:var(--site-muted);margin-top:20px;font-size:14px;line-height:1.5}.guide-related{margin-top:48px;display:grid}.guide-related h2{border-bottom:2px solid var(--site-line);margin-bottom:0;padding-bottom:18px;font-size:22px}.guide-related a,.guide-moved-topic a{border-bottom:1px solid var(--site-line);align-items:center;gap:18px;padding:18px 12px;line-height:1.5;display:flex}.guide-related a .icon,.guide-moved-topic a .icon:last-child{margin-left:auto}.guide-related a:hover,.guide-related a:focus-visible,.guide-moved-topic a:hover,.guide-moved-topic a:focus-visible{background:var(--site-tint)}.guide-moved-topic{margin-top:32px}.guide-moved-topic>span{scroll-margin-top:126px;display:block}@media (max-width:1000px){.guide-intro,.guide-directory,.guide-reading-layout{gap:36px}.guide-directory{grid-template-columns:196px minmax(0,1fr)}}@media (max-width:800px){.guide-intro{grid-template-columns:1fr;gap:28px;padding-bottom:32px}.guide-directory{grid-template-columns:1fr;gap:32px;padding-top:28px}.guide-group-navigation{flex-wrap:wrap;gap:8px;display:flex;position:static}.guide-group-navigation h2{width:100%;margin:0 0 6px}.guide-group-navigation a{background:var(--site-tint);padding:10px 12px;font-size:14px}.guide-reading-layout{flex-direction:column;gap:28px;display:flex}.guide-sidebar{width:100%;position:static}.guide-sidebar .guide-back{margin-bottom:12px}.guide-sidebar .guide-desktop-navigation{display:none}.guide-sidebar .guide-mobile-navigation{background:var(--site-tint);border-radius:8px;padding:8px 16px;display:block}.guide-sidebar .guide-mobile-navigation nav{padding-block:10px}.guide-site .guide-main{padding-block:24px 56px}.guide-breadcrumbs{margin-bottom:28px}.guide-heading p{font-size:18px}.guide-article h2{font-size:24px}.guide-figure{padding:20px}}@media (max-width:440px){.guide-search-box{padding:22px}.guide-search-input{gap:8px;padding:10px}.guide-index>a{gap:14px;padding:22px 4px}.guide-topic-group>header{gap:10px;padding:14px}.guide-topic-group h2,.guide-index h3{font-size:21px}.guide-contents{padding:12px 18px}}@media (prefers-reduced-motion:reduce){.guide-index>a>.icon{transition:none}}