/* Homepage: niche → mode → type → site, with existing Oasis controls. */
.home-product-page{max-width:1280px;min-width:0}
/* No banner, option A (Mark, 22 Oct 2026): logo + a plain page title, no box, so the steps get the space. */
.home-product-page .home-hero{position:relative;top:auto;padding:2px 2px 0;margin-bottom:0;min-height:0;border:0;border-radius:0;background:none;overflow:visible}
.home-product-page .home-hero-palm{display:none}
.home-product-page .home-hero-tx{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:16px;align-items:center;width:100%}
.home-product-page .home-lockup{grid-row:1/3;height:30px;padding-right:16px;border-right:1px solid var(--ctp-surface1);box-sizing:content-box}
.home-product-page .home-hero-title{grid-column:2;font-size:22px;letter-spacing:-.01em;margin-top:0}
.home-product-page .home-sub{grid-column:2;margin-top:2px;font-size:14px;line-height:1.45;color:var(--ctp-subtext0)}
.home-product-page .home-change-workspace{grid-column:3;grid-row:1/3}
.home-launcher-scroll{position:relative;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px 4px 32px}
.home-product-picker{display:grid;gap:24px;min-width:0;container-type:inline-size}
.home-product-picker h2{font-size:16px;line-height:1.5;font-weight:650;color:var(--ctp-text)}
.home-workspace{background:var(--ctp-base);border:1px solid var(--ctp-surface1);border-radius:12px;min-width:0}
.home-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--ctp-surface0)}
.home-workspace-heading p{font-size:13px;color:var(--ctp-subtext0);line-height:1.5;margin-top:3px}
.home-browse{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;color:var(--ctp-text);font-size:13px;font-weight:600;border:1px solid var(--ctp-surface1);border-radius:8px;white-space:nowrap;text-decoration:none}
.home-browse:hover{background:var(--ctp-mantle);border-color:var(--ctp-teal)}
.home-workspace-steps{display:grid;grid-template-columns:1.1fr .85fr 1fr 1.35fr;gap:14px;padding:20px;align-items:start}
.home-workspace-field{min-width:0}
.home-step-label{display:flex;align-items:center;gap:7px;font-size:13px;line-height:22px;font-weight:600;color:var(--ctp-text);margin-bottom:8px}
.home-step-label>span:first-child{display:grid;place-items:center;width:22px;height:22px;font-size:12px;border-radius:50%;color:var(--ctp-text);background:color-mix(in srgb,var(--ctp-teal) 12%,var(--ctp-base))}
.home-workspace .trd-select-trigger{height:auto;min-height:46px;gap:8px;padding:10px 11px;border-radius:8px;border:1px solid var(--ctp-surface1);background:var(--ctp-base);color:var(--ctp-text);font-family:inherit;font-size:13px;font-weight:500;line-height:20px;box-shadow:none}
.home-workspace .trd-select-trigger>span:not(.home-choice-icon){white-space:normal;overflow-wrap:anywhere;line-height:20px}
.home-workspace .trd-select-trigger:disabled{opacity:1;background:var(--ctp-mantle);color:var(--ctp-subtext0);cursor:default}
.home-workspace .trd-select-trigger:hover:not(:disabled),.home-workspace .trd-select-trigger.is-open{border-color:var(--ctp-teal)}
.home-workspace .trd-select-trigger>.home-choice-icon,.home-workspace-menu .trd-select-option>.home-choice-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;overflow:visible}
.home-choice-icon :is(svg,img){width:22px;height:22px;object-fit:contain}
.home-workspace .trd-select-trigger>img,.home-workspace-menu .trd-select-option>img{width:22px;height:22px;object-fit:contain;flex:none}
.home-workspace-menu .trd-select-option{min-height:44px;font-size:13px;line-height:20px}
.home-workspace-menu .trd-select-option>span:not(.home-choice-icon){overflow-wrap:anywhere;white-space:normal}
.home-workspace-menu .trd-select-option[aria-selected=true]{background:color-mix(in srgb,var(--ctp-teal) 10%,var(--ctp-base));color:var(--ctp-text)}
.home-workspace-menu .trd-select-option[aria-selected=true]>svg{color:var(--ctp-teal)}
.home-workspace-result{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-top:1px solid var(--ctp-surface0);background:color-mix(in srgb,var(--ctp-teal) 3%,var(--ctp-base));border-radius:0 0 12px 12px;min-height:84px}
.home-workspace-result>p{font-size:13px;line-height:1.6;color:var(--ctp-subtext0);max-width:620px}
.home-workspace-selection{display:flex;align-items:center;gap:12px;min-width:0}
.home-open-workspace{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--ctp-teal) 75%,#000);border-radius:8px;background:color-mix(in srgb,var(--ctp-teal) 75%,#000);color:#fff;font-size:13px;font-weight:600;line-height:20px;text-decoration:none;flex:none}
.home-open-workspace:hover{filter:brightness(.93)}
.home-product-favicon{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--ctp-surface0);border-radius:9px;background:var(--ctp-base)}
.home-product-favicon img{width:26px;height:26px;object-fit:contain}
.home-product-identity{min-width:0}
.home-product-identity b,.home-recent-product b{display:block;font-size:14px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.home-product-identity small{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px;font-size:12px;line-height:1.5;color:var(--ctp-subtext0)}
.home-product-identity small img{width:18px;height:13px;object-fit:cover;border-radius:2px}
.home-product-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px 16px;font-size:13px;line-height:1.5;color:var(--ctp-subtext0)}
.home-product-notice button{min-height:44px;padding:10px 12px;border:1px solid var(--ctp-surface1);border-radius:8px;background:var(--ctp-base);color:var(--ctp-text);font-size:13px;cursor:pointer}
.home-product-notice button:disabled{opacity:.6;cursor:wait}
.home-product-picker :is(button,a,input):focus-visible,.home-other-tools>summary:focus-visible{outline:2px solid var(--ctp-teal);outline-offset:3px}
.home-recent h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.home-recent h2 small{font-size:12px;font-weight:400;color:var(--ctp-subtext0)}
.home-recent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.home-recent-product{display:flex;align-items:center;gap:10px;padding:10px 12px;min-width:0;min-height:64px;border:1px solid var(--ctp-surface1);border-radius:10px;background:var(--ctp-base);color:var(--ctp-text);text-decoration:none}
.home-recent-product:hover{border-color:var(--ctp-teal)}
.home-recent-product>img{width:22px;height:22px;object-fit:contain;flex:none}
.home-recent-product>span{min-width:0}
.home-recent-product small{display:block;font-size:12px;line-height:1.5;color:var(--ctp-subtext0)}
.home-recent-arrow{margin-left:auto;flex:none;color:var(--ctp-subtext0)}
.home-other-tools{margin-top:24px;border-top:1px solid var(--ctp-surface1);padding-top:8px}
.home-other-tools>summary{min-height:44px;padding:12px 2px;font-size:14px;font-weight:600;color:var(--ctp-subtext0);cursor:pointer}
.home-other-tools .home-shortcuts{display:block}.home-other-tools .home-personal-toolbar{position:static}.home-other-tools .home-scroll{overflow:visible}
@container(max-width:960px){.home-workspace-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.home-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:520px){
 .home-workspace-heading{align-items:flex-start;flex-wrap:wrap;padding:14px}.home-workspace-steps{padding:14px;gap:14px;grid-template-columns:minmax(0,1fr)}
 .home-workspace-result{align-items:stretch;flex-direction:column;gap:14px;padding:14px}.home-open-workspace{width:100%}
 .home-recent-list{grid-template-columns:minmax(0,1fr)}.home-product-notice{padding:0 14px 14px;flex-wrap:wrap}
}
@media(max-width:768px){.home-product-page{padding-top:12px}.home-product-page .home-hero{padding:0}.home-launcher-scroll{overflow:visible;padding-top:16px}.home-workspace-menu input{font-size:16px}}

