/*
 * Reģionu Mediji — tēmas stila lapa.
 *
 * Lapa nav avīze un neatdarina avīzi: tā ir siena, pie kuras avīzes ir pakārtas.
 * Krāsas lapai pašai nav — vienīgā piesātinātā krāsa nāk no septiņām šodien
 * iespiestajām pirmajām lapām. Tāpēc te ir tikai astoņas krāsu vērtības, divi
 * rādiusi (0 iespieddarbam, 2px mehānismam) un tieši viena ēna (papīra ēna uz vāka).
 *
 * Sadaļas:
 *   1. Vērtības      2. Atstatne un pamati   3. Režģis      4. Galvene
 *   5. Stends        6. Vāku siena           7. Izvēlies    8. Karte
 *   9. Reklāmdevēji 10. Ētika               11. Kājene     12. Iekšlapas
 *  13. Kustība      14. Druka
 */

/* ==========================================================================
   1. Vērtības
   ========================================================================== */

:root {
    /* Krāsas */
    --ground: #DEDFD8;      /* lapas fons — pelēkzaļš, olīvas nokrāsa */
    --stand: #16211C;       /* stenda josla un kājene — zaļmelns */
    --ink: #1B1E1C;         /* teksts uz gaišā          12,53:1 */
    --muted: #4E514B;       /* sekundārais uz gaišā      6,01:1 */
    --paper: #FCFCFA;       /* teksts uz tumšā          16,12:1 */
    --paper-2: #B9BFB6;     /* sekundārais uz tumšā      8,82:1 */
    --accent: #CE1A4E;      /* zīmola karmīns — TIKAI grafika, nekad teksts */
    --accent-deep: #8E0F33; /* karmīns tekstam un saitēm 6,91:1 */
    --line: #767D74;        /* informāciju nesošas līnijas 3,16:1 */
    --line-faint: color-mix(in srgb, var(--ink) 14%, transparent);
    --covered: #2B322E;     /* segtais novads kartē      9,79:1 */

    --focus: var(--accent-deep);

    /* Fonti */
    --f-ui: "Archivo", "Archivo Fallback", Arial, sans-serif;
    --f-read: "Faustina", "Faustina Fallback", Georgia, serif;

    /* Izmēru skala */
    --t--2: 13px;
    --t--1: 15px;
    --t-0: clamp(17px, 16px + .25vw, 18px);
    --t-1: clamp(20px, 18px + .5vw, 22px);
    --t-2: clamp(24px, 20px + 1.1vw, 30px);
    --t-3: clamp(30px, 24px + 1.8vw, 42px);
    --t-4: clamp(30px, 22px + 2.6vw, 54px);
    --t-quote: clamp(23px, 18px + 1.5vw, 36px);
    --t-read: clamp(19px, 18px + .2vw, 20px);

    /* Režģis */
    --edge: clamp(18px, 4vw, 56px);
    --gutter: clamp(16px, 2vw, 28px);
    --header-h: 60px;

    /* Atstarpes — tikai šīs septiņas vērtības, nekas cits */
    --s1: 6px;
    --s2: 12px;
    --s3: 18px;
    --s4: 24px;
    --s5: 36px;
    --s6: 48px;
    --s7: 72px;
}

/* ==========================================================================
   2. Atstatne un pamati
   ========================================================================== */

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

* {
    margin: 0;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    background: var(--ground);
    color: var(--ink);
    font-family: var(--f-ui);
    font-size: var(--t-0);
    font-weight: 400;
    line-height: 1.6;
    font-variant-numeric: lining-nums;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

img,
svg {
    display: block;
    max-width: 100%;
}

img {
    height: auto;
}

h1, h2, h3, h4 {
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.014em;
    text-wrap: balance;
}

/* Saitei pasvītrojums ir VIENMĒR. Gados vecākam lasītājam tā ir vienīgā droša
   saites pazīme; krāsa vien tāda nav. */
a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
    transition: text-decoration-color 100ms linear, text-decoration-thickness 100ms linear;
}

a:hover,
a:focus-visible {
    text-decoration-thickness: 2px;
    text-decoration-color: var(--accent);
}

:focus-visible {
    outline: 3px solid var(--focus);
    outline-offset: 3px;
    border-radius: 2px;
}

::selection {
    background: var(--accent);
    color: var(--paper);
}

/* Latviešu pēdiņas un domuzīmes */
:root {
    quotes: "„" "\201C" "\201A" "\2018";
}

.rm-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.rm-skip {
    position: absolute;
    left: var(--edge);
    top: -100px;
    z-index: 100;
    background: var(--ink);
    color: var(--paper);
    padding: var(--s2) var(--s4);
    text-decoration: none;
}

.rm-skip:focus {
    top: var(--s2);
}

/* ==========================================================================
   3. Režģis
   ========================================================================== */

