.guides-page{background:radial-gradient(ellipse at 95% 0%, #2469ad26, transparent 44%), var(--bg);min-height:calc(100svh - 235px);padding:clamp(50px,7vw,90px) 0 100px}.guides-intro,.guide-intro{max-width:900px}.guides-intro h1,.guide-intro h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:16px 0 18px;font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.12}.guides-intro>p,.guide-intro>p{max-width:760px;color:var(--text-muted);margin:0;font-size:1.05rem}.guides-list-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:20px;margin:64px 0 22px;padding-bottom:14px;display:flex}.guides-list-heading h2{margin:0;font-size:clamp(1.35rem,2.5vw,1.8rem)}.guides-count{color:var(--text-dim);white-space:nowrap;font-size:.85rem}.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.guide-tile{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-width:0;padding:28px;transition:transform .2s,background .2s,border-color .2s;display:flex}.guide-tile:hover,.guide-tile:focus-visible{background:var(--surface-hover);border-color:var(--border-bright);transform:translateY(-3px)}.guide-tile-category{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:.75rem;font-weight:700}.guide-tile h3{overflow-wrap:anywhere;margin:0 0 12px;font-size:1.3rem}.guide-tile p{margin:0 0 24px;font-size:.94rem}.guide-tile-action{color:var(--blue);margin-top:auto;font-size:.85rem;font-weight:700}.guide-tile-action span{margin-left:5px}.guides-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);padding:36px}.guides-back{color:var(--cyan);margin-bottom:32px;font-size:.9rem;font-weight:600;display:inline-block}.guides-back:hover{color:var(--text)}.guide-intro{border-bottom:1px solid var(--border);padding-bottom:30px}.guide-detail .guide-intro h1{font-size:clamp(2rem,4.2vw,3.45rem)}.guide-article{min-width:0;max-width:900px;color:var(--text-muted);padding:34px 0 18px;line-height:1.85}.guide-article>:first-child{margin-top:0}.guide-article>h1:first-child{display:none}.guide-article :is(h1,h2,h3,h4,h5,h6){color:var(--text);overflow-wrap:anywhere;margin:2.1em 0 .6em;scroll-margin-top:105px;line-height:1.3}.guide-article h2{border-bottom:1px solid var(--border);padding-bottom:10px;font-size:1.65rem}.guide-article h3{font-size:1.3rem}.guide-article :is(p,ul,ol,blockquote,pre,table){margin:0 0 1.35em}.guide-article :is(ul,ol){padding-left:1.6rem}.guide-article li{padding-left:.15rem}.guide-article li+li{margin-top:.25em}.guide-article strong{color:var(--text)}.guide-article a{color:var(--cyan);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.guide-article a:hover{color:var(--text)}.guide-article :not(pre)>code{border:1px solid var(--border);background:var(--surface);color:var(--cyan);overflow-wrap:anywhere;border-radius:5px;padding:.13em .4em;font-size:.89em}.guide-article pre{border:1px solid var(--border);tab-size:2;background:#09121f;border-radius:10px;max-width:100%;padding:20px;line-height:1.6;overflow-x:auto}.guide-article pre code{font-size:.87rem}.guide-article img{border:1px solid var(--border);border-radius:10px;max-width:100%;height:auto;margin:24px 0;display:block}.guide-article blockquote{border-left:3px solid var(--blue);padding:4px 0 4px 18px}.guide-article blockquote>:last-child{margin-bottom:0}.guide-article :is(hr){border:0;border-top:1px solid var(--border);margin:34px 0}.guide-article table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.guide-article th,.guide-article td{border:1px solid var(--border);text-align:left;padding:10px 13px}.guide-article th{background:var(--surface);color:var(--text)}.guide-end{border-top:1px solid var(--border);max-width:900px;margin-top:38px;padding-top:24px}@media (width<=700px){.guides-page{padding-block:44px 70px}.guides-list-heading{margin-top:45px}.guides-grid{grid-template-columns:1fr}.guide-tile{padding:23px}.guide-article{padding-top:25px}.guide-article pre{padding:15px}}@media (prefers-reduced-motion:reduce){.guide-tile{transition:none}}