/* Home chooses the context; the scoped hub owns its tools and optional sites. */
.home-context-picker{container-type:inline-size}
.home-workspace-heading h2,.home-universal h2{font-size:16px;line-height:1.5;font-weight:650;color:var(--ctp-text)}
.home-two-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-context-summary{display:flex;align-items:center;gap:12px;min-width:0}
.home-context-summary b{font-size:14px;font-weight:650;line-height:1.5}
.home-context-summary p{font-size:13px;line-height:1.5;color:var(--ctp-subtext0);margin-top:3px}
.home-context-art{display:grid;place-items:center;width:44px;height:44px;flex:none;background:var(--ctp-mantle);border:1px solid var(--ctp-surface0);border-radius:10px}
.home-context-art svg{width:28px;height:28px}
.home-change-workspace{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;font-size:13px;font-weight:600;color:var(--ctp-text);text-decoration:underline;text-underline-offset:3px}
.home-universal{margin:20px 0;padding:16px 18px;border:1px solid var(--ctp-surface1);border-radius:12px;background:var(--ctp-base)}
.home-universal-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.home-universal-heading p{font-size:12px;color:var(--ctp-subtext0);line-height:1.5}
.home-universal-links{display:flex;flex-wrap:wrap;gap:6px 10px}
.home-universal-links :is(a,button){display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 11px;border:1px solid var(--ctp-surface0);border-radius:8px;background:var(--ctp-base);font-family:inherit;font-size:13px;font-weight:500;line-height:20px;color:var(--ctp-text);text-decoration:none;cursor:pointer}
.home-universal-links :is(a,button):hover{border-color:var(--ctp-teal);background:var(--ctp-mantle)}
.home-universal-links :is(svg,img){display:block;width:22px;height:22px;object-fit:contain}
.home-tools-panel{padding:4px 0 16px}
.home-tools-panel .home-shortcuts{display:block}
.home-tools-panel .home-personal-toolbar{position:static;padding-top:0}
.home-tools-panel .home-scroll{overflow:visible;padding-bottom:0}
.home-product-page :is(a,button,summary):focus-visible{outline:2px solid var(--ctp-teal);outline-offset:3px}
@container(max-width:520px){.home-two-steps{grid-template-columns:minmax(0,1fr)}}
@media(max-width:540px){.home-universal{padding:14px}.home-universal-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-universal-links :is(a,button){padding:8px;min-width:0}.home-universal-links :is(a,button)>span{flex:none}.home-workspace .trd-select-trigger{font-size:16px}}