.wrap {
    width: min(100% - 2 * var(--edge), 1360px);
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--gutter);
}

.rm-section {
    padding-block: clamp(48px, 7vw, 96px);
}

/* Sekcijas sākumu iezīmē īsa svītra pāri divām kolonnām — tā IESĀK, nevis atdala. */
.rm-section__rule {
    grid-column: 1 / span 2;
    height: 2px;
    background: var(--line-faint);
    margin-block-end: var(--s4);
}

.rm-section__title {
    grid-column: 1 / span 8;
    font-size: var(--t-2);
    font-stretch: 105%;
    margin-block-end: var(--s5);
}

.rm-lede {
    grid-column: 1 / span 7;
    max-width: 64ch;
    margin-block-end: var(--s5);
}

.rm-lede p + p {
    margin-block-start: var(--s3);
}

.rm-note {
    font-size: var(--t--1);
    color: var(--muted);
}

@media (max-width: 899px) {
    .rm-section__title,
    .rm-lede {
        grid-column: 1 / -1;
    }
}

/* ==========================================================================
   4. Galvene
   ========================================================================== */

.rm-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: var(--ground);
    view-transition-name: rm-header;
}

.rm-header::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 1px;
    background: var(--line-faint);
    opacity: 1;
}

/* Kur pārlūks prot ritināšanas laika asi, matiņlīnija parādās tikai pēc ritināšanas.
   Kur neprot (Firefox), tā ir redzama vienmēr — degradējas līdz informācijai. */
@supports (animation-timeline: scroll()) {
    @keyframes rm-rule {
        to { opacity: 1; }
    }

    .rm-header::after {
        opacity: 0;
        animation: rm-rule linear both;
        animation-timeline: scroll();
        animation-range: 0 80px;
    }
}

.rm-header__in {
    min-height: var(--header-h);
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
}

/* Uzņēmuma īstais logo. Augstums ir fiksēts, platums seko proporcijai (1288×292),
   tāpēc galvenes rinda nekad neizkustas, kamēr attēls ielādējas. */
.rm-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.rm-logo img {
    display: block;
    height: 40px;
    width: auto;
}

@media (max-width: 759px) {
    .rm-logo img {
        height: 32px;
    }
}

.rm-nav {
    display: flex;
    align-items: center;
    gap: var(--s4);
}

.rm-nav a {
    font-size: var(--t-0);
    font-weight: 500;
    text-decoration-color: transparent;
    white-space: nowrap;
}

.rm-nav a:hover,
.rm-nav a:focus-visible {
    text-decoration-color: var(--accent);
}

.rm-nav .current-menu-item > a,
.rm-nav [aria-current="page"] {
    text-decoration-color: var(--accent-deep);
    text-decoration-thickness: 2px;
}

.rm-nav__toggle,
.rm-nav__close {
    display: none;
    border: 0;
    background: none;
    font: inherit;
    font-size: var(--t-0);
    font-weight: 500;
    color: inherit;
    padding: var(--s2) 0;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

@media (max-width: 759px) {
    .rm-nav__toggle {
        display: inline-block;
    }

    .rm-nav {
        position: fixed;
        inset: 0;
        z-index: 60;
        background: var(--ground);
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0;
        padding: var(--s4) var(--edge) var(--s7);
        display: none;
    }

    .rm-nav.is-open {
        display: flex;
    }

    .rm-nav__close {
        display: inline-block;
        align-self: flex-end;
        min-height: 44px;
    }

    .rm-nav a {
        font-size: var(--t-2);
        font-weight: 600;
        display: flex;
        align-items: center;
        min-height: 56px;
        width: 100%;
        border-block-end: 1px solid var(--line-faint);
    }
}

/* ==========================================================================
   5. Stends
   ========================================================================== */

.rm-stand {
    --focus: var(--paper);
    background: var(--stand);
    color: var(--paper);
    padding-block: clamp(40px, 5vw, 72px) clamp(48px, 6vw, 84px);
    view-transition-name: rm-stand;
}

.rm-stand__head {
    grid-column: 1 / span 7;
}

.rm-stand__title {
    font-size: var(--t-4);
    font-stretch: 112%;
    letter-spacing: -.018em;
    line-height: 1.06;
}

.rm-stand__sub {
    margin-block-start: var(--s3);
    color: var(--paper-2);
    max-width: 46ch;
}

.rm-stand__aside {
    grid-column: 9 / span 4;
    align-self: end;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--s3);
}

.rm-stand__date {
    font-size: var(--t--1);
    color: var(--paper-2);
    font-variant-numeric: tabular-nums lining-nums;
}

.rm-stand__mini {
    width: 160px;
}

