.guide-page{padding-bottom:var(--space-20)}.guide-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.guide-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:#ffffffd9;margin-bottom:var(--space-3)}.guide-index{max-width:46rem;margin:0 auto;padding:var(--space-12) 0 var(--space-8)}.guide-section+.guide-section{margin-top:var(--space-12)}.guide-section__title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:700;letter-spacing:.06em;color:var(--color-text-light);text-transform:uppercase;margin:0 0 var(--space-2)}.guide-section__title:after{content:"";flex:1;height:1px;background:var(--color-border)}.guide-rows{list-style:none;margin:0;padding:0}.guide-rows li+li{border-top:1px solid var(--color-border-light)}.guide-row{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-5) var(--space-4);margin:0 calc(var(--space-4) * -1);border-radius:var(--radius-md);transition:background var(--transition-fast)}.guide-row:hover{background:var(--color-surface)}.guide-row__main{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1}.guide-row__title{font-size:var(--text-lg);font-weight:700;line-height:1.5;color:var(--color-text);word-break:keep-all}.guide-row:hover .guide-row__title{color:var(--color-accent)}.guide-row__summary{font-size:var(--text-sm);line-height:1.7;color:var(--color-text-secondary);word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-row__meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;padding-top:.2em;font-size:var(--text-xs);color:var(--color-text-light);white-space:nowrap}.guide-row__time{display:inline-flex;align-items:center;gap:var(--space-1)}.guide-row__arrow{color:var(--color-border);transition:transform var(--transition-fast),color var(--transition-fast)}.guide-row:hover .guide-row__arrow{color:var(--color-accent);transform:translate(3px)}.guide-list__fallback{padding:var(--space-3) var(--space-4);margin:0 0 var(--space-8);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-surface-light);border-left:3px solid var(--color-border);border-radius:var(--radius-sm)}.guide-article__fallback{padding:var(--space-3) var(--space-4);margin:var(--space-6) 0 0;font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-surface-light);border-left:3px solid var(--color-border);border-radius:var(--radius-sm)}.guide-empty{padding:var(--space-16) 0;text-align:center;color:var(--color-text-secondary)}.guide-article__wrap{padding-top:calc(var(--nav-height) + var(--space-8))}.guide-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);list-style:none;padding:0;margin:0 0 var(--space-6);font-size:var(--text-sm);color:var(--color-text-light)}.guide-breadcrumb li{display:inline-flex;align-items:center;gap:var(--space-1)}.guide-breadcrumb a{color:var(--color-text-secondary)}.guide-breadcrumb a:hover{color:var(--color-accent);text-decoration:underline}.guide-breadcrumb [aria-current=page]{color:var(--color-text);font-weight:600;max-width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-skiplink{position:absolute;left:-9999px;z-index:50}.guide-skiplink:focus{position:static;display:inline-block;margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm)}.guide-article__header{max-width:44rem;margin-bottom:var(--space-10)}.guide-article__category{font-size:var(--text-sm);font-weight:700;color:var(--color-accent);margin:0 0 var(--space-3)}.guide-article__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.3;letter-spacing:-.02em;color:var(--color-text);margin:0 0 var(--space-5);word-break:keep-all}.guide-article__lead{font-size:var(--text-lg);line-height:1.75;color:var(--color-text-secondary);margin:0 0 var(--space-5);word-break:keep-all}.guide-article__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light);font-size:var(--text-sm);color:var(--color-text-light)}.guide-article__metaitem{display:inline-flex;align-items:center;gap:var(--space-2)}.guide-article__layout{display:block}.guide-toc__desktop{display:none}.guide-toc__mobile{margin-bottom:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.guide-toc__summary{padding:var(--space-4);font-size:var(--text-sm);font-weight:700;color:var(--color-text);cursor:pointer}.guide-toc__mobile .guide-toc__list{padding:0 var(--space-4) var(--space-4)}.guide-toc__list{list-style:none;margin:0;padding:0}.guide-toc__item--h3{padding-left:var(--space-4)}.guide-toc__link{display:block;padding:var(--space-2) 0;font-size:var(--text-sm);line-height:1.5;color:var(--color-text-secondary);border-left:2px solid transparent;padding-left:var(--space-3);transition:color var(--transition-fast),border-color var(--transition-fast);word-break:keep-all}.guide-toc__link:hover{color:var(--color-accent)}.guide-toc__link[aria-current=true]{color:var(--color-accent);font-weight:700;border-left-color:var(--color-accent)}.guide-article__body{max-width:42rem}.guide-article__body:focus{outline:none}.guide-md{font-size:1.0625rem;line-height:1.85;color:var(--color-text);word-break:keep-all;overflow-wrap:anywhere}.guide-md p{margin:0 0 var(--space-6)}.guide-md__heading{position:relative;font-weight:700;line-height:1.4;color:var(--color-text);scroll-margin-top:calc(var(--nav-height) + var(--space-6));word-break:keep-all}.guide-md__heading:focus{outline:none}.guide-md h2{font-size:var(--text-2xl);margin:var(--space-12) 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.guide-md h3{font-size:var(--text-xl);margin:var(--space-10) 0 var(--space-3)}.guide-md h4{font-size:var(--text-lg);margin:var(--space-8) 0 var(--space-3)}.guide-md__anchor{margin-left:var(--space-2);font-weight:400;color:var(--color-text-light);opacity:0;transition:opacity var(--transition-fast)}.guide-md__heading:hover .guide-md__anchor,.guide-md__anchor:focus{opacity:1}.guide-md a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.guide-md a:hover{text-decoration-thickness:2px}.guide-md__anchor{text-decoration:none}.guide-md__extlink svg{margin-left:2px;vertical-align:-.1em}.guide-md ul,.guide-md ol{margin:0 0 var(--space-6);padding-left:var(--space-6)}.guide-md li{margin-bottom:var(--space-2)}.guide-md li>ul,.guide-md li>ol{margin:var(--space-2) 0 0}.guide-md li::marker{color:var(--color-text-light)}.guide-md strong{font-weight:700;color:var(--color-text)}.guide-md code{padding:.1em .4em;font-size:.9em;background:var(--color-surface-light);border-radius:var(--radius-sm)}.guide-md__code{margin:0 0 var(--space-6);padding:var(--space-4);overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.6}.guide-md hr{margin:var(--space-10) 0;border:0;border-top:1px solid var(--color-border)}.guide-md blockquote{margin:0 0 var(--space-6);padding:var(--space-2) 0 var(--space-2) var(--space-5);border-left:3px solid var(--color-border);color:var(--color-text-secondary)}.guide-md blockquote p:last-child{margin-bottom:0}.guide-md__tablewrap{margin:0 0 var(--space-6);overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.guide-md__tablewrap:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.guide-md table{width:100%;min-width:30rem;border-collapse:collapse;font-size:var(--text-sm)}.guide-md th,.guide-md td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-light);line-height:1.6}.guide-md thead th{background:var(--color-surface);font-weight:700;color:var(--color-text);white-space:nowrap}.guide-md tbody th{font-weight:600;color:var(--color-text)}.guide-md tbody tr:last-child th,.guide-md tbody tr:last-child td{border-bottom:0}.guide-md__figure{margin:0 0 var(--space-8)}.guide-md__figure img{width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.guide-md__figure figcaption{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-light);text-align:center}.guide-callout{display:flex;gap:var(--space-3);margin:0 0 var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border-left:4px solid var(--color-border);background:var(--color-surface);font-size:var(--text-base);line-height:1.75}.guide-callout__icon{flex-shrink:0;margin-top:.3em;font-size:1.1em}.guide-callout__body{min-width:0}.guide-callout__body p{margin:0 0 var(--space-2)}.guide-callout__body p:last-child{margin-bottom:0}.guide-callout__label{font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.guide-callout--note{border-left-color:var(--color-accent)}.guide-callout--note .guide-callout__icon,.guide-callout--note .guide-callout__label{color:var(--color-accent)}.guide-callout--tip{border-left-color:var(--color-success)}.guide-callout--tip .guide-callout__icon,.guide-callout--tip .guide-callout__label{color:var(--color-success)}.guide-callout--warning{border-left-color:var(--color-warning)}.guide-callout--warning .guide-callout__icon,.guide-callout--warning .guide-callout__label{color:var(--color-warning)}.guide-callout--important{border-left-color:var(--color-error)}.guide-callout--important .guide-callout__icon,.guide-callout--important .guide-callout__label{color:var(--color-error)}.guide-cta{margin-top:var(--space-12);padding:var(--space-8);background:var(--gradient-hero);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.guide-cta__title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-2);word-break:keep-all}.guide-cta__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-5);word-break:keep-all}.guide-cta__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.guide-related{margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--color-border)}.guide-related__title{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-6)}.guide-related__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-4);list-style:none;padding:0;margin:0}.guide-related__card{display:flex;flex-direction:column;gap:var(--space-2);height:100%;padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.guide-related__card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.guide-related__cat{font-size:var(--text-xs);font-weight:700;color:var(--color-accent)}.guide-related__name{flex:1;font-size:var(--text-base);font-weight:600;line-height:1.5;color:var(--color-text);word-break:keep-all}.guide-related__more{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-accent)}.guide-page a:focus-visible,.guide-page button:focus-visible,.guide-page summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(min-width:1080px){.guide-article__layout{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:var(--space-12);align-items:start}.guide-toc__mobile{display:none}.guide-toc__desktop{display:block;position:sticky;top:calc(var(--nav-height) + var(--space-6));max-height:calc(100vh - var(--nav-height) - var(--space-12));overflow-y:auto}.guide-toc__title{font-size:var(--text-sm);font-weight:700;color:var(--color-text-light);letter-spacing:.04em;text-transform:uppercase;margin:0 0 var(--space-3);padding-left:var(--space-3)}}@media(max-width:640px){.guide-md{font-size:1rem;line-height:1.8}.guide-md h2{font-size:var(--text-xl);margin-top:var(--space-10)}.guide-md h3{font-size:var(--text-lg)}.guide-article__wrap{padding-top:calc(var(--nav-height) + var(--space-5))}.guide-index{padding-top:var(--space-8)}.guide-row{padding:var(--space-4) var(--space-3);margin:0 calc(var(--space-3) * -1)}.guide-row__title{font-size:var(--text-base)}.guide-row__time{display:none}.guide-cta{padding:var(--space-6) var(--space-5)}.guide-md__anchor{display:none}}@media(prefers-reduced-motion:reduce){.guide-row,.guide-row__arrow,.guide-related__card,.guide-toc__link{transition:none}.guide-row:hover .guide-row__arrow{transform:none}}.guide-more{margin-top:var(--space-16);padding-top:var(--space-2)}.guide-more__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.guide-more__list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.guide-more__link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),color var(--transition-fast)}.guide-more__link:hover{border-color:var(--color-accent);color:var(--color-accent)}.guide-more__link svg{flex-shrink:0;color:var(--color-border)}.guide-more__link:hover svg{color:var(--color-accent)}