.guides-page-main{--guides-bg:var(--cream);--guides-field:var(--surface);--guides-line:var(--line);--guides-text:var(--ink);--guides-muted:var(--muted);--guides-dim:var(--muted);--guides-accent:var(--blue);background:var(--guides-bg);min-height:100vh;color:var(--guides-text);font-family:var(--font-guides), "IBM Plex Sans", sans-serif;padding:56px 0 88px}.guides-page-container{width:min(1280px,100%);margin-inline:auto;padding-inline:32px}.guides-page-header{text-align:center;margin-bottom:28px}.guides-header-title{color:var(--guides-text);letter-spacing:-1px;margin:0 0 8px;font-size:48px;font-weight:600;line-height:54px}.guides-header-subtitle{max-width:672px;color:var(--guides-muted);margin:0 auto;font-size:18px;font-weight:400;line-height:28px}.guides-explorer{gap:48px}.guides-search-section,.guides-search-bar,.guides-cards-grid{width:100%}.guides-search-bar{border:1px solid var(--guides-line);background:var(--guides-field);border-radius:12px;width:min(672px,100%);min-height:48px;padding:0 12px;transition:border-color .16s,box-shadow .16s;position:relative}.guides-search-bar:focus-within{border-color:var(--guides-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--guides-accent) 18%, transparent)}.guides-search-input::-moz-placeholder{color:var(--guides-dim)}.guides-search-icon,.guides-search-input::placeholder{color:var(--guides-dim)}.guides-search-input{min-width:0;height:46px;color:var(--guides-text);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:16px;line-height:24px}.guides-search-input::-webkit-search-cancel-button{display:none}.guides-search-clear{width:44px;height:44px;color:var(--guides-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:22px}.guides-search-clear:hover,.guides-search-clear:focus-visible{color:var(--guides-text)}.guides-section,.guides-filter-section{gap:20px}.guides-section-title{color:var(--guides-text);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:600;line-height:36px}.guides-category-pills{gap:8px}.guides-category-pill{border:1px solid var(--guides-line);min-height:44px;color:var(--guides-muted);cursor:pointer;background:0 0;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .16s,color .16s,background .16s}.guides-category-pill:hover,.guides-category-pill.is-active{border-color:var(--guides-text);background:var(--guides-text);color:var(--guides-bg)}.guides-reset-btn,.guides-footer-back{color:var(--guides-muted);cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;text-decoration:none}.guides-reset-btn:hover,.guides-footer-back:hover{color:var(--guides-text)}.guides-empty-state{border:1px dashed var(--guides-line);text-align:center;border-radius:12px;min-height:260px;padding:40px}.guides-empty-icon,.guides-empty-desc{color:var(--guides-dim)}.guides-empty-title{color:var(--guides-text);margin:0;font-size:18px;font-weight:600}.guides-empty-desc{max-width:440px;margin:0;font-size:14px;line-height:22px}.guides-page-footer{text-align:center;margin-top:88px}@media (max-width:899px){.guides-page-main{padding:72px 0 88px}.guides-page-container{padding-inline:24px}}@media (max-width:639px){.guides-page-main{padding-top:56px}.guides-page-container{padding-inline:16px}.guides-header-title{font-size:40px;line-height:48px}.guides-header-subtitle{font-size:16px;line-height:24px}.guides-explorer{gap:40px}.guides-section-title{font-size:32px;line-height:40px}}@media (prefers-reduced-motion:reduce){.guides-card-item,.guides-card-heading,.guides-category-pill{transition:none}}
.guides-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guides-card-item{border:1px solid var(--guides-line);background:var(--guides-field);border-radius:12px;min-width:0;transition:border-color .18s,transform .18s;overflow:hidden}.guides-card-item:hover{border-color:var(--guides-accent);transform:translateY(-2px)}.guides-card-link{min-height:420px;color:inherit;flex-direction:column;text-decoration:none;display:flex}.guides-card-link:focus-visible,.guides-category-pill:focus-visible,.guides-reset-btn:focus-visible,.guides-footer-back:focus-visible,.guides-search-clear:focus-visible{outline:2px solid var(--guides-accent);outline-offset:3px;border-radius:6px}.guides-card-body{flex:1;align-items:flex-start;gap:8px;min-height:192px;padding:20px}.guides-badge{color:var(--guides-accent);font-size:12px;font-weight:500;line-height:16px}.guides-card-heading{color:var(--guides-text);letter-spacing:-.1px;margin:0;font-size:18px;font-weight:600;line-height:25px;transition:color .16s}.guides-card-link:hover .guides-card-heading{color:var(--guides-accent)}.guides-card-snippet{color:var(--guides-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:400;line-height:22px;display:-webkit-box;overflow:hidden}.guides-card-footer{width:100%;color:var(--guides-dim);margin-top:auto}.guides-card-time,.guides-card-dot{font-size:12px;font-weight:500;line-height:16px}.guides-featured-grid{grid-template-columns:1.15fr 1fr}.guides-featured-grid .is-lead{grid-row:span 2}.is-lead .guide-artwork{height:280px;padding-left:32px}.is-lead .guide-artwork-title{font-size:34px}.is-lead .guide-artwork-visual{height:210px}.is-lead .guides-card-heading{font-size:26px;line-height:1.25}.is-lead .guides-card-link{height:100%}.is-lead .guides-card-body{padding:24px 32px}.is-support .guides-card-link{flex-direction:row;min-height:240px}.is-support .guide-artwork{border-bottom:0;border-right:1px solid var(--guides-line);flex:0 0 42%;grid-template-columns:1fr;gap:12px;width:42%;height:auto;padding:20px 20px 36px}.is-support .guide-artwork-title{font-size:20px}.is-support .guide-artwork-visual{height:88px;margin-right:-36px}.is-support .guide-artwork-brand{font-size:8px;left:20px}.is-support .guide-artwork-kicker{font-size:9px}.is-support .guides-card-body{min-width:0;padding:20px}@media (max-width:899px){.guides-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guides-featured-grid{grid-template-columns:1fr}.guides-featured-grid .is-lead{grid-row:auto}.is-lead .guide-artwork{height:260px}.is-lead .guides-card-heading{font-size:22px}.is-support .guides-card-link{min-height:220px}}@media (max-width:639px){.guides-cards-grid{grid-template-columns:1fr}.is-lead .guide-artwork{height:230px;padding-left:24px}.is-lead .guide-artwork-title{font-size:28px}.is-lead .guide-artwork-visual{height:165px}.is-lead .guides-card-body{padding:20px}.is-support .guides-card-link{flex-direction:column}.is-support .guide-artwork{border-right:0;border-bottom:1px solid var(--guides-line);flex-basis:auto;grid-template-columns:1fr 1.15fr;width:100%;height:210px;padding:24px 0 36px 24px}.is-support .guide-artwork-title{font-size:24px}.is-support .guide-artwork-visual{height:150px}.is-support .guide-artwork-brand{font-size:9px;left:24px}.is-support .guide-artwork-kicker{font-size:10px}}@media (prefers-reduced-motion:reduce){.guides-card-item,.guides-card-heading{transition:none}}