/* Four-column picker (Mark, 21 Oct 2026): niche, mode, type, website. */
.hsp{background:var(--ctp-base);border:1px solid var(--ctp-surface1);border-radius:12px;container-type:inline-size;min-width:0;margin-bottom:20px;box-shadow:0 1px 2px rgb(30 40 70 / .05),0 6px 18px rgb(30 40 70 / .05)}
.hsp-head{display:flex;align-items:center;gap:8px;min-height:28px;margin:0 6px 10px;font-size:13px;font-weight:650;color:var(--ctp-text)}
.hsp-n{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;font-size:12px;background:var(--ctp-teal);color:#fff}
.hsp-ic{display:grid;place-items:center;width:22px;height:22px;flex:none;object-fit:contain}
.hsp-ic :is(svg,img){width:22px;height:22px}
.hsp-fav{border-radius:4px}
.hsp-l{min-width:0;line-height:1.35;overflow-wrap:anywhere}
.hsp-l small{display:block;font-size:12px;font-weight:400;color:var(--ctp-subtext0)}
.hsp-c{margin-left:auto;flex:none;font-size:12px;font-weight:500;color:var(--ctp-subtext0)}
.hsp-flag{margin-left:auto;width:18px;height:13px;flex:none;object-fit:cover;border-radius:2px}
.hsp-search{width:100%;min-height:40px;margin:0 0 8px;padding:8px 10px;border:1px solid var(--ctp-surface1);border-radius:8px;background:var(--ctp-base);color:var(--ctp-text);font:inherit;font-size:13px}
.hsp-empty,.hsp-error{margin:6px;font-size:13px;line-height:1.5;color:var(--ctp-subtext0)}
.hsp-error{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hsp-error button{min-height:36px;padding:6px 10px;border:1px solid var(--ctp-surface1);border-radius:8px;background:var(--ctp-base);color:var(--ctp-text);font:inherit;font-size:13px;cursor:pointer}
.hsp-more{margin:6px 8px;font-size:12px;color:var(--ctp-subtext0)}
.hsp-go{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 16px;border-top:1px solid var(--ctp-surface0);background:color-mix(in srgb,var(--ctp-teal) 5%,var(--ctp-base))}
.hsp-go:last-child{border-radius:0 0 12px 12px}
.hsp-go-fav{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--ctp-surface0);border-radius:9px;background:var(--ctp-base)}
.hsp-go-fav img{width:24px;height:24px;object-fit:contain}
.hsp-go-tx{flex:1 1 240px;min-width:200px}
.hsp-go-tx b{display:block;font-size:14px;line-height:1.4;overflow-wrap:break-word}
.hsp-go-tx small{font-size:12px;color:var(--ctp-subtext0)}
.hsp-recent{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--ctp-surface0)}
.hsp-recent-l{font-size:12px;font-weight:600;color:var(--ctp-subtext0)}
.hsp-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 11px;border:1px solid var(--ctp-surface1);border-radius:999px;background:var(--ctp-base);color:var(--ctp-text);font-size:12.5px;text-decoration:none}
.hsp-chip:hover{border-color:var(--ctp-teal)}.hsp-chip img{width:16px;height:16px}
.hsp :is(button,a,input):focus-visible{outline:2px solid var(--ctp-teal);outline-offset:2px}
.hsp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* The Open bar stays in view while the lists scroll, with room on the right for
   the Ask Whaley bubble so it never covers the main action (Mark, 21 Oct 2026). */
.hsp-go{position:sticky;bottom:0;z-index:6;padding-right:188px;box-shadow:0 -6px 18px rgb(30 40 70 / .06)}
.hsp-open{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:0 1 auto;margin-left:auto}
.hsp-open-l{font-size:12px;font-weight:600;color:var(--ctp-subtext0)}
.hsp-open-alt{display:inline-flex;align-items:center;min-height:44px;padding:10px 13px;border:1px solid var(--ctp-surface1);border-radius:8px;background:var(--ctp-base);color:var(--ctp-text);font-size:13px;font-weight:600;text-decoration:none}
.hsp-open-alt:hover{border-color:var(--ctp-teal)}
@media (max-width:768px){.hsp-go{padding-right:80px}}
/* Narrower than the four columns: the bar sits under the lists instead of over them, and the buttons take their own row. */
@container(max-width:900px){.hsp-go{position:static;box-shadow:none}.hsp-open{margin-left:0}}
@container(max-width:560px){.hsp-open{width:100%}.hsp-open .home-open-workspace{width:auto;flex:1}}

