/* ==== casino-land · landkaart ==========================================
   Каркас casino-land.net. Образцы: CasinoNieuws.nl (двухъярусная шапка с датой и 18+,
   заголовки секций со знаком и «Bekijk alles», новостные карточки с фото и строкой меты,
   «Op deze pagina» свёрнутым списком, рельс справа) и MeneerCasino.com (плитки обзоров
   с цветной шапкой-логотипом, крупный балл, оффер цифрой).
   Секции файла идут в порядке разметки: tokens · fonts · base · header · trail · terrain ·
   survey · waypoints · plot · blocks · dossier · clnv · home · meridian · footer · mobile
   ======================================================================= */

/* ---- tokens ---- */
:root{
  --ln-slate:#13303a; --ln-slate-2:#1d4552; --ln-slate-3:#2c5b69;
  --ln-flare:#f26b1d; --ln-flare-ink:#b43e0b; --ln-flare-soft:#fde6d6;
  --ln-mint:#34d399; --ln-mint-deep:#0f9f6e; --ln-mint-ink:#062b1f;
  --ln-ink:#1b2a30; --ln-mute:#5b6b72; --ln-hush:#8a979c;
  --ln-chalk:#ece8df; --ln-paper:#ffffff; --ln-sand:#f6f2ea; --ln-sky:#e8f1f3;
  --ln-line:#ddd6c8; --ln-line-2:#e9e4d9;
  --ln-rood:#ae1c28; --ln-blauw:#21468b;
  --ln-shadow:0 1px 2px rgba(19,48,58,.06),0 8px 24px -12px rgba(19,48,58,.18);
  --ln-wide:1180px; --ln-gut:36px;
}

