*{box-sizing:border-box}body{margin:0;background:#101927;color:#e8eef6;font:16px/1.65 system-ui,-apple-system,Arial,sans-serif}a{color:#7fd7ff}header,main,footer{margin:0;padding:20px}
header{width:100%;max-width:none}
main{width:100%;max-width:1100px;margin:0 auto}
footer{width:100%;max-width:none;text-align:center}header{padding-top:26px}.brand{font-size:30px;font-weight:800;color:#fff;letter-spacing:.02em}.subbrand{color:#a4b5c7;font-size:14px}.languages{float:right}.languages a{padding:5px 8px}.back{display:inline-block;margin:22px 0}.intro,.panel{border:1px solid #344961;background:#192639;border-radius:13px;padding:24px;margin:18px 0}h1{font-size:clamp(28px,5vw,46px);line-height:1.15;margin:5px 0 12px;color:#fff}h2{font-size:24px;color:#fff;margin:0 0 12px}p{margin:0 0 12px}.tag{color:#7fd7ff;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:bold}.figure{margin:18px 0 4px}.figure img{width:100%;height:auto;border-radius:9px;border:1px solid #334d67}.terminal-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px dashed #54708a;min-height:160px;text-align:center;color:#bcd0df;border-radius:10px;padding:20px}.terminal-placeholder strong{font-size:20px;color:#fff}.links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.links a{display:block;padding:16px;border:1px solid #3a6887;border-radius:9px;text-decoration:none;background:#20334a;font-weight:700}.links a:hover{background:#29455f}footer{font-size:13px;color:#adbac8;padding-bottom:50px}@media(max-width:600px){.languages{float:none;margin-top:8px}.links{grid-template-columns:1fr}.panel,.intro{padding:17px}}
/* V4 editorial illustrations and examples */
.panel p{line-height:1.75}.figure img{width:100%;height:auto;display:block;border-radius:14px}.figure figcaption{font-size:.87rem;color:#9eb6ce;padding:10px 5px}.bot-demo{border:1px solid #2b5475;border-radius:14px;background:#0a1b2d;padding:20px;margin-top:16px}.bot-demo .message{max-width:80%;margin:12px 0;padding:13px 17px;border-radius:12px;background:#1a3551}.bot-demo .sent{margin-left:auto;background:#145576}.bot-demo .message span{display:block;font-size:.8rem;opacity:.65;margin-bottom:5px}.bot-demo small{color:#a7bbce}.storm-feature{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0}.storm-photo{overflow:hidden;border-radius:14px;background:#122a43}.storm-photo img{width:100%;height:300px;object-fit:cover;display:block}.storm-photo small{display:block;padding:10px 14px;font-size:.72rem;color:#a4b8c9}.storm-photo a{color:#b6ddf1}.warning-example{background:linear-gradient(140deg,#311c2b,#172941);border:1px solid #aa6474;border-radius:14px;display:flex;flex-direction:column;justify-content:center;padding:20px}.warning-label{color:#f0b5b5;text-transform:uppercase;font-size:.76rem;letter-spacing:.045em}.warning-example pre{white-space:pre-wrap;overflow-wrap:anywhere;font:600 1.02rem/1.7 system-ui,sans-serif;color:#ffeaec}@media(max-width:740px){.storm-feature{grid-template-columns:1fr}.storm-photo img{height:250px}.bot-demo .message{max-width:90%}}
/* Friendly illustrations and short captions */
.service-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch;margin:16px 0 24px}.service-story .service-image{margin:0;position:relative;overflow:hidden;border-radius:14px;min-height:230px;background:#18293a}.service-story .service-image img{display:block;width:100%;height:100%;min-height:230px;object-fit:cover}.service-story .service-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 15px 12px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78));font-weight:650}.service-story .bot-demo{margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.photo-source{font-size:.72rem;opacity:.68;margin-top:6px}.photo-source a{color:inherit}.storm-photo small{display:block;font-size:.75rem;opacity:.72}.bot-demo small{opacity:.72}@media(max-width:700px){.service-story{grid-template-columns:1fr}}

.terminal-figure{max-width:560px;margin:20px auto 4px}.terminal-figure img{display:block;width:100%;height:auto;object-fit:contain}


/* APRS Narva shared page header */

header {
    background: linear-gradient(135deg, #111827, #1e293b);
    padding: 32px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.nrk-header-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 160px 1fr 160px;
    gap: 24px;
    align-items: center;
    text-align: center;
}

.nrk-header-logo {
    max-height: 105px;
    max-width: 160px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.nrk-header-title {
    margin: 0;
    font-size: 42px;
    letter-spacing: .5px;
    color: #fff;
}

.nrk-header-subtitle {
    margin-top: 10px;
    color: #cbd5e1;
    font-size: 17px;
}

.nrk-header-languages {
    margin-top: 18px;
}

.nrk-header-languages a {
    display: inline-block;
    margin: 4px 6px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(56,189,248,.12);
    color: #7dd3fc;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

.nrk-header-home {
    margin-top: 14px;
}

.nrk-header-home a {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 8px;
    color: #e5e7eb;
    text-decoration: none;
    font-size: 14px;
}

main {
    padding-top: 30px;
}

main > .intro {
    margin-top: 0;
}

@media (max-width:760px) {
    .nrk-header-inner {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .nrk-header-logo {
        max-height: 82px;
    }

    .nrk-header-title {
        font-size: 34px;
    }
}


/* NRK unified information page layout */

/* Общая ширина как на остальных страницах APRS Narva */
body > main {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 20px 50px;
}

/* Убираем лишнее пространство между шапкой и содержимым */
body > main > section:first-child {
    margin-top: 0;
}

/* Вступление без отдельной карточки */
body > main > .intro {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0 0 24px;
    margin-bottom: 18px;
}

/* Главный заголовок информационного раздела */
body > main > .intro h1 {
    font-size: 42px;
    line-height: 1.15;
    margin: 8px 0 18px;
}

/* Описание */
body > main > .intro h2 {
    font-size: 23px;
    line-height: 1.35;
}

/* Карточки */
body > main > .panel {
    border-radius: 16px;
}

/* Адаптация для смартфонов */
@media (max-width: 760px) {
    body > main {
        padding: 24px 16px 40px;
    }

    body > main > .intro h1 {
        font-size: 32px;
    }

    body > main > .intro h2 {
        font-size: 21px;
    }
}