.guides-page{--guide-ink:#111827;--guide-muted:#5e6674;--guide-blue:#3062a7;--guide-oasis:#30676a;background:#fff;color:var(--guide-ink);padding-bottom:64px}.guides-shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}.guides-intro{padding-block:40px 32px;display:grid;gap:32px;align-items:center}.guides-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--guide-oasis);margin:0 0 16px}.guides-intro h1{font:400 clamp(38px,5.2vw,64px)/1.05 "Cal Sans",sans-serif;letter-spacing:-.035em;margin:0}.guides-intro h1 span{display:block}.guides-intro h1 span:last-child{color:var(--guide-blue)}.guides-lead{font-size:16px;line-height:1.6;max-width:460px;color:var(--guide-muted);margin:18px 0 24px}.guides-search label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.guides-search>div{display:flex;align-items:center;gap:12px;padding:6px 6px 6px 16px;border:1px solid transparent;border-radius:16px;background:#f5f6f8;max-width:510px}.guides-search>div:focus-within{border-color:var(--guide-blue);box-shadow:0 0 0 3px #3062a718}.guides-search input{min-width:0;width:100%;font:inherit;font-size:16px;outline:none;background:transparent;color:var(--guide-ink)}.guides-search input::placeholder{color:var(--guide-muted)}.guides-search button{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:12px;background:var(--guide-ink);color:#fff;cursor:pointer}.guides-note{display:none;position:relative;max-width:300px;justify-self:center;width:100%;background:#fff9f5;border-radius:6px 24px 24px;box-shadow:0 8px 32px #11182709;padding:26px;transform:rotate(3deg);color:var(--guide-oasis)}.guides-note-tape{position:absolute;width:76px;height:24px;top:-10px;left:calc(50% - 38px);background:#dff7f1;transform:rotate(-9deg)}.guides-note-label,.guides-note-foot{font-size:9px;font-weight:600;letter-spacing:.12em;display:block}.guides-note svg{width:100%;margin:8px 0}.guides-note p{font:400 27px/1.15 Cal Sans,sans-serif;white-space:pre-line;margin:0 0 24px}.guides-start>h2{font-size:14px;font-weight:600;margin:0 0 12px}.guides-shortcuts{display:grid;gap:8px}.guide-shortcut{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f5f6f8;border-radius:18px;text-decoration:none;color:var(--guide-ink)}.guide-shortcut-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf0f9;color:var(--guide-blue);flex-shrink:0}.shortcut-1 .guide-shortcut-icon{background:#dff7f1;color:var(--guide-oasis)}.shortcut-2 .guide-shortcut-icon{background:#fff1e8;color:#b33d00}.guide-shortcut div{flex:1}.guide-shortcut div>span{font-size:12px;color:var(--guide-muted)}.guide-shortcut h3{font-size:14px;font-weight:600;line-height:1.4;margin:3px 0 0}.guides-library{padding-block:36px 40px;scroll-margin-top:100px}.guides-library-heading{display:flex;gap:16px;align-items:baseline;justify-content:space-between;margin-bottom:16px}.guides-library h2,.guides-signoff h2{font:400 clamp(25px,3vw,34px)/1.15 "Cal Sans",sans-serif;letter-spacing:-.025em;margin:0}.guides-library-heading p{font-size:12px;white-space:nowrap;color:var(--guide-muted)}.guides-filters{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#d8dde5 transparent;margin-bottom:12px}.guides-filters button{min-height:44px;flex-shrink:0;padding:10px 15px;border-radius:999px;font-size:13px;font-weight:600;background:#f5f6f8;color:var(--guide-muted);cursor:pointer}.guides-filters button[aria-pressed=true]{background:var(--guide-ink);color:#fff}.guides-grid{display:grid;gap:0}.guide-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid #e9ecf0;text-decoration:none;color:var(--guide-ink)}.guide-card-art{border-radius:16px;overflow:hidden;align-self:start;aspect-ratio:1;display:grid;place-items:center}.guide-card-art img{width:100%;height:100%;object-fit:contain}.guide-card-art img.article-art-product{padding:10px}.guides-page .tone-canvas{background:#fff9f5}.guides-page .tone-mint{background:#dff7f1}.guides-page .tone-petrol{background:#094b4f}.guides-page .tone-forest{background:#194a35}.guides-page .tone-ink{background:#111827}.guide-card-meta{display:flex;flex-wrap:wrap;column-gap:6px;font-size:11px;color:var(--guide-muted);line-height:1.5;margin:0 0 7px}.guide-card h3{font-weight:600;font-size:16px;line-height:1.4;letter-spacing:-.02em;margin:0;text-wrap:pretty}.guide-card-description{display:none}.guide-card-read{display:flex;align-items:center;gap:6px;color:var(--guide-blue);font-size:12px;font-weight:600;margin-top:10px}.guide-card:hover h3{color:var(--guide-blue)}.guide-card[hidden],.guides-empty[hidden]{display:none}.guides-empty{text-align:center;padding:56px 16px;background:#f5f6f8;border-radius:20px}.guides-empty>svg{margin:auto;color:var(--guide-muted)}.guides-empty h3{font-size:20px;margin:16px 0 8px;font-weight:600}.guides-empty p{color:var(--guide-muted);font-size:14px}.guides-empty button{min-height:44px;color:var(--guide-blue);font-weight:600;margin-top:16px;cursor:pointer}.guides-signoff{display:grid;gap:24px;padding:28px;background:#eaf0f9;border-radius:24px}.guides-signoff .guides-eyebrow{color:var(--guide-blue);display:block;margin-bottom:12px}.guides-signoff p{font-size:14px;color:var(--guide-muted);margin:10px 0 0}.guides-signoff a{display:flex;justify-content:center;align-items:center;gap:12px;background:var(--guide-blue);color:#fff;border-radius:999px;padding:14px 22px;min-height:48px;font-size:14px;font-weight:600;justify-self:start}.guides-page :is(a,button,input):focus-visible{outline:3px solid var(--guide-blue);outline-offset:4px}@media(min-width:600px){.guides-shell{width:min(1120px,calc(100% - 64px))}.guides-intro{padding-block:64px 44px;grid-template-columns:1.5fr 1fr;gap:48px}.guides-note{display:block}.guides-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-shortcut{padding:18px 14px;flex-wrap:wrap;gap:10px}.guide-shortcut>svg{display:none}.guide-shortcut div{flex-basis:100%}.guides-library{padding-block:48px 56px}.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.guide-card{display:flex;flex-direction:column;padding:0 0 20px;gap:18px}.guide-card-art{aspect-ratio:1.7;width:100%}.guide-card-art img{height:200px}.guide-card h3{font-size:20px}.guide-card-meta{font-size:12px}.guide-card-description{display:block;font-size:14px;color:var(--guide-muted);line-height:1.6;margin:12px 0 0}.guide-card-read{margin-top:16px}.guides-signoff{grid-template-columns:1fr auto;align-items:center;padding:36px}.guides-signoff a{white-space:nowrap}}@media(min-width:1000px){.guides-intro{grid-template-columns:1.5fr 1fr;padding-block:68px 52px}.guides-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}.guide-card-art img{height:210px}.guide-shortcut{flex-wrap:nowrap;padding:18px}.guide-shortcut div{flex-basis:auto}.guide-shortcut>svg{display:block}}@media(prefers-reduced-motion:no-preference){.guide-card h3,.guide-shortcut{transition:color .18s,background .18s}.guide-shortcut:hover{background:#eaf0f9}}