.guides-page{--g-accent:#F97316;--g-accent-deep:#EA8C3C;--g-ink:#111;--g-sub:#555;--g-cream:#F7F5F2;--g-card:#FDFBF8;--g-line:#EAE4DC;max-width:1200px;margin:0 auto;padding:40px 20px 90px;color:var(--g-ink)}[data-theme=dark] .guides-page{--g-ink:#f2efe9;--g-sub:#a8a29b;--g-cream:#171512;--g-card:#1e1b17;--g-line:#332e28;background:var(--g-cream);border-radius:24px}.guides-hero{margin-bottom:26px}.guides-hero h1{font-size:clamp(2.2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:0 0 12px}.guides-hero p{font-size:1rem;color:var(--g-sub);max-width:56ch;line-height:1.6;margin:0}.guides-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px}.guides-pill{display:inline-flex;align-items:center;padding:7px 16px;border-radius:9999px;border:1px solid var(--g-line);background:transparent;color:var(--g-sub);font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s}.guides-pill:hover{color:var(--g-accent);border-color:var(--g-accent)}.guides-pill.active{background:var(--g-ink);border-color:var(--g-ink);color:var(--g-cream);font-weight:600}.guides-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:36px 32px;gap:36px 32px;max-width:1000px}@media(max-width:720px){.guides-grid{grid-template-columns:1fr}}a.guides-card{display:flex;flex-direction:column;color:inherit;text-decoration:none}.guides-cover{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:8/5;margin-bottom:14px}.guides-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}a.guides-card:hover .guides-cover img{transform:scale(1.03)}.guides-cat-label{font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--g-sub);margin-bottom:6px}.guides-card h2{font-size:1.2rem;font-weight:700;line-height:1.35;margin:0 0 8px;letter-spacing:-.01em}a.guides-card:hover h2{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.guides-card p{font-size:.9rem;color:var(--g-sub);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 10px}.guides-meta-line{font-size:.78rem;color:var(--g-sub);opacity:.85}.guides-layout{display:grid;grid-template-columns:250px minmax(0,1fr);grid-gap:44px;gap:44px;align-items:start}.guides-sidebar{position:-webkit-sticky;position:sticky;top:96px;max-height:calc(100vh - 116px);overflow:auto;background:var(--g-card);border:1px solid var(--g-line);border-radius:18px;padding:18px 8px}.guides-toc-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--g-sub);margin:0 0 10px 12px}.guides-toc ul{list-style:none;margin:0;padding:0}.guides-toc li{margin:1px 0}.guides-toc a{display:block;padding:6px 12px;font-size:.85rem;color:var(--g-sub);text-decoration:none;border-left:2px solid transparent;border-radius:0 10px 10px 0;transition:all .12s}.guides-toc a:hover{color:var(--g-accent)}.guides-toc li.active>a{color:var(--g-accent);border-left-color:var(--g-accent);background:rgba(249,115,22,.08);font-weight:600}.guides-toc li.toc-l3 a{padding-left:24px;font-size:.8rem}.guides-menu-btn{display:none;align-items:center;gap:6px;padding:9px 16px;border:1px solid var(--g-line);border-radius:9999px;background:var(--g-card);color:var(--g-ink);font-size:.85rem;font-weight:500;margin-bottom:16px;cursor:pointer}.guides-article{min-width:0}.guides-breadcrumb{font-size:.82rem;color:var(--g-sub);margin-bottom:16px}.guides-breadcrumb a{color:var(--g-sub);text-decoration:none}.guides-breadcrumb a:hover{color:var(--g-accent)}.guides-article>h1{font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:800;letter-spacing:-.02em;line-height:1.18;margin:0 0 12px}.guides-article .guides-meta{font-size:.83rem;color:var(--g-sub);margin:0 0 28px;padding-bottom:20px;border-bottom:1px solid var(--g-line)}.guides-article .guides-meta .guides-tag{display:inline-flex;margin:0 0 0 4px;vertical-align:1px}.guides-article .md{line-height:1.75;font-size:1.02rem;color:var(--g-ink)}.guides-article .md h2{font-size:1.45rem;font-weight:700;margin:1.9em 0 .6em;scroll-margin-top:96px;letter-spacing:-.01em}.guides-article .md h3{font-size:1.18rem;font-weight:700;margin:1.6em 0 .5em;scroll-margin-top:96px}.guides-article .md h4,.guides-article .md h5,.guides-article .md h6{font-size:1.02rem;font-weight:700;margin:1.4em 0 .4em;scroll-margin-top:96px}.guides-article .md p{margin:.9em 0;color:inherit}.guides-article .md ol,.guides-article .md ul{margin:.9em 0;padding-left:1.5em}.guides-article .md li{margin:.4em 0}.guides-article .md li::marker{color:var(--g-accent);font-weight:700}.guides-article .md img{max-width:100%;height:auto;border-radius:16px;margin:1.2em 0}.guides-article .md blockquote{margin:1.4em 0;padding:.8em 1.3em;border-left:3px solid var(--g-accent);background:rgba(249,115,22,.07);border-radius:0 14px 14px 0;color:var(--g-sub)}.guides-article .md pre{overflow:auto;padding:16px;border-radius:14px;background:rgba(0,0,0,.06);font-size:.85rem;margin:1.2em 0}[data-theme=dark] .guides-article .md pre{background:rgba(255,255,255,.06)}.guides-article .md code{font-size:.88em}.guides-article .md table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.92rem}.guides-article .md td,.guides-article .md th{border:1px solid var(--g-line);padding:10px 14px;text-align:left}.guides-article .md th{background:rgba(249,115,22,.07)}.guides-article .md hr{border:none;border-top:1px solid var(--g-line);margin:2.2em 0}.guides-article .md a{color:var(--g-accent);font-weight:500}.guides-article .md a:hover{text-decoration:underline}.guides-pager{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:48px;padding-top:26px;border-top:1px solid var(--g-line)}.guides-pager a{display:block;padding:16px 20px;border:1px solid var(--g-line);border-radius:16px;background:var(--g-card);text-decoration:none;color:inherit;transition:border-color .15s}.guides-pager a:hover{border-color:var(--g-accent)}.guides-pager .prev{text-align:left}.guides-pager .next{text-align:right}.guides-pager small{display:block;color:var(--g-sub);font-size:.72rem;margin-bottom:5px}.guides-pager span{font-weight:600;font-size:.92rem}.guides-drawer-overlay{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.4);display:flex}.guides-drawer{width:min(320px,85vw);background:var(--g-card);color:var(--g-ink);padding:18px;overflow:auto;border-radius:0 20px 20px 0;animation:guides-slide .2s ease}.guides-drawer-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:12px}.guides-drawer-head button{background:none;border:none;cursor:pointer;color:inherit}@keyframes guides-slide{0%{transform:translateX(-20px);opacity:0}to{transform:none;opacity:1}}@media(max-width:900px){.guides-layout{grid-template-columns:1fr}.guides-sidebar{display:none}.guides-menu-btn{display:inline-flex}}html{scroll-behavior:smooth}