.rm-stand__mini .lvm-country {
    fill: none;
    stroke: var(--paper-2);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.rm-stand__mini .lvm-area {
    fill: none;
    stroke: none;
}

.rm-stand__mini .lvm-area.is-covered {
    fill: var(--accent);
}

@media (max-width: 899px) {
    .rm-stand__head {
        grid-column: 1 / -1;
    }

    .rm-stand__aside {
        grid-column: 1 / -1;
        margin-block-start: var(--s4);
    }

    .rm-stand__mini {
        display: none;
    }
}

/* ==========================================================================
   6. Vāku siena
   ========================================================================== */

.rm-wall {
    grid-column: 1 / -1;
    margin-block-start: clamp(36px, 4vw, 56px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--gutter);
    /* Rindstarpa ir 0 apzināti: šūna ir subgrid pār četrām rindām, un vecāka
       ne-nulles row-gap saplēstu šūnas iekšpusi. Redzamo atstarpi starp sienas
       rindām dod pēdējās apakšrindas apakšējais polsterējums. */
    row-gap: 0;
}

.rm-paper {
    grid-row: span 4;
    display: grid;
    grid-template-rows: subgrid;
    row-gap: 0;
    min-width: 0;
}

/* Ja pārlūks subgrid neprot, šūna paliek parasts režģis — paraksti vairs nestāv
   vienā līnijā, bet nekas nesabrūk. */
@supports not (grid-template-rows: subgrid) {
    .rm-paper {
        grid-row: auto;
        grid-template-rows: auto;
        align-content: start;
    }

    .rm-wall {
        row-gap: var(--s6);
    }
}

.rm-paper__cover {
    align-self: end;          /* vāki stāv uz vienas plaukta līnijas */
    justify-self: start;
    position: relative;
    width: 100%;
}

.rm-paper__cover img,
.rm-paper__blank,
.rm-paper__masthead {
    width: 100%;
    height: auto;
    border-radius: 0;
    object-fit: contain;
    /* Papīra mala un silti tonēta ēna tikai uz leju un pa labi — vienīgā ēna lapā. */
    outline: 1px solid rgba(27, 30, 28, .18);
    outline-offset: -1px;
    box-shadow:
        0 1px 0 rgba(27, 30, 28, .10),
        0 10px 14px -10px rgba(27, 30, 28, .30),
        0 30px 44px -28px rgba(27, 30, 28, .35);
    transform: rotate(var(--tilt, 0deg));
    transform-origin: 50% 100%;
    transition: transform 180ms ease-out, box-shadow 180ms ease-out;
}

.rm-paper__link {
    display: block;
    text-decoration: none;
}

/* Papīrs iztaisnojas — tu pavelc avīzi taisni, lai apskatītu. Nevis “kartīte paceļas”.
   Reaģē visa šūna, ne tikai attēls: uzbraucot uz nosaukuma vai saitēm, avīze kustas tāpat,
   tāpēc uzreiz redzams, ka viss bloks ir viens objekts. */
.rm-paper:hover .rm-paper__cover img,
.rm-paper:focus-within .rm-paper__cover img,
.rm-paper:hover .rm-paper__blank,
.rm-paper:focus-within .rm-paper__blank,
.rm-paper:hover .rm-paper__masthead,
.rm-paper:focus-within .rm-paper__masthead {
    transform: rotate(0deg) translateY(-10px);
    box-shadow:
        0 1px 0 rgba(27, 30, 28, .10),
        0 18px 22px -12px rgba(27, 30, 28, .45),
        0 48px 64px -30px rgba(27, 30, 28, .50);
}

/* Nosaukums zem avīzes pasvītrojas tajā pašā brīdī — kustība nav vienīgā pazīme. */
.rm-paper__name {
    text-decoration: underline 2px transparent;
    text-underline-offset: 5px;
    transition: text-decoration-color 180ms ease-out;
}

.rm-paper:hover .rm-paper__name,
.rm-paper:focus-within .rm-paper__name {
    text-decoration-color: var(--accent);
}

/* Kad vāka vēl nav — panelis tādā pašā izmērā un slīpumā, nekad tukša vieta. */
.rm-paper__blank {
    background: var(--paper);
    color: var(--ink);
    aspect-ratio: 2 / 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: var(--s2);
    padding: var(--s4);
}

.rm-paper__blank-name {
    font-size: var(--t-1);
    font-weight: 700;
    font-stretch: 118%;
    line-height: 1.1;
}

.rm-paper__blank-note {
    font-size: var(--t--1);
    color: var(--muted);
}

.rm-paper__name {
    font-size: var(--t-1);
    font-weight: 600;
    color: var(--paper);
    margin-block-start: var(--s3);
    align-self: start;
}

.rm-paper__meta {
    font-size: var(--t--1);
    color: var(--paper-2);
    font-variant-numeric: tabular-nums lining-nums;
    margin-block-start: var(--s1);
    align-self: start;
}



.rm-paper__actions {
    align-self: start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--s4);
    margin-block-start: var(--s3);
    padding-block-end: clamp(36px, 4vw, 56px);
}

