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

:root {
    --nlr-bark: #3d2b1f;
    --nlr-clay: #6b4a33;
    --nlr-brick: #b5442f;
    --nlr-script: #221a14;
    --nlr-hush: #7a6b5e;
    --nlr-seam: #e8e0d7;
    --nlr-leafpaper: #fdfbf8;
    --nlr-tone: #f3ede4;
    --nlr-block: #ffffff;
    --nlr-coal: #1a120c;
    --nlr-set-ui: "Segoe UI", Roboto, Arial, sans-serif;
    --nlr-set-serif: Charter, "Bitstream Charter", "Iowan Old Style", serif;
    --nlr-fold-s: 7px;
    --nlr-fold-m: 13px;
    --nlr-fold-l: 22px;
    --nlr-halo-1: 0 8px 20px rgba(34, 26, 20, .08);
    --nlr-halo-2: 0 16px 40px rgba(34, 26, 20, .14);
    --nlr-halo-3: 0 27px 60px rgba(26, 18, 12, .2);
}

html { scroll-behavior: smooth; }

body {
    font-family: var(--nlr-set-serif);
    background:
        radial-gradient(circle at 85% 12%, rgba(181, 68, 47, .12), transparent 30%),
        linear-gradient(180deg, #fdfbf8 0%, #f3ede4 100%);
    color: var(--nlr-script);
    line-height: 1.75;
    font-size: 16px;
}

a {
    color: var(--nlr-bark);
    text-decoration: none;
    transition: color .2s ease;
}
a:hover { color: var(--nlr-brick); }

.nlr-brow {
    position: sticky;
    top: 0;
    z-index: 20;
    padding: 18px 20px;
    background: rgba(253, 251, 248, .92);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(61, 43, 31, .17);
}
.nlr-brow__mid {
    max-width: 1160px;
    margin: 0 auto;
    text-align: center;
}
.nlr-brow__sign {
    font-family: var(--nlr-set-ui);
    font-size: 21px;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-weight: 900;
    color: var(--nlr-bark);
}

.nlr-gate {
    padding: 72px 20px 44px;
    text-align: center;
}
.nlr-gate__slip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 17px;
    border-radius: 999px;
    background: var(--nlr-bark);
    color: #f6e7dc;
    font-family: var(--nlr-set-ui);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .17em;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.nlr-gate__name {
    max-width: 830px;
    margin: 0 auto 14px;
    font-size: clamp(28px, 5vw, 51px);
    line-height: 1.12;
    color: var(--nlr-bark);
}
.nlr-gate__text {
    max-width: 650px;
    margin: 0 auto;
    color: var(--nlr-hush);
    font-size: 17px;
    line-height: 1.8;
}

.nlr-yard {
    max-width: 990px;
    margin: 0 auto;
    padding: 0 20px 86px;
}
.nlr-slab {
    background: var(--nlr-block);
    border: 1px solid var(--nlr-seam);
    border-radius: var(--nlr-fold-l);
    box-shadow: var(--nlr-halo-2);
    padding: 50px 54px;
}
@media (max-width: 740px) {
    .nlr-slab { padding: 28px 20px; border-radius: 16px; }
    .nlr-gate { padding-top: 54px; }
}

.nlr-slab h2 {
    font-size: clamp(21px, 3vw, 30px);
    line-height: 1.2;
    color: var(--nlr-bark);
    margin: 36px 0 14px;
}
.nlr-slab h2:first-child { margin-top: 0; }
.nlr-slab h3 {
    font-family: var(--nlr-set-ui);
    font-size: 16px;
    letter-spacing: .02em;
    line-height: 1.36;
    color: var(--nlr-script);
    margin: 22px 0 10px;
}
.nlr-slab p {
    color: var(--nlr-hush);
    margin-bottom: 15px;
}
.nlr-slab ul,
.nlr-slab ol {
    padding-left: 20px;
    margin: 0 0 16px;
    color: var(--nlr-hush);
}
.nlr-slab li { margin-bottom: 7px; }
.nlr-slab strong { color: var(--nlr-script); }

.nlr-digest {
    margin: 0 0 30px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
}
.nlr-digest__unit {
    padding: 18px 18px 16px;
    background: var(--nlr-tone);
    border-radius: var(--nlr-fold-m);
    border-bottom: 3px solid var(--nlr-brick);
}
.nlr-digest__lead {
    font-family: var(--nlr-set-ui);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--nlr-clay);
    margin-bottom: 6px;
}
.nlr-digest__body {
    font-size: 14px;
    line-height: 1.66;
    color: var(--nlr-hush);
}

