/* The working product uses the same paper surface as the homepage preview.
   Keep operational content on white in both appearances; only the exterior changes. */
body.landscape-product {
  --rs-font-ui:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --rs-panel:#f6f7f2; --rs-panel-2:#edf1e7; --rs-muted:#54665b; --rs-dim:#586b5e;
  --rs-label:#54665b; --rs-edge:#c7d0c6; --rs-line:#dce2d8; --rs-hair:#e7ebe3;
  --rs-deep:#365e22; --rs-signal-deep:#365e22; --rs-warn:#956018;
  --product-ink:#10271d; --product-paper:#fffefb; --product-scene:url('/assets/landscape/day.webp');
  margin:0; background:#f7f5ee; color:var(--product-ink);
  font-family:var(--rs-font-ui); accent-color:#365e22; caret-color:#365e22;
  scrollbar-color:#839480 #f7f5ee; text-underline-offset:3px;
}
html[data-appearance="evening"] body.landscape-product {--product-scene:url('/assets/landscape/evening.webp');background:#10271d}
body.landscape-product::before {content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(247,245,238,.85),rgba(247,245,238,.04) 65%),var(--product-scene) center bottom/cover no-repeat}
html[data-appearance="evening"] body.landscape-product::before{background:linear-gradient(180deg,rgba(8,28,19,.65),rgba(8,28,19,.06) 65%),var(--product-scene) center bottom/cover no-repeat}
.landscape-product ::selection{background:#d8ff47;color:#10271d}
.landscape-product :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #365e22;outline-offset:4px;box-shadow:none}
.landscape-product [hidden]{display:none!important}
.landscape-product .product-window {width:calc(100% - 64px);max-width:1320px;margin:42px auto 96px;padding:0;background:var(--product-paper);color:var(--product-ink);border:1px solid #dce2d8;border-radius:16px;box-shadow:0 32px 70px -30px rgba(7,28,19,.35);overflow:hidden}
.landscape-product .workspace-nav{display:flex;align-items:center;gap:6px;padding:12px 24px;border-bottom:1px solid #dce2d8;background:#f2f4ed;flex-wrap:wrap}
.landscape-product .workspace-nav a{padding:9px 14px;color:#54665b;font-size:13px;font-weight:600;text-decoration:none;border-radius:6px}
.landscape-product .workspace-nav a:hover{background:#e8eedf;color:#10271d}
.landscape-product .workspace-nav a[aria-current]{background:#e0eccb;color:#294719}
.landscape-product :is(.acct-head,.dashboard-head){padding:28px 28px 24px;background:var(--product-paper);color:var(--product-ink);border-bottom:1px solid #dce2d8;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.landscape-product :is(.acct-head,.dashboard-head) h1{font:600 clamp(24px,3vw,34px)/1.15 "Archivo",sans-serif;letter-spacing:-.035em;color:#10271d}
.landscape-product :is(.profile-line,.acct-line){font:400 13px/1.5 var(--rs-font-ui);color:#54665b;margin:8px 0 0}
.landscape-product .dashboard-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.landscape-product :is(.primary,.premium-button,.term-go,.seat-field button){display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:12px 18px;border:1px solid #c8db78;border-radius:8px;background:#d8ff47;color:#10271d;font:600 13px/1.3 var(--rs-font-ui);text-decoration:none;cursor:pointer;letter-spacing:0;text-transform:none;transition:background .18s ease,box-shadow .18s ease}
.landscape-product :is(.primary,.premium-button,.term-go,.seat-field button):hover{background:#e4ff7b;color:#10271d;box-shadow:0 6px 15px -9px rgba(7,28,19,.45)}
.landscape-product :is(button,input,select,textarea){font-family:var(--rs-font-ui)}
.landscape-product :is(input,select,textarea){color:#10271d;background:#fffefb;border-color:#bdc9bc;border-radius:8px;max-width:100%}
.landscape-product :is(input,textarea)::placeholder{color:#637467;opacity:1}
.landscape-product button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.landscape-product .product-filters{padding:16px 24px;margin:0;gap:6px;border-bottom:1px solid #dce2d8;background:#fffefb}
.landscape-product .product-filters button{min-height:40px;background:#f4f6ef;color:#54665b;border:1px solid #e0e5da;border-radius:6px;font:500 13px/1.3 var(--rs-font-ui)}
.landscape-product .product-filters button[aria-pressed="true"]{background:#e0eccb;color:#294719;border-color:#a8c38c}
.landscape-product .product-filters button[aria-pressed="true"] b{color:#365e22}
.landscape-product .acct-body{min-height:310px}
.landscape-product .acct-side{background:#f7f8f2}
.landscape-product :is(.side-note b,.empty strong){color:#10271d}
.landscape-product :is(.side-h,.thead){font:600 11px/1.4 var(--rs-font-ui);letter-spacing:.01em;text-transform:none;height:42px;color:#54665b}
.landscape-product .trow{color:#10271d;min-height:58px;border-left-width:1px;padding-left:19px}
.landscape-product .trow:hover{background:#f0f4e9}
.landscape-product .trow[aria-expanded="true"]{background:#e9f0dc;border-left-color:#365e22}
.landscape-product .tev{color:#54665b}
.landscape-product :is(.tpc,.crow .d,.empty a,.set-note a,.stream .state,.rhythm-opt[aria-pressed=true] b,.leave-go){color:#365e22}
.landscape-product :is(.tdot,.tmode i){background:#527b36}
.landscape-product .tdot.warn{background:#956018}
.landscape-product .tdot.mute{background:#7b8d80}
.landscape-product .detail{background:#f7f8f0;color:#10271d}
.landscape-product .match-actions button{color:#10271d}
.landscape-product .match-actions button[data-signal="saved"]{color:#fffefb;background:#365e22}
.landscape-product .dwarn{border-left-width:1px}
.landscape-product .watchlists{padding:34px 28px 40px;margin:0}
.landscape-product .watchlists h2{font:600 25px/1.2 "Archivo",sans-serif;color:#10271d;letter-spacing:-.025em}
.landscape-product .watchlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.landscape-product .watchlist-panel{background:transparent;border:0;border-top:1px solid #dce2d8;border-radius:0;padding:22px 0 0;min-width:0}
.landscape-product :is(.watch-form label,.watch-import label,.seat-add label,.rhythm legend,.term-lab){font:500 12px/1.45 var(--rs-font-ui);letter-spacing:0;text-transform:none;color:#54665b}
.landscape-product :is(.watch-form input,.watch-form select,.watch-import textarea,.watch-import input,.watch-import select){background:#fffefb;color:#10271d;min-width:0}
.landscape-product :is(.watch-entry button,.watch-import button){color:#365e22;border:1px solid #bdc9bc;background:#f4f6ef;border-radius:6px;padding:10px 12px;min-height:40px}
.landscape-product :is(.watch-entry,.watch-candidate){background:#f4f6ef;color:#10271d}
.landscape-product .set-wrap{padding:0 28px 32px}
.landscape-product :is(.set-intro h2,.stream label b,.term-fig b,.seat .who b,.leave h3){color:#10271d}
.landscape-product :is(.stream,.seat,.leave){background:#fffefb}
.landscape-product :is(.stream,.seat){padding:15px 8px}
.landscape-product .rhythm-opt{color:#10271d;border-radius:8px}
.landscape-product .rhythm-opt[aria-pressed=true]{border-color:#a8c38c;background:#eef4e3}
.landscape-product .seat-field input{background:#fffefb;color:#10271d}
.landscape-product .leave.last{background:#f7f8f2}
.landscape-product :is(.set-status.bad,.seat-revoke:hover,.leave.last .leave-go:hover){color:#913e26}
.landscape-product .term-fig b{letter-spacing:-.035em}
.landscape-product .match-card{background:#fffefb;color:#10271d;border-color:#dce2d8;box-shadow:none}
.landscape-product .match-grid{padding:24px}
/* Onboarding gives the company check a clear focal point, with the city visible around it. */
.landscape-product.start-page .funnel-main{background:none;padding:52px 24px 100px;min-height:85vh}
.landscape-product.start-page .funnel-shell{max-width:860px;padding:38px 40px 40px;background:#fffefb;border:1px solid #dce2d8;border-radius:16px;box-shadow:0 32px 70px -30px rgba(7,28,19,.35)}
.landscape-product .funnel-top{text-align:left}
.landscape-product .funnel-top h1{font-family:"Archivo",sans-serif;font-weight:600;font-size:clamp(32px,4.5vw,48px);letter-spacing:-.035em;line-height:1.12;color:#10271d}
.landscape-product .funnel-top h1 span{color:#60705e;font-weight:400}
.landscape-product .funnel-top>p:last-of-type{color:#54665b;margin:18px 0 0;max-width:64ch}
.landscape-product .funnel-card{padding:26px 0 0;background:transparent;color:#10271d;border:0;border-top:1px solid #dce2d8;border-radius:0;box-shadow:none}
.landscape-product .st-match{background:#f6f8ef;box-shadow:none;border-radius:10px}
.landscape-product :is(.st-feed>li,.st-spread-lead,.st-chip strong,.st-chip.on strong,.st-locked,.st-upgrade,.st-buy-total,.st-buy-line,.st-buy-fig){color:#10271d}
.landscape-product :is(.st-feed>li span,.st-chip span,.st-chip.on span){color:#365e22}
.landscape-product .st-feed>li{border-color:#dce2d8}
.landscape-product .st-chip{background:#f4f6ef;border-color:#dce2d8}
.landscape-product .st-chip.on{background:#e0eccb;border-color:#a8c38c}
.landscape-product :is(.st-upgrade,.st-locked){background:#f4f6ef;border-color:#bdc9bc;border-radius:10px}
.landscape-product .st-upgrade h2{color:#10271d}
.landscape-product :is(.st-buy-lines,.st-buy-total){border-color:#dce2d8}
.landscape-product :is(.st-back,.funnel-status){color:#54665b}
@media(min-width:1450px){.landscape-product .product-window{margin-top:58px}}
@media(max-width:800px){
 .landscape-product .product-window{width:calc(100% - 28px);margin:20px auto 48px;border-radius:12px}
 .landscape-product .watchlist-grid{grid-template-columns:minmax(0,1fr)}
 .landscape-product :is(.acct-head,.dashboard-head){padding:22px 18px}
 .landscape-product :is(.workspace-nav,.product-filters){padding:12px 14px}
 .landscape-product .watchlists{padding:26px 18px}
 .landscape-product .set-wrap{padding:0 18px 20px}
 .landscape-product.start-page .funnel-main{padding:22px 14px 60px}
 .landscape-product.start-page .funnel-shell{padding:26px 22px}
 .landscape-product .dashboard-actions{margin-left:0}
}
@media(max-width:520px){
 .landscape-product .st-field-grid,.landscape-product .st-trigger-grid{grid-template-columns:minmax(0,1fr)}
 .landscape-product .st-input-row{flex-direction:column}
 .landscape-product .st-actions{flex-wrap:wrap}
 .landscape-product .st-actions .premium-button{width:100%;margin:0}
 .landscape-product .st-field-grid .st-field-wide{grid-column:auto}
 .landscape-product .trow{padding-left:14px}
 .landscape-product .workspace-nav a{padding:9px 10px}
}
@media(prefers-reduced-motion:reduce){.landscape-product *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Dynamic match, account-access and pricing fragments inherit the same paper palette. */
.landscape-product :is(.st-buy-line b,.st-upgrade-grid strong,.match-card h2,.match-card h3){color:#10271d}
.landscape-product :is(.st-buy-empty,.st-buy-note,.st-buy-lab,.st-upgrade-grid span,.watch-status,.match-top,.match-card p,.match-card .status){color:#54665b}
.landscape-product :is(.watch-import summary,.match-card .score){color:#365e22}
.landscape-product .empty input{min-height:44px;padding:10px 12px;border:1px solid #bdc9bc;width:100%;margin:8px 0}
.landscape-product .empty form{margin:20px 0}
.landscape-product .empty label{font-weight:600;color:#10271d}
.landscape-product .empty button{margin-top:8px}
/* Static examples also appear inside product frames on marketing pages. */
body.product-demo{height:auto;min-height:100vh;background:#f7f5ee}
.product-demo .product-window.app{width:100%;height:auto;min-height:100vh;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}
.product-demo .bar{background:#f2f4ed;border-color:#dce2d8;color:#10271d;flex-wrap:wrap}
.product-demo .brand img{width:28px;height:28px;padding:3px;background:#10271d;border-radius:5px}
.product-demo .brand b span{color:#365e22}
.product-demo :is(.who,.right,.foot,.hello p){color:#54665b}
.product-demo .sep{background:#c7d0c6}
.product-demo .demo-label{margin:0;padding:10px 20px;background:#eef4e3;color:#365e22;font:500 11px/1.5 var(--rs-font-ui);letter-spacing:0;text-transform:none}
.product-demo .tabs{overflow:auto;border-color:#dce2d8}
.product-demo .tab{color:#54665b}
.product-demo .tab.on{background:#e0eccb;border-color:#a8c38c;color:#294719}
.product-demo .tab.on b{color:#365e22}
.product-demo .list{overflow:visible;background:#fffefb;padding:20px}
.product-demo :is(.card,.card.hi){background:#f8f9f3;border:1px solid #dce2d8;box-shadow:none;border-radius:10px}
.product-demo .card.hi{border-color:#b2c89c;background:#f2f6e9}
.product-demo .card h3{font-family:"Archivo",sans-serif;font-weight:600;color:#10271d}
.product-demo .ctop{font-family:var(--rs-font-ui);letter-spacing:0;text-transform:none;font-size:12px;flex-wrap:wrap}
.product-demo .btn.save{background:#d8ff47;border-color:#c8db78;color:#10271d}
.product-demo .foot{border-color:#dce2d8;background:#f7f8f2}
.product-demo .hello{padding:24px 20px 4px}
.product-demo .hello h1{font:600 24px/1.2 "Archivo",sans-serif;color:#10271d;letter-spacing:-.025em}
@media(max-width:520px){
 .product-demo .bar .right{margin-left:0;flex-wrap:wrap;width:100%;gap:8px}
 .product-demo .list{padding:14px}
 .product-demo .card{padding:18px 16px}
 .product-demo .acts{flex-wrap:wrap}
 .product-demo .link{width:100%;margin:4px 0 0}
}
/* Once stream filters arrive, the real account adopts the homepage's left rail.
   Empty/logged-out feeds retain the full-width sign-in state. */
@media(min-width:901px){
 .landscape-product .product-window:has(> #productFilters:not(:empty)){
  display:grid;grid-template-columns:200px minmax(0,1fr);align-items:start;
  background:linear-gradient(90deg,#f2f4ed 200px,#fffefb 200px)
 }
 .landscape-product .product-window:has(> #productFilters:not(:empty)) > :is(.workspace-nav,.acct-head,.dashboard-head,.watchlists){grid-column:1/-1}
 .landscape-product .product-window > #productFilters:not(:empty){
  grid-column:1;grid-row:3;display:flex;flex-direction:column;align-items:stretch;
  flex-wrap:nowrap;padding:20px 12px;gap:5px;overflow:visible;
  background:#f2f4ed;border:0;margin:0;min-width:0
 }
 .landscape-product .product-window > #productFilters:not(:empty) button{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  text-align:left;white-space:normal;line-height:1.4;min-height:44px;
  width:100%;padding:10px 12px;border:1px solid transparent;background:transparent
 }
 .landscape-product .product-window > #productFilters:not(:empty) button:hover{background:#e8eedf}
 .landscape-product .product-window > #productFilters:not(:empty) button[aria-pressed="true"]{background:#e0eccb;border-color:#a8c38c;color:#294719}
 .landscape-product .product-window > #productFilters:not(:empty) button b{flex:none;margin:0;font-variant-numeric:tabular-nums}
 .landscape-product .product-window:has(> #productFilters:not(:empty)) > :is(.acct-body,.match-grid){grid-column:2;grid-row:3;min-width:0;border-left:1px solid #dce2d8;background:#fffefb}
 .landscape-product .product-window:has(> #productFilters:not(:empty)) > .watchlists{background:#fffefb}
}
@media(min-width:901px) and (max-width:1399px){
 .landscape-product .product-window:has(> #productFilters:not(:empty)) .acct-body{grid-template-columns:minmax(0,1fr)}
 .landscape-product .product-window:has(> #productFilters:not(:empty)) .acct-main{border-right:0}
 .landscape-product .product-window:has(> #productFilters:not(:empty)) .acct-side{border-top:1px solid #dce2d8;display:block;padding:12px 0}
 .landscape-product .product-window:has(> #productFilters:not(:empty)) .acct-side #calendarRail{grid-column:1/-1}
 .landscape-product .product-window:has(> #productFilters:not(:empty)) .side-note{margin:0}
}
@media(max-width:900px){
 .landscape-product .product-window > #productFilters:not(:empty){display:flex;flex-wrap:wrap;overflow:visible;gap:6px}
 .landscape-product .product-window > #productFilters:not(:empty) button{white-space:normal;text-align:left;line-height:1.4;max-width:100%}
}
.workspace-demo-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;max-width:1320px;margin:22px auto 0;padding:16px 24px;background:#eef4e3;color:#294719;border:1px solid #bdcda9;border-radius:10px;font-size:13px}
.workspace-demo-banner strong{font-weight:600}.workspace-demo-banner a{margin-left:auto;font-weight:600;color:#294719}
html.workspace-embedded,html.workspace-embedded body.workspace-demo{background:#fffefb;height:auto;min-height:100%;margin:0;padding:0}
html.workspace-embedded .workspace-demo :is(.premium-header,.premium-footer,.acct-side,.watchlists){display:none!important}
html.workspace-embedded .workspace-demo::before{display:none}
html.workspace-embedded .workspace-demo .workspace-demo-banner{margin:0;border:0;border-radius:0;padding:8px 14px;gap:5px;font-size:10px;line-height:1.4}
html.workspace-embedded .workspace-demo-banner strong{display:none}
html.workspace-embedded .workspace-demo-banner a{font-size:10px}
html.workspace-embedded .workspace-demo .product-window{width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}
html.workspace-embedded .workspace-demo .acct-head{padding:18px 20px}
html.workspace-embedded .workspace-demo .acct-head h1{font-size:24px}
html.workspace-embedded .workspace-demo .acct-actions{display:none}
html.workspace-embedded .workspace-demo .acct-body{grid-template-columns:minmax(0,1fr);min-height:340px}
html.workspace-embedded .workspace-demo .acct-main{border-right:0}
html.workspace-embedded .workspace-demo .product-window:has(> #productFilters:not(:empty)) > :is(.acct-body,#productFilters){grid-row:3}
html.workspace-embedded .workspace-demo .trow{min-height:60px}
@media(max-width:900px){html.workspace-embedded .workspace-demo .product-filters{padding:10px 12px}html.workspace-embedded .workspace-demo .product-filters button{font-size:11px;padding:7px 9px;min-height:34px}}
@media(max-width:600px){.workspace-demo-banner{margin:14px 14px 0;padding:12px 16px}.workspace-demo-banner a{margin-left:0}html.workspace-embedded .workspace-demo .acct-head{padding:16px 14px}html.workspace-embedded .workspace-demo .profile-line{font-size:11px}}
/* Reset native button borders so a feed row reads as a row, not a raised button. */
.landscape-product button.trow{
 appearance:none;-webkit-appearance:none;border:0;border-bottom:1px solid #e7ebe3;
 border-left:1px solid transparent;border-radius:0;background:#fffefb;
 box-shadow:none;color:#10271d;font:inherit;text-transform:none;letter-spacing:0;
 width:100%;text-align:left;cursor:pointer
}
.landscape-product button.trow:hover{background:#f0f4e9;box-shadow:none}
.landscape-product button.trow[aria-expanded="true"]{background:#e9f0dc;border-left-color:#365e22;box-shadow:none}
.landscape-product button.trow:focus-visible{outline:2px solid #365e22;outline-offset:-3px;box-shadow:none}
.landscape-product .detail .match-actions button{
 appearance:none;-webkit-appearance:none;border:1px solid #bdc9bc;
 border-radius:8px;background:#fffefb;color:#10271d;box-shadow:none;
 font:600 12.5px/1.3 var(--rs-font-ui);min-height:40px;padding:9px 14px
}
.landscape-product .detail .match-actions button:hover{background:#e9f0dc}
.landscape-product .detail .match-actions button[data-signal="saved"]{background:#365e22;border-color:#365e22;color:#fffefb}
.landscape-product .detail .match-actions button:disabled{opacity:.55;cursor:default}
.landscape-product .detail .match-actions select{border:1px solid #bdc9bc;border-radius:8px;background:#fffefb;color:#10271d;min-height:40px;font:500 12.5px/1.3 var(--rs-font-ui)}
.landscape-product .watchlists[hidden]{display:none!important}
/* Amount descriptions can be longer than a number; keep them inside their column. */
@media(min-width:761px){
 .landscape-product :is(.thead,.trow){grid-template-columns:10px minmax(100px,1fr) minmax(120px,1.8fr) 108px 74px 82px 48px;gap:10px}
 .landscape-product button.trow{height:auto;padding-top:13px;padding-bottom:13px}
 .landscape-product .tnum{white-space:normal;overflow-wrap:anywhere;min-width:0;font-size:11.5px;line-height:1.45;font-variant-numeric:tabular-nums}
 .landscape-product .tmode{font-size:10px;white-space:normal;min-width:0;line-height:1.35}
}
@media(max-width:760px){
 .landscape-product .trow .tdot{grid-column:1;grid-row:1;margin-top:5px}
 .landscape-product .trow .tfn{grid-column:2;grid-row:1;white-space:normal;line-height:1.4}
 .landscape-product .trow .tpc{grid-column:3;grid-row:1;padding-top:3px;text-align:right}
 .landscape-product .trow .tev{grid-column:2/4;grid-row:2;line-height:1.5}
}
/* The workspace keeps its own identity even when embedded in a device frame. */
.landscape-product .workspace-nav{background:#10271d;border-bottom:3px solid #d8ff47;gap:8px;min-height:78px}
.landscape-product .workspace-nav a{color:#ecf1e5}
.landscape-product .workspace-nav a:hover{background:#294333;color:#fff}
.landscape-product .workspace-nav a[aria-current]{background:#d8ff47;color:#10271d}
.landscape-product .workspace-nav .workspace-brand{margin-right:auto;padding:8px 0;border-radius:0;background:transparent}
.workspace-brand img{display:block;width:180px;height:auto}
html.workspace-embedded .workspace-demo .workspace-nav{display:flex!important}
@media(max-width:600px){
 .landscape-product .workspace-nav{padding:18px 14px 12px;gap:5px}
 .landscape-product .workspace-nav .workspace-brand{flex-basis:100%;padding:0 0 12px}
 .workspace-brand img{width:155px}
 .landscape-product .workspace-nav a:not(.workspace-brand){font-size:12px;padding:8px 12px}
}
/* Device previews use the disclosure beneath their frames. */
html.workspace-embedded .workspace-demo .workspace-demo-banner{display:none}
.workspace-menu-links{display:flex;align-items:center;gap:8px}
.workspace-menu-toggle{display:none}
@media(max-width:600px){
 .landscape-product .workspace-nav{justify-content:space-between;padding:12px 14px}
 .landscape-product .workspace-nav .workspace-brand{flex-basis:auto;margin-right:auto;padding:0}
 .workspace-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#ecf1e5;background:transparent;border:1px solid #526a59;border-radius:8px;cursor:pointer}
 .workspace-menu-links{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding-top:8px}
 .workspace-nav.menu-open .workspace-menu-links{display:flex}
 .workspace-menu-toggle:focus-visible{outline:2px solid #d8ff47;outline-offset:3px}
}