.rm-paper__actions a {
    font-size: var(--t--1);
    color: var(--paper);
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

/* ReKurZeme.lv — e-avīzes nav, tāpēc uz tādas pašas loksnes stāv izdevuma avīzes galva.
   Tā ir tā pati zīme, kas uz drukātās pirmās lapas, tāpēc šūna paliek avīžu rindā. */
.rm-paper__masthead {
    aspect-ratio: 78 / 100;
    background: var(--paper);
    display: grid;
    align-content: center;
    justify-items: center;
    gap: var(--s4);
    padding: var(--s5) clamp(16px, 3vw, 32px);
}

.rm-paper__masthead svg {
    width: min(100%, 260px);
    height: auto;
}

.rm-paper__masthead::after {
    content: "";
    width: min(100%, 260px);
    height: 1px;
    background: color-mix(in srgb, var(--ink) 25%, transparent);
}


@media (max-width: 1199px) {
    .rm-wall {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    .rm-wall {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 599px) {
    .rm-wall {
        grid-template-columns: minmax(0, 1fr);
    }

    .rm-paper__cover {
        width: min(78vw, 320px);
    }
}

/* ==========================================================================
   7. Izvēlies savu novadu
   ========================================================================== */

/* Karte un saraksts ir viens komponents ar savu režģi. Kreisā sleja (karte, leģenda,
   paraksts) ir viens režģa elements, nevis trīs — tikai tā tā var slīdēt līdzi garajam
   sarakstam. `align-items: start` dod slejai vietu, kur ceļot; bez tā tā izstieptos
   pa visu rindu, un lipīgumam nepaliktu nekādas telpas. */
.rm-choose {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--gutter);
    align-items: start;
}

.rm-choose__side {
    grid-column: 1 / span 6;
    position: sticky;
    top: calc(var(--header-h) + var(--s4));
}

.rm-choose__list {
    grid-column: 8 / span 5;
    list-style: none;
    padding: 0;
    margin: 0;
    border-block-start: 1px solid var(--line-faint);
}

.rm-choose__list--wide {
    grid-column: 1 / span 8;
}

.rm-choose__legend {
    margin-block-start: var(--s3);
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2) var(--s4);
    font-size: var(--t--2);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
}

.rm-choose__legend span {
    display: inline-flex;
    align-items: center;
    gap: var(--s1);
}

.rm-choose__legend i {
    width: 14px;
    height: 14px;
    display: inline-block;
    border: 1px solid var(--line);
}

.rm-choose__legend .is-covered {
    background: var(--covered);
}

.rm-choose__legend .is-active {
    background: var(--accent);
    box-shadow: 0 0 0 2px var(--paper) inset;
}

.rm-choose__foot {
    margin-block-start: var(--s4);
    font-size: var(--t--1);
    color: var(--muted);
}

.rm-row {
    position: relative;
    border-block-end: 1px solid var(--line-faint);
    padding: var(--s3) 0 var(--s3) var(--s3);
    min-height: 88px;
    scroll-margin-top: 84px;
}

.rm-row::before {
    content: "";
    position: absolute;
    inset-block: 0;
    left: 0;
    width: 3px;
    background: transparent;
    transition: background 120ms linear;
}

.rm-row__region {
    display: block;
    font-size: var(--t-1);
    font-weight: 600;
    color: var(--ink);
}

.rm-row__name {
    display: block;
    font-size: var(--t-0);
    font-weight: 500;
    color: var(--muted);
    margin-block-start: 2px;
}

.rm-row__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2) var(--s4);
    margin-block-start: var(--s2);
}