/* Option A (Mark, 22 Oct 2026): the steps fold into a trail, the current step gets the room. */
.hsp-trail{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:12px 14px;list-style:none;border-bottom:1px solid var(--ctp-surface0)}
.hsp-sep{color:var(--ctp-overlay1);font-size:18px;line-height:1}
.hsp-chip-step{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border:1px solid var(--ctp-surface1);border-radius:10px;background:var(--ctp-mantle);color:var(--ctp-text);font:inherit;font-size:13px;font-weight:600;text-align:left}
button.hsp-chip-step{cursor:pointer}button.hsp-chip-step:hover{border-color:var(--ctp-teal)}
.hsp-chip-step small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ctp-subtext0)}
.hsp-chip-step.cur{border-color:var(--ctp-teal);background:color-mix(in srgb,var(--ctp-teal) 10%,var(--ctp-base))}
.hsp-chip-step.todo{border-style:dashed;background:var(--ctp-base);color:var(--ctp-subtext0)}
.hsp-stage{padding:16px}
.hsp-stage .hsp-head{margin:0 0 12px}
.hsp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.hsp-tile{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border:1px solid var(--ctp-surface1);border-radius:10px;background:var(--ctp-base);color:var(--ctp-text);font:inherit;font-size:13.5px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}
.hsp-tile:hover{border-color:color-mix(in srgb,var(--ctp-teal) 50%,var(--ctp-surface1));box-shadow:0 2px 8px rgb(23 146 153 / .12)}
.hsp-tile .hsp-l{flex:1;overflow-wrap:normal}
.hsp-tile.on{border-color:var(--ctp-teal);background:color-mix(in srgb,var(--ctp-teal) 10%,var(--ctp-base))}
.hsp-tile.is-quiet{min-height:46px;background:var(--ctp-mantle);border-style:dashed;font-weight:500}
.hsp-tile.is-off{opacity:.55;cursor:not-allowed}.hsp-tile.is-off:hover{box-shadow:none;border-color:var(--ctp-surface1)}
.hsp-subhead{margin:16px 0 8px;font-size:12px;font-weight:600;color:var(--ctp-subtext0)}
.hsp-search{max-width:380px}
.hsp-sitegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
.hsp-site{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:var(--ctp-mantle);color:var(--ctp-text);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.hsp-site:hover{border-color:color-mix(in srgb,var(--ctp-teal) 50%,var(--ctp-surface1));background:var(--ctp-base)}
.hsp-site.on{border-color:var(--ctp-teal);background:color-mix(in srgb,var(--ctp-teal) 10%,var(--ctp-base));font-weight:650}
@container(max-width:560px){.hsp-trail{padding:10px}.hsp-sep{display:none}.hsp-trail li{flex:1 1 calc(50% - 6px)}.hsp-chip-step{width:100%}.hsp-stage{padding:12px}.hsp-grid,.hsp-sitegrid{grid-template-columns:minmax(0,1fr)}}
/* The mobile top bar already carries the logo, so the page title stands alone there. */
@media(max-width:768px){.home-product-page .home-lockup{display:none}.home-product-page .home-hero-tx{grid-template-columns:minmax(0,1fr) auto}.home-product-page :is(.home-hero-title,.home-sub){grid-column:1}.home-product-page .home-change-workspace{grid-column:2}}
@media(max-width:560px){.home-product-page .home-hero-title{font-size:20px}}
/* Step icons (Higgsfield medallions) until a choice replaces them; steps not reached yet sit quieter. */
.hsp-chip-step .hsp-step-ic{width:32px;height:32px}
.hsp-chip-step{padding-left:8px}
.hsp-chip-step.todo .hsp-step-ic{opacity:.8;filter:saturate(.75)}
/* Mark, 24 Oct 2026: the four steps are one even row, no dashed outlines, no small capitals. */
.hsp-trail li:not(.hsp-sep){display:flex;flex:1 1 0;min-width:0;align-self:stretch}
.hsp-trail .hsp-chip-step{width:100%;min-height:56px}
.hsp-chip-step small{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
.hsp-chip-step.todo{border-style:solid;border-color:var(--ctp-surface0)}
@container(max-width:560px){.hsp-trail li:not(.hsp-sep){flex:1 1 calc(50% - 6px)}.hsp-trail .hsp-chip-step{min-height:72px}}
/* Mark, 26 Oct 2026: a plain progress row. No box per step, no arrows, no line under the row.
   Each step sits on its own progress bar: teal once done or current, grey until reached. */
.hsp-trail{gap:4px;padding:14px 16px 6px;border-bottom:0}
.hsp-trail .hsp-sep{display:none}
.hsp-trail .hsp-chip-step{position:relative;min-height:60px;padding:8px 10px 14px 6px;gap:10px;border:0;border-radius:8px;background:transparent;font-size:15px;font-weight:650}
.hsp-trail .hsp-chip-step::after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:4px;border-radius:2px;background:var(--ctp-teal)}
.hsp-trail .hsp-chip-step.todo::after{background:var(--ctp-surface1)}
.hsp-trail .hsp-chip-step.cur{background:transparent}
.hsp-trail .hsp-chip-step.todo{color:var(--ctp-overlay1)}
.hsp-trail .hsp-chip-step.todo .hsp-step-ic{opacity:.45;filter:grayscale(.6)}
.hsp-trail .hsp-chip-step small{margin-bottom:1px;font-size:12px;font-weight:500;color:var(--ctp-subtext0)}
.hsp-trail .hsp-chip-step.cur small{color:var(--ctp-teal);font-weight:600}
.hsp-trail .hsp-chip-step .hsp-ic{flex:none;width:36px;height:36px}
.hsp-trail button.hsp-chip-step:hover{background:var(--ctp-mantle)}
.hsp-trail button.hsp-chip-step:focus-visible{outline:2px solid var(--ctp-teal);outline-offset:2px}
@container(max-width:560px){.hsp-trail{padding:10px 10px 4px;row-gap:8px}.hsp-trail .hsp-chip-step{min-height:58px;font-size:14px}.hsp-trail .hsp-chip-step .hsp-ic{width:30px;height:30px}}
/* Mark, 26 Oct 2026: a dashboard page header. Greeting and date, no logo lockup (the menu already has it),
   no rule beside it, and no giant palm behind the page. */
.home-product-page .home-lockup{display:none}
.home-product-page .home-hero{padding:4px 2px 0}
.home-product-page .home-hero-tx{grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:end}
.home-product-page :is(.home-hero-title,.home-sub){grid-column:1}
.home-product-page .home-hero-title{font-size:26px;font-weight:700;letter-spacing:-.015em;line-height:1.2}
.home-product-page .home-sub{margin-top:4px;font-size:14.5px}
.home-today{grid-column:2;grid-row:2;margin:0;font-size:13.5px;font-weight:500;color:var(--ctp-subtext0);white-space:nowrap}
@media(max-width:560px){.home-product-page .home-hero-title{font-size:22px}.home-today{grid-column:1;grid-row:auto;order:-1;margin-bottom:2px;font-size:12.5px}}
/* Mark, 27 Oct 2026: home banner, a white card with the flat gradient oasis scene (Higgsfield, option B)
   fading in on the right, laid out like the Auctopus overview header: date, then the greeting. */
.home-product-page .home-hero{padding:22px 28px 24px;border-radius:14px;background:#fff url(/static/brand/home-oasis-banner.webp) right center/auto 100% no-repeat;box-shadow:0 1px 2px rgb(30 40 70 / .05),0 6px 24px rgb(30 40 70 / .06);min-height:128px;display:flex;align-items:center}
.home-product-page .home-hero-tx{grid-template-columns:minmax(0,1fr) auto;align-items:center;max-width:62%}
.home-product-page .home-today{grid-column:1;grid-row:auto;order:0;margin:0 0 4px;font-size:13px;font-weight:600;color:var(--ctp-teal)}
.home-product-page .home-hero-title{font-size:30px}
.home-product-page .home-change-workspace{grid-row:1/4}
@media(max-width:768px){.home-product-page .home-hero{padding:16px 18px 18px;min-height:0;background-size:auto 100%;background-position:right -60px center}.home-product-page .home-hero-tx{max-width:72%}}
@media(max-width:560px){.home-product-page .home-hero{background-position:right -110px center}.home-product-page .home-hero-tx{max-width:78%}.home-product-page .home-hero-title{font-size:22px}.home-product-page .home-today{order:0;margin-bottom:2px;font-size:12.5px}}
@media(min-width:769px){.home-product-page .home-hero{min-height:156px;background-size:auto 150%;background-position:right 0 center}}
@media(max-width:768px){.home-product-page .home-hero{padding-bottom:22px;background-size:200px auto;background-position:right -30px bottom}.home-product-page .home-hero-tx{max-width:66%}}
/* Mark, 29 Oct 2026: the cards under the banner match it. White, the same soft shadow, no outlines,
   and no boxes inside boxes: tiles and links sit on a faint tint instead of a border. */
.home-product-page .hsp,.home-product-page .home-universal{border:0;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgb(30 40 70 / .05),0 6px 24px rgb(30 40 70 / .06)}
.home-product-page .home-universal{padding:18px 22px}
.home-product-page .hsp-tile,.home-product-page .hsp-site{border:0;background:var(--ctp-mantle)}
.home-product-page .hsp-tile:hover,.home-product-page .hsp-site:hover{border:0;background:color-mix(in srgb,var(--ctp-teal) 8%,#fff);box-shadow:none}
.home-product-page .hsp-tile.on,.home-product-page .hsp-site.on{background:color-mix(in srgb,var(--ctp-teal) 14%,#fff);box-shadow:inset 0 0 0 2px var(--ctp-teal)}
.home-product-page .hsp-tile.is-quiet{border:0}
.home-product-page .home-universal-links :is(a,button){border:0;background:var(--ctp-mantle)}
.home-product-page .home-universal-links :is(a,button):hover{background:color-mix(in srgb,var(--ctp-teal) 8%,#fff)}
.home-product-page .home-universal-links :is(a,button):focus-visible,.home-product-page :is(.hsp-tile,.hsp-site):focus-visible{outline:2px solid var(--ctp-teal);outline-offset:2px}
/* Mark, 29 Oct 2026, option C: "Today in Oasis". Three ranking numbers with a 14-day trend line,
   then team activity. White cards with the banner's shadow, no outlines, rows on a faint tint. */
.hpl{margin:24px 0 8px;container-type:inline-size}
.hpl-title{margin:0 0 12px;font-size:18px;font-weight:700;color:var(--ctp-text)}
.hpl-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}
.hpl-stat,.hpl-feed{border-radius:14px;background:#fff;box-shadow:0 1px 2px rgb(30 40 70 / .05),0 6px 24px rgb(30 40 70 / .06)}
.hpl-stat{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:12px;padding:18px 20px;min-height:132px}
.hpl-stat h3{margin:0;font-size:14px;font-weight:600;color:var(--ctp-text)}
.hpl-num{display:flex;align-items:baseline;gap:8px;margin:6px 0 4px;font-size:38px;font-weight:750;line-height:1.05;letter-spacing:-.02em;color:var(--ctp-text);font-variant-numeric:tabular-nums}
.hpl-delta{display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:650;letter-spacing:0}
.hpl-delta.up{color:#1f8a5b}.hpl-delta.down{color:#c2410c}
.hpl-delta span{font-size:10px}
.hpl-note{margin:0;font-size:13px;color:var(--ctp-subtext0)}
.hpl-spark{width:120px;height:48px;overflow:visible}
.hpl-stat.is-teal .hpl-spark{color:var(--ctp-teal)}
.hpl-skel{background:linear-gradient(90deg,#fff 0,var(--ctp-mantle) 50%,#fff 100%) 0 0/200% 100%;animation:hpl-skel 1.4s linear infinite}
@keyframes hpl-skel{to{background-position:-200% 0}}
.hpl-feed{padding:18px 20px 14px}
.hpl-feed-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.hpl-feed-head h3{margin:0;font-size:16px;font-weight:650;color:var(--ctp-text)}
.hpl-feed-head a{font-size:13px;font-weight:600;color:var(--ctp-teal);text-decoration:none}
.hpl-feed-head a:hover{text-decoration:underline}
.hpl-rows{margin:0;padding:0;list-style:none}
.hpl-rows li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px;border-radius:9px}
.hpl-rows li:nth-child(odd){background:var(--ctp-mantle)}
.hpl-rows p{margin:0;font-size:14px;line-height:1.45;color:var(--ctp-subtext1);overflow-wrap:anywhere}
.hpl-rows b{font-weight:650;color:var(--ctp-text)}
.hpl-rows time{font-size:12.5px;color:var(--ctp-subtext0);white-space:nowrap}
.hpl-av{width:28px;height:28px;border-radius:50%;object-fit:cover}
.hpl-av-tx{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ctp-teal) 16%,#fff);color:var(--ctp-teal);font-size:11px;font-weight:700;text-transform:uppercase}
.hpl-quiet{margin:0 0 16px;font-size:13.5px;color:var(--ctp-subtext0)}
@container(max-width:900px){.hpl-stat{grid-template-columns:minmax(0,1fr);gap:6px}.hpl-spark{width:100%;height:40px}}
@container(max-width:600px){.hpl-stats{grid-template-columns:minmax(0,1fr)}.hpl-stat{grid-template-columns:minmax(0,1fr) 120px;min-height:0}.hpl-spark{width:120px;height:48px}}
@container(max-width:420px){.hpl-stat{grid-template-columns:minmax(0,1fr) 88px;padding:16px}.hpl-spark{width:88px}.hpl-num{font-size:32px}.hpl-rows li{grid-template-columns:28px minmax(0,1fr);row-gap:2px}.hpl-rows time{grid-column:2}}
@media (prefers-reduced-motion:reduce){.hpl-skel{animation:none}}
/* Mark, 29 Oct 2026: the banner scene is live. The sun follows the viewer's local sunrise and sunset,
   the sea keeps moving, and the scene fades into the white card on the left. */
.home-product-page .home-hero{position:relative;overflow:hidden;background:#fff}
.home-product-page .home-hero-tx{position:relative;z-index:1}
.hsc{position:absolute;top:0;right:0;bottom:0;width:56%;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%);mask-image:linear-gradient(90deg,transparent 0,#000 42%)}
.hsc svg{display:block;width:100%;height:100%}
.hsc-body{transition:transform 60s linear}
.hsc-sun-a{stop-color:#e9d8ff}.hsc-sun-b{stop-color:#c9b2ff}
.hsc.is-golden .hsc-sun-a{stop-color:#ffd9c2}.hsc.is-golden .hsc-sun-b{stop-color:#f6a9c9}
.hsc-moon{fill:#fff;filter:drop-shadow(0 0 6px rgb(160 140 255 / .55))}
.hsc-stars circle{fill:#b9a8f5;animation:hsc-twinkle 3.6s ease-in-out infinite}
@keyframes hsc-twinkle{50%{opacity:.25}}
.hsc-band{animation:hsc-drift linear infinite}
.hsc-band:nth-of-type(even){animation-direction:reverse}
@keyframes hsc-drift{from{transform:translateX(0)}to{transform:translateX(-480px)}}
.hsc-glint rect{fill:#fff;opacity:.55;animation:hsc-glint 2.8s ease-in-out infinite}
.hsc-glint rect:nth-child(2){animation-delay:.9s}.hsc-glint rect:nth-child(3){animation-delay:1.8s}
@keyframes hsc-glint{50%{opacity:.15}}
@media(max-width:768px){.hsc{width:52%}}
@media(max-width:560px){.hsc{width:46%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 55%);mask-image:linear-gradient(90deg,transparent 0,#000 55%)}}
@media (prefers-reduced-motion:reduce){.hsc-band,.hsc-stars circle,.hsc-glint rect{animation:none}.hsc-body{transition:none}}
.hsc svg{overflow:visible}
.hpl-cover{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:6px;row-gap:6px;width:120px}
.hpl-cover-n{font-size:18px;font-weight:700;color:var(--ctp-teal)}.hpl-cover-l{font-size:12px;color:var(--ctp-subtext0)}
.hpl-bar{grid-column:1/-1;display:block;height:8px;border-radius:4px;background:color-mix(in srgb,var(--ctp-teal) 14%,#fff);overflow:hidden}
.hpl-bar span{display:block;height:100%;border-radius:4px;background:var(--ctp-teal)}
.hpl-missing{margin-top:10px}
@container(max-width:900px){.hpl-cover{width:100%}}

/* Home cards open in place (Mark, 13 Nov 2026: "no interaction, experience, nothing"). The card
   title is the button; its ::after stretches over the card so the whole card is the target. */
.hpl-title{display:flex;align-items:center;gap:4px}
.hpl-stat h3,.hpl-feed-head h3{display:flex;align-items:center;gap:2px}
.hpl-stat.is-clickable{position:relative;cursor:pointer;transition:box-shadow .15s,transform .15s}
.hpl-stat.is-clickable:hover{box-shadow:0 1px 2px rgb(30 40 70 / .06),0 10px 28px rgb(30 40 70 / .1);transform:translateY(-1px)}
.hpl-stat.is-clickable.is-open{box-shadow:0 0 0 2px var(--ctp-teal),0 10px 28px rgb(30 40 70 / .1)}
.hpl-open{all:unset;cursor:pointer;color:inherit;font:inherit}
.hpl-open::after{content:"";position:absolute;inset:0;border-radius:14px}
.hpl-open:focus-visible::after{outline:2px solid var(--ctp-teal);outline-offset:2px}
.hpl-info{position:relative;z-index:1}
.hpl-detail{margin:-4px 0 16px;padding:16px 20px 12px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgb(30 40 70 / .05),0 6px 24px rgb(30 40 70 / .06);animation:hpl-in .18s ease-out}
@keyframes hpl-in{from{opacity:0;transform:translateY(-4px)}}
.hpl-detail-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.hpl-detail-head h3{margin:0;font-size:16px;font-weight:650;color:var(--ctp-text)}
.hpl-seg{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:var(--ctp-mantle)}
.hpl-seg button{min-height:36px;padding:0 12px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:13px;color:var(--ctp-subtext0);cursor:pointer}
.hpl-seg button b{font-weight:700;margin-left:4px}
.hpl-seg button[aria-pressed="true"]{background:#fff;color:var(--ctp-text);box-shadow:0 1px 2px rgb(30 40 70 / .1)}
.hpl-x{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--ctp-subtext0);cursor:pointer}
.hpl-x svg{width:16px;height:16px}.hpl-x:hover{background:var(--ctp-mantle);color:var(--ctp-text)}
.hpl-dlist{margin:0;padding:0;list-style:none}
.hpl-drow{display:grid;grid-template-columns:20px 48px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:48px;padding:6px 10px;border-radius:9px}
.hpl-drow:nth-child(odd){background:var(--ctp-mantle)}
.hpl-drow.hpl-skel{display:block;height:44px;margin-bottom:6px}
.hpl-flag{width:18px;height:13px;border-radius:2px;object-fit:cover;vertical-align:-1px;margin-right:4px}
.hpl-drow .hpl-flag{margin:0}
.hpl-geo{font-size:12px;font-weight:650;color:var(--ctp-subtext0)}
.hpl-dmain{display:flex;flex-direction:column;min-width:0}
.hpl-dmain b{font-size:14px;font-weight:600;color:var(--ctp-text);overflow-wrap:anywhere}
.hpl-dsub{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ctp-subtext0);overflow-wrap:anywhere}
.hpl-fav{width:14px;height:14px;border-radius:3px}
.hpl-move,.hpl-prio{font-size:12.5px;font-weight:700;padding:3px 8px;border-radius:7px;white-space:nowrap;font-variant-numeric:tabular-nums}
.hpl-move.up{background:#e3f4ea;color:#1f8a5b}.hpl-move.down{background:#fdece4;color:#c2410c}
.hpl-prio{background:var(--ctp-mantle);color:var(--ctp-subtext1)}.hpl-prio.is-p0{background:#fdece4;color:#c2410c}.hpl-prio.is-p1{background:#fdf3dc;color:#9a6a00}
.hpl-dlink{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font-size:13px;font-weight:600;color:var(--ctp-teal);text-decoration:none;white-space:nowrap}
.hpl-dlink:hover{text-decoration:underline}
.hpl-dacts{display:flex;gap:6px;justify-content:flex-end}
.hpl-topic{color:var(--ctp-text);font-weight:600;text-decoration:none}
.hpl-topic:hover{color:var(--ctp-teal);text-decoration:underline}
@container(max-width:600px){.hpl-drow{grid-template-columns:20px minmax(0,1fr) auto;row-gap:2px}.hpl-geo{display:none}.hpl-dacts{grid-column:2/-1;justify-content:flex-start}.hpl-dacts .hpl-dlink{min-height:44px;padding:0 12px 0 0}}
@media (prefers-reduced-motion:reduce){.hpl-detail{animation:none}.hpl-stat.is-clickable{transition:none}.hpl-stat.is-clickable:hover{transform:none}}
@container(max-width:600px){.hpl-seg{order:3}.hpl-detail-head h3{flex:1 1 0;min-width:0}}
@container(max-width:420px){.hpl-drow{grid-template-columns:20px minmax(0,1fr)}.hpl-move,.hpl-prio{grid-column:2;justify-self:start}}
/* Home cards follow the header choice; Mine/Everyone narrows them to the viewer's markets (14 Nov 2026). */
.hpl-head{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;margin:0 0 12px}
.hpl-head .hpl-title{margin:0}
.hpl-for{margin:0;flex:1 1 280px;min-width:0;font-size:14px;color:var(--ctp-subtext0);overflow-wrap:anywhere}
.hpl-for b{font-weight:600;color:var(--ctp-text)}
.hpl-view{margin-left:auto;background:var(--ctp-crust)}
.hpl-view button{min-height:36px;padding:0 16px;font-size:14px;font-weight:500;color:var(--ctp-subtext1)}
.hpl-view button[aria-pressed="true"]{background:var(--ctp-teal);color:#fff;font-weight:600;box-shadow:none}
.hpl-view button:focus-visible{outline:2px solid var(--ctp-teal);outline-offset:2px}
@container(max-width:600px){.hpl-for{flex-basis:100%;order:3}.hpl-head{column-gap:8px}.hpl-head .hpl-view{order:2;margin-left:auto}.hpl-view button{padding:0 12px}}
/* Website step: Mine / Everyone (the same choice as the Today cards) and your own sites first (14 Nov 2026). */
.hsp-head .hsp-view{margin-left:auto}
.hsp-head .hsp-view button{min-height:34px;padding:0 14px;font-size:13px}
.hsp-sub{margin:2px 2px 8px;font-size:13px;font-weight:600;color:var(--ctp-text)}
.hsp-sub span{font-weight:400;color:var(--ctp-subtext0)}
.hsp-mine{margin-bottom:16px}
/* Lists behind the cards (Mark, 14 Nov 2026): no tinted pills, no arrows, the market code on one
   line, and the real total under a capped list. */
.hpl-geo{white-space:nowrap}
.hpl-move,.hpl-prio{padding:0;background:none}
.hpl-move.up{background:none}.hpl-move.down{background:none}
.hpl-prio.is-p0,.hpl-prio.is-p1{background:none}
.hpl-shown{margin:8px 10px 2px;font-size:12.5px;color:var(--ctp-subtext0)}
@container(max-width:600px){.hpl-detail-head h3{flex:1 1 auto}.hpl-detail-head .hpl-seg{order:3;flex:1 1 100%}.hpl-detail-head .hpl-seg button{flex:1}}
/* Google's numbers lead Home (Mark, 14 Nov 2026): biggest changes per site, then the tracker line. */
.hpl-delta.flat{color:var(--ctp-subtext0)}
.hpl-changes .hpl-detail-head h3,.hpl-tracked h3{display:flex;align-items:center;gap:2px}
.hpl-crow{display:grid;grid-template-columns:minmax(0,1fr) 130px 110px 70px auto;align-items:center;gap:10px;min-height:48px;padding:6px 10px;border-radius:9px;font-size:14px;color:var(--ctp-text)}
.hpl-crow:nth-child(odd){background:var(--ctp-mantle)}
.hpl-cdom{display:flex;align-items:center;gap:8px;min-width:0;font-weight:650;overflow-wrap:anywhere}
.hpl-cnum{font-variant-numeric:tabular-nums}
.hpl-cprev{color:var(--ctp-subtext0);font-variant-numeric:tabular-nums}
.hpl-cpct{font-weight:700;font-variant-numeric:tabular-nums}
.hpl-cpct.up{color:#1f8a5b}.hpl-cpct.down{color:#c2410c}.hpl-cpct.flat{color:var(--ctp-subtext0)}
.hpl-crow.is-stale{grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto}
.hpl-cstale{color:#c2410c;font-size:13.5px}
.hpl-tracked{padding:14px 20px}
.hpl-tracked h3{margin:0 0 4px;font-size:16px;font-weight:650;color:var(--ctp-text)}
.hpl-tracked p{margin:0;font-size:14px;line-height:1.6;color:var(--ctp-subtext1)}
.hpl-linkbtn{all:unset;cursor:pointer;color:var(--ctp-teal);font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.hpl-linkbtn:hover{text-decoration:underline}.hpl-linkbtn:focus-visible{outline:2px solid var(--ctp-teal);outline-offset:2px;border-radius:4px}
@container(max-width:600px){.hpl-crow{grid-template-columns:minmax(0,1fr) auto;row-gap:0}.hpl-cnum{grid-column:1}.hpl-cprev{display:none}.hpl-cpct{grid-column:2;grid-row:1}.hpl-crow>.hpl-dlink{grid-column:2;grid-row:2;justify-self:end;min-height:36px;padding:0}.hpl-crow.is-stale>.hpl-dlink{grid-column:1;grid-row:auto;justify-self:start}.hpl-crow.is-stale{grid-template-columns:minmax(0,1fr)}}
/* Home tables (Mark, 14 Nov 2026: "make this a table"): column headings, alternate tint, no lines. */
.hpl-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;color:var(--ctp-text)}
.hpl-table th{padding:6px 10px 8px;font-size:12.5px;font-weight:600;color:var(--ctp-subtext0);text-align:left;white-space:nowrap}
.hpl-table td{padding:10px;vertical-align:middle}
.hpl-table tbody tr:nth-child(odd) td{background:var(--ctp-mantle)}
.hpl-table tbody td:first-child{border-radius:9px 0 0 9px}.hpl-table tbody td:last-child{border-radius:0 9px 9px 0}
.hpl-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.hpl-table .end{text-align:right;white-space:nowrap;width:1%}
.hpl-table .end .hpl-dlink{min-height:32px}
.hpl-tmain{font-weight:600;overflow-wrap:anywhere}
.hpl-tmuted{color:var(--ctp-subtext0)}
.hpl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hpl-who{white-space:nowrap}.hpl-who .hpl-av{vertical-align:middle;margin-right:8px}.hpl-who b{font-weight:650}
.hpl-what{color:var(--ctp-subtext1);overflow-wrap:anywhere}
.hpl-activity .hpl-topic{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ctp-text);text-decoration:none}
.hpl-activity a.hpl-topic:hover{text-decoration:underline}
@container(max-width:600px){.hpl-hide-sm{display:none}.hpl-table th,.hpl-table td{padding-left:8px;padding-right:8px}.hpl-who .hpl-av{display:none}}
/* components.css draws a right border on every table cell and centres every thead th (!important). */
.hpl-table th,.hpl-table td{border:0}
.hpl-table thead th{text-align:left!important}
.hpl-table thead th.num{text-align:right!important}
.hpl-who .hpl-av{display:inline-flex}
.hpl-tlink{color:inherit;text-decoration:none}.hpl-tlink:hover{text-decoration:underline}
.hpl-short{display:none}
@container(max-width:600px){.hpl-table .end{display:none}.hpl-long{display:none}.hpl-short{display:inline}.hpl-table th{white-space:normal}.hpl-tmain{width:100%}.hpl-table tbody td:nth-last-child(2){border-radius:0 9px 9px 0}}
/* iGaming share card (Mark, 14 Nov 2026): four cards when the niche is iGaming. */
.hpl-stats.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.hpl-stats.is-four .hpl-stat{grid-template-columns:minmax(0,1fr)}
.hpl-stats.is-four .hpl-spark{width:100%;height:36px}
@container(max-width:1100px){.hpl-stats.is-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:600px){.hpl-stats.is-four{grid-template-columns:minmax(0,1fr)}.hpl-stats.is-four .hpl-stat{grid-template-columns:minmax(0,1fr) 120px}.hpl-stats.is-four .hpl-spark{width:120px;height:48px}}
.hpl-split{display:grid;gap:6px;width:100%;margin-top:4px}
.hpl-split-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--ctp-mantle)}
.hpl-split-bar .is-ig{background:var(--ctp-teal)}.hpl-split-bar .is-other{background:#9fb3c2}.hpl-split-bar .is-open{background:var(--ctp-mantle)}
.hpl-split-keys{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12px;color:var(--ctp-subtext0)}
.hpl-split-keys .is-ig{color:var(--ctp-teal);font-weight:700}
.hpl-stats.is-four .hpl-stat:has(.hpl-split){grid-template-columns:minmax(0,1fr)}
@container(max-width:600px){.hpl-table{font-size:13px}.hpl-cdom{gap:6px}.hpl-tmain{overflow-wrap:normal;word-break:normal}}
@container(max-width:600px){.hpl-table .hpl-cdom{overflow-wrap:normal}}