/* Redesign (Beta 2) – the ripa design kit applied to the app's own screens (not the map, not the start scene).
   Colours come from the look's tokens (src/ripa-tokens.css via src/themes.css). Loaded last; html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app is a long #app
   chain so these rules outrank the older layout layers without touching them. Display only, no network. */

/* ---- Type: Barlow Condensed for display headings ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(#placeCard .place-card-title h1,#settingsTitle,.you-child-head b,.activities-head h2,.community-head h2,.find-sheet-head h2,.rd-title){
  font-family:var(--ripa-font-display)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.01em!important;line-height:.95!important;color:var(--ink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #placeCard .place-card-title h1{font-size:34px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(#placeKindLabel,.st-label,.you-child-head small){font-family:var(--ripa-font-text)!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.08em!important;color:var(--mut)!important}

/* ---- Settings → Appearance ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-themes{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px;overflow:visible!important;background:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:8px 4px 10px;border:1.5px solid var(--cardbd);border-radius:16px;background:var(--card);color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme.on,html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme[aria-checked="true"]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme b{font-size:13px!important;font-weight:600!important;color:var(--ink)!important;white-space:nowrap}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme span{font-size:11px;color:var(--mut);text-align:center;line-height:1.15}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme-swatch{display:block;width:100%;aspect-ratio:3/2;border-radius:10px;overflow:hidden;margin-bottom:5px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme-swatch svg{display:block;width:100%;height:100%}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme-swatch path:last-child{fill:#fff}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme-swatch[data-look="g"]{background:#1F292E}html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme-swatch[data-look="g"] path:first-child{fill:#465961}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme-swatch[data-look="b"]{background:#336EA0}html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme-swatch[data-look="b"] path:first-child{fill:#41607A}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme-swatch[data-look="s"]{background:#F6F8F9;box-shadow:inset 0 0 0 1px #E1E7EC}html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme-swatch[data-look="s"] path:first-child{fill:#AFC0CD}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme-swatch[data-look="auto"]{background:linear-gradient(90deg,#F6F8F9 50%,#1F292E 50%);box-shadow:inset 0 0 0 1px #E1E7EC}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme-swatch[data-look="auto"] path:first-child{fill:#8FA2B2}

/* ---- Bottom row: Explore · Record · Plan, Record a round button in the middle, the red pin over the active word ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-nav{background:var(--nav)!important;border-top:1px solid var(--line)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-nav button{position:relative;color:var(--navoff)!important;font:600 11.5px/1 var(--ripa-font-text)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-nav button.selected,html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-nav [data-shell-nav="map"].selected{color:var(--ink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-nav button.selected::before{content:"";position:absolute;top:3px;left:50%;width:10px;height:13px;margin-left:-5px;background:var(--ripa-red);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 13'%3E%3Cpath d='M5 13S0 7.6 0 4.8A5 5 0 0 1 10 4.8C10 7.6 5 13 5 13Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 13'%3E%3Cpath d='M5 13S0 7.6 0 4.8A5 5 0 0 1 10 4.8C10 7.6 5 13 5 13Z'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-nav button.selected svg{background:none!important;transform:translateY(4px)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-nav button.selected span{color:var(--ink)!important;transform:translateY(3px)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-nav [data-shell-nav="record"]{gap:3px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-nav .shell-rec{width:44px!important;height:44px!important;margin-top:-16px;border:3px solid var(--nav)!important;background:var(--recbg);box-shadow:0 4px 14px rgba(0,0,0,.18)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-nav .shell-rec::after{width:16px!important;height:16px!important;background:var(--ripa-red)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-nav button.live .shell-rec{border-color:var(--nav)!important;animation:none}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-nav button.live .shell-rec::after{animation:rdPulse 1.4s ease-in-out infinite}
@keyframes rdPulse{50%{box-shadow:0 0 0 7px rgba(224,52,42,.18)}}

/* ---- Top: search pill and avatar ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-top{background:var(--glass)!important;border:1px solid var(--glassbd)!important;box-shadow:var(--sh),0 4px 16px rgba(0,0,0,.12)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .shell-avatar{background:var(--avbg)!important;color:var(--avink)!important}

/* ---- Place card: header with the mountains, words as tabs ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #placeCard .rd-mtn{display:none}
/* Open card: the page colour below, the header colour with the ridges behind the name; the front ridge meets the page. */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #placeCard.rd-open{background:var(--front)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #placeCard.rd-open .place-card-content{position:relative;isolation:isolate}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #placeCard.rd-open .rd-mtn{display:block;position:absolute;z-index:-1;left:-18px;right:-18px;top:-60px;height:calc(var(--rd-head,150px) + 60px);background:var(--hdr);pointer-events:none;overflow:hidden}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #placeCard.rd-open .rd-mtn svg{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:58px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #placeCard.rd-open .place-card-title{background:transparent!important;box-shadow:none!important;padding-top:12px!important;padding-bottom:40px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #placeCard.rd-open .place-card-title h1{color:var(--hdrink)!important;line-height:1!important;padding-top:6px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #placeCard.rd-open .place-card-title :is(#placeKindLabel,small){color:var(--hdrmut)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #placeCard.rd-open .place-card-title button:not(#areaSearchTitle){background:var(--hdrbtn)!important;border:1px solid var(--hdrbtnbd)!important;color:var(--hdrink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTabs{display:flex!important;gap:14px!important;align-items:flex-end;padding:14px 2px 0!important;border:0!important;background:none!important;box-shadow:none!important;overflow-x:auto;scrollbar-width:none;position:relative}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTabs::-webkit-scrollbar{display:none}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTabs button[role="tab"]{flex:none!important;width:auto!important;min-width:0!important;height:auto!important;min-height:44px;padding:0 0 6px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  font:700 23px/1 var(--ripa-font-display)!important;letter-spacing:.01em!important;text-transform:uppercase;color:var(--mut)!important;opacity:.62}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTabs button[role="tab"][aria-selected="true"]{color:var(--ink)!important;opacity:1}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTabs button[role="tab"] span{font:600 12px/1 var(--ripa-font-text);margin-left:2px;color:var(--mut);vertical-align:top;letter-spacing:0}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTabs .rd-pin{position:absolute;top:0;left:0;width:12px;height:16px;pointer-events:none;color:var(--ripa-red);transition:none}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTabs .rd-pin svg{display:block;width:100%;height:100%;fill:currentColor}