.nlr-flagline {
    margin: 26px 0;
    padding: 20px 22px;
    border-radius: var(--nlr-fold-m);
    background: #f9efe8;
    border: 1px dashed rgba(181, 68, 47, .5);
}
.nlr-flagline p { margin: 0; color: var(--nlr-script); }

.nlr-chart {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0 26px;
    background: var(--nlr-block);
    border: 1px solid var(--nlr-seam);
    border-radius: var(--nlr-fold-m);
    overflow: hidden;
}
.nlr-chart th {
    background: var(--nlr-bark);
    color: #f6e7dc;
    text-align: left;
    padding: 14px 16px;
    font-family: var(--nlr-set-ui);
    font-size: 13px;
    letter-spacing: .05em;
}
.nlr-chart td {
    padding: 13px 16px;
    border-bottom: 1px solid var(--nlr-seam);
    color: var(--nlr-hush);
}
.nlr-chart tr:nth-child(even) td { background: #faf6f1; }
.nlr-chart tr:last-child td { border-bottom: none; }

.nlr-steps {
    margin: 26px 0;
    display: grid;
    gap: 12px;
}
.nlr-steps__item {
    display: grid;
    grid-template-columns: 1fr;
    padding: 18px 20px 16px;
    background: var(--nlr-tone);
    border-radius: var(--nlr-fold-m);
    border-left: 4px solid var(--nlr-clay);
}
.nlr-steps__no {
    font-family: var(--nlr-set-ui);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--nlr-brick);
    margin-bottom: 5px;
}
.nlr-steps__head {
    font-family: var(--nlr-set-ui);
    font-size: 15px;
    font-weight: 900;
    color: var(--nlr-script);
    margin-bottom: 3px;
}
.nlr-steps__text {
    font-size: 15px;
    color: var(--nlr-hush);
}

.nlr-cells {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
    gap: 14px;
    margin: 26px 0;
}
.nlr-cell {
    padding: 20px 18px;
    background: var(--nlr-block);
    border: 1px solid var(--nlr-seam);
    border-radius: var(--nlr-fold-m);
    box-shadow: var(--nlr-halo-1);
}
.nlr-cell__top {
    font-family: var(--nlr-set-ui);
    font-size: 14px;
    font-weight: 900;
    color: var(--nlr-bark);
    margin-bottom: 6px;
}
.nlr-cell__body {
    font-size: 14px;
    line-height: 1.68;
    color: var(--nlr-hush);
}

.nlr-sole {
    margin-top: 40px;
    background: var(--nlr-tone);
    color: var(--nlr-hush);
    padding: 20px 20px 16px;
    font-family: var(--nlr-set-ui);
    text-align: center;
    border-top: 1px solid var(--nlr-seam);
}
.nlr-sole__mid {
    max-width: 900px;
    margin: 0 auto;
}
.nlr-sole__paths {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 20px;
    margin-bottom: 10px;
}
.nlr-sole__paths a {
    color: var(--nlr-clay);
    font-size: 11px;
}
.nlr-sole__paths a:hover { color: var(--nlr-brick); }
.nlr-sole__mark {
    font-size: 11px;
    color: var(--nlr-hush);
}