.guide-page header { position: relative; text-align: left; padding-top: 4.5rem; }
.guide-page header > :not(.header-controls) { max-width: 828px; margin-left: auto; margin-right: auto; }
.guide-page header h1 { font-size: clamp(2rem, 5vw, 2.8rem); }
.guide-page main { max-width: 860px; padding-top: 0; }
.guide-page a { color: var(--accent-secondary); }
.guide-page h2 { margin: 2rem 0 0.7rem; font-size: 1.4rem; }
.guide-page p, .guide-page li { margin: 0.75rem 0; line-height: 1.8; }
.guide-page ul { padding-left: 1.4rem; }
.guide-page .eyebrow { color: var(--accent-secondary); font-weight: 600; }
.guide-page .formula-box, .guide-page .example-box {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 1rem;
    padding: 1.25rem;
    margin: 1.5rem 0;
}
.guide-page .formula-box strong { font: 700 1.25rem 'Courier New', monospace; }
.guide-page .guide-cta { display: inline-block; background: var(--accent-gradient); color: white; padding: 0.75rem 1.1rem; border-radius: 0.65rem; text-decoration: none; font-weight: 600; }
.guide-page .source { color: var(--text-secondary); font-size: 0.9rem; }
.guide-page nav { display: flex; flex-wrap: wrap; gap: 0.65rem; align-items: center; }
.guide-page nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid var(--accent-secondary);
    border-radius: 0.65rem;
    background: var(--card-bg);
    color: var(--accent-secondary);
    font: inherit;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}
.guide-page nav a:hover { background: rgba(6, 182, 212, 0.14); }
.guide-page nav a:focus-visible, .guide-page .header-controls button:focus-visible { outline: 3px solid var(--accent-secondary); outline-offset: 3px; }
.guide-page nav { margin: 1.5rem 0; }

.guide-page .table-wrap { max-width: 100%; overflow-x: auto; margin: 1.5rem 0; }
.guide-page table { width: 100%; min-width: 480px; border-collapse: collapse; line-height: 1.6; }
.guide-page caption { text-align: left; font-weight: 600; margin-bottom: 0.75rem; }
.guide-page th, .guide-page td { padding: 0.75rem; border: 1px solid var(--card-border); text-align: left; }
.guide-page th { background: var(--card-bg); }
.guide-page .formula-box { overflow-wrap: anywhere; }