/* guide pages — authored KB articles (guide-*.html) */
      .g-hero { position: relative; padding: clamp(72px,8vw,120px) 0 clamp(36px,4vw,56px); }
      .g-hero .wrap { position: relative; z-index: 1; }
      .g-kicker { font-family: var(--mono,'JetBrains Mono',monospace); font-size: 11px;
        letter-spacing: .16em; text-transform: uppercase; color: var(--faint); margin: 0 0 18px; }
      .g-kicker a { color: var(--mineral); text-decoration: none; }
      .g-kicker a:hover { text-decoration: underline; }
      .g-title { font-size: clamp(34px,5vw,54px); line-height: 1.08; letter-spacing: -.02em;
        font-weight: 500; color: var(--text); margin: 0 0 22px; max-width: 20ch; }
      .g-lede { font-size: 19px; line-height: 1.6; color: var(--muted); max-width: 66ch; margin: 0; }
      .g-meta { font-family: var(--mono,'JetBrains Mono',monospace); font-size: 11.5px;
        letter-spacing: .08em; text-transform: uppercase; color: var(--faint); margin: 26px 0 0; }
      .g-body { padding: 0 0 clamp(56px,6vw,88px); border-top: 0; }   /* the opening card hangs directly under the guide hero (0 top padding): one composition, opts out of the theme-layer section boundary */
      
      
      
      
      .g-body .wrap-narrow { max-width: 780px; margin: 0 auto; padding: 0 24px; }
      .g-learn { margin: 0 0 48px; padding: 22px 24px; border: 1px solid var(--line-soft);
        border-radius: 14px; background: rgba(230,224,210,.02); }
      .g-body .g-learn h2 { font-size: 12px; font-family: var(--mono,'JetBrains Mono',monospace);
        letter-spacing: .14em; text-transform: uppercase; color: var(--faint); margin: 0 0 12px; }
      .g-learn ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
      .g-learn li { font-size: 15px; line-height: 1.55; color: var(--muted); padding-left: 20px;
        position: relative; }
      .g-learn li::before { content: '\2192'; position: absolute; left: 0; color: var(--mineral);
        font-family: var(--mono,'JetBrains Mono',monospace); }
      .g-body h2 { font-size: clamp(23px,2.3vw,29px); line-height: 1.22; letter-spacing: -.01em;
        font-weight: 500; color: var(--text); margin: 52px 0 14px; }
      .g-body h3 { font-size: 17.5px; line-height: 1.35; font-weight: 500; color: var(--text);
        margin: 32px 0 10px; }
      .g-body p { font-size: 16px; line-height: 1.72; color: var(--muted); margin: 0 0 14px; }
      .g-body p strong, .g-body li strong { color: var(--text); font-weight: 500; }
      .g-body a { color: var(--mineral); }
      .g-list { padding: 0; margin: 10px 0 0; list-style: none; }
      .g-list li { padding: 12px 0 12px 24px; border-top: 1px solid var(--line-soft);
        position: relative; font-size: 15.5px; line-height: 1.65; color: var(--muted); }
      .g-list li::before { content: '\2192'; position: absolute; left: 0; top: 12px;
        color: var(--mineral); font-family: var(--mono,'JetBrains Mono',monospace); }
      .g-list li:last-child { border-bottom: 1px solid var(--line-soft); }
      .g-note { margin: 22px 0; padding: 16px 20px; border-left: 2px solid var(--mineral);
        background: rgba(230,224,210,.025); font-size: 15px; line-height: 1.65; color: var(--muted); }
      .g-note strong { color: var(--text); font-weight: 500; }
      .g-tablewrap { overflow-x: auto; margin: 24px 0; border: 1px solid var(--line-soft);
        border-radius: 12px; }
      .g-table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 760px; }
      @media (min-width: 1120px) { .g-tablewrap { width: calc(100% + 200px); margin-left: -100px; } }
      .g-table th, .g-table td { text-align: left; padding: 13px 16px; vertical-align: top;
        border-bottom: 1px solid var(--line-soft); line-height: 1.55; }
      .g-table th { font-family: var(--mono,'JetBrains Mono',monospace); font-size: 11px;
        letter-spacing: .1em; text-transform: uppercase; color: var(--faint); font-weight: 400;
        background: rgba(230,224,210,.02); }
      .g-table td { color: var(--muted); }
      .g-table tr:last-child td { border-bottom: 0; }
      .g-faq { margin: 56px 0 0; }
      .g-faq > h2 { margin-bottom: 6px; }
      .g-faq details { border-top: 1px solid var(--line-soft); }
      .g-faq details:last-of-type { border-bottom: 1px solid var(--line-soft); }
      .g-faq summary { cursor: pointer; list-style: none; padding: 16px 32px 16px 0;
        font-size: 15.5px; line-height: 1.5; color: var(--text); position: relative; }
      .g-faq summary::-webkit-details-marker { display: none; }
      .g-faq summary::after { content: '+'; position: absolute; right: 4px; top: 15px;
        color: var(--faint); font-family: var(--mono,'JetBrains Mono',monospace); }
      .g-faq details[open] summary::after { content: '\2212'; }
      .g-faq details p { padding: 0 0 16px; margin: 0; font-size: 15px; }
      .g-rel { margin: 56px 0 0; display: grid; gap: 10px; }
      .g-rel a { display: block; padding: 15px 18px; border: 1px solid var(--line-soft);
        border-radius: 12px; text-decoration: none; color: var(--text); font-size: 15px; }
      .g-rel a:hover { border-color: var(--mineral); }
      .g-rel span { display: block; color: var(--faint); font-size: 13.5px; margin-top: 4px;
        line-height: 1.5; }
      .g-svc { margin: 44px 0 0; padding: 22px 24px; border: 1px solid var(--line-soft);
        border-radius: 14px; display: flex; gap: 20px; align-items: center; flex-wrap: wrap;
        justify-content: space-between; }
      .g-svc-label { font-family: var(--mono,'JetBrains Mono',monospace); font-size: 11px;
        letter-spacing: .14em; text-transform: uppercase; color: var(--faint); }
      .g-svc h3 { margin: 6px 0 0; font-size: 17px; color: var(--text); font-weight: 500; }
      .g-svc p { margin: 6px 0 0; font-size: 14.5px; color: var(--muted); max-width: 52ch; }