.guide-page{min-height:100svh;background:var(--color-surface);color:var(--color-ink);overflow-x:clip}.guide-header{position:sticky;top:0;z-index:30;background:var(--color-surface)}.guide-page main{width:min(1345px,calc(100% - 40px));margin:16px auto 64px}.guide-hero{position:relative}.guide-hero img{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:30% 72%;border-radius:48px}.guide-hero-copy{margin-top:24px;text-align:center}.guide-hero h1{margin:0;font-size:35px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.guide-hero p{margin:12px auto 0;max-width:420px;font-size:16px;font-weight:400;line-height:1.35}.guide-feed{width:min(1140px,100%);margin:40px auto 0}.guide-feed>h2{margin:0 0 24px;font-size:clamp(32px,5vw,52px);font-weight:700;letter-spacing:-.04em;line-height:1.05}.guide-search-field{display:flex;align-items:center;gap:8px;height:44px;padding:0 8px 0 16px;border-radius:999px;background:var(--color-canvas);color:var(--color-ink)}.guide-search-field:focus-within{outline:2px solid var(--color-ink);outline-offset:1px}.guide-search-field label{display:flex;flex:1;align-items:center;gap:8px;min-width:0;height:100%}.guide-search-field svg{flex:none;width:20px;height:20px}.guide-search-field input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;outline:none;background:transparent;color:var(--color-ink);font:inherit;font-size:16px;line-height:20px}.guide-search-field input::-webkit-search-cancel-button{display:none}.guide-search-field input::placeholder{color:var(--color-text-muted);opacity:1}.guide-search-clear{flex:none;height:32px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--color-ink);font:inherit;font-size:14px;font-weight:500;cursor:pointer}.guide-search-clear:hover{background:var(--color-row-hover)}.guide-tabs{display:flex;gap:4px;margin-top:16px;overflow-x:auto;scrollbar-width:none}.guide-tabs::-webkit-scrollbar{display:none}.guide-tabs button{flex:none;height:36px;padding:8px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-muted);font:inherit;font-size:16px;font-weight:500;line-height:20px;cursor:pointer}.guide-tabs button[aria-selected=true]{color:var(--color-ink);border-bottom-color:var(--color-ink)}.guide-tabs button:hover{color:var(--color-ink)}.guide-grid{display:grid;gap:40px;margin-top:28px;grid-template-columns:1fr}.guide-card-link{display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none}.guide-card-link:hover h3{text-decoration:underline}.guide-card-link:focus-visible,.guide-chip:focus-visible,.guide-more:focus-visible,.guide-empty button:focus-visible,.guide-search-clear:focus-visible,.guide-tabs button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.guide-card-media{display:block;overflow:hidden;aspect-ratio:348 / 232;border-radius:32px;background:var(--color-canvas)}.guide-card-media img{display:block;width:100%;height:100%;object-fit:cover}.guide-card h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.guide-card-meta{margin:8px 0 16px;color:var(--color-ink);font-size:16px;line-height:24px}.guide-chip{align-self:flex-start;height:32px;padding:0 12px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:14px;line-height:20px;cursor:pointer}.guide-chip:hover{background:var(--color-row-hover)}.guide-more{width:100%;height:44px;margin-top:28px;padding:0 16px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-ink);font:inherit;font-size:16px;font-weight:500;cursor:pointer}.guide-more:hover{background:var(--color-row-hover)}.guide-empty{margin-top:48px;text-align:center}.guide-empty h2{margin:0 0 12px;font-size:32px;font-weight:700;letter-spacing:-.04em;line-height:1.1}.guide-empty p{margin:0 0 16px;color:var(--color-text-muted);font-size:16px;line-height:1.4}.guide-empty button{height:48px;padding:0 20px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:16px;font-weight:500;cursor:pointer}.guide-empty button:hover{background:var(--color-row-hover)}.guide-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:600px){.guide-hero img{aspect-ratio:4 / 3}}@media(min-width:768px){.guide-page .utility-bar{height:24px;border-bottom:0}.guide-page .utility-inner,.guide-page .header-main{width:min(1680px,calc(100% - 80px));max-width:1680px;margin:0 auto}.guide-page .utility-inner{height:24px}.guide-page .header-main{height:72px;padding:0}.guide-page .site-header{border-bottom:0;position:relative}.guide-header{border-bottom:1px solid var(--color-border)}.guide-page main{margin-bottom:80px}.guide-hero{height:560px;overflow:hidden;border-radius:48px}.guide-hero img{height:100%;aspect-ratio:auto;border-radius:0;object-position:left bottom}.guide-hero-copy{position:absolute;top:34%;left:40px;right:auto;width:min(460px,52%);margin:0;text-align:left}.guide-hero h1{font-size:66px}.guide-hero p{margin:16px 0 0;max-width:none;font-size:21px;line-height:1.25}.guide-feed{margin-top:56px}.guide-grid{gap:48px;grid-template-columns:1fr 1fr}}@media(min-width:1024px){.guide-grid{grid-template-columns:1fr 1fr 1fr}}