.rm-row__actions a {
    font-size: var(--t--1);
    color: var(--accent-deep);
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

/* Aktīvo izdevumu NEKAD neatšķir tikai krāsa: rindai josla + treknraksts,
   kartē karmīns + gaišs oreols. */
body[data-paper] .rm-row.is-active::before {
    background: var(--accent);
}

body[data-paper] .rm-row.is-active .rm-row__region {
    font-weight: 700;
}

@media (max-width: 899px) {
    .rm-choose {
        grid-template-columns: minmax(0, 1fr);
    }

    .rm-choose__side,
    .rm-choose__list {
        grid-column: 1 / -1;
        position: static;
    }

    .rm-choose__list {
        margin-block-start: var(--s5);
    }
}

/* ==========================================================================
   8. Karte
   ========================================================================== */

.rm-map {
    width: 100%;
}

.rm-map .lvm-country {
    fill: none;
    stroke: var(--ink);
    stroke-width: 1.25;
    vector-effect: non-scaling-stroke;
}

.rm-map .lvm-area {
    fill: var(--ground);
    stroke: var(--line);
    stroke-width: .75;
    vector-effect: non-scaling-stroke;
    transition: fill 120ms linear;
}

/* Nesegtie novadi paliek redzami kā tukšas kontūras — tas godīgi rāda, kur tīkla nav. */
.rm-map .lvm-area.is-covered {
    fill: var(--covered);
}

/* Karmīns pret segto novadu ir tikai 2,43:1, tāpēc aktīvajam ir arī gaišs oreols
   (16:1 pret abiem stāvokļiem), un sarakstā tai pašā brīdī iedegas josla. */
.rm-map .lvm-area.is-active {
    fill: var(--accent);
    stroke: var(--paper);
    stroke-width: 2;
}

/* Caurspīdīgs pieskāriena mērķis virs katra izdevuma. Lielos novadus var aiztikt tieši,
   bet mazākos ar pirkstu netrāpīt, tāpēc virs tiem stāv aplis. Šaurā ekrānā tas ir
   lielāks, jo tur karte pati ir mazāka. */
.rm-map .lvm-anchor {
    fill: transparent;
    pointer-events: all;
    cursor: pointer;
    r: 30px;
}

.rm-map .lvm-area.is-covered {
    cursor: pointer;
}

@media (max-width: 899px) {
    .rm-map .lvm-anchor {
        r: 45px;
    }
}

/* ==========================================================================
   9. Reklāmdevēji
   ========================================================================== */

.rm-table-wrap {
    grid-column: 1 / -1;
}

.rm-table {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums lining-nums;
}

.rm-table th {
    text-align: left;
    font-size: var(--t--1);
    font-weight: 600;
    color: var(--muted);
    padding-block: var(--s2);
    border-block-end: 1px solid var(--line);
}

.rm-table td {
    padding-block: var(--s3);
    border-block-end: 1px solid var(--line-faint);
    vertical-align: top;
}

.rm-table tr > * + * {
    padding-inline-start: var(--s4);
}

.rm-table__paper {
    font-weight: 600;
}

/* Ķeksis ir uzzīmēts ar divām līnijām, nevis ikonu fonts vai emocijzīme.
   Krustiņš te NEDER: latviski ✕ nozīmē «nav», un tabula stāstītu pretējo. */
.rm-table__tick {
    display: inline-block;
    width: 13px;
    height: 13px;
    position: relative;
}

.rm-table__tick::after {
    content: "";
    position: absolute;
    left: 1px;
    top: 0;
    width: 7px;
    height: 12px;
    border-right: 1.5px solid var(--ink);
    border-bottom: 1.5px solid var(--ink);
    transform: rotate(42deg);
}

.rm-contact-block {
    grid-column: 1 / span 6;
    margin-block-start: var(--s6);
    border-inline-start: 3px solid var(--accent);
    padding-inline-start: var(--s4);
}

.rm-contact-block__line {
    font-size: var(--t-1);
    color: var(--accent-deep);
}

.rm-contact-block__line + .rm-contact-block__line {
    margin-block-start: var(--s1);
}

.rm-button {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    margin-block-start: var(--s4);
    padding-inline: var(--s5);
    background: var(--accent-deep);
    color: var(--paper);
    border: 0;
    border-radius: 2px;
    font: inherit;
    font-size: var(--t-0);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.rm-button:hover,
.rm-button:focus-visible {
    background: var(--ink);
    text-decoration: none;
}

/* Telefonā tabula pārtop par definīciju rindām. Nekādas horizontāli ritināmas tabulas. */
@media (max-width: 899px) {
    .rm-contact-block {
        grid-column: 1 / -1;
    }

    .rm-table thead {
        display: none;
    }

    .rm-table,
    .rm-table tbody,
    .rm-table tr,
    .rm-table td {
        display: block;
        width: 100%;
    }

    .rm-table tr {
        padding-block: var(--s4);
        border-block-end: 1px solid var(--line-faint);
    }

    .rm-table td {
        border: 0;
        padding: 0;
        padding-block-start: var(--s2);
    }

    .rm-table tr > * + * {
        padding-inline-start: 0;
    }

    .rm-table td::before {
        content: attr(data-label);
        display: block;
        font-size: var(--t--2);
        color: var(--muted);
    }

    .rm-table td:first-child::before {
        content: none;
    }

    .rm-table__paper {
        font-size: var(--t-1);
    }
}

/* ==========================================================================
   10. Ētika
   ========================================================================== */

.rm-quote {
    grid-column: 1 / span 8;
    background: var(--paper);
    padding: clamp(24px, 3vw, 48px);
    border-inline-start: 3px solid var(--accent);
}

.rm-quote blockquote {
    font-family: var(--f-read);
    font-size: var(--t-quote);
    font-weight: 300;
    line-height: 1.32;
    letter-spacing: -.005em;
}

.rm-quote figcaption {
    margin-block-start: var(--s4);
    font-size: var(--t--1);
    color: var(--muted);
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2) var(--s4);
}

@media (max-width: 899px) {
    .rm-quote {
        grid-column: 1 / -1;
    }
}

/* ==========================================================================
   11. Kājene
   ========================================================================== */

.rm-footer {
    --focus: var(--paper);
    background: var(--stand);
    color: var(--paper-2);
    padding-block: var(--s7) var(--s5);
}

.rm-footer__cols {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--s6) var(--gutter);
}

