.guide-page{background:radial-gradient(circle at 90% 8%, #c8f56057, transparent 26rem), radial-gradient(circle at 6% 44%, #7467ed1c, transparent 30rem), var(--paper)}.guide-header__nav{align-items:center;gap:8px;display:flex}.guide-header__nav a{color:var(--muted);border-radius:999px;padding:9px 12px;font-size:.76rem;font-weight:750;text-decoration:none}.guide-header__nav a:hover,.guide-header__nav a[aria-current=page]{color:var(--ink);background:#ffffff8c}.guide-shell{width:min(820px,100% - 40px);margin-inline:auto}.guide-hero{padding:clamp(64px,10vw,112px) 0 52px}.guide-hero h1{max-width:800px;font-size:clamp(3.1rem,8vw,6.6rem);line-height:.91}.guide-deck{max-width:680px;color:var(--muted);margin:30px 0 0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.guide-article{border:1px solid var(--line);background:#ffffffad;border-radius:30px;padding:clamp(34px,6vw,68px);box-shadow:0 28px 90px #222a2614}.guide-article h2{font-family:var(--display-font);letter-spacing:-.035em;margin:2.2em 0 .65em;font-size:clamp(1.65rem,4vw,2.45rem);font-weight:600;line-height:1.06}.guide-article h2:first-child{margin-top:0}.guide-article h3{margin:1.7em 0 .55em;font-size:1.06rem}.guide-article p,.guide-article li{color:#3f4b46;font-size:1rem;line-height:1.78}.guide-article ol,.guide-article ul{padding-left:1.25rem}.guide-article li+li{margin-top:.55rem}.guide-article strong{color:var(--ink)}.example-panel{background:#7467ed0f;border:1px solid #7467ed38;border-radius:22px;margin:34px 0;padding:24px}.example-panel p{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px;font-size:.8rem;font-weight:800}.example-links{flex-wrap:wrap;gap:9px;display:flex}.example-links a{color:var(--ink);background:#ffffffb3;border:1px solid #7467ed47;border-radius:999px;padding:9px 14px;font-size:.8rem;font-weight:800;text-decoration:none}.example-links a:hover{border-color:var(--violet);color:var(--violet);background:#fff}.guide-cta{color:#fff;background:var(--ink);border-radius:22px;margin-top:42px;padding:28px}.guide-cta h2{color:#fff;margin:0 0 10px}.guide-cta p{color:#ffffffb8;margin:0 0 18px}.guide-cta a{color:var(--ink);background:var(--lime);border-radius:999px;padding:11px 17px;font-size:.82rem;font-weight:850;text-decoration:none;display:inline-flex}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:100px;display:grid}.guide-card{border:1px solid var(--line);min-height:240px;color:var(--ink);background:#ffffff9e;border-radius:24px;align-content:space-between;padding:26px;text-decoration:none;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.guide-card:hover{border-color:#7467ed8c;transform:translateY(-3px);box-shadow:0 22px 54px #222a2614}.guide-card__number{color:var(--violet);letter-spacing:.12em;font-size:.72rem;font-weight:850}.guide-card h2{font-family:var(--display-font);letter-spacing:-.035em;margin:32px 0 12px;font-size:1.55rem;line-height:1.05}.guide-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.guide-footer{margin-top:72px}@media (width<=700px){.guide-grid{grid-template-columns:1fr}.guide-header__nav a:first-child{display:none}.guide-article{padding:28px 22px}}