@import url("./design-system.css");.guide-page,.guides-page{width:min(1180px,calc(100% - 40px));margin:auto;padding:32px 0 90px}.guide-hero{position:relative;display:flex;align-items:end;min-height:560px;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-text);color:#fff}.guide-hero>img,.guide-hero__overlay{position:absolute;inset:0;width:100%;height:100%}.guide-hero>img{object-fit:cover;opacity:.5}.guide-hero__overlay{background:linear-gradient(0deg,rgba(13,19,27,.96),rgba(13,19,27,.15))}.guide-hero__content{position:relative;z-index:1;max-width:900px;padding:clamp(28px,7vw,72px)}.guide-hero nav{display:flex;gap:9px;margin-bottom:42px}.guide-hero a{color:inherit}.guide-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:750;color:var(--color-primary)}.guide-hero .guide-kicker{color:#fff}.guide-hero h1{margin:12px 0;font-size:clamp(2.6rem,7vw,5.8rem);line-height:.96;letter-spacing:-.055em}.guide-hero__content>p{max-width:760px;font-size:1.15rem;line-height:1.65}.guide-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.guide-meta span{padding:8px 11px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:.78rem}.guide-layout{display:grid;grid-template-columns:240px minmax(0,760px);justify-content:center;gap:70px;margin-top:70px}.guide-index{position:sticky;top:24px;align-self:start;padding:20px;border-left:2px solid var(--color-primary)}.guide-index ol{margin:14px 0 0;padding-left:18px}.guide-index li+li{margin-top:10px}.guide-index a{color:var(--color-text-secondary);text-decoration:none}.guide-rich-text{font-size:1.08rem;line-height:1.85}.guide-rich-text p{margin:0 0 1.5em}.guide-introduction{font-size:1.22rem}.guide-section{padding-top:54px;scroll-margin-top:20px}.guide-section h2{font-size:clamp(1.7rem,4vw,2.6rem);letter-spacing:-.035em}.guide-block{padding:0}.guide-block--warning,.guide-block--tip,.guide-block--important,.guide-block--summary,.guide-block--spoiler{padding:22px;border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface)}.guide-block--warning{border-left-color:var(--color-warning)}.guide-block--spoiler .guide-rich-text{filter:blur(6px);transition:.2s}.guide-block--spoiler:hover .guide-rich-text,.guide-block--spoiler:focus-within .guide-rich-text{filter:none}.guide-timeline{list-style:none;padding:0}.guide-timeline li{position:relative;padding:0 0 25px 30px;border-left:1px solid var(--color-border)}.guide-timeline li>span{position:absolute;left:-5px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--color-primary)}.guide-summary{margin-top:58px;padding:28px;border-radius:var(--radius-lg);background:var(--color-text);color:#fff}.guide-summary span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.guide-summary p{font-size:1.2rem;line-height:1.65}.guide-related{margin-top:100px}.guide-related>h2{font-size:2.4rem}.guide-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-related-grid>a{overflow:hidden;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:inherit;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s}.guide-related-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.guide-related-grid img{width:calc(100% + 36px);height:180px;margin:-18px -18px 16px;object-fit:cover}.guide-related-grid span{color:var(--color-primary);font-size:.72rem;text-transform:uppercase;font-weight:700}.guide-related-grid h2,.guide-related-grid h3{margin:8px 0}.guide-related-grid p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--color-text-secondary);line-height:1.55}.guide-empty-state{padding:36px;border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.guides-page>header{max-width:760px;padding:60px 0 25px}.guides-page>header h1{font-size:clamp(2.6rem,7vw,5rem);margin:10px 0}.guides-page>header p{font-size:1.15rem;color:var(--color-text-secondary)}.guides-public-search{margin:20px 0 36px}.guides-public-search input{width:min(600px,100%);padding:15px;border:1px solid var(--color-border);border-radius:var(--radius-md)}
.guide-comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.guide-comparison>div{padding:22px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.guide-comparison span{font-size:.72rem;font-weight:750;text-transform:uppercase;color:var(--color-primary)}@media(max-width:850px){.guide-layout{grid-template-columns:1fr;gap:20px}.guide-index{position:static;border-left:0;border:1px solid var(--color-border);border-radius:var(--radius-md)}.guide-related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.guide-page,.guides-page{width:94%}.guide-hero{min-height:500px}.guide-hero__content{padding:24px}.guide-related-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.guide-related-grid>a{min-width:84%;scroll-snap-align:start}.guide-comparison{grid-template-columns:1fr}}