/* ---- fonts (Source Sans Pro донора, латиница 400/600) ---- */
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:swap;src:url(/media/cln/font/ssp-400.v1.woff) format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-display:swap;src:url(/media/cln/font/ssp-600.v1.woff) format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---- base ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ln-chalk);color:var(--ln-ink);font:400 17px/1.62 'Source Sans Pro',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--ln-slate-3);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--ln-flare)}
h1,h2,h3,h4{font-weight:600;color:var(--ln-slate);line-height:1.22;margin:0}
p{margin:0 0 1em}
svg.ic{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lnd{max-width:var(--ln-wide);margin:0 auto;padding:0 20px}

/* ---- header ---- */
.cln-hd{background:var(--ln-paper);position:relative;z-index:40;width:100%}
.hd-legend{display:flex;align-items:center;gap:28px;min-height:76px}
.hd-mark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ln-slate);margin-right:auto}
.hd-mark img{width:34px;height:34px}
.hd-mark b{font-weight:600;font-size:25px;letter-spacing:-.3px;line-height:1}
.hd-mark b i{font-style:normal;color:var(--ln-flare-ink)}
.hd-mark small{display:block;font-size:12px;color:var(--ln-mute);letter-spacing:.2px;margin-top:3px}
.hd-date{font-size:14px;color:var(--ln-mute)}
.hd-age{display:flex;align-items:center;gap:10px;font-size:12.5px;line-height:1.25;color:var(--ln-slate);text-decoration:none;font-weight:600}
.hd-age span{display:block;text-align:right}
.hd-age svg{width:34px;height:34px;color:var(--ln-slate)}
.hd-find{display:flex;align-items:center;gap:8px;background:var(--ln-sky);border-radius:22px;padding:9px 16px;color:var(--ln-slate);text-decoration:none;font-size:15px;min-width:210px}
.hd-find svg{margin-left:auto}
.hd-routes{background:var(--ln-slate)}
.hd-routes>.lnd{display:flex;align-items:stretch}
.hd-routes ul{list-style:none;margin:0;padding:0}
.routes{display:flex;flex-wrap:nowrap;color:#eef5f6}
.route-sub{color:var(--ln-ink)}
.route{position:relative}
.route>a{display:flex;align-items:center;gap:8px;color:#eef5f6;text-decoration:none;font-weight:600;font-size:15.5px;padding:15px 16px;white-space:nowrap}
.route>a svg.ic{color:#cfe3e6}
.route>a .omlaag{width:14px;height:14px;opacity:.7}
.route:hover>a,.route:focus-within>a{background:var(--ln-slate-2);color:#fff}
.route-sub{position:absolute;left:0;top:100%;min-width:268px;background:var(--ln-paper);border-top:3px solid var(--ln-flare);box-shadow:0 18px 40px -16px rgba(19,48,58,.45);padding:8px 0;visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s}
.route:hover .route-sub,.route:focus-within .route-sub{visibility:visible;opacity:1;transform:none}
.cln-hd .route-sub a{display:flex;align-items:center;gap:10px;padding:9px 18px;color:var(--ln-ink);text-decoration:none;font-size:15.5px}
.cln-hd .route-sub a svg.ic{color:var(--ln-slate-3);width:18px;height:18px}
.cln-hd .route-sub a:hover{background:var(--ln-sand);color:var(--ln-slate)}
.hd-burger,#cln-burger{display:none}

/* ---- trail (крошки) ---- */
.trail{font-size:14px;color:var(--ln-mute);padding-top:16px}
.trail ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.trail li+li::before{content:'»';margin:0 6px 0 2px;color:var(--ln-hush)}
.trail a{color:var(--ln-slate-3);text-decoration:none}

/* ---- terrain / parcel ---- */
.terrain{padding:0 20px 56px}
.parcel{max-width:var(--ln-wide);margin:18px auto 0;background:var(--ln-paper);border:1px solid var(--ln-line-2);border-radius:4px;box-shadow:var(--ln-shadow);padding:34px var(--ln-gut) 40px}
.parcel.narrow{max-width:900px}

/* ---- survey (заголовок страницы) ---- */
.survey{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:start;padding-bottom:22px;border-bottom:1px solid var(--ln-line-2);margin-bottom:22px}
.survey h1{font-size:40px;letter-spacing:-.4px}
.survey-kicker{display:flex;align-items:center;gap:8px;color:var(--ln-flare-ink);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.9px;margin-bottom:10px}
.survey-kicker svg.ic{color:var(--ln-slate)}
.survey-lead{font-size:19px;color:#34464d;margin:14px 0 0;max-width:780px}
.survey-lead p:last-child{margin-bottom:0}
.survey-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:16px;font-size:14.5px;color:var(--ln-mute)}
.survey-meta span{display:inline-flex;align-items:center;gap:6px}
.survey-meta svg.ic{width:17px;height:17px;color:var(--ln-slate-3)}
.survey-meta a{color:var(--ln-slate);font-weight:600;text-decoration:none}
.survey-emblem{width:92px;height:92px;border-radius:50%;background:var(--ln-sky);display:grid;place-items:center;color:var(--ln-slate)}
.survey-emblem svg.ic{width:46px;height:46px}
.survey-photo{margin:0 0 24px}
.survey-photo img{width:100%;border-radius:3px}
.credit{font-size:12px;color:var(--ln-mute);margin-top:6px}
.credit a{color:var(--ln-mute)}

/* ---- waypoints (своё оглавление) ---- */
.waypoints{margin:0 0 26px}
.waypoints>summary{list-style:none;display:inline-flex;align-items:center;gap:10px;background:var(--ln-slate);color:#fff;font-weight:600;border-radius:22px;padding:9px 20px;cursor:pointer;font-size:15.5px}
.waypoints>summary::-webkit-details-marker{display:none}
.waypoints>summary svg.ic{width:16px;height:16px;transition:transform .2s}
.waypoints[open]>summary svg.ic{transform:rotate(180deg)}
.waypoints ol{margin:14px 0 0;padding:16px 20px 16px 42px;background:var(--ln-sand);columns:2;column-gap:36px;font-size:15.5px}
.waypoints li{break-inside:avoid;padding:3px 0}
.waypoints a{color:var(--ln-slate);text-decoration:none}
.waypoints a:hover{text-decoration:underline}

/* ---- plot (колонка + рельс) ---- */
.plot{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.plot-main{min-width:0}
.plot-main>h2{font-size:28px;margin:38px 0 14px;padding-top:4px;display:flex;align-items:center;gap:12px}
.plot-main>h2::before{content:'';width:6px;height:26px;background:var(--ln-flare);border-radius:2px;flex:none}
.plot-main>h3{font-size:21px;margin:26px 0 10px}
.plot-main>h4{font-size:18px;margin:20px 0 8px}
.plot-main ul,.plot-main ol{padding-left:24px;margin:0 0 1.1em}
.plot-main li{margin:4px 0}
.plot-main>ul>li::marker{color:var(--ln-flare)}
.plot-main table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:15.5px}
.plot-main th,.plot-main td{border-bottom:1px solid var(--ln-line-2);padding:9px 12px;text-align:left;vertical-align:top}
.plot-main thead th,.plot-main tr:first-child th{background:var(--ln-slate);color:#fff;font-weight:600}
.plot-main tbody tr:nth-child(even) td{background:#fbf9f5}
.scroller{overflow-x:auto;margin:0 0 22px}
.scroller table{margin:0;min-width:520px}
.plot-main blockquote{margin:18px 0;padding:14px 20px;border-left:4px solid var(--ln-flare);background:var(--ln-sand)}

/* ---- blocks ---- */
.frame{margin:22px 0}
.frame img{border-radius:3px}
.frame figcaption{font-size:14px;color:var(--ln-mute);margin-top:8px;display:flex;gap:8px}
.frame figcaption svg.ic{width:16px;height:16px;color:var(--ln-flare);margin-top:3px}

.landmark-note{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:16px 20px;margin:20px 0;background:var(--ln-sky);border-radius:3px}
.landmark-note>svg.ic{width:28px;height:28px;color:var(--ln-slate)}
.landmark-note p:last-child,.landmark-note ul:last-child{margin-bottom:0}
.landmark-note.success{background:#e5f6ee}
.landmark-note.success>svg.ic{color:var(--ln-mint-deep)}
.landmark-note.danger,.landmark-note.warning{background:var(--ln-flare-soft)}
.landmark-note.danger>svg.ic,.landmark-note.warning>svg.ic{color:#b4460c}

.tally{margin:22px 0;border:1px solid var(--ln-line);border-radius:4px;overflow:hidden}
.tally-head{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--ln-slate);color:#fff;font-weight:600;font-size:17px}
.tally-head svg.ic{color:#f9c9a6}
.tally-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.tally-body div{padding:11px 18px;border-top:1px solid var(--ln-line-2);font-size:15.5px}
.tally-body div:nth-child(odd){border-right:1px solid var(--ln-line-2)}
.tally-body dt{font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--ln-mute);font-weight:600}
.tally-body dd{margin:2px 0 0;color:var(--ln-ink)}
.tally-body a{color:var(--ln-ink);text-decoration:none}

.ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}
.ledger section{background:var(--ln-sand);padding:16px 20px;border-radius:3px}
.ledger h3{display:flex;align-items:center;gap:8px;font-size:18px;margin:0 0 10px}
.ledger ul{list-style:none;margin:0;padding:0}
.ledger li{display:flex;gap:9px;padding:5px 0;font-size:15.5px}
.ledger .plus svg.ic{color:var(--ln-mint-deep)}
.ledger .minus svg.ic{color:#c2410c}
.ledger li svg.ic{width:18px;height:18px;margin-top:3px}

.queries{margin:26px 0}
.query{border-top:1px solid var(--ln-line-2);padding:16px 0 4px}
.query:last-child{border-bottom:1px solid var(--ln-line-2)}
.query h3{display:flex;gap:10px;font-size:18.5px;margin:0 0 8px}
.query h3 svg.ic{color:var(--ln-flare);margin-top:2px}
.query-a{padding-left:30px}

.pointers{margin:22px 0;padding:18px 22px;border:1px solid var(--ln-line);border-radius:4px}
.pointers>b{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--ln-slate);margin-bottom:8px}
.pointers ol{margin:0;padding:0;list-style:none;counter-reset:pt}
.pointers li{counter-increment:pt;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:6px 0;font-size:15.5px}
.pointers li::before{content:counter(pt);width:24px;height:24px;border-radius:50%;background:var(--ln-slate);color:#fff;font-size:13px;font-weight:600;display:grid;place-items:center;margin-top:1px}

.signpost{display:flex;align-items:center;gap:16px;margin:18px 0;padding:14px 18px;background:var(--ln-sand);border-left:4px solid var(--ln-mint-deep)}
.signpost p{margin:0;flex:1;font-size:15.5px}
.signpost a{white-space:nowrap;font-weight:600;color:var(--ln-slate);text-decoration:none;display:inline-flex;align-items:center;gap:6px}

.crossroads{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:22px 0}
.crossroads a{display:flex;flex-direction:column;border:1px solid var(--ln-line);border-radius:4px;text-decoration:none;color:var(--ln-ink);overflow:hidden;background:#fff}
.crossroads a:hover{border-color:var(--ln-slate-3)}
.crossroads .cr-img{height:96px;background:var(--ln-sand);display:grid;place-items:center;padding:10px}
.crossroads .cr-img img{max-height:76px;width:auto}
.crossroads .cr-img svg.ic{width:40px;height:40px;color:var(--ln-slate)}
.crossroads b{padding:10px 14px 2px;color:var(--ln-slate)}
.crossroads small{padding:0 14px 12px;color:var(--ln-mute);font-size:14px}

.toolkit{margin:24px 0;padding:20px 22px;background:var(--ln-slate);color:#e7f0f1;border-radius:4px}
.toolkit>b{display:flex;align-items:center;gap:10px;font-size:19px;color:#fff;margin-bottom:10px}
.toolkit>b svg.ic{color:#f9c9a6}
.toolkit ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.toolkit li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;font-size:15.5px}
.toolkit li svg.ic{color:var(--ln-mint);width:18px;height:18px;margin-top:3px}
.toolkit strong{color:#fff}

.route-steps{list-style:none;margin:22px 0;padding:0;counter-reset:rs}
.route-steps li{counter-increment:rs;display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px dashed var(--ln-line)}
.route-steps li::before{content:counter(rs);width:44px;height:44px;border-radius:50%;border:2px solid var(--ln-flare);color:var(--ln-flare-ink);font-weight:600;font-size:20px;display:grid;place-items:center}
.route-steps b{display:block;color:var(--ln-slate);font-size:18px;margin-bottom:4px}

.snapshots{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:22px 0}
.snapshots figure{margin:0}
.snapshots img{border-radius:3px;width:100%;aspect-ratio:16/10;object-fit:cover}
.snapshots figcaption{font-size:13.5px;color:var(--ln-mute);margin-top:6px}

.specsheet{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;margin:0 0 26px;padding:18px;background:var(--ln-sand);border-radius:4px}
.specsheet-img{background:#fff;border-radius:4px;display:grid;place-items:center;padding:10px;aspect-ratio:1}
.specsheet-img svg.ic{width:56px;height:56px;color:var(--ln-slate)}
.specsheet h2{font-size:19px;margin:0 0 8px;display:flex;align-items:center;gap:8px}
.specsheet dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;margin:0}
.specsheet dt{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--ln-mute);font-weight:600}
.specsheet dd{margin:0;font-weight:600;color:var(--ln-slate)}
.specsheet dd p{margin:0}

/* ---- dossier (шапка обзора) ---- */
.dossier{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin-bottom:26px}
.dossier-id{display:grid;grid-template-columns:128px minmax(0,1fr);gap:22px;align-items:center}
.brandtile{border-radius:6px;display:grid;place-items:center;padding:14px;aspect-ratio:1;border:1px solid var(--ln-line-2)}
.brandtile.krijt{background:#faf8f3}
.brandtile.nacht{background:#162a30;border-color:#162a30}
.brandtile img{max-height:100%;width:auto;object-fit:contain}
.brandtile b{font-size:22px;color:var(--ln-slate);text-align:center;line-height:1.1}
.dossier h1{font-size:36px}
.stars{display:inline-flex;gap:2px;color:#f0a81c;vertical-align:middle}
.stars svg.ic{width:18px;height:18px;fill:currentColor;stroke:none}
.stars .half{opacity:.45}
.dossier-offer{background:var(--ln-slate);color:#fff;border-radius:6px;padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.dossier-offer small{font-size:12.5px;text-transform:uppercase;letter-spacing:1px;color:#f9c9a6;font-weight:600;display:flex;align-items:center;gap:6px}
.dossier-offer strong{font-size:24px;line-height:1.2}
.dossier-offer p{margin:0;color:#c7d8dc;font-size:14.5px}
.go-btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ln-mint);color:var(--ln-mint-ink);font-weight:600;font-size:16.5px;text-decoration:none;padding:12px 20px;border-radius:26px;min-height:46px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.14)}
.go-btn:hover{background:#4ee0a8;color:var(--ln-mint-ink)}
.go-btn svg.ic{width:18px;height:18px}
.fine{font-size:12.5px;color:#9fb6bc}
.scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 28px}
.scores:has(>.score:only-child){grid-template-columns:minmax(0,1fr)}
.scores:has(>.score:only-child) .score dl{display:grid;grid-template-columns:200px minmax(0,1fr);gap:6px 18px;align-items:baseline}
.scores:has(>.score:only-child) .score dt{padding-top:2px}
.score dd a{color:var(--ln-ink);text-decoration:none}
.score{border:1px solid var(--ln-line);border-radius:4px;padding:14px 16px;background:#fff}
.score-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.score-top svg.ic{color:var(--ln-slate);width:22px;height:22px}
.score-top b{color:var(--ln-slate);font-size:16.5px}
.score-top em{margin-left:auto;font-style:normal;font-weight:600;color:var(--ln-flare-ink);font-size:18px}
.score-bar{height:5px;background:var(--ln-line-2);border-radius:3px;margin-bottom:10px;overflow:hidden}
.score-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ln-flare),#f59e3b)}
.score p,.score li{font-size:14.5px;color:#3b4b51}
.score p:last-child{margin-bottom:0}
.score ul{margin:0 0 6px;padding-left:18px}
.score dl{margin:8px 0 0;font-size:14px}
.score dt{font-weight:600;color:var(--ln-slate)}
.score dd{margin:0 0 6px;color:var(--ln-mute)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chips span{font-size:12.5px;background:var(--ln-sky);color:var(--ln-slate);padding:2px 9px;border-radius:3px}
.fieldnote{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:center;margin:0 0 26px;padding:18px 22px;background:var(--ln-sand);border-radius:4px}
.initials{width:60px;height:60px;border-radius:50%;background:var(--ln-slate);color:#fff;display:grid;place-items:center;font-weight:600;font-size:22px;border:3px solid var(--ln-flare)}
.fieldnote blockquote{margin:0;font-size:18px;font-style:italic;color:var(--ln-slate)}
.fieldnote cite{display:block;font-style:normal;font-size:14px;color:var(--ln-mute);margin-top:6px}

/* ---- clnv (витрина) ---- */
.clnv-wrap{margin:8px 0 30px;background:var(--ln-sand);border-radius:6px;padding:18px 18px 14px;container-type:inline-size;container-name:toplijst}
.clnv-balk{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.clnv-balk svg.ic{width:26px;height:26px;color:var(--ln-slate)}
.clnv-balk h2{font-size:24px}
.clnv-balk a{margin-left:auto;font-size:14.5px;font-weight:600;color:var(--ln-slate);text-decoration:none;border:1.5px solid var(--ln-slate);border-radius:18px;padding:5px 14px;white-space:nowrap}
.clnv-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.clnv-row{background:#fff;border-radius:5px;box-shadow:0 1px 0 var(--ln-line)}
.clnv-card{display:grid;grid-template-columns:128px minmax(0,1fr) 188px;grid-template-areas:"tile id act" "tile offer act";gap:6px 18px;align-items:center;padding:14px 18px 14px 14px;position:relative}
.clnv-card .clnv-tile{grid-area:tile}.clnv-card .clnv-blok{grid-area:id;align-self:end}.clnv-card .clnv-deal{grid-area:offer;align-self:start}.clnv-card .clnv-act{grid-area:act}
.clnv-deal small{display:none}
@container toplijst (min-width:980px){
  .clnv-card{grid-template-columns:132px minmax(0,1fr) 220px 190px;grid-template-areas:"tile id offer act";gap:18px}
  .clnv-card .clnv-blok,.clnv-card .clnv-deal{align-self:center}
  .clnv-deal small{display:block}
}
.clnv-tile{position:relative;height:84px;border-radius:5px;display:grid;place-items:center;padding:10px 12px}
.clnv-tile.krijt{background:#f7f4ec}
.clnv-tile.nacht{background:#162a30}
.clnv-tile img{max-height:62px;max-width:100%;width:auto;object-fit:contain}
.clnv-rank{position:absolute;left:-7px;top:-7px;min-width:28px;height:28px;padding:0 6px;border-radius:14px;background:var(--ln-flare-ink);color:#fff;font-weight:600;font-size:14px;display:grid;place-items:center;box-shadow:0 0 0 3px #fff}
.clnv-titel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.clnv-titel b{font-size:19px;color:var(--ln-slate)}
.clnv-role{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#0b6e4c;display:inline-flex;align-items:center;gap:4px}
.clnv-role svg.ic{width:14px;height:14px}
.clnv-punten{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:14px;color:var(--ln-mute)}
.clnv-punten span{display:inline-flex;align-items:center;gap:5px}
.clnv-punten svg.ic{width:15px;height:15px;color:var(--ln-slate-3)}
.clnv-deal small{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:var(--ln-mute);font-weight:600}
.clnv-deal strong{display:block;font-size:19px;line-height:1.2;color:var(--ln-ink)}
.clnv-act{display:flex;flex-direction:column;align-items:stretch;gap:5px;text-align:center}
.clnv-act .fine{color:var(--ln-mute)}
.clnv-terms{border-top:1px dashed var(--ln-line);margin:0 18px;padding:0}
.clnv-terms summary{cursor:pointer;font-size:13.5px;color:var(--ln-slate-3);padding:8px 0;list-style:none;display:flex;align-items:center;gap:6px}
.clnv-terms summary::-webkit-details-marker{display:none}
.clnv-terms summary svg.ic{width:14px;height:14px}
.clnv-terms p{font-size:13.5px;color:var(--ln-mute);margin:0 0 10px}
.clnv-more{margin-top:10px}
.clnv-more>summary{cursor:pointer;list-style:none;text-align:center;font-weight:600;color:var(--ln-slate);padding:8px;font-size:15px}
.clnv-more>summary::-webkit-details-marker{display:none}
.clnv-more-hid{display:grid;gap:10px;margin-top:6px}
.clnv-voet{font-size:13px;color:var(--ln-mute);margin:12px 2px 0;line-height:1.5}

@container toplijst (max-width:560px){
  .clnv-card{grid-template-columns:88px minmax(0,1fr);grid-template-areas:"tile id" "offer act";gap:8px 12px;padding:12px;align-items:center}
  .clnv-tile{height:60px;padding:8px}
  .clnv-tile img{max-height:42px}
  .clnv-punten{margin-top:3px;font-size:13px;gap:2px 10px}
  .clnv-punten span:nth-child(n+3){display:none}
  .clnv-deal strong{font-size:16px}
  .clnv-act .fine{display:none}
  .clnv-act .go-btn{font-size:15px;padding:10px 12px;min-height:44px}
  .clnv-terms{margin:0 12px}
}

/* ---- home ---- */
.vista{position:relative;background:var(--ln-slate);color:#fff;overflow:hidden}
.vista-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;opacity:.42}
.vista::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,48,58,.96) 0%,rgba(19,48,58,.82) 48%,rgba(19,48,58,.25) 100%)}
.vista .lnd{position:relative;z-index:1;padding-top:52px;padding-bottom:92px}
.vista h1{color:#fff;font-size:48px;letter-spacing:-.6px;max-width:640px}
.vista-lead{max-width:600px;font-size:19px;color:#d9e7ea;margin-top:16px}
.vista-lead p{margin:0 0 .7em}
.vista-stats{display:flex;gap:30px;margin-top:22px;flex-wrap:wrap}
.vista-stats div{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#cfe0e3}
.vista-stats b{display:block;color:#fff;font-size:22px;line-height:1}
.vista-stats svg.ic{width:30px;height:30px;color:#f9c9a6}
.vista-credit{position:absolute;right:20px;bottom:8px;z-index:1;font-size:11.5px;color:#9fb6bc}
.vista-credit a{color:#9fb6bc}
.compass-tiles{max-width:var(--ln-wide);margin:-54px auto 0;position:relative;z-index:2;padding:0 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.compass-tiles a{background:#fff;border-radius:5px;box-shadow:var(--ln-shadow);padding:18px 20px;display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ln-slate);font-weight:600;font-size:17px}
.compass-tiles a .ct-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--ln-sky);flex:none}
.compass-tiles a svg.ic{width:26px;height:26px}
.compass-tiles a small{display:block;font-weight:400;color:var(--ln-mute);font-size:13.5px}
.compass-tiles a:hover{outline:2px solid var(--ln-flare)}
.reeks{max-width:var(--ln-wide);margin:34px auto 0}
.reeks-kop{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.reeks-kop svg.ic{width:28px;height:28px;color:var(--ln-slate)}
.reeks-kop h2{font-size:28px}
.reeks-kop a{margin-left:auto;font-size:15px;font-weight:600;color:var(--ln-slate);text-decoration:none;border:1.5px solid var(--ln-slate);border-radius:20px;padding:6px 16px;white-space:nowrap}
.atlas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.atlas-card{background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ln-ink);display:flex;flex-direction:column;box-shadow:0 1px 0 var(--ln-line)}
.atlas-card .brandtile{border-radius:0;aspect-ratio:auto;height:106px;border:0}
.atlas-card .brandtile img{max-height:70px}
.atlas-body{padding:12px 14px 16px;text-align:center;display:flex;flex-direction:column;gap:4px;flex:1}
.atlas-score{font-weight:600;color:var(--ln-flare-ink);font-size:17px}
.atlas-body b{color:var(--ln-slate);font-size:16px}
.atlas-body small{color:var(--ln-mute);font-size:13.5px;margin-top:auto}
.atlas-card:hover{box-shadow:0 0 0 2px var(--ln-slate-3)}
.dispatch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;background:var(--ln-sand);padding:22px;border-radius:4px}
.dispatch-lead{text-decoration:none;color:var(--ln-ink);display:flex;flex-direction:column;gap:10px}
.dispatch-lead img,.dispatch-lead .cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
.cover{display:grid;place-items:center;background:var(--ln-slate);color:#f9c9a6}
.cover svg.ic{width:64px;height:64px}
.dispatch-lead b{font-size:21px;color:var(--ln-slate);line-height:1.25}
.dispatch-items{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dispatch-item{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;text-decoration:none;color:var(--ln-ink)}
.dispatch-item img,.dispatch-item .cover{width:84px;height:84px;object-fit:cover;border-radius:4px}
.dispatch-item .cover svg.ic{width:34px;height:34px}
.dispatch-item b{color:var(--ln-slate);font-size:16px;line-height:1.3;display:block}
.meta-line{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ln-mute);margin-top:4px}
.meta-line svg.ic{width:15px;height:15px;color:var(--ln-slate-3)}
.tollgate{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}
.tollgate a{background:#fff;border-radius:4px;padding:14px 10px;text-decoration:none;color:var(--ln-slate);font-weight:600;font-size:15px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--ln-line-2)}
.tollgate a svg.ic{width:30px;height:30px}
.tollgate a:hover{border-color:var(--ln-flare)}
.border-post{max-width:var(--ln-wide);margin:34px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#fff;border-radius:4px;border:1px solid var(--ln-line-2)}
.border-post div{padding:20px 24px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px}
.border-post div+div{border-left:1px solid var(--ln-line-2)}
.border-post svg.ic{width:36px;height:36px;color:var(--ln-slate)}
.border-post b{color:var(--ln-slate);display:block;font-size:17px}
.border-post p{margin:4px 0 0;font-size:14.5px;color:var(--ln-mute)}

/* ---- meridian (рельс) ---- */
.meridian{display:grid;gap:22px;position:sticky;top:16px}
.meridian-box{border-top:3px solid var(--ln-slate)}
.meridian-box>b{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--ln-slate);padding:12px 0 10px;border-bottom:6px solid var(--ln-line-2);margin-bottom:10px}
.meridian-box ul{list-style:none;margin:0;padding:0}
.meridian-box li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:15px}
.meridian-box li svg.ic{width:18px;height:18px;color:var(--ln-slate-3)}
.meridian-box li a{color:var(--ln-ink);text-decoration:none}
.meridian-box li a:hover{color:var(--ln-flare)}
.meridian-box li.on a{font-weight:600;color:var(--ln-slate)}
.meridian-age{background:var(--ln-slate);color:#dbe8eb;padding:18px 20px;border-radius:4px;font-size:14.5px}
.meridian-age b{color:#fff;display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:8px}
.meridian-age b svg.ic{width:34px;height:34px;color:#fff}
.meridian-age a{color:#fff;font-weight:600}
.meridian-age p{margin:0 0 8px}
.meridian-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center}
.meridian-card small{display:block;color:var(--ln-mute);font-size:13px}

/* ---- footer ---- */
.cln-ft{background:#0e252d;color:#b9ccd1;margin-top:0;width:100%}
.ft-top{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:36px;padding-top:44px;padding-bottom:34px}
.ft-brief p{font-size:14.5px;margin:12px 0 0}
.ft-brief .hd-mark{color:#fff}
.ft-brief .hd-mark small{color:#8fa8ae}
.ft-col b{display:block;color:#fff;font-size:15px;margin-bottom:10px;letter-spacing:.3px}
.ft-col ul{list-style:none;margin:0;padding:0}
.ft-col li{padding:4px 0;font-size:14.5px}
.ft-col a{color:#b9ccd1;text-decoration:none}
.ft-col a:hover{color:#fff}
.ft-help{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;border-top:1px solid #21414a;border-bottom:1px solid #21414a;padding-top:18px;padding-bottom:18px}
.ft-help span{display:inline-flex;align-items:center;gap:10px;font-size:14.5px}
.ft-help svg.ic{width:26px;height:26px;color:#f9c9a6}
.ft-help a{color:#fff;font-weight:600;text-decoration:none}
.ft-base{padding-top:16px;padding-bottom:26px;font-size:13px;color:#7f979d}
.ft-base p{margin:0 0 6px}

/* ---- mobile ---- */
@media (max-width:1100px){
  .atlas{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tollgate{grid-template-columns:repeat(5,minmax(0,1fr))}
  .plot{grid-template-columns:minmax(0,1fr) 260px;gap:30px}
}
@media (max-width:920px){
  .hd-legend{min-height:62px;gap:14px}
  .hd-date,.hd-find{display:none}
  .hd-age span{display:none}
  .hd-burger{display:grid;place-items:center;width:46px;height:46px;border-radius:4px;background:var(--ln-slate);color:#fff;cursor:pointer}
  .hd-burger svg.ic{width:24px;height:24px}
  .hd-routes{display:none}
  #cln-burger:checked~.hd-routes{display:block}
  .routes{flex-direction:column;padding:6px 0 12px}
  .route>a{padding:13px 4px;min-height:44px}
  .route-sub{position:static;visibility:visible;opacity:1;transform:none;box-shadow:none;border-top:0;background:transparent;padding:0 0 6px 30px;min-width:0}
  .cln-hd .route-sub a{color:#cfe3e6;padding:10px 4px;min-height:44px}
  .cln-hd .route-sub a svg.ic{color:#9cc3ca}
  .cln-hd .route-sub a:hover{background:transparent;color:#fff}
  .plot{grid-template-columns:minmax(0,1fr)}
  .meridian{position:static}
  .dossier{grid-template-columns:minmax(0,1fr)}
  .scores{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compass-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dispatch-items{grid-template-columns:minmax(0,1fr)}
  .border-post{grid-template-columns:minmax(0,1fr)}
  .border-post div+div{border-left:0;border-top:1px solid var(--ln-line-2)}
  .ft-top{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  body{font-size:16.5px}
  :root{--ln-gut:16px}
  .terrain{padding:0 10px 36px}
  .parcel{padding-top:22px;padding-bottom:26px;margin-top:12px}
  .survey{grid-template-columns:minmax(0,1fr)}
  .survey-emblem{display:none}
  .survey h1,.dossier h1{font-size:29px}
  .vista h1{font-size:33px}
  .vista .lnd{padding-top:34px;padding-bottom:84px}
  .vista-lead{font-size:17px}
  .compass-tiles{grid-template-columns:minmax(0,1fr);gap:8px;padding:0 10px}
  .compass-tiles a{padding:12px 14px}
  .reeks{padding:0 10px}
  .reeks-kop{flex-wrap:wrap}
  .reeks-kop h2{font-size:22px}
  .reeks-kop a{margin-left:0;order:3;width:100%;text-align:center}
  .atlas{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tollgate{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dispatch{grid-template-columns:minmax(0,1fr);padding:14px}
  .waypoints ol{columns:1}
  .tally-body{grid-template-columns:minmax(0,1fr)}
  .tally-body div:nth-child(odd){border-right:0}
  .ledger{grid-template-columns:minmax(0,1fr)}
  .scores{grid-template-columns:minmax(0,1fr)}
  .dossier-id{grid-template-columns:88px minmax(0,1fr);gap:14px}
  .specsheet{grid-template-columns:minmax(0,1fr)}
  .specsheet-img{max-width:120px}
  .specsheet dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clnv-wrap{padding:12px 10px}
  .clnv-terms{margin:0 12px}
  .clnv-balk h2{font-size:20px}
  .clnv-balk a{display:none}
  .plot-main>h2{font-size:23px}
  .fieldnote{grid-template-columns:minmax(0,1fr)}
  .ft-top{grid-template-columns:minmax(0,1fr)}
  .signpost{flex-direction:column;align-items:flex-start}
}