/* Spotlight: one proposal, swipe decisions, and details one tap away. */
.action-phone{--decision-tint:var(--stage-operational);--decision-edge:var(--stage-operational-edge);--decision-accent:var(--stage-operational-ink);position:absolute;left:50%;top:46%;z-index:40;width:350px;height:500px;padding:0;border:1px solid #e5d6cf;border-radius:22px;background:#faf7f4;box-shadow:0 4px 8px #52352708,0 20px 50px #52352712;opacity:0;visibility:hidden;transform:translate(-50%,-43%) scale(.93);transition:opacity 1.2s .6s,transform 1.8s cubic-bezier(.22,1,.36,1),visibility 1s;container:stage-phone / size}
.action-phone[data-suggestion=availability]{--decision-tint:var(--stage-commercial);--decision-edge:var(--stage-commercial-edge);--decision-accent:var(--stage-commercial-ink)}
[data-stage=suggesting] .action-phone{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
.phone-screen{position:relative;height:100%;display:flex;flex-direction:column;padding:0 14px 12px;border-radius:21px;background:#faf7f4;overflow:hidden}
.phone-header{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:58px;margin:0 -14px 16px;padding:0 18px;color:#fff7f2;background:radial-gradient(ellipse at 15% 0%,#ffecdf44,transparent 65%),linear-gradient(158deg,#DFB1A1 25%,#D4A293 46%,#C28D80 68%,#B88276 100%)}
.phone-header img{display:block;width:108px;height:auto}
.phone-header>span{font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.suggestion-deck{position:relative;isolation:isolate;display:flex;flex-direction:column;flex:1;min-height:0}
.suggestion-deck::before,.suggestion-deck::after{content:'';position:absolute;z-index:-1;inset:7px 6px -5px;border:1px solid #e5dcd3;border-radius:16px;background:#f0e5dc;pointer-events:none}
.suggestion-deck::before{inset:12px 12px -9px;background:#ecdcd0}
.suggestion-card{--drag-x:0px;--drag-angle:0deg;position:relative;display:flex;flex:1;flex-direction:column;min-height:0;padding:20px;background:#fffdfb;border:1px solid #eee5dd;border-radius:16px;box-shadow:0 5px 18px #68473308;transform:translateX(var(--drag-x)) rotate(var(--drag-angle));transform-origin:50% 90%;transition:transform .36s cubic-bezier(.2,.7,.2,1),opacity .3s;touch-action:pan-y;cursor:grab;user-select:none;color:#171310}
.suggestion-card:focus-visible{outline:2px solid #8a4a3b;outline-offset:3px}
.suggestion-card.is-dragging{transition:none;cursor:grabbing}
.decision-icon{position:absolute;left:20px;top:20px;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--decision-tint)}
.decision-icon img{width:23px;height:23px}
.suggestion-card h2{margin:0 0 14px;font-size:27px;line-height:1.14;font-weight:500;letter-spacing:-.035em}
.suggestion-card p{margin:0;font-size:14px;line-height:1.45;color:#776c62}
.decision-note{margin-top:16px;padding-top:12px;border-top:1px solid #e8dfd8;color:#8a4a3b;font-size:14px;line-height:1.4}
.card-tap-hint{display:flex;justify-content:space-between;gap:8px;padding-top:20px;margin-top:auto;color:#8a4a3b;font-size:12px;line-height:1.3}
.card-tap-hint>span{font-size:16px;line-height:1}
[data-card-view=details] .suggestion-card h2{font-size:23px;margin-bottom:14px}
[data-card-view=details] .suggestion-card p{font-size:13px;line-height:1.4}
[data-card-view=details] .decision-note{font-size:13px;padding-top:10px;margin-top:12px}
.proposal-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px;padding:8px 0 12px;border-bottom:1px solid #e8dfd8}
.proposal-facts div{display:flex;flex-direction:column;gap:4px}
.proposal-facts strong{font-size:26px;line-height:1.1;font-weight:500;color:#8a4a3b}
.proposal-facts span{font-size:12px;line-height:1.25;color:#88766b}
.proposal-signal{margin-bottom:10px!important}
.proposal-signal>strong{display:block;margin-bottom:4px;font-weight:500;color:#332923}
.suggestion-card .proposal-source{font-size:12px;color:#88766b}
.rate-list{margin-top:10px;border-top:1px solid #e8dfd8}
.rate-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #e8dfd8}
.rate-row>span{font-size:12px;color:#776c62}
.rate-row strong{font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;color:#332923}
.rate-row strong span{padding:0 3px;color:#b59f90}
.swipe-stamp{position:absolute;top:18px;right:16px;padding:6px 10px;border:2px solid currentColor;border-radius:7px;font-size:15px;font-weight:700;opacity:0;transform:rotate(9deg);color:#4d765c;background:#f5faf2;pointer-events:none}
.swipe-stamp--decline{color:#a45d4f;background:#fff6f1;transform:rotate(-9deg)}
[data-intent=accept] .swipe-stamp--accept,[data-exit=accepted] .swipe-stamp--accept,[data-intent=decline] .swipe-stamp--decline,[data-exit=declined] .swipe-stamp--decline{opacity:1}
.suggestion-card[data-exit=accepted]{transform:translateX(125%) rotate(15deg);opacity:0}
.suggestion-card[data-exit=declined]{transform:translateX(-125%) rotate(-15deg);opacity:0}
/* Pausing the story must not freeze an intentional swipe. */
.stage-hero.is-paused .suggestion-card{transition:transform .36s cubic-bezier(.2,.7,.2,1),opacity .3s!important}
.stage-hero.is-paused .suggestion-card.is-dragging{transition:none!important}
.phone-decision-area{position:relative;flex:none;z-index:2}
.action-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;margin:26px 10px 0}
.action-buttons button{display:flex;align-items:center;justify-content:center;min-width:0;height:46px;padding:8px 6px;border:1px solid #bca99c;border-radius:24px;background:linear-gradient(160deg,#fffefa 8%,#efe6df 100%);color:#49382f;font:600 14px/1.2 Satoshi,sans-serif;box-shadow:inset 0 1px 1px #fff, inset 0 -1px 1px #66534510,0 2px 3px #44372d16,0 4px 9px #44372d0d;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;cursor:pointer}
/* Light glass capsules with distinct fills and a visible edge against the cream screen. */
.action-buttons button[data-adjust]{border-color:#aaaead;background:linear-gradient(160deg,#eff0ef 8%,#d7dbd8 100%);color:#353c38}
.action-buttons button[data-accept]{border-color:#8fa98a;background:linear-gradient(160deg,#e4efdf 8%,#c7dac0 100%);color:#294b32}
.action-buttons button:not(:disabled):hover{border-color:#82746a;box-shadow:inset 0 1px 1px #fff,0 3px 5px #44372d22,0 5px 12px #44372d14}
.action-buttons button[data-accept]:not(:disabled):hover{border-color:#64845e}
.action-buttons button:focus-visible{outline:2px solid #51473f;outline-offset:3px}
.action-buttons button:not(:disabled):active{transform:scale(.97);box-shadow:inset 0 1px 3px #44372d18,0 1px 2px #44372d12}
.action-buttons button:disabled{opacity:.42;box-shadow:none;cursor:default}
[data-card-view=complete] .suggestion-card{justify-content:center;background:#f8faf5}
[data-card-view=complete] .decision-icon{position:static;width:48px;height:48px;margin-bottom:20px}
[data-card-view=complete] .card-tap-hint{margin-top:12px}
[data-suggestion-editor]{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;max-width:100%;margin:0;padding:16px;background:#fffdfb;border:1px solid #eee5dd;border-radius:16px;color:#494949;overflow:hidden}
[data-editor-fields]{flex:1;min-height:0;min-width:0;max-width:100%;border:0;margin:0;padding:0 2px 4px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
[data-editor-fields] legend{max-width:100%;padding:0 0 9px;font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.03em;color:#171310}
[data-editor-fields] p{font-size:13px;line-height:1.4;margin:0 0 16px;color:#776c62}
.editor-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.editor-pair label{display:flex;flex-direction:column;min-width:0;gap:5px;font-size:12px;color:#696969}
.editor-pair input{width:100%;min-width:0;max-width:100%;height:42px;padding:8px;border:1px solid #d7d8d6;border-radius:12px;background:#f5f6f3;color:#343434;box-shadow:inset 0 1px 2px #40404005;font:16px Satoshi,sans-serif}
.editor-pair input:focus{outline:2px solid #8a4a3b;outline-offset:1px}
.editor-room{display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px;align-items:end;margin-top:12px;min-width:0}
.editor-room>strong{display:block;min-width:0;margin:0 0 10px;font-size:13px;line-height:1.3;font-weight:500;color:#494949}
.editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:none;min-width:0;max-width:100%;gap:8px;margin-top:14px}
.editor-actions button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px;padding:10px 6px;border:1px solid #c8c8c899;border-radius:24px;background:linear-gradient(145deg,#eaeaead9,#f8f8f8bf);color:#494949;font:500 14px/1.2 Satoshi,sans-serif;box-shadow:inset 0 1px 1px #fff,0 2px 4px #343d330a;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);cursor:pointer}
.editor-actions button[type=submit]{font-weight:600}
.editor-actions button[type=button]{border-color:#bfc1bf99;background:linear-gradient(160deg,#e9e9e9e6,#d9d9d9d9);color:#464646;box-shadow:inset 0 1px 1px #ffffffd9,0 2px 4px #343d3310}
.editor-actions button:hover{box-shadow:inset 0 1px 2px #fff,0 3px 8px #343d3317}
.editor-actions button:focus-visible{outline:2px solid #8a4a3b;outline-offset:2px}
.editor-actions button:active{transform:scale(.97)}
.action-phone[data-editing] .phone-decision-area{display:none}
.stage-hero:not(.is-enhanced) .action-phone{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
@media(max-width:1000px){.action-phone{width:320px;height:480px;top:44.5%}}
@media(max-width:760px){.action-phone{left:50%;top:50%;height:100%;width:calc(100% - 28px);max-width:380px}}
@container stage-phone (max-height:520px){
.phone-screen{padding:0 12px 10px}
.phone-header{min-height:52px;margin:0 -12px 12px;padding:0 16px}
.phone-header img{width:98px}
.suggestion-card{padding:16px}
.decision-icon{left:16px;top:16px;width:30px;height:30px;border-radius:9px}
.decision-icon img{width:21px;height:21px}
.suggestion-card h2{font-size:24px;margin-bottom:12px}
.suggestion-card p{font-size:13px;line-height:1.4}
.decision-note{font-size:13px;margin-top:12px;padding-top:10px}
.card-tap-hint{padding-top:16px;font-size:12px}
[data-card-view=details] .suggestion-card h2{font-size:21px;margin-bottom:12px}
[data-card-view=details] .suggestion-card p,[data-card-view=details] .decision-note{font-size:12px;line-height:1.35}
.proposal-facts{gap:10px;padding:6px 0 10px;margin-bottom:12px}
.proposal-facts strong{font-size:24px}
.rate-row{padding:7px 0}
.rate-row strong{font-size:12px}
[data-suggestion-editor]{padding:14px}
[data-editor-fields] legend{font-size:20px}
[data-editor-fields] p{font-size:12px;margin-bottom:12px}
.editor-room{grid-template-columns:64px minmax(0,1fr);gap:8px;margin-top:10px}
.editor-room>strong{font-size:12px;margin-bottom:10px}
.editor-pair{gap:8px}
.editor-pair label{gap:4px}
.editor-pair input{padding:7px 6px}
.editor-actions{margin-top:12px}
}
@container stage-phone (max-height:440px){
.phone-header{min-height:44px;margin-bottom:10px}
.suggestion-card{padding:12px}
.decision-icon{left:12px;top:12px;width:26px;height:26px}
.suggestion-card h2{font-size:21px;margin-bottom:9px}
.suggestion-card p{font-size:12px}
.card-tap-hint{padding-top:10px}
[data-card-view=details] .suggestion-card h2{font-size:19px;margin-bottom:8px}
.proposal-facts{padding:4px 0 7px;margin-bottom:8px}
.rate-row{padding:5px 0}
[data-suggestion-editor]{padding:12px}
[data-editor-fields] legend{font-size:18px;padding-bottom:6px}
[data-editor-fields] p{margin-bottom:8px}
.editor-room{margin-top:8px}
.editor-pair input{height:38px;padding:6px}
.editor-actions{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.stage-hero .suggestion-card,.stage-hero.is-paused .suggestion-card{transition:none!important}}
/* The pack leads to matches; preparing a matched action is an explicit tap. */
.spotlight-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.phone-header-tools{display:flex;align-items:center;gap:12px}
.phone-header-tools [data-action-again]{font-size:19px;line-height:1}
.spotlight-header-actions>span{font-size:10px;line-height:1.2;letter-spacing:.15em;text-transform:uppercase}
.spotlight-header-actions button{padding:2px 0;border:0;background:transparent;color:#fff7f2;font:500 12px/1.2 Satoshi,sans-serif;cursor:pointer}
.spotlight-header-actions button:focus-visible{outline:2px solid #fff7f2;outline-offset:3px}
.spotlight-header-actions button:disabled{opacity:.6;cursor:default}
.suggestion-deck::before{inset:10px 12px -6px;background:#e4ddea;box-shadow:0 2px 0 var(--stage-commercial),0 4px 0 #eee1b6,0 6px 0 var(--stage-operational),0 8px 0 var(--stage-operational),0 10px 0 var(--stage-commercial),0 12px 0 var(--stage-operational),0 14px 0 #dbe3ed}
.matches-panel{flex:1;min-height:0;padding:20px;border:1px solid #eee5dd;border-radius:16px;background:#fffdfb;color:#332923}
.matches-panel h2{margin:0 0 8px;font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.025em}
.matches-panel>p{margin:0 0 22px;font-size:13px;line-height:1.4;color:#88766b}
.matched-action{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 10px;padding:15px 12px;border:1px solid #e5e6d7;border-radius:12px;background:#f1f2e9;text-align:left;color:#332923;cursor:pointer}
.matched-action[data-match-id=availability]{background:#f6ecdf;border-color:#ebddcb}
.matched-action>img{flex:none;width:30px;height:30px;padding:4px}
.matched-action>span:first-of-type{flex:1;min-width:0}
.matched-action strong{display:block;font:500 14px/1.3 Satoshi,sans-serif}
.matched-action small{display:block;margin-top:4px;color:#88766b;font:12px/1.3 Satoshi,sans-serif}
.matched-action:focus-visible{outline:2px solid #8a4a3b;outline-offset:3px}
.matches-empty{padding:30px 0;font-size:14px;line-height:1.7;color:#88766b}
@container stage-phone (max-height:520px){.action-buttons{margin-top:22px}.matches-panel{padding:16px}.matched-action{padding:13px 10px}.matches-panel>p{margin-bottom:18px}}
/* Let the incoming topics be read before the deck takes centre stage. */
.action-phone{transition:opacity 1.2s .6s,left 1.4s cubic-bezier(.22,1,.36,1),top 1.4s cubic-bezier(.22,1,.36,1),transform 1.8s cubic-bezier(.22,1,.36,1),visibility 1s}
[data-stage=suggesting].is-topic-transfer .action-phone{left:var(--phone-intro-x,68%);top:var(--phone-intro-y,calc(50% + 54px));transform:translate(-50%,-50%) scale(var(--phone-intro-scale,.88))}
.stage-spotlight .topic-card{width:272px;min-height:88px;padding:20px;gap:14px}
.deck-intro{position:absolute;left:50%;top:50%;width:96px;height:96px;transform:translate(-50%,-50%);color:#8a7268;text-align:center;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s;pointer-events:none}
.stage-app-icon{position:relative;display:block;width:100%;height:100%;transform:scale(calc(1 + var(--arrival-pulse,0)*.025))}
.stage-app-icon>img{display:block;width:100%;height:100%;opacity:1;border-radius:25px;box-shadow:0 2px 3px #73463512,0 12px 25px #73463520}
.stage-app-label{position:absolute;top:calc(100% + 13px);left:50%;transform:translateX(-50%);font:500 13px/1.3 Satoshi,sans-serif;letter-spacing:.2em;color:#604b41}
.stage-app-notifications{position:absolute;top:0;right:0;display:grid;place-items:center;min-width:46px;height:46px;padding:0 10px;border:0;border-radius:100px;background:#ff3b30;color:#fff;font:400 25px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.035em;box-shadow:0 2px 5px #ac241718;transform:translate(33%,-30%) scale(calc(1 + var(--arrival-pulse,0)*.12));transform-origin:center}
.suggestion-deck,.phone-decision-area{transition:opacity .7s .5s}
[data-stage=suggesting].is-topic-transfer .deck-intro{opacity:1;visibility:visible;transition:opacity .6s .8s,visibility 0s}
[data-stage=suggesting].is-topic-transfer .suggestion-deck,[data-stage=suggesting].is-topic-transfer .phone-decision-area{opacity:0;transition:opacity .2s}
@media(max-width:760px){
 .stage-spotlight .topic-card{width:184px;min-height:76px;padding:12px;gap:10px;font-size:13px}
 .stage-spotlight .topic-card img{width:30px;height:30px}
}
@media(prefers-reduced-motion:reduce){.topic-transfer{display:none}.stage-hero .action-phone,.stage-hero .deck-intro,.stage-hero .suggestion-deck,.stage-hero .phone-decision-area{transition:none!important}}

/* Spotlight has its own viewport below the founders' story. */
.stage-spotlight .action-phone{top:var(--phone-rest-y,calc(50% + 24px));height:var(--phone-height,540px)}
.stage-spotlight .spotlight-introduction h2{font-size:clamp(30px,3.3vw,40px)}
.stage-spotlight.is-enhanced:not(.has-entered) .action-phone{opacity:0;visibility:hidden}
@media(max-width:1000px){.stage-spotlight .action-phone{height:var(--phone-height,520px)}}
@media(max-width:760px){
 .stage-spotlight{height:auto;max-height:100svh;grid-template-rows:auto 40px}
 .stage-spotlight .story-stage{height:min(calc(100svh - 40px),var(--spotlight-scene-height,calc(100svh - 40px)))}
 .stage-spotlight .action-phone{height:var(--phone-height,calc(100% - 132px));max-height:600px;max-width:380px}
 .stage-spotlight .spotlight-introduction h2{font-size:clamp(27px,7.2vw,32px)}
}

/* Catch-up categories sit between the app header and its decision deck. */
.spotlight-header-actions>span{font-size:12px;font-weight:500;letter-spacing:.015em;text-transform:none}
.phone-header{margin-bottom:10px}
.phone-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;flex:none;margin:0 0 12px;padding:0 1px;transition:opacity .7s .5s}
.phone-categories button{display:grid;place-items:center;min-width:0;height:42px;padding:0;border:1px solid transparent;border-radius:13px;background:transparent;color:#171615;cursor:pointer;transition:background .2s,border-color .2s}
.phone-categories img{display:block;opacity:.54}
.phone-categories button:hover{background:#eee8e1}
.phone-categories button[aria-pressed=true]{background:linear-gradient(145deg,#fffdfa,#efdfd3);border-color:#dec9ba;box-shadow:inset 0 1px 0 #fff,0 2px 4px #73463508}
.phone-categories button[aria-pressed=true] img{opacity:1}
.phone-categories button[data-catchup-category=housekeeping][aria-pressed=true]{background:linear-gradient(145deg,#fff9f5,var(--stage-operational));border-color:var(--stage-operational-edge)}
.phone-categories button:is([data-catchup-category=revenue],[data-catchup-category=finance])[aria-pressed=true]{background:linear-gradient(145deg,#f7fbf5,var(--stage-commercial));border-color:var(--stage-commercial-edge)}
.phone-categories button:focus-visible{outline:2px solid #8a4a3b;outline-offset:2px}
.phone-categories button:disabled{cursor:default;opacity:.45}
.action-phone[data-editing] .phone-categories,.action-phone[data-card-view=matches] .phone-categories{display:none}
[data-stage=suggesting].is-topic-transfer .phone-categories{opacity:0;pointer-events:none;transition:opacity .2s}
/* Compact detail spacing keeps the extra navigation within the phone viewport. */
@container stage-phone (max-height:560px){
 .phone-categories{margin-bottom:10px;gap:4px}.phone-categories button{height:38px;border-radius:11px}
 [data-card-view=details] .suggestion-card{padding:14px}
 [data-card-view=details] .suggestion-card h2{font-size:20px;margin-bottom:9px}
 [data-card-view=details] .suggestion-card p,[data-card-view=details] .decision-note{font-size:12px;line-height:1.35}
 [data-card-view=details] .proposal-facts{margin-bottom:9px;padding:4px 0 9px}
 [data-card-view=details] .proposal-facts strong{font-size:24px}
 [data-card-view=details] .decision-note{margin-top:9px;padding-top:9px}
 [data-card-view=details] .card-tap-hint{padding-top:12px}
 [data-card-view=details] .rate-row{padding:7px 0}
}
@container stage-phone (max-height:440px){
 .phone-categories{margin-bottom:8px}.phone-categories button{height:34px}.phone-categories img{width:19px;height:19px}
 [data-card-view=details] .suggestion-card h2{font-size:18px;margin-bottom:6px}
 [data-card-view=details] .suggestion-card p,[data-card-view=details] .decision-note{font-size:11px;line-height:1.3}
 [data-card-view=details] .card-tap-hint{padding-top:8px;font-size:10px}
 [data-card-view=details] .suggestion-card{padding:12px}
 [data-card-view=details] .proposal-signal{margin-bottom:6px!important}
 [data-card-view=details] .rate-list{margin-top:6px}
 [data-card-view=details] .rate-row{padding:4px 0}
 [data-card-view=details] .proposal-facts{padding:4px 0 7px;margin-bottom:8px}
 [data-card-view=details] .proposal-facts strong{font-size:22px}
 [data-card-view=details] .proposal-facts span{font-size:10px}
 [data-card-view=details] .decision-note{padding-top:7px;margin-top:7px}
}
@media(prefers-reduced-motion:reduce){.phone-categories,.phone-categories button{transition:none}}

/* The selected topic lives in the header; cards start with their actual proposal. */
.phone-header{gap:12px}
.spotlight-header-actions{min-width:0}
.phone-header-tools{gap:8px;max-width:100%}
.phone-current-topic{color:#fff7f2;font:500 12px/1.25 Satoshi,sans-serif;text-align:right}
.decision-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.suggestion-card .decision-heading .decision-icon{position:static;flex:none;margin:0}
.suggestion-card .decision-heading h2{min-width:0;margin:0}
.accepted-back{display:block;margin:0 0 16px;padding:0;border:0;background:transparent;color:#8a4a3b;font:500 12px/1.4 Satoshi,sans-serif;cursor:pointer}
.accepted-back:focus-visible{outline:2px solid #8a4a3b;outline-offset:4px}
@container stage-phone (max-height:520px){.decision-heading{gap:10px;margin-bottom:12px}}
@container stage-phone (max-width:300px){.phone-current-topic{font-size:11px}.phone-header{gap:8px}}
@container stage-phone (max-height:400px){
 [data-card-view=details] .suggestion-card{padding:10px}
 [data-card-view=details] .suggestion-card h2{margin-bottom:4px}
 [data-card-view=details] .proposal-facts{padding:2px 0 5px;margin-bottom:4px}
 [data-card-view=details] .decision-note{padding-top:4px;margin-top:4px}
 [data-card-view=details] .card-tap-hint{padding-top:6px}
}

/* The same commercial/operational colours continue into Spotlight decisions. */
.action-phone .suggestion-card{background:linear-gradient(145deg,#ffffffef,color-mix(in srgb,var(--decision-tint) 60%,white));border-color:var(--decision-edge)}
.action-phone :is(.decision-note,.card-tap-hint,.proposal-facts strong){color:var(--decision-accent)}
.action-phone :is(.decision-note,.proposal-facts,.rate-list,.rate-row){border-color:var(--decision-edge)}
.action-phone [data-suggestion-editor]{border-color:var(--decision-edge);background:linear-gradient(145deg,#fffdfb,color-mix(in srgb,var(--decision-tint) 25%,white))}
.matched-action{background:color-mix(in srgb,var(--stage-operational) 65%,white);border-color:var(--stage-operational-edge)}
.matched-action[data-match-id=availability]{background:color-mix(in srgb,var(--stage-commercial) 65%,white);border-color:var(--stage-commercial-edge)}
.action-phone[data-card-view=complete] .suggestion-card{background:#f8faf5;border-color:#dce4d8}