.rm-footer h2 {
    font-size: var(--t--1);
    font-weight: 600;
    color: var(--paper);
    margin-block-end: var(--s3);
}

.rm-footer ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.rm-footer a {
    color: var(--paper);
    font-size: var(--t--1);
}

.rm-footer__legal {
    font-size: var(--t--2);
    font-variant-numeric: tabular-nums lining-nums;
    display: flex;
    flex-direction: column;
    gap: var(--s1);
}

/* ES logo joslai ir kontrasta prasības — tā nedrīkst stāvēt uz tumša fona,
   tāpēc tai ir savs gaišs panelis. Tas ir juridiska atsauce, ne sludinājums: sīkraksts,
   neliels logo un matiņlīnija starp abiem — bloks pastāv, bet nesaista uzmanību. */
.rm-project {
    grid-column: 1 / span 9;
    margin-block-start: var(--s7);
    background: var(--paper);
    color: var(--ink);
    padding: var(--s4) var(--s5);
    display: grid;
    grid-template-columns: auto 1px minmax(0, 1fr);
    gap: var(--s5);
    align-items: center;
}

.rm-project::before {
    content: "";
    grid-column: 2;
    align-self: stretch;
    background: var(--line-faint);
}

.rm-project img {
    grid-column: 1;
    grid-row: 1;
    width: 190px;
    max-width: 100%;
}

.rm-project p {
    grid-column: 3;
    font-size: 12px;
    line-height: 1.6;
    color: var(--muted);
    max-width: 72ch;
    text-wrap: pretty;
}

.rm-footer__bottom {
    grid-column: 1 / -1;
    margin-block-start: var(--s6);
    padding-block-start: var(--s4);
    border-block-start: 1px solid color-mix(in srgb, var(--paper) 18%, transparent);
    font-size: var(--t--2);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--s2) var(--s4);
}

.rm-footer__credit a {
    font-size: inherit;
    color: var(--paper-2);
}

.rm-footer__credit a:hover,
.rm-footer__credit a:focus-visible {
    color: var(--paper);
}

@media (max-width: 899px) {
    .rm-footer__cols {
        grid-template-columns: minmax(0, 1fr);
    }

    .rm-project {
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr);
        justify-items: start;
        gap: var(--s4);
    }

    .rm-project::before {
        grid-column: 1;
        height: 1px;
        width: 100%;
        align-self: auto;
    }

    .rm-project img,
    .rm-project p {
        grid-column: 1;
        grid-row: auto;
    }
}

/* ==========================================================================
   12. Iekšlapas
   ========================================================================== */

.rm-page__title {
    grid-column: 1 / span 8;
    font-size: var(--t-3);
    font-stretch: 108%;
}

.rm-page__rule {
    grid-column: 1 / span 2;
    height: 2px;
    background: var(--line-faint);
    margin-block: var(--s4) var(--s6);
}

.rm-doc {
    grid-column: 5 / span 7;
    background: var(--paper);
    padding: clamp(24px, 3vw, 56px);
}

.rm-doc__body {
    font-family: var(--f-read);
    font-size: var(--t-read);
    line-height: 1.75;
    max-width: 64ch;
}

.rm-doc__body h2 {
    font-family: var(--f-ui);
    font-size: var(--t-2);
    font-stretch: 105%;
    margin-block: var(--s7) var(--s4);
    scroll-margin-top: 84px;
}

.rm-doc__body h2:first-child {
    margin-block-start: 0;
}

.rm-doc__body h3 {
    font-family: var(--f-ui);
    font-size: var(--t-1);
    margin-block: var(--s5) var(--s3);
}

.rm-doc__body p + p,
.rm-doc__body p + ol,
.rm-doc__body ol + p {
    margin-block-start: var(--s4);
}

/* Punktu numuri stāv ĀRPUS teksta bloka, lai teksta kolonna paliktu līdzena. */
.rm-doc__body ol {
    list-style: none;
    counter-reset: rm-item;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s4);
}

.rm-doc__body ol > li {
    counter-increment: rm-item;
    position: relative;
}

.rm-doc__body ol > li::before {
    content: counter(rm-item) ".";
    position: absolute;
    left: -3.5rem;
    top: .35em;
    width: 2.6rem;
    text-align: right;
    font-family: var(--f-ui);
    font-size: var(--t--1);
    color: var(--muted);
    font-variant-numeric: tabular-nums lining-nums;
}

