/* Leisure portal shell — self-contained; colours come from --lp-* set inline from build/leis_portal.json */
body[data-lg] .quicknav,body[data-lg] .site-header .brand{display:none!important}
.lp-bar{position:relative;z-index:61;background:linear-gradient(120deg,color-mix(in srgb,var(--lp-a) 92%,#000),color-mix(in srgb,var(--lp-a) 70%,var(--lp-a2)));color:#fff}
.lp-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 16px}
.lp-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-height:48px;font-size:20px}.lp-brand b{font-weight:800}.lp-brand .lic{width:34px;height:34px;color:#fff;--lic2:rgba(255,255,255,.3)}
.lp-q{flex:1 1 260px;display:flex;gap:6px;min-width:0}.lp-q input{flex:1;min-width:0;min-height:48px;border-radius:999px;border:0;padding:0 18px;font:inherit;font-size:18px;color:var(--ink)}
.lp-q button{min-width:52px;min-height:48px;border-radius:999px;border:0;background:#fff;color:var(--lp-a);cursor:pointer}.lp-q .lic{width:24px;height:24px}
.lp-home{color:#fff;font-size:17px;min-height:48px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.lp-in{padding:8px 12px}.lp-brand{font-size:18px}.lp-home{font-size:16px}}
.lp-res .ic-card{--a:var(--lp-a)}
@media (max-width:640px){.lp-in{display:grid;grid-template-columns:1fr auto;gap:6px 10px}.lp-brand{font-size:17px;min-height:44px}.lp-brand .lic{width:28px;height:28px}.lp-home{grid-column:2;grid-row:1;font-size:15px;justify-self:end}.lp-q{grid-column:1/-1}.lp-q input{min-height:46px;font-size:17px}}
/* portal page head: compact, calm, no photo parallax */
body[data-lg] .page-hero{padding:22px 0 14px;background:transparent}body[data-lg] .page-hero .bg,body[data-lg] .page-hero .deco,body[data-lg] .page-hero .crumbs{display:none}
body[data-lg] .page-hero h1{font-size:clamp(28px,4.4vw,40px);margin:0 0 6px}body[data-lg] .page-hero .lead{font-size:18px;margin:0;max-width:60ch}
body[data-lg] .rv{opacity:1!important;transform:none!important}
body[data-lg] .cat-tile,body[data-lg] .ic-card,body[data-lg] .np-card,body[data-lg] .pick{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(255,253,248,.94)}
body[data-lg] .ic-n,body[data-lg] .ct-tx b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block}
@media (min-width:1360px){body[data-lg] .cat-tiles,body[data-lg] .ic-grid,body[data-lg] .np-grid,body[data-lg] .picks,body[data-lg] .tvcar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){body[data-lg] .topbar{display:none}body[data-lg] .langbar{padding:4px 0}body[data-lg] .langbar .lp a{min-height:44px;font-size:15px}body[data-lg] .page-hero{padding:12px 0 6px}body[data-lg] .page-hero .lead{display:none}body[data-lg] .np-tap{display:none}}
/* === Explorer folder view (Vista style): icon grid, label under icon === */
body[data-lg] .cat-tiles,body[data-lg] .ic-grid,body[data-lg] .picks,body[data-lg] .np-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;margin:8px 0 24px}
@media(min-width:600px){body[data-lg] .cat-tiles,body[data-lg] .ic-grid,body[data-lg] .picks,body[data-lg] .np-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1024px){body[data-lg] .cat-tiles,body[data-lg] .ic-grid,body[data-lg] .picks,body[data-lg] .np-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1360px){body[data-lg] .cat-tiles,body[data-lg] .ic-grid,body[data-lg] .picks,body[data-lg] .np-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
body[data-lg] .cat-tile,body[data-lg] .ic-card,body[data-lg] .pick,body[data-lg] .np-card{flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:6px;min-height:48px;height:100%;padding:8px 4px 10px;border:2px solid transparent;border-radius:14px;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body[data-lg] .cat-tile:hover,body[data-lg] .ic-card:hover,body[data-lg] .pick:hover,body[data-lg] .np-card:hover{background:rgba(205,228,250,.55);border-color:#9cc7ef;transform:none;box-shadow:none}
body[data-lg] .cat-tile:active,body[data-lg] .ic-card:active,body[data-lg] .pick:active,body[data-lg] .np-card:active{background:rgba(160,205,245,.6)}
body[data-lg] .ct-go,body[data-lg] .ic-go{display:none}
body[data-lg] .ct-tx,body[data-lg] .ic-tx,body[data-lg] .pk-t{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;width:100%}
body[data-lg] .ct-tx b,body[data-lg] .ic-n,body[data-lg] .pk-t b{font-size:clamp(15px,4.2vw,18px);line-height:1.2;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;hyphens:auto}
body[data-lg] .ct-tx span,body[data-lg] .ic-s,body[data-lg] .pk-t small{font-size:14px;line-height:1.25;color:#5c5470;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
body[data-lg] .ct-ic.xfo{position:relative;flex:none;width:clamp(76px,22vw,104px);height:auto;aspect-ratio:64/56;background:none;box-shadow:none;border-radius:0;overflow:visible;--fb:color-mix(in srgb,var(--a,#5a2d82) 78%,#0b1f33);--ff:color-mix(in srgb,var(--a,#5a2d82) 52%,#e9f3ff)}
.xf{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 5px rgba(20,30,60,.28))}
.xf-em{position:absolute;right:-4%;bottom:-2%;width:52%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e8eef8 70%);box-shadow:0 3px 8px rgba(20,30,60,.3),inset 0 0 0 2px rgba(255,255,255,.9);color:var(--a,#5a2d82)}
.xf-em .lic{width:68%;height:68%}
body[data-lg] .ic-v,body[data-lg] .pk-v,body[data-lg] .np-logo{flex:none;width:100%;max-width:150px;height:auto;aspect-ratio:1;border-radius:14px;font-size:36px;box-shadow:0 4px 10px -4px rgba(20,30,60,.35)}
body[data-lg] .ic-v.wide,body[data-lg] .pk-v:has(img){aspect-ratio:16/9;max-width:none}
body[data-lg] .ic-v img,body[data-lg] .pk-v img{width:100%;height:100%;object-fit:cover}
/* address bar + Back */
.xp-bar{display:flex;align-items:stretch;gap:8px;margin:4px 0 14px}
.xp-back{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 14px;border-radius:12px;background:linear-gradient(#fdfeff,#dfeaf6);border:1px solid #a9c1db;color:#1d3c63;font-weight:800;font-size:17px;text-decoration:none}
.xp-addr.np-crumb{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:0 4px;margin:0;padding:4px 12px;min-height:48px;border-radius:12px;background:#fff;border:1px solid #a9c1db;box-shadow:inset 0 1px 3px rgba(0,0,0,.08);font-size:16px}
.xp-addr.np-crumb::before{content:"📁";margin-inline-end:4px}
.xp-addr.np-crumb a{padding:6px 2px;min-height:0;line-height:1.3}
@media(max-width:480px){.xp-back{padding:0 10px}.xp-addr.np-crumb{font-size:15px}}
body[data-lg] .xp-bar~.pnav:not(.pn-bot){display:none}
body[data-lg] .sh-btn{min-height:48px!important;padding:6px 16px!important;font-size:16px!important;width:auto!important;box-shadow:none!important}
body[data-lg] .ct-tx b,body[data-lg] .ic-n,body[data-lg] .pk-t b{overflow-wrap:normal;word-break:normal;hyphens:auto;-webkit-hyphens:auto}
@media(max-width:480px){body[data-lg] .ct-tx b,body[data-lg] .ic-n,body[data-lg] .pk-t b{font-size:15px}body[data-lg] .cat-tile,body[data-lg] .ic-card,body[data-lg] .pick,body[data-lg] .np-card{padding:6px 2px 8px}}
body[data-lg] .hub-tiles .ct-tx>span{display:none}
body[data-lg] .cat-tiles>li,body[data-lg] .ic-grid>li,body[data-lg] .picks>li,body[data-lg] .np-grid>li{min-width:0}
body[data-lg] .cat-tile,body[data-lg] .ic-card,body[data-lg] .pick,body[data-lg] .np-card{min-width:0;overflow:hidden}
body[data-lg] .ct-tx b,body[data-lg] .ic-n,body[data-lg] .pk-t b{overflow-wrap:break-word;max-width:100%}
@media(max-width:480px){body[data-lg] .ic-n,body[data-lg] .pk-t b{font-size:14px}}