/* Vliegtickets.com — v2 fundament
   Koel neutraal, vette grotesk, groen als actie, heat-scale voor prijsdata. */

:root{
  --bg:#eef1f2; --surface:#fff; --surface-2:#f4f6f7; --surface-3:#e7ebec;
  --line:#e0e6e7; --line-2:#cfd8d9; --line-3:#b3bfc0;
  --ink:#14201c; --ink-2:#48554f; --ink-3:#57635d; --ink-4:#63706b;

  --brand:#0f6b45; --brand-hi:#0b5637; --brand-lo:#e4f1ea; --brand-lo-2:#cfe7db;
  --hero:#0c3a27;
  --accent:#dd5b26; --accent-hi:#c44d1d; --accent-lo:#fdeadf; --accent-lo-2:#f8d3c2;
  --dark:#16211d;

  --cheap-ink:#0a5735; --cheap-bg:#c4e7d3; --cheap-bd:#9ed4b5;
  --mid-ink:#7a4c04;  --mid-bg:#fbe2a8;  --mid-bd:#f0cd7a;
  --high-ink:#98301a; --high-bg:#f7cbbe; --high-bd:#eda995;

  /* Verticaal ritme. De afstand tussen twee blokken zit in de bovenmarge van
     het volgende blok en nergens anders, zodat er maar een plek is om aan te
     draaien. Hieronder de waarden voor de smalle schermen en de pagina's
     zonder .wt; body.wt zet ze een stap ruimer. */
  --ruimte-sectie:38px;        /* tussen twee secties */
  --ruimte-kop:14px;           /* tussen de sectiekop en de inhoud */
  --ruimte-strip:22px;         /* feitenbalk en vertrouwensstrip */
  --ruimte-voet:46px;          /* boven de voettekst */

  --font:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --r-s:8px; --r-m:11px; --r-l:16px; --r-xl:22px;
  --sh-1:0 1px 2px rgba(20,32,28,.05);
  --sh-2:0 4px 14px rgba(20,32,28,.07),0 1px 3px rgba(20,32,28,.04);
  --sh-3:0 20px 50px rgba(20,32,28,.16),0 4px 12px rgba(20,32,28,.06);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
body{font-variant-numeric:tabular-nums}
a{color:inherit;text-decoration:none}
a:hover{color:var(--brand)}
button{font-family:inherit;cursor:pointer}
img{max-width:100%;display:block}
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.022em;line-height:1.1;color:var(--ink)}
h1{font-size:29.5px}h2{font-size:23.5px}h3{font-size:18px}h4{font-size:16px}
.tag{display:inline-block;padding:3px 9px;border-radius:6px;background:var(--surface-3);color:var(--ink-2);font-size:12.5px;font-weight:600;letter-spacing:.01em}
.info{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;border:1.3px solid var(--ink-4);color:var(--ink-4);font-size:12.5px;font-weight:700;vertical-align:1px;cursor:help}
.info:hover{border-color:var(--brand);color:var(--brand)}
.src{color:var(--ink-4);font-size:12.5px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border:1px solid transparent;border-radius:var(--r-m);background:transparent;color:var(--ink);font-size:15.5px;font-weight:600;transition:background .13s,border-color .13s,transform .07s}
.btn:active{transform:translateY(1px)}
.btn.go{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.go:hover{background:var(--brand-hi);border-color:var(--brand-hi)}
.btn.dk{background:var(--dark);border-color:var(--dark);color:#fff}
.btn.dk:hover{background:#0c1512}
.btn.gh{border-color:var(--line-2);background:var(--surface)}
.btn.gh:hover{border-color:var(--line-3)}
.btn.qt{color:var(--ink-2)}
.btn.qt:hover{background:var(--surface-3)}
.btn.sm{height:32px;padding:0 12px;font-size:14px;border-radius:9px}
.btn.lg{height:46px;padding:0 22px;font-size:17px}
.lnk{background:none;border:0;padding:0;color:var(--brand);font-weight:600;font-size:14.5px}
.lnk:hover{text-decoration:underline;text-underline-offset:3px}

/* topbar */
.top{height:54px;display:flex;align-items:center;gap:26px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800;letter-spacing:-.03em}
.logo .m{width:24px;height:24px;border-radius:7px;background:var(--brand);color:#fff;display:grid;place-items:center}
.logo .m svg{width:13px;height:13px}
.logo .d{color:var(--brand)}
.top nav{display:flex;gap:2px}
.top nav a{padding:6px 10px;border-radius:7px;font-size:14.5px;font-weight:500;color:var(--ink-2)}
.top nav a:hover{background:var(--surface-3);color:var(--ink)}
.top nav a.on{color:var(--brand);font-weight:600}
.top .rt{margin-left:auto;display:flex;align-items:center;gap:8px}
.top .rt .p{height:30px;padding:0 11px;border:1px solid var(--line);border-radius:99px;background:var(--surface);font-size:14px;font-weight:500;color:var(--ink-2)}
.top .rt .p:hover{border-color:var(--line-3)}
.top .rt .av{width:28px;height:28px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:700}

/* heat utilities */
.heat-c{background:var(--cheap-bg);border-color:var(--cheap-bd);color:var(--cheap-ink)}
.heat-m{background:var(--mid-bg);border-color:var(--mid-bd);color:var(--mid-ink)}
.heat-h{background:var(--high-bg);border-color:var(--high-bd);color:var(--high-ink)}

/* scrollbar-less strips */
.noscroll{scrollbar-width:none;-ms-overflow-style:none}
.noscroll::-webkit-scrollbar{display:none}

/* ---------- witte, ruimere contentpagina's ---------- */
body.wt{background:#fff}
body.wt .crumb{padding-top:20px}
body.wt .phero{padding:34px 20px 14px}
body.wt .facts,body.wt .trust{padding-top:var(--ruimte-strip);gap:14px}
body.wt .fc{padding:20px 22px}
body.wt .fc .v{font-size:29.5px}
body.wt .sec-hd h2{font-size:33px}
body.wt .scwrap{padding-top:30px}
body.wt .ed-hero{margin-top:0;padding:52px 0 46px}

/* De ruimte tussen de blokken. Stond op 60px tussen twee secties en 22 onder
   een sectiekop; op een pagina met acht secties onder elkaar plakte alles aan
   elkaar. Deze vier maten zijn de enige plek waar dat vandaan komt. */
body.wt{
  --ruimte-sectie:88px;
  --ruimte-kop:26px;
  --ruimte-strip:36px;
  --ruimte-voet:96px;
  --ruimte-blok:32px;
}

/* Losse blokken binnen een sectie stonden op 11 tot 22 pixels van elkaar, en
   dat leest bij 17px tekst als een blok. Eerst stond hier een lijstje
   klassenamen, maar dat dekte de helft niet: een blok dat zijn eigen
   marge meebracht bleef krap staan.

   Naastliggende marges vallen samen tot de grootste, dus dit is een
   ondergrens en geen overschrijving: een blok dat er zelf meer omheen wil,
   houdt die ruimte.

   Uitgezonderd is .src, de bronregel onder een blok: die hoort tegen zijn
   eigen blok aan te staan en niet halverwege te zweven. */
body.wt .sec>*+*:not(.src){margin-top:var(--ruimte-blok)}

/* Op een smal scherm staat er minder naast elkaar, dus scheelt er ook minder
   ruimte tussen. Tachtig pixels tussen twee blokken is op een telefoon een
   half scherm leegte; deze maten houden het ritme maar halveren de sprong. */
@media(max-width:820px){
  body.wt{
    --ruimte-sectie:56px;
    --ruimte-kop:20px;
    --ruimte-strip:28px;
    --ruimte-voet:64px;
    --ruimte-blok:24px;
  }
}

body.wt .ft{margin-top:var(--ruimte-voet)}
body.wt .searchbar{padding:16px 20px 18px}
body.wt .wrap{padding-top:22px;gap:26px}
body.wt .verdict{margin-top:22px}
body.wt .vd-card{padding:22px 26px}
body.wt .days{margin-top:16px;gap:7px}
body.wt .day{padding:11px 13px}
body.wt .hero{padding:60px 20px 54px}
body.wt .trust .tr-c{padding:19px 21px}

/* ruimere kaarten en grotere tekst op alle .wt-pagina's */
body.wt{font-size:17px}
body.wt .sec-hd p,body.wt .sec-hd .s{font-size:17px}
/* contentpagina's (page.css) */
body.wt .phero .lead,body.wt .phero p{font-size:20.5px;line-height:1.6}
body.wt .cgrid,body.wt .regions,body.wt .rel,body.wt .trips,body.wt .transit,body.wt .dows,body.wt .ed-cats,body.wt .ed-data,body.wt .dests,body.wt .dgrid,body.wt .igrid,body.wt .aps{gap:14px}
body.wt .cg .b,body.wt .cg .bd{padding:16px 18px}
body.wt .ladder{padding:24px 26px;gap:11px}
body.wt .lr .cy{font-size:17px}
body.wt .guide{gap:48px}
body.wt .gmain h2{font-size:31px;margin-bottom:14px}
body.wt .gmain h2:not(:first-child){margin-top:58px}
body.wt .gmain h3{font-size:24px;margin-bottom:12px}
body.wt .gmain h3:not(:first-child){margin-top:42px}
body.wt .gmain p,body.wt .gmain li{font-size:18.5px;line-height:1.7}
body.wt .gmain h2+p{font-size:20px}
body.wt .gmain p.bron{font-size:15px}
body.wt .rg{padding:20px 22px}
body.wt .rg .t{font-size:18px}
body.wt .rg .s{font-size:16px;line-height:1.55}
body.wt .rl{padding:18px 20px;font-size:17px}
/* plaatspagina (place.css) */
body.wt .mchart{padding:26px 28px 18px}
body.wt .mnote{margin-top:18px;padding-top:16px;font-size:15.5px}
body.wt .dw{padding:16px 12px}
body.wt .dw .p{font-size:25px}
body.wt .dw .d{font-size:13.5px}
body.wt .carr .hr,body.wt .carr .rw{padding:17px 22px}
body.wt .carr .rw{font-size:16.5px}
body.wt .carr .pp{font-size:20px}
body.wt .tp{padding:19px 21px}
body.wt .tp .t{font-size:17.5px}
body.wt .tp .s{font-size:15.5px}
body.wt .tcard{padding:20px 22px}
body.wt .tcard .v{font-size:25px}
body.wt .tcard .s{font-size:15.5px}
/* redactiepagina's (editorial.css) */
body.wt .ed-hero .lead{font-size:20px}
body.wt .ed-cat{padding:22px 24px}
body.wt .ed-cat .t{font-size:21.5px}
body.wt .ed-cat .s{font-size:16.5px;line-height:1.55}
body.wt .ed-d{padding:24px 26px}
body.wt .ed-d .q{font-size:17px}
body.wt .ed-d .s{font-size:15.5px}
body.wt .ed-q{padding:0 20px}
body.wt .ed-q summary{padding:18px 0;font-size:18px}
body.wt .ed-q .an{padding-bottom:19px;font-size:17.5px}
/* homepage (home.css / home2.css) */
body.wt .tr-c .t,body.wt .tr-c b{font-size:17.5px}
body.wt .dest .b,body.wt .dest .bd{padding:16px 18px}
body.wt .ap{padding:17px 18px}
body.wt .dc{padding:16px 18px}
body.wt .ic{padding:24px 26px}
body.wt .ic .t{font-size:20.5px}
body.wt .ic p,body.wt .ic .s{font-size:16.5px;line-height:1.6}
body.wt .insight{padding:26px 28px;gap:36px}
body.wt .routes{padding:10px 12px}
/* Achter .rt-grid, anders raakt deze padding ook het rechterblok in de
   kopbalk, dat toevallig dezelfde klassenaam draagt. */
body.wt .rt-grid .rt{padding:14px 14px;font-size:16.5px}
body.wt .calrow{padding:26px 28px}
body.wt .dr{padding:14px 16px;font-size:16.5px}

/* homepage/resultaten: kaartinhoud groter */
body.wt .tr-c{gap:15px}
body.wt .tr-c .t{font-size:18px}
body.wt .tr-c .s{font-size:15.5px;line-height:1.5;margin-top:4px}
body.wt .dest .bd{padding:16px 18px 18px}
body.wt .dest .cy{font-size:20.5px}
body.wt .dest .pr{font-size:21.5px}
body.wt .dest .mt{font-size:14.5px;margin-top:6px}
body.wt .dest .mt .hd,body.wt .dc .hd{font-size:12.5px;padding:2px 7px}
body.wt .dc .cy{font-size:18px}
body.wt .dc .pp{font-size:20px}
body.wt .dc .r2{font-size:14.5px;margin-top:7px}
body.wt .ap .nm{font-size:17px}
body.wt .ap .pr{font-size:26px}
body.wt .ap .apc,body.wt .ap .dl{font-size:13.5px}
body.wt .ap .apt{font-size:13.5px;margin-top:9px;padding-top:9px}
body.wt .rt-grid .rt .nm{font-size:17px}
body.wt .rt-grid .rt .pp{font-size:18px}
body.wt .rt-grid .rt .mid{font-size:14px}
body.wt .cd{aspect-ratio:1/.8;border-radius:8px}
body.wt .cd .n{font-size:16px}
body.wt .cd .p{font-size:12.5px}
body.wt .cm .grid,body.wt .calbig .grid{gap:5px}
body.wt .wb .lb{font-size:12.5px}
body.wt .dfilters{gap:8px;margin-bottom:18px}
body.wt .vs .v{font-size:23.5px}
body.wt .vs .l{font-size:14px}
body.wt .aptbl .hr,body.wt .aptbl .rw{padding:16px 20px}
body.wt .aptbl .rw{font-size:16.5px}

/* ---------- één type-schaal over alle v2-pagina's ---------- */
/* heroes gelijk: zelfde clamp voor blog/kennisbank en land/plaats */
body.wt .ed-hero h1{font-size:clamp(35px,3.4vw,47px)}
body.wt .ed-hero .lead{font-size:19px;line-height:1.62}
body.wt .ed-hero .kick{font-size:12.5px}
body.wt .ed-facts .v{font-size:31.5px}
body.wt .ed-facts .l{font-size:14.5px}
/* sectiekoppen gelijk op alle pagina's */
body.wt .sec-hd h2{font-size:31.5px}
body.wt .sec-hd .s,body.wt .sec-hd p{font-size:16.5px}
/* blogkaarten mee omhoog */
body.wt .bl-grid,body.wt .bl-list{gap:14px}
body.wt .bl-c .bd{padding:17px 19px 19px}
body.wt .bl-c h3{font-size:20px;line-height:1.24}
body.wt .bl-c .x{font-size:16px;line-height:1.58;margin-top:8px}
body.wt .bl-c .mt{font-size:14px;margin-top:14px;padding-top:12px}
body.wt .bl-c .im .tg{font-size:12.5px;padding:5px 10px}
body.wt .bl-feat .bd{padding:34px 36px}
body.wt .bl-feat h2{font-size:clamp(29px,2.5vw,36px)}
body.wt .bl-feat .x{font-size:18.5px;line-height:1.62;margin-top:15px}
body.wt .bl-feat .mt{font-size:14.5px}
body.wt .bl-feat .go{font-size:16.5px}
body.wt .bl-mod{padding:24px 26px;gap:32px}
/* artikelindex + rijen */
body.wt .ed-r{padding:15px 20px}
body.wt .ed-r .t{font-size:17.5px}
body.wt .ed-r .m,body.wt .ed-r .u,body.wt .ed-r .rd{font-size:14.5px}
body.wt .ed-r .c{font-size:12.5px}
body.wt .ed-bar button{height:36px;padding:0 15px;font-size:15.5px}
body.wt .ed-bar{gap:8px;margin-bottom:14px}
/* vraag-stellen blok */
body.wt .ed-ask{padding:30px 32px}
body.wt .ed-ask h3{font-size:27px}
body.wt .ed-ask p{font-size:17px}
body.wt .ed-d .q{font-size:17px}
body.wt .ed-d .s{font-size:15.5px}
body.wt .ed-cat .nr{font-size:12.5px}
body.wt .ed-cat .f{font-size:14.5px;margin-top:14px;padding-top:12px}

/* ---------- ronde 3: resterende kleine tekst op home/land/plaats ---------- */
body.wt .crumb{font-size:15.5px}
body.wt .phero h1{font-size:clamp(37px,4vw,57px)}
body.wt .phero .lead{font-size:20.5px;line-height:1.62;margin-top:16px}
body.wt .phero .pimg .cap{font-size:14.5px;padding:34px 18px 15px}
body.wt .fc .l{font-size:14.5px;margin-top:7px}
/* stadstegels (land) */
body.wt .cg .bd{padding:14px 16px 16px}
body.wt .cg .cy{font-size:18.5px}
body.wt .cg .cy i{font-size:12.5px}
body.wt .cg .mt{font-size:14px;margin-top:8px}
body.wt .cg .hd,body.wt .dc .hd,body.wt .dest .hd{font-size:12.5px;padding:2px 7px}
body.wt .cg .im .pr{font-size:15.5px;padding:4px 10px}
/* prijsladder */
body.wt .lr .pp{font-size:17.5px}
body.wt .lr .cy i{font-size:12.5px}
body.wt .lr .bar{height:24px}
/* luchthaventabel */
body.wt .aptbl .hr{font-size:12.5px}
body.wt .aptbl .rw{font-size:16.5px}
body.wt .aptbl .ap-p{font-size:20px}
body.wt .aptbl .ap-n i{font-size:12.5px}
body.wt .aptbl .ap-d{font-size:14.5px}
body.wt .aptbl .ap-a{font-size:15.5px}
body.wt .aptbl .ap-b .btn{height:36px;padding:0 15px;font-size:15.5px}
/* reisgids-zijkolom */
body.wt .gside{gap:14px}
body.wt .gs .h{font-size:12.5px;margin-bottom:11px}
body.wt .gs .rw{font-size:16px;padding:9px 0}
body.wt .rg .a{font-size:13.5px;margin-top:10px}
/* insight-kaarten homepage */
body.wt .ic h3{font-size:20px;margin-bottom:8px}
body.wt .ic p{font-size:16.5px;line-height:1.58}
body.wt .ic .big{font-size:34px}
body.wt .ic .big small{font-size:14.5px}
body.wt .ic .fn{font-size:12.5px;padding-top:14px}
body.wt .ic .ico{width:38px;height:38px;margin-bottom:13px}
body.wt .ring{width:70px;height:70px}
body.wt .ring i{width:55px;height:55px;font-size:20px}
body.wt .wbars{height:86px}
body.wt .wb .lb{font-size:12.5px}
/* prijsdalingen (donker blok) */
body.wt .drops{padding:26px 28px}
body.wt .drops h2{font-size:27px}
body.wt .drops .dh p{font-size:15.5px}
body.wt .dlist{gap:7px}
body.wt .dr .now{font-size:20px}
body.wt .dr .was{font-size:14.5px}
body.wt .dr .dl{font-size:14px}
body.wt .dr .ag{font-size:13.5px}
body.wt .dr .nm i{font-size:14px}
/* airline-muur / vertrouwensblok */
body.wt .tblock{padding:26px 28px}
body.wt .tblock .th h3{font-size:22.5px}
body.wt .tblock .th p{font-size:16.5px;line-height:1.55}
body.wt .alc{height:36px;font-size:15.5px;padding:0 13px 0 5px}
body.wt .alc i{width:27px;height:27px;font-size:12.5px}
body.wt .ts .v{font-size:26px}
body.wt .ts .l{font-size:14.5px}
body.wt .tstats{padding-top:20px}
/* kalenderrij homepage */
body.wt .calbig .mh .t{font-size:18.5px}
body.wt .calbig .dow span{font-size:12.5px}
body.wt .calbig .cd .n{font-size:16px}
body.wt .calbig .cd .p{font-size:12.5px}
body.wt .calside{gap:16px;padding-left:28px}
body.wt .calside .lb{font-size:12.5px}
body.wt .calside .sum{font-size:16px;line-height:1.6}
body.wt .calside .warn{font-size:15.5px;padding:12px 14px;line-height:1.5}
body.wt .gradlb{font-size:13.5px}
body.wt .dempty{font-size:16.5px;padding:36px}
body.wt .routepick button{height:48px;font-size:16.5px;padding:0 17px 0 5px}
body.wt .routepick button .p{font-size:14.5px}
body.wt .routepick button .th{width:38px;height:38px}

/* FAQ gelijk aan de artikelvariant: één volle lijst met scheidingslijnen */
body.wt .faq{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line);max-width:900px}
body.wt .fi summary{padding:19px 0;font-size:20px;gap:20px}
body.wt .fi summary::after{font-size:25px}
body.wt .fi p{font-size:18px;line-height:1.68;margin-bottom:20px;max-width:62ch}
/* resterende lopende tekst */
body.wt .sec p:not([class]),body.wt .fi p:not([class]){font-size:18px;line-height:1.65}
body.wt .l{font-size:14.5px}
body.wt .a{font-size:14px}
body.wt .src{font-size:14px}
body.wt a.lnk{font-size:16px}
body.wt .cap{font-size:15.5px}

/* menu echt gecentreerd in de balk */
body.wt .top{position:sticky;height:60px;gap:0}
body.wt .top nav{position:absolute;left:50%;transform:translateX(-50%);gap:4px}
body.wt .top nav a{font-size:16px;padding:8px 13px}
body.wt .top .rt{margin-left:auto}
@media(max-width:900px){body.wt .top nav{position:static;left:auto;transform:none;margin:0 auto}}

/* header-inhoud binnen dezelfde 1360px-kolom als de pagina */
body.wt .top{padding-inline:max(20px,calc((100% - 1360px)/2 + 20px))}

/* ---------- header: logo links, menu midden, account rechts ---------- */
body.wt .top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:62px}
body.wt .top .logo{justify-self:start;font-size:20px}
body.wt .top .logo .m{width:27px;height:27px}
body.wt .top .logo .m svg{width:15px;height:15px}
body.wt .top nav{position:static;left:auto;transform:none;justify-self:center}
body.wt .top .rt{justify-self:end;margin-left:0;gap:10px}
body.wt .top .rt .p{height:34px;padding:0 14px;font-size:15.5px}
body.wt .top .rt .av{width:32px;height:32px;font-size:13.5px}
@media(max-width:900px){body.wt .top{grid-template-columns:auto 1fr auto;gap:14px}body.wt .top nav{margin:0}}

/* ---------- footer mee in de schaal ---------- */
body.wt .ft{padding:48px 20px 34px}
body.wt .ft-in{gap:44px}
body.wt .ft h4{font-size:14px;margin-bottom:15px}
body.wt .ft a{font-size:16.5px;padding:6px 0}
body.wt .ft .about p{font-size:16.5px;line-height:1.62;margin-top:14px;max-width:42ch}
body.wt .ft .logo{font-size:20px}
body.wt .ft-bot{margin-top:36px;padding-top:22px;font-size:14.5px;gap:20px}

/* header definitief: logo links, menu exact op de middenas, account tegen de rechterrand */
body.wt .top{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:center}
body.wt .top .logo{justify-self:start}
body.wt .top nav{justify-self:center;margin:0}
body.wt .top .rt{justify-self:end;margin-left:0;display:flex;align-items:center;gap:10px}

/* header: nooit afbreken, en midden pas opgeven als het echt niet past */
body.wt .top .rt .p,body.wt .top nav a,body.wt .top .logo{white-space:nowrap}
body.wt .top nav{gap:2px}
@media(max-width:1180px){
  body.wt .top nav a{padding:8px 10px;font-size:15px}
  body.wt .top .rt .p{padding:0 12px;font-size:14.5px}
}
@media(max-width:1040px){
  /* symmetrie behouden: valutakiezer valt weg zodat de zijzones gelijk kunnen blijven */
  body.wt .top{height:60px}
  body.wt .top .rt .p:first-child{display:none}
  body.wt .top .logo>span:last-child{font-size:18px}
}
@media(max-width:780px){
  body.wt .top{grid-template-columns:auto auto;row-gap:0;height:auto;padding-block:10px}
  body.wt .top nav{grid-column:1/-1;order:3;justify-self:start;margin-top:4px}
  body.wt .top .rt .p:first-child{display:none}
}