/* ACT wiki theme.
   Anchored on the Data Portal navbar colour (#2b5499) so the wiki reads as the
   portal's sibling. Deliberately quiet: the brand appears once, in the navbar,
   and everything below it is greyscale with blue reserved for links. */

:root {
    --act-brand:      #2b5499;
    --act-brand-dark: #1f3f73;
    --act-ink:        #1f2933;
    --act-muted:      #6b7684;
    --act-line:       #e3e7ed;
    --act-wash:       #f7f8fa;
}

/* --- Navbar: the one saturated element on the page --- */
.mikio .mikio-navbar {
    background: var(--act-brand) !important;
    border-bottom: none !important;
    box-shadow: none;
}
.mikio .mikio-navbar,
.mikio .mikio-navbar a,
.mikio .mikio-navbar .mikio-nav-link,
.mikio .mikio-navbar-brand-title-text,
.mikio .mikio-navbar-brand-title-tagline { color: #fff !important; }
.mikio .mikio-navbar .mikio-nav-link:hover { color: #c9d8f0 !important; }
.mikio .mikio-navbar .mikio-search input {
    background: rgba(255, 255, 255, .13);
    border: 1px solid rgba(255, 255, 255, .25);
    color: #fff;
}
.mikio .mikio-navbar .mikio-search input::placeholder { color: rgba(255, 255, 255, .65); }

/* --- Hero: a title, not a banner --- */
.mikio .mikio-hero {
    background: var(--act-wash) !important;
    border-bottom: 1px solid var(--act-line);
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
}
.mikio .mikio-hero-title {
    color: var(--act-ink) !important;
    font-size: 1.7rem;
    font-weight: 600;
    letter-spacing: -.01em;
}
.mikio .mikio-hero-subtitle { color: var(--act-muted) !important; }
.mikio .mikio-youarehere, .mikio .mikio-youarehere a { color: var(--act-muted) !important; font-size: .85em; }
.mikio .mikio-youarehere a:hover { color: var(--act-brand) !important; }

/* --- Links --- */
.mikio .dokuwiki .mikio-article a.wikilink1,
.mikio .dokuwiki .mikio-article a.urlextern,
.mikio .dokuwiki .mikio-article a.interwiki,
.mikio .mikio-sidebar-content a { color: var(--act-brand); }
.mikio .dokuwiki .mikio-article a.wikilink1:hover,
.mikio .dokuwiki .mikio-article a.urlextern:hover,
.mikio .mikio-sidebar-content a:hover { color: var(--act-brand-dark); text-decoration: underline; }
.mikio .dokuwiki .mikio-article a.wikilink2 { color: #a4471f; }

/* --- Page surface --- */
.mikio .mikio-content { background: var(--act-wash) !important; }
.mikio .mikio-page { background: #fff; }
.mikio .dokuwiki .mikio-article { color: var(--act-ink); }

/* Headings carry weight, not rules and colour. */
.mikio .dokuwiki .mikio-article h1,
.mikio .dokuwiki .mikio-article h2,
.mikio .dokuwiki .mikio-article h3,
.mikio .dokuwiki .mikio-article h4 {
    color: var(--act-ink);
    font-weight: 600;
    letter-spacing: -.005em;
    border-bottom: none;
}
.mikio .dokuwiki .mikio-article h2 { font-size: 1.35rem; margin-top: 1.6em; }
.mikio .dokuwiki .mikio-article h3 { font-size: 1.12rem; }

/* --- Sidebar --- */
.mikio .mikio-sidebar { background: #fff; border-right: 1px solid var(--act-line); }
.mikio .mikio-sidebar-content strong {
    color: var(--act-muted);
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: .78em;
    font-weight: 600;
}

/* --- Table of contents: a panel, not a card that floats --- */
.mikio .mikio-toc {
    background: #fff;
    border: 1px solid var(--act-line);
    border-radius: 4px;
    box-shadow: none;
    font-size: .92em;
}

/* --- Tables: hairlines, tight cells, sized to content.
   The source document used layout tables, so they arrive wide and airy. Cap
   the width and cut the padding so a two-column field list reads as a list
   rather than a sprawling grid. --- */
.mikio .dokuwiki .mikio-article table.inline {
    border-collapse: collapse;
    font-size: .93em;
    width: auto;
    max-width: 624px;
    margin: .6em 0;
    line-height: 1.35;
}
.mikio .dokuwiki .mikio-article table.inline th,
.mikio .dokuwiki .mikio-article table.inline td {
    border: 1px solid var(--act-line);
    padding: 3px 8px;
    vertical-align: top;
}
.mikio .dokuwiki .mikio-article table.inline th {
    background: var(--act-wash);
    color: var(--act-ink);
    font-weight: 600;
    text-align: left;
}
/* First column is a label column: keep it narrow so values line up. */
.mikio .dokuwiki .mikio-article table.inline td:first-child { white-space: nowrap; color: var(--act-muted); }
.mikio .dokuwiki .mikio-article table.inline td[colspan] { white-space: normal; color: var(--act-ink); }

/* --- Code --- */
.mikio .dokuwiki .mikio-article code,
.mikio .dokuwiki .mikio-article pre {
    background: var(--act-wash);
    border: 1px solid var(--act-line);
    border-radius: 3px;
    color: #33414f;
}

/* --- Footer --- */
.mikio .mikio-footer { color: var(--act-muted); border-top: 1px solid var(--act-line); font-size: .88em; }

/* --- Content images.
   Sized in the page markup to the widths they had in the source document; this
   caps anything unsized (the animated GIF, which cannot be resized without
   losing its frames) at the same 624px text-column width so nothing renders
   larger than it did in the doc. The border keeps mostly-white screenshots
   from bleeding into the page. --- */
.mikio .dokuwiki img.media,
.mikio .dokuwiki img.mediacenter,
.mikio .dokuwiki img.medialeft,
.mikio .dokuwiki img.mediaright {
    border: 1px solid #000;
    box-sizing: border-box;
    max-width: 624px;
    height: auto;
    margin: .5em 0;
}