/* ---- You page: the mountain header, big season numbers ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet #youHead{position:relative;isolation:isolate;margin:0 -16px 6px;padding:0 16px 18px!important;background:var(--hdr)!important;color:var(--hdrink)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet #youHead .rd-mtn{position:absolute;left:0;right:0;bottom:-1px;height:92px;z-index:-1;pointer-events:none}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet #youHead .rd-mtn svg{display:block;width:100%;height:100%}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet #youHead .you-top{background:transparent!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet #youTitle{font:700 40px/.95 var(--ripa-font-display)!important;text-transform:uppercase;color:var(--hdrink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet #youHead :is(#youMeName){color:var(--hdrink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet #youHead :is(#youMePlan,.you-season-summary small){color:var(--hdrmut)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet #closeYou{background:var(--hdrbtn)!important;border:1px solid var(--hdrbtnbd)!important;color:var(--hdrink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .you-season-summary b{font:700 34px/1 var(--ripa-font-display)!important;color:var(--hdrink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .you-label{font:700 11.5px/1 var(--ripa-font-text)!important;letter-spacing:.08em!important;color:var(--mut)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rd-sun{fill:var(--sun);opacity:var(--sunop)}

/* ---- First run: welcome, profile and tour headings in the display type ---- */
html[data-theme] .onboarding :is(h1,h2){font-family:var(--ripa-font-display)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:0!important;line-height:.95!important;color:var(--ink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(#youSheet #youHead,#placeCard) .rd-sun{display:none}

/* ---- Page headers (every page and sheet): the header colour, the ridges under the title, round header buttons ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(.you-child-head,.publish-route-head,.activities-head:not(.you-top),.record-head,.route-detail-head,.activity-detail-head,.panel-head,.pf-head,.find-sheet-head){position:relative!important;isolation:isolate;background:var(--hdr)!important;color:var(--hdrink)!important;padding-bottom:34px!important;overflow:hidden;border:0!important;box-shadow:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(.you-child-head,.publish-route-head,.activities-head:not(.you-top),.record-head,.route-detail-head,.activity-detail-head,.panel-head,.pf-head,.find-sheet-head) :is(b,h2){font-family:var(--ripa-font-display)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.01em!important;line-height:.95!important;font-size:30px!important;color:var(--hdrink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(.you-child-head,.publish-route-head,.activities-head:not(.you-top),.record-head,.route-detail-head,.activity-detail-head,.panel-head,.pf-head,.find-sheet-head) small{font:700 11.5px/1.2 var(--ripa-font-text)!important;letter-spacing:.08em!important;color:var(--hdrmut)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(.you-child-head,.publish-route-head,.activities-head:not(.you-top),.record-head,.route-detail-head,.activity-detail-head,.panel-head,.pf-head,.find-sheet-head)>button,html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(.you-child-head,.publish-route-head,.activities-head:not(.you-top),.record-head,.route-detail-head,.activity-detail-head,.panel-head,.pf-head,.find-sheet-head) .record-head-actions button{width:42px!important;height:42px!important;min-width:42px!important;border-radius:21px!important;background:var(--hdrbtn)!important;border:1px solid var(--hdrbtnbd)!important;color:var(--hdrink)!important;font-size:20px!important;line-height:1!important;box-shadow:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(.you-child-head,.publish-route-head,.activities-head:not(.you-top),.record-head,.route-detail-head,.activity-detail-head,.panel-head,.pf-head,.find-sheet-head) .rd-mtn{position:absolute;left:0;right:0;bottom:-1px;height:40px;z-index:-1;pointer-events:none}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(.you-child-head,.publish-route-head,.activities-head:not(.you-top),.record-head,.route-detail-head,.activity-detail-head,.panel-head,.pf-head,.find-sheet-head) .rd-mtn svg{display:block;width:100%;height:100%}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(.you-child-head,.publish-route-head,.activities-head:not(.you-top),.record-head,.route-detail-head,.activity-detail-head,.panel-head,.pf-head,.find-sheet-head) .rd-sun{display:none}

/* ---- Today (prototype "D i dagsljus"): built by src/redesign-today.js; the app's own rows stay, hidden ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #todayBriefBody.rd-today>:not(.rdt){display:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #todayBriefBody .rdt{display:flex;flex-direction:column;gap:14px;padding:4px 0 20px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-card{display:block;box-sizing:border-box;width:100%;text-align:left;color:var(--text);font:inherit;background:var(--card);border:1px solid var(--cardbd);border-radius:var(--ripa-radius-card);padding:18px;box-shadow:var(--sh)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-tap{cursor:pointer;-webkit-tap-highlight-color:transparent}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-tap:active{transform:scale(.99)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-kick{display:block;font:700 11.5px/1.2 var(--ripa-font-text);letter-spacing:.08em;color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-kick.red{color:var(--ripa-red)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-big{display:inline-flex;align-items:baseline;font:700 88px/.88 var(--ripa-font-display);color:var(--ink);font-variant-numeric:tabular-nums}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-mid{display:inline-flex;align-items:baseline;font:700 42px/.88 var(--ripa-font-display);color:var(--ink);text-transform:uppercase}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-unit{font-size:.4em;color:var(--acc);margin-left:4px;text-transform:none}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-word{text-transform:uppercase}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-big.rdt-word{font-size:48px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-call{text-align:right;padding-bottom:6px;max-width:58%}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-callt{font:700 24px/.95 var(--ripa-font-display);text-transform:uppercase;color:var(--ink);margin-top:4px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-mtn{display:block;width:100%;height:auto;margin-top:10px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-mtn .rdt-sm{fill:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-mtn .rdt-sv{fill:var(--ink)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-mtn .rdt-su{fill:var(--acc)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-p{margin:8px 0 0;font:400 13.5px/1.45 var(--ripa-font-text);color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-p.strong{color:var(--ink);font-weight:600}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-note{margin:6px 0 0;font:400 11.5px/1.45 var(--ripa-font-text);color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-foot{text-align:center;margin:0}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-tile{display:flex;flex-direction:column;gap:8px;padding:16px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-tile .rdt-p{margin:0;font-size:12.5px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-ic{width:22px;height:22px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-head{display:flex;align-items:center;gap:10px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-h2{font:700 26px/.95 var(--ripa-font-display);text-transform:uppercase;color:var(--ink);flex:1}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-badge{font:700 12px/1 var(--ripa-font-text);color:var(--mut);background:var(--soft);border-radius:10px;padding:6px 10px;white-space:nowrap;max-width:55%;overflow:hidden;text-overflow:ellipsis}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-badge.l3,html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-badge.l4,html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-badge.l5{color:#fff;background:var(--ripa-red)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;align-items:end;margin-top:14px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-step{display:flex;flex-direction:column;align-items:center;gap:4px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-step i{display:block;width:100%;border-radius:6px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-step span{font:700 15px/1 var(--ripa-font-display);color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-step.on span{color:var(--ink)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-step.on i{box-shadow:0 0 0 2px var(--ink)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-av-body{display:flex;gap:14px;align-items:center;margin-top:14px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-rose{width:120px;height:120px;flex:none}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-av-text .rdt-p:first-of-type{margin-top:4px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-more{margin-top:12px;font:600 13px/1 var(--ripa-font-text);color:var(--acc)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-bars{display:flex;align-items:flex-end;gap:12px;margin-top:12px;height:130px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-barcol{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:6px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-barv{font:700 26px/1 var(--ripa-font-display);color:var(--ink)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-barv span{font-size:13px;color:var(--acc)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-barcol i{display:block;border-radius:8px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-barn{font:400 12px/1 var(--ripa-font-text);color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-sect{margin:6px 2px 2px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-sect .rdt-p{margin-top:4px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-list{display:flex;flex-direction:column;gap:10px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-tour{display:flex!important;align-items:center;gap:12px;padding:14px 16px!important;cursor:pointer}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-pinn{width:24px;height:30px;flex:none}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-tour-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-tour-t b{font:600 15px/1.25 var(--ripa-font-text);color:var(--ink)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-tour-t small{font:400 12.5px/1.35 var(--ripa-font-text);color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdt-ring{width:44px;height:44px;flex:none}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- Map peek (prototype): a floating card with the place, today's call, the number and three facts ---- */
@media (max-width:899px){
html.phone-shell[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek]{--peek-h:142px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock{left:12px!important;right:12px!important;bottom:calc(var(--nav-h) + 10px)!important;height:calc(var(--peek-h) - 10px)!important;padding:14px 16px 12px!important;border:1px solid var(--glassbd)!important;border-radius:26px!important;background:var(--glass)!important;box-shadow:0 10px 28px rgba(0,0,0,.25)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock::before{display:none}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock .shell-weather{display:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock #dockTitle{position:relative;display:block!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock #dockTitle>:not(.rd-peek){display:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock .rd-peek{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock .rd-peek-l{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock .rd-peek-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:700 30px/.95 var(--ripa-font-display);text-transform:uppercase;color:var(--ink)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock .rd-peek-call{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 13.5px/1.3 var(--ripa-font-text);color:var(--text)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock .rd-peek-facts{display:flex;gap:14px;margin-top:6px;font:400 13px/1 var(--ripa-font-text);color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock .rd-peek-facts b{color:var(--ink);font-weight:700}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock .rd-peek-r{flex:none;text-align:right;display:flex;flex-direction:column;align-items:flex-end;padding-top:4px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock .rd-peek-big{display:inline-flex;align-items:baseline;font:700 54px/.88 var(--ripa-font-display);color:var(--ink)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app[data-rd-peek] #thumbDock .rd-peek-r small{font:400 11px/1.2 var(--ripa-font-text);color:var(--mut);margin-top:2px}
}

/* ---- Weather (prototype): built by src/redesign-weather.js; the old current-weather table is hidden ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaWeather.rd-weather #weatherOverview{display:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaWeather .rdw{display:flex;flex-direction:column;gap:14px;margin:0 0 14px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-alt{position:relative;overflow:hidden;min-height:330px;padding:16px 18px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-mtn{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-alt>:not(svg){position:relative}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-head{display:flex;align-items:center;gap:6px;font:500 13px/1.3 var(--ripa-font-text);color:var(--text);margin-bottom:10px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-head>span:last-child{margin-left:auto;color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-ic{display:inline-flex;width:20px;height:20px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-ic svg,html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-hi svg{width:100%;height:100%}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:14px 0}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-sep{height:1px;background:var(--line);opacity:.7}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-wind{display:flex;align-items:center;gap:5px;margin-top:5px;font:500 13px/1 var(--ripa-font-text);color:var(--text)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-wi{width:15px;height:15px;fill:none;stroke:var(--mut);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-t{font:700 54px/.85 var(--ripa-font-display);color:var(--ink)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-line{display:block;width:100%;height:60px;margin-top:10px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-hours{display:flex;justify-content:space-between;margin-top:4px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-hours>div{display:flex;flex-direction:column;align-items:center;gap:3px;width:52px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-ht{font:700 20px/1 var(--ripa-font-display);color:var(--ink)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-hi{display:inline-flex;width:20px;height:20px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-hh{font:400 12px/1 var(--ripa-font-text);color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-sun-h,html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-sun-t{display:flex;justify-content:space-between}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-sun{display:block;width:100%;height:auto;margin-top:4px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rdw-sun-t span{font:700 26px/1 var(--ripa-font-display);color:var(--ink)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelWeather .rdw-seg{display:flex!important;gap:4px!important;padding:4px!important;margin:0 0 14px!important;border-radius:16px!important;background:var(--soft)!important;border:0!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelWeather .rdw-seg>button{flex:1!important;min-height:40px!important;margin:0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--mut)!important;font:600 13.5px/1 var(--ripa-font-text)!important;box-shadow:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelWeather .rdw-seg>button.rdw-now{background:var(--card)!important;color:var(--ink)!important;box-shadow:var(--sh),0 1px 2px rgba(0,0,0,.08)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelWeather .rdw-seg .pro-badge{margin-left:4px}

/* ---- You (prototype): name big, season card, tiles ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet #youMeName{font:700 30px/.95 var(--ripa-font-display)!important;text-transform:uppercase;color:var(--hdrink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .you-me-avatar{width:56px!important;height:56px!important;font:700 24px/56px var(--ripa-font-text)!important;background:var(--avbg)!important;color:var(--avink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-season{position:relative;z-index:1;margin:10px 0 0;padding:16px 18px 14px;border-radius:var(--ripa-radius-card);background:var(--card);border:1px solid var(--cardbd);box-shadow:var(--sh),0 6px 18px rgba(0,0,0,.12);color:var(--text)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-season #youSeasonSummary{display:grid!important;grid-template-columns:auto 1fr 1fr;align-items:end;gap:6px 14px!important;margin:6px 0 0!important;padding:0!important;background:none!important;border:0!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-season #youSeasonSummary>div{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:2px;padding:0!important;background:none!important;border:0!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-season #youSeasonSummary b{font:700 26px/.9 var(--ripa-font-display)!important;color:var(--ink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-season #youSeasonSummary small{font:600 11px/1.1 var(--ripa-font-text)!important;letter-spacing:.06em;color:var(--mut)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-season #youSeasonSummary>div:first-child{flex-direction:row;align-items:baseline!important;gap:8px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-season #youSeasonSummary>div:first-child b{font-size:72px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-season #youSeasonSummary>div:first-child small{font:700 24px/1 var(--ripa-font-display)!important;color:var(--acc)!important;letter-spacing:0}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-season-mtn{display:block;width:100%;height:auto;max-height:120px;margin-top:6px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-season-p{margin:4px 0 0;font:400 13px/1.45 var(--ripa-font-text);color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .you-menu.rd-you-tiles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .you-menu.rd-you-big{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet :is(.rd-you-tiles,.rd-you-big)>button:not([hidden]){position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:2px!important;min-height:116px!important;padding:14px!important;border:1px solid var(--cardbd)!important;border-radius:var(--ripa-radius-card)!important;background:var(--card)!important;box-shadow:var(--sh)!important;text-align:left!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet :is(.rd-you-tiles,.rd-you-big)>button>span:first-child{position:absolute;left:14px;top:14px;width:38px!important;height:38px!important;display:grid!important;place-items:center;border-radius:12px!important;background:var(--soft)!important;color:var(--acc)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet :is(.rd-you-tiles,.rd-you-big)>button b{font:600 15px/1.2 var(--ripa-font-text)!important;color:var(--text)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet :is(.rd-you-tiles,.rd-you-big)>button .rd-sub{font:400 12.5px/1.3 var(--ripa-font-text);color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet :is(.rd-you-tiles,.rd-you-big)>button em{position:absolute;right:14px;top:12px;font:700 40px/.9 var(--ripa-font-display)!important;font-style:normal!important;color:var(--ink)!important;background:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet :is(.rd-you-tiles,.rd-you-big)>button>i{display:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-you-tiles>#youMessages,html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-you-tiles>#youShare{grid-column:1/-1;min-height:60px!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;padding-left:64px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-you-tiles>#youShare>span:first-child,html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-you-tiles>#youMessages>span:first-child{top:11px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-you-big>#youGear{background:var(--btn)!important;border-color:var(--btn)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-you-big>button b{font:700 26px/.95 var(--ripa-font-display)!important;text-transform:uppercase}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-you-big>#youGear :is(b,.rd-sub){color:var(--btnink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .rd-you-big>#youGear>span:first-child{background:rgba(127,127,127,.25)!important;color:var(--btnink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .you-menu.rd-you-list{border-radius:var(--ripa-radius-card)!important;background:var(--card)!important;border:1px solid var(--cardbd)!important;box-shadow:var(--sh)!important;overflow:hidden}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet .you-label{display:block;margin:20px 2px 8px!important;font:700 22px/1 var(--ripa-font-display)!important;letter-spacing:.01em!important;text-transform:uppercase;color:var(--ink)!important}

/* ---- Settings (prototype): segmented choices, cards for the groups, display headings ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-label{font:700 22px/1 var(--ripa-font-display)!important;letter-spacing:.01em!important;text-transform:uppercase;color:var(--ink)!important;margin:6px 2px 10px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-group:not(.st-themes){background:var(--card)!important;border:1px solid var(--cardbd)!important;border-radius:var(--ripa-radius-card)!important;box-shadow:var(--sh)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .rd-has-seg{border-top:0!important;min-height:0!important;padding-bottom:6px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .rd-has-seg select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .rd-has-seg::after{display:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .rd-seg{display:flex;gap:4px;margin:0 14px 14px;padding:4px;border-radius:14px;background:var(--soft)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .rd-seg button{flex:1;min-height:36px;border:0;border-radius:10px;background:transparent;color:var(--mut);font:600 13px/1 var(--ripa-font-text);cursor:pointer}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .rd-seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #settingsSheet .st-theme-swatch{aspect-ratio:4/5!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet :is(.rd-you-tiles,.rd-you-big)>button:not([hidden]):not(#youMessages):not(#youShare){padding-top:62px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet :is(.rd-you-tiles,.rd-you-big)>button :is(b,.rd-sub){position:static!important;display:block!important;transform:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet #youHead .rd-season #youSeasonSummary small{color:var(--mut)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet #youHead .rd-season #youSeasonSummary>div:first-child small{color:var(--acc)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #youSheet #youHead .rd-season #youSeasonSummary b{color:var(--ink)!important}

/* ---- Tours (prototype): chips, a card for the switches, a heading with the steepness key, tour cards ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app {--rdt-s0:var(--accfill)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelTours .area-tour-filters{display:flex!important;gap:8px!important;overflow-x:auto;scrollbar-width:none;padding:0 0 2px!important;margin:0 0 12px!important;background:none!important;border:0!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelTours .area-tour-filters button{flex:none!important;min-height:40px!important;padding:0 16px!important;border:1px solid var(--chipbd)!important;border-radius:999px!important;background:var(--card)!important;color:var(--text)!important;font:600 14px/1 var(--ripa-font-text)!important;box-shadow:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelTours .area-tour-filters button[aria-pressed="true"]{background:var(--btn)!important;border-color:var(--btn)!important;color:var(--btnink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelTours .tour-browser-controls>label{background:var(--card)!important;border:1px solid var(--cardbd)!important;padding:14px 16px!important;margin:0!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelTours .tour-browser-controls>label:first-of-type{border-radius:var(--ripa-radius-card) var(--ripa-radius-card) 0 0!important;border-bottom:0!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelTours .tour-browser-controls>label:last-of-type{border-radius:0 0 var(--ripa-radius-card) var(--ripa-radius-card)!important;border-top:1px solid var(--line)!important;box-shadow:var(--sh)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelTours .rdx-head{margin:18px 2px 10px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelTours .rdx-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font:500 11.5px/1 var(--ripa-font-text);color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelTours .rdx-legend span{display:inline-flex;align-items:center;gap:5px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaPanelTours .rdx-legend i{width:14px;height:5px;border-radius:3px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList{display:flex!important;flex-direction:column;gap:12px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .area-tour.rd-tour{display:block!important;position:relative;width:100%!important;min-height:0!important;padding:16px 18px!important;border:1px solid var(--cardbd)!important;border-radius:var(--ripa-radius-card)!important;background:var(--card)!important;box-shadow:var(--sh)!important;text-align:left!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .area-tour.rd-tour>:not(.rdx){display:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx{display:flex;flex-direction:column;gap:8px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx-kind{display:inline-flex;align-items:center;gap:6px;font:700 11.5px/1 var(--ripa-font-text);letter-spacing:.08em;color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx-kind .grade-dot{position:static!important;margin:0!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx-away{font:400 12.5px/1 var(--ripa-font-text);color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx-name{font:700 24px/1 var(--ripa-font-display);text-transform:uppercase;color:var(--ink)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx-risk{font:600 12.5px/1.2 var(--ripa-font-text);color:var(--mut)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx-risk[data-risk="low"]{color:#2E9B57}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx-risk[data-risk="mid"]{color:var(--warm)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx-risk[data-risk="high"]{color:var(--ripa-red)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx-bar{display:block;height:6px;border-radius:3px;background:var(--track);overflow:hidden}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx-bar i{display:block;height:100%;border-radius:3px;transform-origin:0 50%;animation:rdGrowX .6s cubic-bezier(.2,.8,.2,1) .2s both}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx-stats{display:flex;flex-wrap:wrap;gap:4px 16px;font:500 13px/1.2 var(--ripa-font-text);color:var(--text)}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .area-more{align-self:center;min-height:44px;padding:0 20px!important;border-radius:999px!important;background:var(--soft)!important;color:var(--ink)!important;font:600 14px/1 var(--ripa-font-text)!important}
@keyframes rdGrowX{from{transform:scaleX(0)}}
@media (prefers-reduced-motion: reduce){html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTourList .rdx-bar i{animation:none!important}}

/* ---- Search (prototype "Sök"): the search row in the header colour, category tiles, results in a card ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .find-search-row{background:var(--hdr)!important;margin:0 -16px!important;padding:12px 16px 16px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .find-search-row .search{background:var(--hdrbtn)!important;border:1px solid var(--hdrbtnbd)!important;border-radius:23px!important;box-shadow:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .find-search-row :is(input,button,svg){color:var(--hdrink)!important;stroke:currentColor}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .find-search-row input::placeholder{color:var(--hdrmut)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .find-cats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;padding:14px 0 4px!important;overflow:visible!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .find-cats>button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:70px!important;padding:10px 4px!important;border:1px solid var(--cardbd)!important;border-radius:18px!important;background:var(--card)!important;box-shadow:var(--sh)!important;color:var(--text)!important;font:600 12.5px/1 var(--ripa-font-text)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .find-cats>button svg{width:24px!important;height:24px!important;stroke:var(--acc)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .find-cats>button[aria-pressed="true"]{background:var(--btn)!important;color:var(--btnink)!important;border-color:var(--btn)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .find-cats>button[aria-pressed="true"] svg{stroke:var(--btnink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .area-chooser-tabs{display:flex!important;gap:4px!important;padding:4px!important;margin:12px 0!important;border-radius:16px!important;background:var(--soft)!important;border:0!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .area-chooser-tabs>button{flex:1!important;min-height:38px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--mut)!important;font:600 13.5px/1 var(--ripa-font-text)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .area-chooser-tabs>button[aria-selected="true"]{background:var(--card)!important;color:var(--ink)!important;box-shadow:0 1px 3px rgba(0,0,0,.12)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .area-chooser-tabs>button[aria-selected="true"]::after{display:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet :is(.area-chooser-list,#searchResults):not([hidden]){display:block!important;background:var(--card)!important;border:1px solid var(--cardbd)!important;border-radius:var(--ripa-radius-card)!important;box-shadow:var(--sh)!important;padding:4px 16px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet :is(.area-chooser-place,.search-result){display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:12px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important;border-radius:0!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet :is(.area-chooser-place,.search-result):last-child{border-bottom:0!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet :is(.area-chooser-place-icon,.search-result-icon){width:40px!important;height:40px!important;flex:none!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:var(--soft)!important;color:var(--acc)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet :is(.area-chooser-place-icon,.search-result-icon) svg{width:20px!important;height:20px!important;stroke:var(--acc)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet :is(.area-chooser-place-copy,.search-result-copy) b{font:600 15px/1.25 var(--ripa-font-text)!important;color:var(--text)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet :is(.area-chooser-place-copy,.search-result-copy) small{font:400 12.5px/1.3 var(--ripa-font-text)!important;color:var(--mut)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #findSheet .area-chooser-current{border:1px solid var(--cardbd)!important;border-radius:var(--ripa-radius-card)!important;background:var(--card)!important;box-shadow:var(--sh)!important}
/* The tour count lives in the Tours heading; in the word tabs it collided with the next word. */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #areaTabs #areaToursCount{display:none!important}
/* Primary actions: the dark pill of the prototype (--btn); secondary: a soft pill. */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(.area-panel-actions,.activity-actions,.route-actions,.spot-actions,.pf-actions)>button:first-child,html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(.route-primary,.activity-primary-action,#saveSettings){min-height:48px!important;border:0!important;border-radius:999px!important;background:var(--btn)!important;color:var(--btnink)!important;font:700 15px/1 var(--ripa-font-text)!important;box-shadow:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app :is(.area-panel-actions,.activity-actions,.route-actions,.spot-actions,.pf-actions)>button:not(:first-child){min-height:48px!important;border:0!important;border-radius:999px!important;background:var(--soft)!important;color:var(--ink)!important;font:600 15px/1 var(--ripa-font-text)!important;box-shadow:none!important}

/* ---- Ski log (prototype): totals as cards with big numbers ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #activitiesTotals{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;padding:14px 0!important;background:none!important;border:0!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #activitiesTotals>span{display:flex!important;flex-direction:column-reverse!important;align-items:flex-start!important;gap:6px!important;padding:14px!important;border:1px solid var(--cardbd)!important;border-radius:20px!important;background:var(--card)!important;box-shadow:var(--sh)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #activitiesTotals b{font:700 40px/.9 var(--ripa-font-display)!important;color:var(--ink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #activitiesTotals small{font:700 11.5px/1 var(--ripa-font-text)!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--mut)!important}

/* ---- Recording (prototype "Record – pågår"): the time big, the red live dot ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #activeSession .active-session-main{background:var(--card)!important;color:var(--text)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #activeSession #activeSessionTime{font:700 46px/.9 var(--ripa-font-display)!important;color:var(--ink)!important;letter-spacing:0!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #activeSession .session-live{font:700 11.5px/1 var(--ripa-font-text)!important;letter-spacing:.08em!important;color:var(--text)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #activeSession .rec-dot{background:var(--ripa-red)!important;box-shadow:0 0 0 5px rgba(224,52,42,.22)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #activeSession #activeSessionStats{font:500 13px/1.2 var(--ripa-font-text)!important;color:var(--mut)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #activeSession .rec-finish,html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #activeSession .rec-pill-primary{background:var(--ripa-red)!important;color:#fff!important;border-color:var(--ripa-red)!important}

/* ---- RIPA Pro (prototype): hero in the display type, features as rows with icons, plans as cards ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #proUpsellSheet .pro-upsell-hero{background:var(--card)!important;border:1px solid var(--cardbd)!important;border-radius:var(--ripa-radius-card)!important;box-shadow:var(--sh)!important;padding:18px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #proUpsellSheet .pro-upsell-hero b{font:700 34px/.95 var(--ripa-font-display)!important;text-transform:uppercase;color:var(--ink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #proUpsellSheet .pro-upsell-hero>span{background:var(--ripa-red)!important;color:#fff!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #proUpsellSheet .pro-upsell-features{display:flex!important;flex-direction:column!important;gap:0!important;padding:4px 16px!important;border:1px solid var(--cardbd)!important;border-radius:var(--ripa-radius-card)!important;background:var(--card)!important;box-shadow:var(--sh)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #proUpsellSheet .pro-upsell-features>span{display:flex!important;align-items:center;gap:12px;padding:12px 0!important;border-bottom:1px solid var(--line)!important;font:600 15px/1.2 var(--ripa-font-text)!important;color:var(--text)!important;background:none!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #proUpsellSheet .pro-upsell-features>span:last-child{border-bottom:0!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #proUpsellSheet .pro-upsell-features>span::before{content:"";flex:none;width:36px;height:36px;border-radius:12px;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6FA8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/18px no-repeat}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #proUpsellSheet .pro-status{border:1px solid var(--cardbd)!important;border-radius:var(--ripa-radius-card)!important;background:var(--accsoft)!important}

/* ---- Friends & people: the page bar in the header colour with the title big ---- */
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #communityView .people-context-nav:not([hidden]){background:var(--hdr)!important;color:var(--hdrink)!important;border:0!important;box-shadow:none!important;padding-bottom:14px!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #communityView .people-context-nav strong{font:700 26px/.95 var(--ripa-font-display)!important;text-transform:uppercase;color:var(--hdrink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #communityView .people-context-nav button{border-radius:21px!important;background:var(--hdrbtn)!important;border:1px solid var(--hdrbtnbd)!important;color:var(--hdrink)!important}
html[data-theme] body.vertex-v3 #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app #communityView .community-head h1{font:700 34px/.95 var(--ripa-font-display)!important;text-transform:uppercase;color:var(--ink)!important}