:root { --text-dim:#aaaeb5; --gold:#83d5c5; --gold-lt:#a4e4d9; --text:#dbdce1; --text-bright:#f2f3f5; }
body { letter-spacing:0; }
.guide-page { margin:0; background:#141414; color:var(--text); font:400 16px/1.75 system-ui,sans-serif; }
.guide-page *, .guide-page *::before, .guide-page *::after { box-sizing:border-box; }
.guide-page a { color:inherit; text-decoration:none; }
a:focus-visible, summary:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
.iv-nav-inner { min-height:64px; height:auto; gap:12px; padding-block:8px; }
.iv-nav-cta, .iv-lang-toggle { display:inline-flex; align-items:center; justify-content:center; min-height:44px; }
.hero { text-align:left; padding:32px 24px; }
.hero > * { max-width:1052px; margin-inline:auto; }
.hero-label { display:block; background:none; border:0; border-radius:0; padding:0; letter-spacing:0; }
.hero h1 { font-size:28px; }
.hero p { margin:0; max-width:650px; }
.container { padding-top:28px; }
.guide-card { border-radius:8px; padding:22px; }
.guide-card:hover { transform:none; }
.guide-cat { letter-spacing:0; }
.guide-card p { font-size:14px; }
.iv-footer-copy { color:var(--text-dim); }
.guide-start { padding-bottom:32px; margin-bottom:28px; border-bottom:1px solid var(--border); }
.guide-start h2, .guide-library-title { font:600 20px/1.5 system-ui,sans-serif; margin-bottom:16px; }
.guide-start .grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.guide-start > p { color:var(--text-dim); margin-bottom:20px; }
.guide-note { color:var(--text-dim); font-size:14px; margin-top:20px; }
.guide-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; max-width:1100px; margin:auto; padding:8px 20px; }
.guide-nav > div { display:flex; align-items:center; gap:12px; }
.guide-brand { display:flex; align-items:center; gap:8px; font:600 17px/1.5 Lora,serif; }
.guide-brand img { width:28px; height:28px; }
.guide-bar { position:sticky; top:0; z-index:10; background:#141414; border-bottom:1px solid #303238; }
.guide-article { max-width:740px; padding:28px 24px 40px; margin:auto; }
.guide-article h1 { font:600 28px/1.35 Lora,serif; margin:12px 0 20px; }
.guide-article h2 { font:600 21px/1.5 system-ui,sans-serif; margin:32px 0 12px; }
.guide-article h3 { font:600 17px/1.5 system-ui,sans-serif; margin:20px 0 8px; }
.guide-article p { margin:0 0 16px; }
.guide-article a:not(.iv-nav-cta) { color:var(--gold); text-decoration:underline; text-underline-offset:3px; }
.guide-article ul, .guide-article ol { padding-left:24px; margin-bottom:20px; }
.guide-article li { margin-bottom:12px; }
.guide-article section { scroll-margin-top:90px; }
.guide-article blockquote { border-left:3px solid var(--gold); padding:8px 0 8px 18px; margin:20px 0; font-family:Lora,serif; }
.guide-article .iv-chip { color:var(--gold); font-size:14px; }
.guide-contents { border-block:1px solid #303238; padding:16px 0; margin:24px 0; }
.guide-contents ul { list-style:none; padding:0; margin:0; }
.guide-contents a { display:inline-flex; align-items:center; min-height:44px; }
.guide-next { border-top:1px solid #303238; padding-top:20px; margin-top:32px; }
.guide-article details { border-bottom:1px solid #303238; padding:12px 0; }
.guide-article summary { min-height:44px; cursor:pointer; font-weight:600; }
.guide-article details p { margin-top:12px; }
.guide-article .iv-nav-cta { padding:10px 18px; border-radius:6px; background:#7c3aed; color:white; text-decoration:none; }
@media(max-width:600px) {
  .guide-start .grid { grid-template-columns:minmax(0,1fr); }
  .iv-nav { padding-inline:16px; }
  .guide-nav { padding-inline:16px; }
  .guide-nav > div { gap:8px; }
  .guide-article { padding-inline:20px; }
  .guide-article h1 { font-size:26px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none !important; } }