:root {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
        "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
    color: #f6f9ff;
    background: #b8d4df;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    --manual-panel: linear-gradient(180deg, rgba(16, 120, 195, .97), rgba(4, 67, 128, .97));
    --manual-panel-alt: linear-gradient(180deg, rgba(27, 105, 176, .96), rgba(8, 56, 113, .97));
    --manual-panel-soft: linear-gradient(180deg, rgba(69, 118, 158, .96), rgba(31, 70, 111, .97));
    --manual-field: rgba(4, 43, 82, .9);
    --manual-border: rgba(226, 241, 255, .76);
    --manual-rule: rgba(218, 237, 255, .25);
    --manual-text: #f6f9ff;
    --manual-muted: #c8e6ff;
    --manual-link: #d5ecff;
    --manual-accent: #5feaf1;
    --manual-notice: #f7e957;
    --manual-danger: #ff6262;
    --manual-button: linear-gradient(180deg, #1688e3, #075ba8);
    --manual-button-hover: linear-gradient(180deg, #3a9bea, #0b6fc4);
    --manual-shadow: .34rem .42rem 0 rgba(0, 28, 73, .68);
    --manual-radius: .2rem;
}

*, *::before, *::after { box-sizing: border-box; }

html {
    min-width: 0;
    scroll-behavior: smooth;
    scroll-padding-top: 1.25rem;
}

body.ebs-manual {
    min-width: 0;
    min-height: 100svh;
    margin: 0;
    color: var(--manual-text);
    background-color: #8ea9ad;
    background-image:
        linear-gradient(180deg, rgba(225, 244, 249, .22), rgba(52, 74, 75, .5)),
        url("../wall/art30l.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-size: clamp(.9rem, .86rem + .16vw, 1rem);
    line-height: 1.7;
    overflow-wrap: anywhere;
}

a { color: var(--manual-link); }
a:hover { color: #fff; }
button, input { font: inherit; }
button, summary, a { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; }

.skip-link {
    position: fixed;
    z-index: 100;
    top: .6rem;
    left: .6rem;
    padding: .55rem .8rem;
    color: #062e53;
    background: #fff;
    transform: translateY(-150%);
}
.skip-link:focus { transform: translateY(0); }

.manual-hero,
.manual-shell,
.manual-footer {
    width: min(94rem, calc(100% - clamp(1rem, 4vw, 4rem)));
    margin-inline: auto;
}

.manual-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(1.25rem, 4vw, 4rem);
    margin-block: clamp(1rem, 4vw, 3rem) 2rem;
    padding: clamp(1.6rem, 5vw, 4.5rem);
    border: 1px solid var(--manual-border);
    background:
        radial-gradient(circle at 78% 20%, rgba(95, 234, 241, .13), transparent 28%),
        linear-gradient(145deg, rgba(20, 128, 202, .98), rgba(3, 54, 108, .98));
    box-shadow: var(--manual-shadow);
    overflow: hidden;
}

.manual-hero::after {
    content: "A";
    position: absolute;
    right: 4%;
    bottom: -42%;
    color: rgba(255, 255, 255, .035);
    font: 700 clamp(18rem, 34vw, 35rem)/1 Georgia, serif;
    pointer-events: none;
}

.manual-eyebrow {
    margin: 0 0 .6rem;
    color: var(--manual-accent);
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.manual-hero h1 {
    margin: 0;
    font: 400 clamp(3.25rem, 8vw, 8.5rem)/.95 "Yu Mincho", "Hiragino Mincho ProN", serif;
    letter-spacing: .04em;
    text-shadow: 0 .18rem .8rem rgba(0, 23, 58, .35);
}

.manual-hero__lead {
    max-width: 46rem;
    margin: 1.2rem 0 0;
    color: var(--manual-muted);
    font-size: clamp(1rem, .92rem + .35vw, 1.3rem);
}

.manual-hero__actions {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: start;
    gap: .65rem;
}

.manual-button {
    display: inline-flex;
    min-height: 2.7rem;
    align-items: center;
    justify-content: center;
    padding: .62rem 1.05rem;
    border: 1px solid var(--manual-border);
    border-radius: var(--manual-radius);
    color: #fff;
    background: var(--manual-button);
    box-shadow: .18rem .22rem 0 rgba(0, 26, 70, .55);
    font-weight: 750;
    text-decoration: none;
    cursor: pointer;
}
.manual-button:hover { color: #fff; background: var(--manual-button-hover); }
.manual-button--quiet { background: rgba(4, 49, 94, .68); }
.manual-button--small { width: 100%; min-height: 2.3rem; padding: .45rem .65rem; font-size: .8rem; }

.manual-hero__facts {
    position: relative;
    z-index: 1;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin: .5rem 0 0;
}
.manual-hero__facts div {
    padding: .75rem .9rem;
    border: 1px solid var(--manual-rule);
    background: rgba(4, 49, 94, .5);
}
.manual-hero__facts dt { color: var(--manual-muted); font-size: .68rem; font-weight: 800; letter-spacing: .12em; }
.manual-hero__facts dd { margin: .12rem 0 0; font-weight: 800; }

.manual-shell {
    display: grid;
    grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr);
    align-items: start;
    gap: 1.4rem;
}

.manual-sidebar {
    position: sticky;
    top: 1rem;
    max-height: calc(100svh - 2rem);
    padding: 1rem;
    border: 1px solid var(--manual-border);
    background: var(--manual-panel-alt);
    box-shadow: var(--manual-shadow);
    overflow: auto;
    scrollbar-color: rgba(95, 234, 241, .55) rgba(3, 36, 75, .7);
}

.manual-search label {
    display: block;
    margin-bottom: .4rem;
    color: var(--manual-accent);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .14em;
}
.manual-search input {
    width: 100%;
    min-height: 2.55rem;
    padding: .55rem .7rem;
    border: 1px solid var(--manual-border);
    border-radius: 0;
    color: #fff;
    background: var(--manual-field);
    outline: none;
}
.manual-search input:focus { border-color: var(--manual-accent); box-shadow: 0 0 0 .15rem rgba(95, 234, 241, .18); }
.manual-search input::placeholder { color: #a8c9e6; }
.manual-search__status { min-height: 1.25rem; margin: .35rem 0 .8rem; color: var(--manual-muted); font-size: .7rem; }

.manual-toc { display: grid; border-top: 1px solid var(--manual-rule); }
.manual-toc a {
    display: grid;
    grid-template-columns: 1rem 1fr;
    gap: .35rem;
    padding: .55rem .3rem;
    border-bottom: 1px solid var(--manual-rule);
    color: var(--manual-muted);
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
}
.manual-toc a::before { content: "›"; color: var(--manual-accent); }
.manual-toc a:hover,
.manual-toc a[aria-current="true"] { color: #fff; background: rgba(95, 234, 241, .08); }
.manual-toc a[aria-current="true"]::before { content: "◆"; font-size: .55rem; transform: translateY(.25rem); }

.manual-sidebar__actions { display: grid; gap: .7rem; margin-top: 1rem; }
.manual-sidebar__top { text-align: center; font-size: .75rem; }

.manual-content { display: grid; gap: 1.4rem; min-width: 0; }

.manual-section {
    position: relative;
    padding: clamp(1.25rem, 3.2vw, 2.8rem);
    border: 1px solid var(--manual-border);
    background: var(--manual-panel);
    box-shadow: var(--manual-shadow);
    scroll-margin-top: 1rem;
}
.manual-section:nth-child(even) { background: var(--manual-panel-alt); }
.manual-section::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: .22rem;
    background: linear-gradient(var(--manual-accent), transparent 58%);
}

.manual-section h2 {
    margin: 0 0 1.25rem;
    font: 500 clamp(1.8rem, 1.3rem + 1.7vw, 3.3rem)/1.15 "Yu Mincho", "Hiragino Mincho ProN", serif;
    letter-spacing: .04em;
}
.manual-section h3 { margin: 1.1rem 0 .35rem; font-size: 1.05rem; }
.manual-section p { margin-block: .4rem 1rem; }
.manual-section__lead { max-width: 57rem; color: var(--manual-muted); font-size: 1.04rem; }
.manual-section__heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.manual-version { padding: .35rem .55rem; border: 1px solid var(--manual-rule); color: var(--manual-accent); font-size: .62rem; font-weight: 800; letter-spacing: .12em; white-space: nowrap; }

.manual-lead-grid,
.manual-split {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(16rem, .8fr);
    gap: 1.3rem;
    align-items: start;
}

.manual-notice,
.manual-note,
.manual-callout {
    padding: 1rem 1.1rem;
    border-left: .2rem solid var(--manual-notice);
    background: rgba(3, 42, 82, .58);
}
.manual-notice strong,
.manual-note strong { color: var(--manual-notice); }
.manual-notice p,
.manual-note p { margin-bottom: 0; }
.manual-callout { margin: 1.2rem 0 0; color: #fff6b5; }
.manual-note + .manual-note { margin-top: .7rem; }

.manual-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.manual-steps li {
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr);
    gap: .7rem;
    padding: 1rem;
    border: 1px solid var(--manual-rule);
    background: rgba(3, 47, 90, .52);
}
.manual-steps li > span { color: var(--manual-accent); font: 700 1.3rem/1 Georgia, serif; }
.manual-steps strong { color: #fff; }
.manual-steps p { margin: .28rem 0 0; color: var(--manual-muted); font-size: .86rem; }

.manual-shot { margin: 1.25rem 0 0; }
.manual-shot img {
    display: block;
    width: auto;
    max-height: 36rem;
    border: 1px solid var(--manual-border);
    background: rgba(255, 255, 255, .78);
    object-fit: contain;
}
.manual-shot figcaption { margin-top: .4rem; color: var(--manual-muted); font-size: .75rem; }
.manual-shot--compact { margin-top: 0; }
.manual-shot--inline img { max-height: 15rem; }

.manual-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
}
.manual-stat-grid article {
    min-height: 7rem;
    padding: .85rem;
    border: 1px solid var(--manual-rule);
    background: rgba(4, 51, 98, .5);
}
.manual-stat-grid strong { color: var(--manual-accent); font-size: 1.05rem; }
.manual-stat-grid p { margin: .35rem 0 0; color: var(--manual-muted); font-size: .82rem; }
.manual-stat-grid + .manual-note { margin-top: 1rem; }

.command-rail {
    margin-top: 1.25rem;
    padding-top: .8rem;
    border-top: 1px solid var(--manual-rule);
}
.command-rail > h3 { color: var(--manual-accent); font-size: .77rem; letter-spacing: .14em; text-transform: uppercase; }
.command-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}
.command-grid--primary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.command-card {
    min-height: 7rem;
    padding: .85rem .9rem;
    border: 1px solid var(--manual-rule);
    background: rgba(5, 57, 108, .58);
    transition: border-color .16s ease, transform .16s ease, background .16s ease;
}
.command-card:hover { border-color: rgba(95, 234, 241, .7); background: rgba(10, 78, 141, .68); transform: translateY(-.1rem); }
.command-card strong { color: #fff; font-size: .94rem; }
.command-card p { margin: .3rem 0 0; color: var(--manual-muted); font-size: .8rem; line-height: 1.58; }

.command-groups { display: grid; gap: .7rem; margin-top: 1.1rem; }
.command-group { border: 1px solid var(--manual-border); background: rgba(1, 35, 75, .54); }
.command-group > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4rem;
    padding: .75rem 1rem;
    color: #fff;
    background: linear-gradient(90deg, rgba(18, 119, 194, .86), rgba(5, 67, 129, .6));
    cursor: pointer;
    list-style: none;
}
.command-group > summary::-webkit-details-marker { display: none; }
.command-group > summary::before { content: "+"; color: var(--manual-accent); font-size: 1.35rem; }
.command-group[open] > summary::before { content: "−"; }
.command-group > summary span { display: grid; margin-right: auto; font-size: 1.03rem; font-weight: 800; }
.command-group > summary small { color: var(--manual-accent); font-size: .58rem; letter-spacing: .16em; }
.command-group > summary b { color: var(--manual-muted); font-size: .63rem; letter-spacing: .08em; }
.command-group > .command-grid { padding: .75rem; }

.manual-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}
.manual-feature-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.manual-feature-grid article {
    position: relative;
    padding: 1rem;
    border: 1px solid var(--manual-rule);
    background: rgba(3, 47, 90, .52);
}
.manual-feature-grid article > span { color: var(--manual-accent); font: 700 1.25rem/1 Georgia, serif; }
.manual-feature-grid h3 { margin: .45rem 0; }
.manual-feature-grid p { margin: 0; color: var(--manual-muted); font-size: .86rem; }
.manual-feature-grid + .manual-note { margin-top: 1rem; }
.manual-split + .manual-feature-grid,
.manual-timeline + .manual-feature-grid { margin-top: 1rem; }

.manual-anchor-nav {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0 0 1.25rem;
}
.manual-anchor-nav a {
    padding: .45rem .7rem;
    border: 1px solid var(--manual-rule);
    color: #fff;
    background: rgba(3, 47, 90, .52);
    font-size: .8rem;
    font-weight: 750;
    text-decoration: none;
}
.manual-anchor-nav a:hover { border-color: var(--manual-accent); background: rgba(10, 78, 141, .68); }

.manual-catalog-block {
    padding-top: 1.2rem;
    scroll-margin-top: 1rem;
}
.manual-catalog-block + .manual-catalog-block {
    margin-top: 1.6rem;
    border-top: 1px solid var(--manual-rule);
}
.manual-catalog-block > h3 { color: var(--manual-notice); font-size: 1.35rem; }
.manual-catalog-block > p { color: var(--manual-muted); }
.manual-table-wrap {
    max-width: 100%;
    border: 1px solid var(--manual-rule);
    background: rgba(2, 35, 73, .48);
    overflow-x: auto;
    scrollbar-color: rgba(95, 234, 241, .55) rgba(3, 36, 75, .7);
}
.manual-catalog-table {
    width: 100%;
    min-width: 52rem;
    border-collapse: collapse;
    font-size: .79rem;
    line-height: 1.55;
}
.manual-catalog-table caption {
    padding: .7rem .8rem;
    color: var(--manual-accent);
    background: rgba(5, 67, 129, .72);
    font-weight: 800;
    letter-spacing: .08em;
    text-align: left;
}
.manual-catalog-table th,
.manual-catalog-table td {
    padding: .58rem .7rem;
    border-right: 1px solid var(--manual-rule);
    border-bottom: 1px solid var(--manual-rule);
    vertical-align: top;
    text-align: left;
}
.manual-catalog-table thead th {
    color: #fff;
    background: rgba(8, 78, 143, .82);
    white-space: nowrap;
}
.manual-catalog-table tbody th { color: #fff; white-space: nowrap; }
.manual-catalog-table tbody td { color: var(--manual-muted); }
.manual-catalog-table tbody tr:nth-child(even) { background: rgba(31, 103, 163, .13); }
.manual-catalog-table--tactics { min-width: 43rem; }
.manual-catalog-groups { display: grid; gap: .55rem; }
.manual-catalog-group { border: 1px solid var(--manual-rule); background: rgba(1, 35, 75, .54); }
.manual-catalog-group > summary {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 3.25rem;
    padding: .65rem .85rem;
    color: #fff;
    background: linear-gradient(90deg, rgba(18, 119, 194, .76), rgba(5, 67, 129, .5));
    cursor: pointer;
    list-style: none;
}
.manual-catalog-group > summary::-webkit-details-marker { display: none; }
.manual-catalog-group > summary::before { content: "+"; color: var(--manual-accent); font-size: 1.2rem; }
.manual-catalog-group[open] > summary::before { content: "−"; }
.manual-catalog-group > summary span { margin-right: auto; font-weight: 800; }
.manual-catalog-group > summary b { color: var(--manual-muted); font-size: .68rem; letter-spacing: .08em; }
.manual-catalog-group > .manual-table-wrap { border-width: 1px 0 0; }

.manual-compact-list { display: grid; gap: .45rem; padding-left: 1.35rem; }
.manual-compact-list li::marker { color: var(--manual-accent); font-weight: 800; }

.manual-timeline { position: relative; display: grid; gap: .6rem; }
.manual-timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 5.15rem; width: 1px; background: var(--manual-rule); }
.manual-timeline article { position: relative; display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); gap: 1.3rem; }
.manual-timeline time { padding-top: 1rem; color: var(--manual-accent); font-size: .76rem; font-weight: 800; text-align: right; }
.manual-timeline article > div { position: relative; padding: .8rem 1rem; border: 1px solid var(--manual-rule); background: rgba(3, 47, 90, .52); }
.manual-timeline article > div::before { content: ""; position: absolute; top: 1.3rem; left: -1.68rem; width: .7rem; height: .7rem; border: 2px solid var(--manual-accent); background: #075ba8; transform: rotate(45deg); }
.manual-timeline h3 { margin: 0; }
.manual-timeline p { margin: .3rem 0 0; color: var(--manual-muted); }
.manual-timeline + .manual-callout { margin-top: 1rem; }

.manual-versus { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.manual-versus > article { padding: 1.1rem; border: 1px solid var(--manual-border); background: rgba(3, 47, 90, .52); }
.manual-versus small { color: var(--manual-accent); font-weight: 800; letter-spacing: .15em; }
.manual-versus h3 { margin-top: .35rem; font-size: 1.4rem; }
.manual-versus ul { padding-left: 1.2rem; }
.manual-versus li { margin-bottom: .35rem; color: var(--manual-muted); }
.manual-versus li::marker { color: var(--manual-accent); }
.manual-legend { margin-top: .8rem; color: var(--manual-muted); font-size: .78rem; text-align: center; }
.manual-marker { margin-left: .7rem; font-size: 1.2rem; }
.manual-marker--attack { color: #4df5f5; }
.manual-marker--defence { color: #ff5252; }

.manual-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.manual-gallery figure { margin: 0; padding: .7rem; border: 1px solid var(--manual-rule); background: rgba(3, 47, 90, .52); }
.manual-gallery img { display: block; width: 100%; height: 20rem; object-fit: contain; background: rgba(255, 255, 255, .84); }
.manual-gallery figcaption { margin-top: .45rem; color: var(--manual-muted); font-size: .76rem; }

.manual-faq { display: grid; gap: .55rem; }
.manual-faq details { border: 1px solid var(--manual-rule); background: rgba(3, 47, 90, .52); }
.manual-faq summary { padding: .8rem 1rem; color: #fff; font-weight: 800; cursor: pointer; }
.manual-faq summary::marker { color: var(--manual-accent); }
.manual-faq p { margin: 0; padding: 0 1rem 1rem; color: var(--manual-muted); }

[data-search-item][hidden] { display: none !important; }
.manual-search-empty { padding: 1rem; border: 1px solid var(--manual-notice); color: var(--manual-notice); background: rgba(42, 39, 4, .55); }

.manual-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-block: 1.4rem 2.5rem;
    padding: 1rem 1.2rem;
    border: 1px solid var(--manual-border);
    background: var(--manual-panel-alt);
    box-shadow: var(--manual-shadow);
}
.manual-footer p { margin: 0; color: var(--manual-muted); }
.manual-footer nav { display: flex; flex-wrap: wrap; gap: 1rem; }

:focus-visible { outline: .18rem solid var(--manual-notice); outline-offset: .16rem; }

@media (max-width: 74rem) {
    .manual-shell { grid-template-columns: 13rem minmax(0, 1fr); }
    .manual-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .manual-stat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .command-grid,
    .command-grid--primary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 56rem) {
    body.ebs-manual { background-attachment: scroll; }
    .manual-hero { grid-template-columns: 1fr; }
    .manual-hero__actions { justify-content: start; }
    .manual-shell { display: block; }
    .manual-sidebar { position: relative; top: auto; max-height: none; margin-bottom: 1.4rem; }
    .manual-toc { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .manual-toc a { grid-template-columns: 1fr; text-align: center; }
    .manual-toc a::before { display: none; }
    .manual-sidebar__actions { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
    .manual-feature-grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 40rem) {
    .manual-hero,
    .manual-shell,
    .manual-footer { width: calc(100% - 1rem); }
    .manual-hero { padding: 1.35rem 1rem; }
    .manual-hero__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .manual-hero__facts { grid-template-columns: 1fr; }
    .manual-section { padding: 1.2rem .9rem; }
    .manual-section__heading,
    .manual-footer { align-items: stretch; flex-direction: column; }
    .manual-version { align-self: start; }
    .manual-toc { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .manual-steps,
    .manual-stat-grid,
    .command-grid,
    .command-grid--primary,
    .manual-feature-grid,
    .manual-feature-grid--three,
    .manual-lead-grid,
    .manual-split,
    .manual-versus,
    .manual-gallery { grid-template-columns: 1fr; }
    .command-card { min-height: 0; }
    .manual-gallery img { height: auto; max-height: 22rem; }
    .command-group > summary b { display: none; }
    .manual-timeline::before { left: .42rem; }
    .manual-timeline article { grid-template-columns: 1fr; gap: .25rem; padding-left: 1.3rem; }
    .manual-timeline time { padding-top: 0; text-align: left; }
    .manual-timeline article > div::before { left: -1.28rem; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition: none !important; }
}

@media print {
    body.ebs-manual { color: #111; background: #fff; }
    .manual-hero,
    .manual-section,
    .manual-footer,
    .command-group,
    .command-card { color: #111; background: #fff; box-shadow: none; }
    .manual-sidebar,
    .manual-hero__actions,
    .manual-footer nav { display: none; }
    .manual-shell { display: block; width: 100%; }
    .manual-section { break-inside: avoid; border-color: #888; }
    .command-group > summary { color: #111; background: #eee; }
    .manual-section p,
    .command-card p,
    .manual-versus li { color: #222; }
}