.guide-home, .guide-wiki, .guide-archive {
    --guide-bg: #0c1824;
    --guide-raised: #101f2c;
    --guide-line: #283c4d;
    --guide-text: #e8edf1;
    --guide-muted: #afbfcb;
    --guide-gold: #f1d390;
    color: var(--guide-text);
}

.guide-masthead {
    min-height: 235px;
    margin-block: 34px 24px;
    padding: 38px clamp(22px, 5vw, 66px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid var(--guide-line);
    border-block-start: 2px solid #8f7350;
    border-radius: 8px;
    background: radial-gradient(ellipse at 90% 45%, #1b364a 0, transparent 51%), #0d1a26;
}
.guide-edition { margin: 0 0 8px; color: var(--guide-muted); font-size: 14px; }
.guide-masthead h1 {
    margin: 0 0 22px;
    font: 700 clamp(35px, 6vw, 59px)/1.08 var(--serif);
    color: var(--guide-gold);
}
.guide-masthead img { inline-size: clamp(78px, 15vw, 144px); block-size: auto; }
.guide-join { display: flex; flex-wrap: wrap; gap: 10px; }
.guide-join .btn { border-radius: 6px; }
.guide-home-columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 285px);
    gap: 24px;
    align-items: start;
    margin-block-end: 50px;
}
.guide-news, .guide-home-sidebar section {
    background: var(--guide-bg);
    border: 1px solid var(--guide-line);
    border-radius: 8px;
}
.guide-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 16px 22px;
    border-block-end: 1px solid var(--guide-line);
}
.guide-panel-header h2, .guide-home-sidebar h2 {
    margin: 0;
    font: 700 22px/1.2 var(--serif);
    color: var(--guide-gold);
}
.guide-panel-header a, .guide-home-sidebar a, .guide-article-header a, .guide-links a, .guide-rare a {
    color: var(--guide-gold);
    text-decoration: underline;
    text-underline-offset: .25em;
}
.guide-panel-header a:hover, .guide-home-sidebar a:hover, .guide-links a:hover { color: white; }
.guide-changes { list-style: none; margin: 0; padding: 0 22px; }
.guide-changes li { padding-block: 18px; border-block-end: 1px solid var(--guide-line); }
.guide-changes li:last-child { border-block-end: none; }
.guide-changes li div { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 12px; }
.guide-changes h3 { margin: 0; font: 700 19px/1.3 var(--serif); color: var(--guide-gold); }
.guide-changes time { color: var(--guide-muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.guide-changes p { margin: 6px 0 0; color: var(--guide-text); line-height: 1.65; }
.guide-home-sidebar { display: grid; gap: 14px; }
.guide-home-sidebar section { padding: 15px 18px; }
.guide-home-sidebar p { margin: 9px 0 0; color: var(--guide-muted); }
.guide-home-sidebar ul { list-style: none; margin: 8px 0 0; padding: 0; }
.guide-home-sidebar li + li { margin-block-start: 8px; }
.guide-status { display: flex; align-items: center; gap: 9px; }
.guide-status .dot { width: 8px; height: 8px; border-radius: 50%; background: #fd7579; }
.guide-status .dot.online { background: #65d9a2; }

.guide-archive { max-width: 900px; margin-block: 38px 55px; }
.guide-archive .guide-changes {
    background: var(--guide-bg);
    border: 1px solid var(--guide-line);
    border-radius: 8px;
}
.guide-wiki {
    display: grid;
    grid-template-columns: minmax(200px, 248px) minmax(0, 1fr);
    gap: 34px;
    align-items: start;
    margin-block: 34px 56px;
}
.guide-wiki-nav {
    position: sticky;
    top: 96px;
    align-self: start;
    border: 1px solid var(--guide-line);
    border-radius: 8px;
    background: var(--guide-bg);
    padding: 17px 13px;
}
.guide-index-link { display: block; margin: 0 7px 12px; font: 700 22px/1.1 var(--serif); color: var(--guide-gold); }
.guide-search { margin: 0 5px 14px; }
.guide-search label { display: block; margin-block-end: 5px; font-size: 13px; color: var(--guide-muted); }
.guide-search div { display: flex; gap: 5px; }
.guide-search input, .guide-search button {
    min-height: 36px;
    border: 1px solid var(--guide-line);
    border-radius: 5px;
    background: #07121b;
    color: var(--guide-text);
    font: inherit;
}
.guide-search input { width: 100%; min-width: 0; padding-inline: 8px; }
.guide-search button { min-width: 38px; cursor: pointer; color: var(--guide-gold); }
.guide-wiki-nav nav { display: grid; gap: 3px; }
.guide-wiki-nav nav a { padding: 7px 8px; border-radius: 5px; font-size: 14px; }
.guide-wiki-nav nav a:hover, .guide-wiki-nav nav a[aria-current] { background: #203146; color: var(--guide-gold); }
.guide-wiki-content { min-width: 0; }
.guide-article-header { border-block-end: 1px solid var(--guide-line); padding-block-end: 17px; margin-block-end: 18px; }
.guide-article-header > a { display: inline-block; font-size: 14px; margin-block-end: 9px; }
.guide-article-header h1 { font: 700 clamp(34px, 4.5vw, 48px)/1.14 var(--serif); color: var(--guide-gold); margin: 0 0 10px; }
.guide-article-header p { margin: 0; color: var(--guide-muted); line-height: 1.6; }
.guide-topic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.guide-topic-grid a { background: var(--guide-bg); border: 1px solid var(--guide-line); border-radius: 6px; padding: 15px; }
.guide-topic-grid a:hover { border-color: #95764c; background: var(--guide-raised); }
.guide-topic-grid h2 { margin: 0 0 6px; color: var(--guide-gold); font: 700 20px/1.2 var(--serif); }
.guide-topic-grid p { margin: 0; color: var(--guide-muted); line-height: 1.48; }
.guide-results-title { font-size: 19px; overflow-wrap: anywhere; }
.guide-contents, .guide-links { display: flex; flex-wrap: wrap; gap: 7px 18px; margin: 17px 0; }
.guide-contents a { color: #abe0ff; text-decoration: underline; text-underline-offset: .25em; }
.guide-article p, .guide-wiki-content .events-page > p { max-width: 78ch; line-height: 1.68; color: var(--guide-muted); }
.guide-article section { border-block-end: 1px solid var(--guide-line); padding-block: 12px 17px; }
.guide-article section h2, .guide-rare h2 { margin: 0 0 7px; font: 700 25px/1.2 var(--serif); color: var(--guide-gold); }
.guide-article section p { margin: 0; }
.guide-wiki-content [id] { scroll-margin-top: 105px; }
.guide-wiki-content .wrap { width: 100%; }
.guide-wiki-content .classic-section, .guide-wiki-content .events-page { padding-block: 0; }
.guide-wiki-content .events-section { padding-block: 18px; }
.guide-wiki-content .events-service { grid-template-columns: minmax(0, 1fr); }
.guide-wiki-content .events-tip { min-width: 0; }
.guide-wiki-content .events-jump { padding-block: 12px; }
.guide-table { overflow-x: auto; margin-block: 12px 0; }
.guide-table .classic-table { min-width: 390px; }
.guide-rare { padding-block-start: 18px; }
.guide-rare .rare-today { display: flex; gap: 10px; flex-wrap: wrap; margin: 12px 0; }
.guide-rare .rare-today span { padding: 8px 12px; background: var(--guide-raised); border: 1px solid var(--guide-line); border-radius: 6px; }
.guide-rare .rare-today strong { padding-inline-start: 6px; color: var(--guide-gold); }
.guide-screenshot { margin: 22px 0 0; max-width: 640px; }
.guide-screenshot img { width: 100%; height: auto; border-radius: 7px; border: 1px solid var(--guide-line); }
.guide-screenshot figcaption { font-size: 13px; color: var(--guide-muted); }
:is(.guide-home, .guide-wiki, .guide-archive) :focus-visible { outline: 2px solid #8bd4fc; outline-offset: 3px; }

@media (max-width: 850px) {
    .guide-home-columns, .guide-wiki { grid-template-columns: 1fr; gap: 16px; }
    .guide-home-sidebar { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
    .guide-wiki-nav { position: static; }
    .guide-wiki-nav nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 490px) {
    .guide-topic-grid { grid-template-columns: 1fr; }
    .guide-masthead { margin-block: 15px; padding: 23px 17px; gap: 9px; }
    .guide-masthead h1 { font-size: 33px; }
    .guide-masthead img { width: 62px; align-self: start; }
    .guide-wiki-content .classic-card { padding: 15px; }
}