/* Satura rādītājs ceļo līdzi visam dokumentam: režģa šūna izstiepjas līdz teksta
   augstumam (align-self: stretch), un lipīgs ir tās bērns — tikai tā rādītājam ir telpa,
   kurā kustēties. */
.rm-toc {
    grid-column: 1 / span 3;
    align-self: stretch;
}

.rm-toc__inner {
    position: sticky;
    top: calc(var(--header-h) + var(--s4));
}

.rm-toc h2 {
    font-size: var(--t--1);
    font-weight: 600;
    color: var(--muted);
    margin-block-end: var(--s3);
}

.rm-toc ol {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.rm-toc a {
    display: block;
    padding: var(--s2) 0 var(--s2) var(--s3);
    border-inline-start: 3px solid transparent;
    font-size: var(--t--1);
    text-decoration-color: transparent;
}

.rm-toc a.is-current {
    border-inline-start-color: var(--accent);
    font-weight: 600;
    color: var(--ink);
}

.rm-toc__mobile {
    display: none;
}

.rm-aside {
    grid-column: 10 / span 3;
    align-self: start;
    font-size: var(--t--1);
}

.rm-contacts {
    grid-column: 8 / span 5;
}

.rm-contacts__title {
    font-size: var(--t-1);
    margin-block-end: var(--s4);
}

.rm-cards {
    list-style: none;
    padding: 0;
    border-block-start: 1px solid var(--line-faint);
}

.rm-cards li {
    padding-block: var(--s4);
    border-block-end: 1px solid var(--line-faint);
}

.rm-cards__region {
    font-size: var(--t-1);
    font-weight: 600;
}

.rm-cards__name {
    color: var(--muted);
}

.rm-cards__lines {
    margin-block-start: var(--s2);
    display: flex;
    flex-direction: column;
    gap: var(--s1);
    font-variant-numeric: tabular-nums lining-nums;
}

.rm-company {
    grid-column: 1 / span 6;
    font-variant-numeric: tabular-nums lining-nums;
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.rm-company__name {
    font-size: var(--t-2);
    font-weight: 700;
    margin-block-end: var(--s2);
}

@media (max-width: 1099px) {
    .rm-doc {
        grid-column: 4 / span 9;
    }
}

@media (max-width: 899px) {
    .rm-page__title,
    .rm-doc,
    .rm-contacts,
    .rm-company,
    .rm-aside {
        grid-column: 1 / -1;
    }

    .rm-doc {
        padding-inline: var(--s4);
    }

    .rm-aside,
    .rm-contacts {
        margin-block-start: var(--s6);
    }

    .rm-toc {
        display: none;
    }

    .rm-toc__mobile {
        display: block;
        grid-column: 1 / -1;
        margin-block-end: var(--s5);
        border-block: 1px solid var(--line-faint);
        padding-block: var(--s2);
    }

    .rm-toc__mobile summary {
        cursor: pointer;
        font-weight: 600;
        padding-block: var(--s2);
    }

    .rm-toc__mobile ol {
        list-style: none;
        padding: 0;
        margin-block-start: var(--s2);
    }

    .rm-toc__mobile a {
        display: block;
        padding-block: var(--s2);
    }

    .rm-doc__body ol > li::before {
        position: static;
        display: inline;
        width: auto;
        margin-inline-end: .5em;
    }
}

/* ==========================================================================
   13. Kustība
   ========================================================================== */

/* Ienākšanas animācija: vāku šūnas noliekas plauktā no kreisās uz labo. Opacity paliek 1
   visu laiku — animē tikai transform, citādi hero attēls parādītos ar nokavēšanos un lapa
   būtu tukša, ja skripti nokrīt. Būtiskais: slīpums nosēžas PĒDĒJAIS — tāpēc tas lasās kā
   papīrs, ko noliek. Kur pārlūks prot ritināšanas laika asi, šo pārņem view() (skat. zemāk). */
@keyframes rm-lay {
    from {
        transform: translateY(10px) rotate(0deg);
    }
    to {
        transform: translateY(0) rotate(var(--tilt, 0deg));
    }
}

/* --------------------------------------------------------------------------
   Ritināšana kā stāstījums.

   Slēdzis ir JavaScript: sākuma stāvokli (paslēpts / nobīdīts) uzliek skripts, pievienojot
   klasi .rm-reveal, un noņem, kad elements nonāk skatā. Ja skripts neielādējas vai nokrīt,
   klases nav vispār un viss ir uzreiz redzams — saturs nevar pazust.

   Sākotnēji tas bija uztaisīts ar CSS ritināšanas laika asi (animation-timeline: view()),
   bet to šobrīd prot tikai Chrome un Edge; Safari un Firefox lietotājs neredzēja neko.

   Vāki ir izņēmums: tiem opacity NETIEK aiztikts, jo pirmais vāks ir lapas lielākais
   attēls, un tā slēpšana aizkavētu tā parādīšanos.
   -------------------------------------------------------------------------- */

.rm-reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 620ms ease, transform 620ms cubic-bezier(.2, .7, .3, 1);
}

.rm-reveal.is-in {
    opacity: 1;
    transform: none;
}

/* Svītra tiek novilkta no kreisās puses, nevis izgaismota. */
.rm-reveal-rule {
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 700ms cubic-bezier(.2, .7, .3, 1);
}

.rm-reveal-rule.is-in {
    transform: scaleX(1);
}

/* Avīze noliekas plauktā. animation-fill-mode ir backwards, nevis both: pretējā gadījumā
   animācija paliktu spēkā un pārņemtu transform, un uzbraukšana ar peli vairs nestrādātu. */
.rm-reveal-lay .rm-paper__cover img,
.rm-reveal-lay .rm-paper__blank,
.rm-reveal-lay .rm-paper__masthead {
    animation-play-state: paused;
}

.rm-reveal-lay.is-in .rm-paper__cover img,
.rm-reveal-lay.is-in .rm-paper__blank,
.rm-reveal-lay.is-in .rm-paper__masthead {
    animation: rm-lay 520ms cubic-bezier(.2, .7, .3, 1) backwards;
    animation-play-state: running;
}

/* Kartē tinte uzsūcas no rietumiem uz austrumiem. */
.rm-reveal-map .lvm-area.is-covered {
    fill: var(--ground);
    transition: fill 520ms ease;
    transition-delay: calc(var(--i, 0) * 90ms);
}

.rm-reveal-map.is-in .lvm-area.is-covered {
    fill: var(--covered);
}

.rm-map [data-paper="rekurzeme"]      { --i: 0; }
.rm-map [data-paper="zemgales-zinas"] { --i: 1; }
.rm-map [data-paper="bauskas-dzive"]  { --i: 2; }
.rm-map [data-paper="staburags"]      { --i: 3; }
.rm-map [data-paper="ziemellatvija"]  { --i: 4; }
.rm-map [data-paper="dzirkstele"]     { --i: 5; }
.rm-map [data-paper="aluksnes-un-malienas-zinas"] { --i: 6; }

/* Izvēlētais novads paliek karmīns neatkarīgi no tintes animācijas. */
.rm-reveal-map .lvm-area.is-active,
.rm-reveal-map.is-in .lvm-area.is-active {
    fill: var(--accent);
}

@view-transition {
    navigation: auto;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }

    /* Slīpums ir statisks noformējums, ne kustība — tas paliek. */
    .rm-paper__cover img,
    .rm-paper__blank,
    .rm-paper__masthead {
        animation: none;
        transform: rotate(var(--tilt, 0deg));
    }

    /* Ritināšanas stāstījums nost — viss uzreiz gatavā stāvoklī. */
    .rm-reveal,
    .rm-reveal-rule {
        opacity: 1;
        transform: none;
    }

    .rm-reveal-map .lvm-area.is-covered {
        fill: var(--covered);
        transition: none;
    }

    .rm-reveal-lay.is-in .rm-paper__cover img,
    .rm-reveal-lay.is-in .rm-paper__blank,
    .rm-reveal-lay.is-in .rm-paper__masthead {
        animation: none;
    }

    /* Iztaisnošanu aizstāj tūlītēja kontūra; pasvītrojums zem nosaukuma paliek. */
    .rm-paper:hover .rm-paper__cover img,
    .rm-paper:focus-within .rm-paper__cover img,
    .rm-paper:hover .rm-paper__blank,
    .rm-paper:focus-within .rm-paper__blank,
    .rm-paper:hover .rm-paper__masthead,
    .rm-paper:focus-within .rm-paper__masthead {
        transform: rotate(var(--tilt, 0deg));
        outline: 2px solid var(--paper);
    }

    .rm-header::after {
        opacity: 1;
    }

    @view-transition {
        navigation: none;
    }
}

/* ==========================================================================
   14. Druka — ētikas kodeksu cilvēki tiešām izdrukā
   ========================================================================== */

@media print {
    .rm-header,
    .rm-footer,
    .rm-toc,
    .rm-toc__mobile,
    .rm-skip,
    .rm-aside {
        display: none !important;
    }

    body {
        background: #fff;
        color: #000;
    }

    .wrap {
        width: 100%;
        display: block;
    }

    .rm-doc {
        background: #fff;
        padding: 0;
    }

    .rm-doc__body {
        font-size: 11pt;
        line-height: 1.5;
        max-width: none;
    }

    a[href^="http"]::after {
        content: none;  /* adreses izdrukā netiek — tās nevar noklikšķināt */
    }
}