/* go-theme.css — the Go Examples index in the Cisco theme, recoloured slate.
   Same structure as cisco-lab.css's .cisco-theme block (navy hero, muted
   accent, cream panel in the hero, single-column numbered step list) but the
   blues are grey-blue: hero #1c2530, hero accent #93b4d4, card accent #3e5a78,
   rule #7a9bbd. Loaded after bowling.css; scoped under .bowl-page.go-theme. */

body:has(.go-theme) { background-color: #e3e8ed; }
.bowl-page.go-theme .back-link { color: #3e5a78; }

/* ── hero: slate instead of black ──────────────────────────────────────── */
.go-theme .bowl-hero { background: #1c2530; border-color: #34434f; }
.go-theme .bowl-hero::before { background: linear-gradient(90deg, #93b4d4, #6f92b5, #93b4d4); background-size: 200% 100%; }
.go-theme .bowl-hero .eyebrow,
.go-theme .bowl-hero h1 em { color: #93b4d4; }
.go-theme .bowl-hero .cursor { background: #93b4d4; }
.go-theme .bowl-hero .lede { color: #a7b4c1; }
.go-theme .bowl-hero .lede code, .go-theme .bowl-hero .lede em { color: #dde4eb; }
.go-theme .bowl-hero .lede a { color: #93b4d4; text-decoration: underline; text-decoration-color: rgba(147,180,212,.4); }
.go-theme .bowl-hero .lede a:hover { text-decoration-color: #93b4d4; }

/* ── cream panel inside the hero ───────────────────────────────────────── */
.go-theme .bowl-scoresheet {
    background: #fffdf8; border: 1px solid #e6dcc3; border-radius: 6px;
    padding: 16px 18px 14px;
}
.go-theme .bowl-scoresheet .ss-label { color: #7a6a48; }
.go-theme .bowl-final { color: #7a6a48; }
.go-theme .bowl-final strong { color: #3e5a78; }

/* the route strip: same shape as the Cisco topology strip */
.go-theme .path {
    display: flex; align-items: stretch; gap: 0;
    border: 1px solid #e0d5ba; border-radius: 4px; overflow: hidden;
    background: #f1ebdd;
}
.go-theme .path-node {
    flex: 1 1 0; min-width: 0;
    padding: 12px 10px; text-align: center;
    font-family: Consolas, Menlo, Monaco, monospace;
    color: #2c3338; background: #fbf7ee;
}
.go-theme .path-node .ico { display: block; font-size: 1.3rem; color: #7a6a48; margin-bottom: 4px; }
.go-theme .path-node .lbl { font-size: .8rem; font-weight: 700; color: #1d2327; white-space: nowrap; }
.go-theme .path-node .sub { font-size: .66rem; color: #7a6a48; margin-top: 3px; white-space: nowrap; }
.go-theme .path-node.hot { background: #e6edf4; }
.go-theme .path-node.hot .ico, .go-theme .path-node.hot .sub { color: #3e5a78; }
.go-theme .path-link {
    flex: 0 0 auto; display: flex; align-items: center; justify-content: center;
    padding: 0 8px; position: relative; min-width: 56px;
}
.go-theme .path-link::before {
    content: ""; position: absolute; left: 6px; right: 6px; top: 50%;
    border-top: 1px dashed #3e5a78; opacity: .5;
}
.go-theme .path-link::after {
    content: "\25B8"; position: absolute; right: 2px; top: 50%;
    transform: translateY(-52%); color: #3e5a78; font-size: .8rem;
}

/* ── cards: slate tags, numbers, rules and links ───────────────────────── */
.bowl-page.go-theme .postbox { border-color: #c2ccd6; }
.bowl-page.go-theme .postbox-header { background: #f2f5f8; border-bottom-color: #c2ccd6; }
.bowl-page.go-theme .postbox-header .frame-tag { background: #3e5a78; }
.bowl-page.go-theme .postbox-header h2 em { color: #3e5a78; }
.bowl-page.go-theme .inside em { color: #3e5a78; }
.bowl-page.go-theme .inside a { color: #3e5a78; text-decoration-color: #b4c6d8; }
.bowl-page.go-theme .inside a:hover { color: #2b4058; text-decoration-color: #3e5a78; }
.bowl-page.go-theme .bowl-steps.go-index { grid-template-columns: 1fr; gap: 10px; }
.bowl-page.go-theme .go-index .bowl-step h3 { font-size: 1.02rem; }
.bowl-page.go-theme .go-index .bowl-step p { font-size: .93rem; }
.bowl-page.go-theme .bowl-step { background: #f2f5f8; border-color: #d5dde5; border-left-color: #7a9bbd; }
.bowl-page.go-theme .bowl-step .num { background: #3e5a78; }
.bowl-page.go-theme .bowl-step h3 a:hover { color: #3e5a78; }
.bowl-page.go-theme .bowl-callout { background: #e4ebf2; border-left-color: #3e5a78; }
.bowl-page.go-theme .bowl-callout .tag { color: #3e5a78; }
.bowl-page.go-theme .bowl-callout p { color: #2b3e52; }
.bowl-page.go-theme .bowl-callout em { color: #3e5a78; }
.bowl-page.go-theme .bowl-pull { border-left-color: #7a9bbd; color: #22303e; }
.bowl-page.go-theme .inside .bowl-pull code {
    font-style: normal; font-size: .85em;
    background: #eef2f6; border: 1px solid #d5dde5; border-radius: 3px; padding: 1px 5px;
}
.bowl-page.go-theme .bowl-footer { border-top-color: #c2ccd6; }
.bowl-page.go-theme .bowl-footer .x { color: #3e5a78; }

@media (max-width: 720px) {
    .go-theme .path { flex-wrap: wrap; }
    .go-theme .path-node { flex: 1 1 45%; }
    .go-theme .path-link { flex: 1 1 100%; min-height: 28px; }
    .go-theme .path-link::after { right: 50%; transform: translate(50%, 40%) rotate(90deg); }
    .go-theme .path-link::before { display: none; }
}

/* ── lesson pages in the Go theme (College Algebra Refresher, 2026-09-20) ── */
/* the drop-down for the Go program: slate instead of bowling.css's blue */
.bowl-page.go-theme .bowl-full { border-color: #c2ccd6; }
.bowl-page.go-theme .bowl-full summary { background: #3e5a78; }
.bowl-page.go-theme .bowl-full summary:hover { background: #2f4760; }
.bowl-page.go-theme .bowl-full[open] summary { border-bottom-color: #2f4760; }
.bowl-page.go-theme .bowl-full summary .sub { color: #c9d6e3; }
.bowl-page.go-theme .bowl-full summary .arrow { color: #b4c6d8; }
.bowl-page.go-theme .bowl-full { margin: 14px 0 12px; }

/* a displayed equation / problem statement */
.bowl-page.go-theme .math {
    font-family: Georgia, "Times New Roman", serif; font-size: 1.15rem; color: #1d2327;
    background: #f7f9fb; border: 1px solid #d5dde5; border-left: 4px solid #3e5a78;
    border-radius: 4px; padding: 10px 16px; margin: 16px 0 8px;
}
.bowl-page.go-theme .math sup, .bowl-page.go-theme .math sub { font-size: .72em; }

/* the worked-by-hand steps */
.bowl-page.go-theme ol.alg-steps { margin: 0 0 6px; padding-left: 26px; }
.bowl-page.go-theme ol.alg-steps li { margin-bottom: 6px; color: #2c3338; }
.bowl-page.go-theme ol.alg-steps li strong { color: #1d2327; }
.bowl-page.go-theme .inside sup, .bowl-page.go-theme .inside sub { font-size: .75em; line-height: 0; }

/* "Now you" — the teach-yourself box: cream, matching the hero panel */
.bowl-page.go-theme .alg-try {
    background: #fffdf8; border: 1px solid #e6dcc3; border-left: 4px solid #c9a961;
    border-radius: 4px; padding: 14px 16px; margin: 18px 0 6px; line-height: 1.6;
}
.bowl-page.go-theme .alg-try-tag {
    display: block; font-family: Consolas, Menlo, Monaco, monospace;
    font-size: .62rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
    color: #7a6a48; margin-bottom: 8px;
}
.bowl-page.go-theme .alg-try ol { margin: 0 0 4px; padding-left: 24px; }
.bowl-page.go-theme .alg-try ol li { margin-bottom: 5px; color: #2c3338; }
.bowl-page.go-theme .alg-try details.bowl-fey-a > summary { color: #7a6a48; }
.bowl-page.go-theme .alg-try details.bowl-fey-a > summary:hover { color: #5c4f33; }
.bowl-page.go-theme .alg-try details.bowl-fey-a > p { background: #fff; color: #2c3338; }