/* Phase 256 — Surf Product Engine v4. Obvious carousel controls, compact rhythm, richer closed details. */
body.surfSmartApp{--navy:#0c2740;--ink:#122b42;--muted:#607184;--cream:#fffaf2;--paper:#fffdf8;--line:#eadfce;--accent:#b56a2c;--accent2:#f0c49a;--soft:#f5efe4;background:linear-gradient(180deg,#f7f0e4,#fffaf3 46%,#f5efe6);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;padding-bottom:0!important}body.surfSmartApp #nextSteps,.surfSmartApp .nextSteps,.surfSmartApp [data-next-rail],.surfSmartApp .gscBlock{display:none!important}.surfSmartMain{max-width:1040px;margin:0 auto;padding:10px 10px 50px}.surfSmartHero,.surfSmartPanel,.surfSmartSeoNotes{background:rgba(255,253,248,.98);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 28px rgba(12,39,64,.055);padding:14px;margin:0 0 8px}.surfSmartHero.compact{padding:15px}.surfSmartKicker,.surfSmartSectionHead span,.surfSmartResult header span,.surfSmartSpotVerdict span{display:inline-flex;width:max-content;max-width:100%;border:1px solid #f0d5bb;background:#fff3e8;color:#a55722;border-radius:999px;padding:5px 9px;font-size:10px;line-height:1;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.surfSmartHero h1{font-family:'Inter Tight',Inter,sans-serif;color:var(--navy);font-size:clamp(28px,5.2vw,52px);line-height:.96;letter-spacing:-.055em;margin:8px 0 7px}.surfSmartHero p{max-width:800px;margin:0;color:#52667a;font-size:14px;line-height:1.42}.surfSmartHero nav{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.surfSmartConsole{display:grid;gap:8px}.surfSmartConsoleHead,.surfSmartSectionHead{display:flex;align-items:end;justify-content:space-between;gap:8px}.surfSmartConsoleHead h2,.surfSmartSectionHead h2{margin:6px 0 0;color:var(--navy);font-size:22px;letter-spacing:-.04em}.surfSmartConsoleHead p{margin:5px 0 0;color:#6b7785;font-size:12.5px;line-height:1.35}.surfSmartBtn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #dbcbb9;background:#fff;color:var(--navy);min-height:36px;border-radius:999px;padding:7px 11px;font-size:12.5px;font-weight:900;white-space:nowrap}.surfSmartBtn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.surfSmartBtn.ghost{background:#fff6eb;border-color:#f0cfaa;color:#9b5522}.surfSmartControls{border:1px solid #eadfce;background:#fffaf6;border-radius:17px;padding:0;overflow:hidden}.surfSmartControls summary,.surfSmartMatrix summary,.surfSmartSeoNotes summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:9px;font-weight:900;color:var(--navy);padding:10px 12px}.surfSmartControls summary::-webkit-details-marker,.surfSmartMatrix summary::-webkit-details-marker,.surfSmartSeoNotes summary::-webkit-details-marker{display:none}.surfSmartControls summary b,.surfSmartMatrix summary b,.surfSmartSeoNotes summary b{font-size:11px;color:#9a5b28;background:#fff;border:1px solid #efd9c3;border-radius:999px;padding:5px 8px}.surfSmartControls summary em,.surfSmartMatrix summary:after,.surfSmartSeoNotes summary:after{content:'⌄';display:grid;place-items:center;width:25px;height:25px;border-radius:999px;background:#fff3e8;color:#9a5b28;border:1px solid #efd9c3;font-style:normal;font-weight:900;transition:transform .2s ease}.surfSmartControls[open] summary em,.surfSmartMatrix[open] summary:after,.surfSmartSeoNotes[open] summary:after{transform:rotate(180deg)}.surfSmartModels{padding:0 10px 10px}.surfSmartMiniHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px}.surfSmartMiniHead strong{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#8b6e55}.surfSmartMiniHead small,.surfSmartSwipeBar span{font-size:11.5px;font-weight:800;color:#9a5b28}.surfSmartModelRail{display:flex;gap:8px;overflow:auto;scroll-snap-type:x mandatory;padding:0 24px 2px 0;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 32px),transparent)}.surfSmartModelRail::-webkit-scrollbar,.surfSmartDeck::-webkit-scrollbar,.surfSmartChips::-webkit-scrollbar{display:none}.surfSmartModel{min-width:178px;scroll-snap-align:start;text-align:left;border:1px solid #eadac8;border-radius:15px;background:#fff;padding:9px;color:var(--ink);box-shadow:0 5px 12px rgba(12,39,64,.03)}.surfSmartModel b{display:block;color:var(--navy);font-size:12.5px;margin-bottom:3px}.surfSmartModel span{display:block;color:#657487;font-size:11.5px;line-height:1.25}.surfSmartModel.is-active{background:#0c2740;color:#fff;border-color:#0c2740}.surfSmartModel.is-active b,.surfSmartModel.is-active span{color:#fff}.surfSmartSwipeBar{display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid #efd9c3;background:#fff8ef;border-radius:999px;padding:5px 6px 5px 10px;margin:6px 0}.surfSmartSwipeBar button{border:1px solid #e8d1b9;background:#fff;color:var(--navy);border-radius:999px;width:31px;height:31px;font-size:19px;line-height:1;font-weight:900;box-shadow:0 4px 10px rgba(12,39,64,.05)}.surfSmartDecisionBar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 10px 10px}.surfSmartControl{border:1px solid #eadfce;background:#fff;border-radius:14px;padding:7px;min-width:0}.surfSmartControl>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#8a6b52;margin-bottom:5px}.surfSmartChips{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.surfSmartChip{border:1px solid #e5d4c1;border-radius:999px;background:#fff;color:#20374d;padding:6px 8px;font-size:11px;font-weight:850;white-space:nowrap}.surfSmartChip.is-active{background:#0c2740;color:#fff;border-color:#0c2740}.surfSmartDeckWrap{position:relative}.surfSmartDeck{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(292px,32%);gap:9px;overflow:auto;scroll-snap-type:x mandatory;padding:1px 24px 4px 1px;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 38px),transparent)}.surfSmartResult{scroll-snap-align:start;display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;border:1px solid var(--line);border-radius:17px;background:#fff;padding:10px;min-width:0}.surfSmartRank{width:29px;height:29px;display:grid;place-items:center;border-radius:999px;background:var(--navy);color:#fff;font-weight:900;font-size:13px}.surfSmartResult h3{margin:5px 0 3px;color:var(--navy);font-size:19px;letter-spacing:-.035em}.surfSmartResult p{font-size:12.7px;line-height:1.34;margin:0;color:#52667a}.surfSmartResult dl,.surfSmartSpotVerdict dl{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0}.surfSmartResult dl div,.surfSmartSpotVerdict dl div{border:1px solid #efe3d4;background:#fffaf6;border-radius:11px;padding:6px}.surfSmartResult dt,.surfSmartSpotVerdict dt{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8a6b52;font-weight:900}.surfSmartResult dd,.surfSmartSpotVerdict dd{margin:3px 0 0;font-weight:900;color:var(--navy);font-size:12px}.surfSmartWhy{background:#fbf4ea;border-radius:12px;padding:7px!important;color:#42566a!important;font-size:12px!important;margin:6px 0!important}.surfSmartResult nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.surfSmartResult .surfSmartBtn{min-height:34px;font-size:11.8px;padding:6px 8px}.surfSmartDots{display:flex;justify-content:center;gap:5px;margin:5px 0 0}.surfSmartDots i{display:block;width:7px;height:7px;border-radius:999px;background:#dbc8b3}.surfSmartDots i.is-active{width:18px;background:var(--navy)}.surfSmartFallbackNote{font-size:12px!important;line-height:1.34;color:#6b7785!important;margin:0!important}.surfSmartMatrix{padding:0;overflow:hidden}.surfSmartMatrix>p{padding:0 12px 9px;margin:0;color:#617286;font-size:12.5px}.surfSmartTable{display:grid;gap:5px;padding:0 11px 11px;max-height:370px;overflow:auto}.surfSmartTable a{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 46px;gap:7px;align-items:center;border:1px solid #eadfce;border-radius:13px;background:#fff;padding:8px 9px;text-decoration:none;color:var(--navy)}.surfSmartTable span{color:var(--muted);font-size:11.5px}.surfSmartTable em{font-style:normal;font-weight:900;text-align:end}.surfSmartNote{font-size:11.5px!important;margin:0 12px 11px!important;color:#617286!important}.surfSmartSeoNotes{padding:0;overflow:hidden}.surfSmartSeoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 11px 11px}.surfSmartSeoGrid.compact article,.surfSmartFaqGrid article{border:1px solid #eadfce;background:#fff;border-radius:14px;padding:10px}.surfSmartSeoGrid b,.surfSmartFaqGrid b{display:block;color:var(--navy);margin-bottom:5px;font-size:13px}.surfSmartSeoGrid p,.surfSmartFaqGrid p{font-size:12.6px;line-height:1.4;color:#52667a;margin:0}.surfSmartFaqGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 11px 11px}.surfSmartSpotVerdict{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.62fr);gap:8px}.surfSmartSpotVerdict h2{margin:7px 0;color:var(--navy);font-size:24px;letter-spacing:-.04em}.surfSmartSpotVerdict p{color:#52667a;line-height:1.4;margin:0}.surfSmartSpotCards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.surfSmartSpotCards article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:10px}.surfSmartSpotCards h2{margin:0 0 5px;color:var(--navy);font-size:16px}.surfSmartSpotCards p{margin:0;color:#52667a;font-size:12.7px;line-height:1.38}.surfSmartDeck.compact{grid-auto-columns:minmax(272px,32%)}.surfSmartAlternatives{padding-bottom:10px}
@media(min-width:980px){.surfSmartDeck{grid-template-columns:repeat(3,1fr);grid-auto-flow:row;overflow:visible;padding-right:1px;mask-image:none}.surfSmartDeck .surfSmartResult:nth-child(n+4){display:none}.surfSmartDeck.compact{grid-template-columns:repeat(3,1fr)}.surfSmartDeckWrap>.surfSmartSwipeBar,.surfSmartAlternatives>.surfSmartSwipeBar{display:none}.surfSmartDots{display:none}}
@media(max-width:880px){.surfSmartDecisionBar{grid-template-columns:repeat(2,minmax(0,1fr))}.surfSmartSeoGrid,.surfSmartFaqGrid{grid-template-columns:1fr}.surfSmartSpotVerdict{grid-template-columns:1fr}.surfSmartSpotCards{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.surfSmartSpotCards article{min-width:78%;scroll-snap-align:start}.surfSmartDeck{grid-auto-columns:82%}}
@media(max-width:720px){.surfSmartMain{padding:8px 7px 42px}.surfSmartHero,.surfSmartPanel,.surfSmartSeoNotes{border-radius:18px;padding:11px;margin-bottom:7px}.surfSmartHero h1{font-size:31px}.surfSmartHero p{font-size:13.2px}.surfSmartConsoleHead,.surfSmartSectionHead{align-items:stretch;display:grid}.surfSmartConsoleHead .surfSmartBtn,.surfSmartSectionHead .surfSmartBtn{width:100%}.surfSmartDecisionBar{grid-template-columns:1fr;gap:6px}.surfSmartControls summary{padding:9px 10px}.surfSmartModels{padding:0 9px 9px}.surfSmartDecisionBar{padding:0 9px 9px}.surfSmartModel{min-width:166px}.surfSmartDeck{grid-auto-columns:86%;gap:8px}.surfSmartResult{grid-template-columns:28px minmax(0,1fr);padding:8px;border-radius:15px}.surfSmartRank{width:26px;height:26px;font-size:12px}.surfSmartResult h3{font-size:18px}.surfSmartResult dl,.surfSmartSpotVerdict dl{grid-template-columns:1fr}.surfSmartResult nav{grid-template-columns:1fr}.surfSmartBtn{width:100%;min-height:36px}.surfSmartTable a{grid-template-columns:1fr 44px}.surfSmartTable span{grid-column:1/-1}.surfSmartHero nav{display:grid;grid-template-columns:1fr}.surfSmartKicker,.surfSmartSectionHead span,.surfSmartResult header span,.surfSmartSpotVerdict span{font-size:9.5px;padding:5px 8px}.surfSmartSwipeBar{border-radius:14px}.surfSmartSwipeBar span{max-width:70%;line-height:1.2}.surfSmartSpotCards article{min-width:84%}}

/* Phase 257 — location wording, tighter rhythm and visible useful-content cues */
.surfSmartHero.compact{padding:14px 14px 12px;margin-bottom:8px}.surfSmartHero h1{max-width:880px}.surfSmartHero p{max-width:820px}.surfSmartPageMap{display:flex;align-items:center;gap:6px;overflow:auto;scrollbar-width:none;margin-top:9px;padding:2px 0}.surfSmartPageMap::-webkit-scrollbar{display:none}.surfSmartPageMap span,.surfSmartPageMap a{white-space:nowrap;border:1px solid #ead8c5;border-radius:999px;background:#fffaf3;color:#17324a;text-decoration:none;font-size:11px;font-weight:900;padding:7px 9px}.surfSmartPageMap span{background:#0c2740;color:#fff;border-color:#0c2740}.surfSmartFactStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}.surfSmartFactStrip span{border:1px solid #ead8c5;background:#fffaf3;border-radius:13px;padding:8px 9px;color:#17324a;font-size:12px;font-weight:850}.surfSmartFactStrip b{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#9a5b28;margin-bottom:3px}.surfSmartPanel{margin-bottom:8px}.surfSmartConsoleHead{margin-bottom:7px}.surfSmartControls{margin-bottom:8px}.surfSmartFallbackNote{border:1px dashed #e0c3a6;border-radius:13px;background:#fff8ef;padding:8px 10px!important;margin-top:6px!important}.surfSmartSeoNotes summary,.surfSmartMatrix summary{min-height:42px}.surfSmartSpotVerdict{padding:11px}.surfSmartSpotVerdict dl{grid-template-columns:repeat(5,minmax(0,1fr));align-self:start}.surfSmartSpotCards.tight{gap:6px}.surfSmartSpotCards.tight article{padding:9px}.surfSmartSpotCards.tight h2{font-size:14px}.surfSmartSpotCards.tight p{font-size:12.4px}.surfSmartSeoGrid.compact article,.surfSmartFaqGrid article{padding:9px}.surfSmartSeoGrid p,.surfSmartFaqGrid p{font-size:12.4px}.surfSmartSwipeBar{margin:5px 0}.surfSmartDeck{gap:8px}.surfSmartResult{padding:9px}.surfSmartResult h3{font-size:18px}.surfSmartResult p{font-size:12.5px}.surfSmartWhy{font-size:11.9px!important}.surfSmartTable{max-height:310px}.surfSmartTable a{padding:7px 8px}@media(max-width:720px){.surfSmartHero.compact{padding:11px 10px 10px}.surfSmartPageMap{padding-bottom:2px}.surfSmartPageMap span,.surfSmartPageMap a{font-size:10.5px;padding:6px 8px}.surfSmartFactStrip{grid-template-columns:1fr}.surfSmartPanel{margin-bottom:7px}.surfSmartSpotVerdict{display:block}.surfSmartSpotVerdict dl{grid-template-columns:1fr 1fr}.surfSmartSpotCards.tight{grid-template-columns:1fr}.surfSmartSeoGrid,.surfSmartFaqGrid{grid-template-columns:1fr}.surfSmartTable{max-height:280px}.surfSmartDeck{grid-auto-columns:84%}.surfSmartSwipeBar span{max-width:62%}}
/* Phase 258 — semantic/local expertise surf polish. */
.surfSmartNextCue{display:flex;align-items:center;gap:6px;overflow:auto;scrollbar-width:none;border:1px solid #ead9c5;background:linear-gradient(90deg,#fff8ed,#fff);border-radius:999px;padding:6px;margin:8px 0 0;box-shadow:0 6px 15px rgba(12,39,64,.04)}
.surfSmartNextCue::-webkit-scrollbar{display:none}.surfSmartNextCue span{flex:0 0 auto;color:#8c613e;font-size:10px;font-weight:950;letter-spacing:.07em;text-transform:uppercase;padding:0 4px}.surfSmartNextCue a{flex:0 0 auto;text-decoration:none;border:1px solid #ead4bd;background:#fff;color:#0c2740;border-radius:999px;padding:6px 9px;font-size:11.5px;font-weight:900;white-space:nowrap}.surfSmartNextCue a:after{content:'↓';margin-left:5px;color:#b56a2c}.surfSmartSeoGrid.phase258{grid-template-columns:repeat(4,minmax(0,1fr))}.surfSmartSeoGrid.phase258 a{color:#9b5522;font-weight:900;text-decoration:none}.surfSmartSpotNotes .surfSmartSeoGrid.phase258{grid-template-columns:repeat(2,minmax(0,1fr))}.surfSmartHero .surfSmartNextCue{margin-top:9px}.surfSmartConsole .surfSmartNextCue{margin-top:4px}.surfSmartSeoNotes[open] .surfSmartSeoGrid.phase258{padding-top:2px}.surfSmartApp [type="application/ld+json"]{display:none!important}
@media(max-width:880px){.surfSmartSeoGrid.phase258,.surfSmartSpotNotes .surfSmartSeoGrid.phase258{grid-template-columns:1fr}.surfSmartNextCue{position:relative;margin-top:7px;padding:5px}.surfSmartNextCue a{font-size:11px;padding:6px 8px}.surfSmartHero.compact{padding-bottom:12px}.surfSmartSeoGrid.phase258 article{padding:9px}}
.surfSmartLocalTip{border-left:3px solid #e7b17c;background:#fff8ef;color:#4e6173!important;border-radius:10px;padding:7px!important;margin:6px 0 0!important;font-size:11.8px!important;line-height:1.32!important}


/* Phase 259 — surf UX recovery: remove noisy cues, restore clean carousel, reduce wasted vertical space. */
body.surfSmartApp{padding-bottom:118px!important;overflow-x:hidden}.surfSmartMain{padding-bottom:92px}.surfSmartPageMap,.surfSmartNextCue{display:none!important}.surfSmartHero.compact{padding:12px 12px 10px!important;margin-bottom:7px}.surfSmartHero h1{font-size:clamp(28px,4.8vw,48px);line-height:.98;margin:7px 0 6px}.surfSmartHero p{font-size:13.4px;line-height:1.36;max-width:760px}.surfSmartConsoleHead p{font-size:12.3px;line-height:1.3;max-width:620px}.surfSmartPanel,.surfSmartSeoNotes{margin-bottom:7px}.surfSmartFallbackNote{display:none!important}.surfSmartSwipeBar{background:#fffaf3;border-color:#ead8c5;min-height:38px;margin:5px 0 6px}.surfSmartSwipeBar span{font-size:11px;max-width:none}.surfSmartDeck{mask-image:none!important;-webkit-mask-image:none!important}.surfSmartDeckWrap{overflow:hidden}.surfSmartResult{overflow:hidden}.surfSmartSeoNotes summary,.surfSmartMatrix summary{min-height:38px}.surfSmartSeoNotes summary b,.surfSmartMatrix summary b,.surfSmartControls summary b{font-size:10.8px;padding:5px 8px}.surfSmartSeoGrid.phase258 article{min-width:0}.surfSmartSeoGrid.phase258 p{overflow-wrap:anywhere}.surfSmartSpotCards.tight{margin-bottom:0}.surfSmartSpotCards.tight article{min-width:0}.surfSmartFactStrip{margin-top:8px}.surfSmartSpotVerdict{margin-bottom:7px}.surfSmartAlternatives{margin-bottom:0}.surfSmartLocalTip{display:none!important}
@media(max-width:880px){.surfSmartDeck{display:flex!important;grid-auto-flow:initial!important;grid-auto-columns:initial!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding:1px 10px 5px 1px}.surfSmartDeck .surfSmartResult{flex:0 0 calc(100% - 18px);max-width:calc(100% - 18px);scroll-snap-align:start}.surfSmartDeck.compact .surfSmartResult{flex-basis:calc(100% - 18px);max-width:calc(100% - 18px)}.surfSmartSpotCards{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important}.surfSmartSpotCards article{min-width:0!important}.surfSmartSeoGrid.phase258,.surfSmartSpotNotes .surfSmartSeoGrid.phase258{grid-template-columns:1fr}.surfSmartConsoleHead{grid-template-columns:1fr auto;align-items:center}.surfSmartConsoleHead .surfSmartBtn{width:auto;min-width:0}.surfSmartSpotVerdict dl{grid-template-columns:repeat(2,minmax(0,1fr))}.surfSmartHero nav{gap:6px}}
@media(max-width:720px){.surfSmartMain{padding:7px 7px 100px}.surfSmartHero.compact{padding:10px!important;border-radius:17px}.surfSmartHero h1{font-size:29px;letter-spacing:-.05em}.surfSmartHero p{font-size:13px}.surfSmartConsoleHead{display:grid;grid-template-columns:1fr;gap:6px}.surfSmartConsoleHead .surfSmartBtn{width:100%;min-height:34px}.surfSmartControls summary{padding:8px 9px}.surfSmartControls summary b{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surfSmartModels,.surfSmartDecisionBar{padding-left:8px;padding-right:8px}.surfSmartModel{min-width:154px;padding:8px}.surfSmartSwipeBar{padding:4px 5px 4px 9px;border-radius:999px}.surfSmartSwipeBar button{width:29px;height:29px}.surfSmartDeck{gap:7px;padding-right:9px}.surfSmartDeck .surfSmartResult{flex-basis:calc(100% - 14px);max-width:calc(100% - 14px)}.surfSmartResult{padding:8px;grid-template-columns:27px minmax(0,1fr)}.surfSmartResult h3{font-size:17.5px}.surfSmartResult p{font-size:12.3px;line-height:1.31}.surfSmartWhy{font-size:11.7px!important;line-height:1.32!important}.surfSmartResult dl,.surfSmartSpotVerdict dl{grid-template-columns:1fr 1fr!important}.surfSmartResult dl div,.surfSmartSpotVerdict dl div{padding:6px}.surfSmartResult nav{grid-template-columns:1fr}.surfSmartBtn{min-height:34px}.surfSmartMatrix>p{font-size:12.1px}.surfSmartTable{max-height:250px}.surfSmartSeoGrid.compact article,.surfSmartFaqGrid article{padding:8px}.surfSmartSeoGrid p,.surfSmartFaqGrid p{font-size:12.1px;line-height:1.35}.surfSmartFactStrip{grid-template-columns:1fr!important;gap:5px}.surfSmartFactStrip span{padding:7px 8px}.surfSmartSpotVerdict h2{font-size:21px}.surfSmartSpotVerdict p{font-size:12.6px;line-height:1.36}.surfSmartSpotCards.tight article{padding:8px}.surfSmartSpotCards.tight p{font-size:12.1px;line-height:1.35}}

/* Phase 261 — surf duration + forecast horizon rails. */
.surfForecastHorizonRail{display:flex;gap:8px;overflow:auto;scrollbar-width:none;border-top:1px solid #eadfce;padding:9px 10px;background:#fffdf8}.surfForecastHorizonRail::-webkit-scrollbar{display:none}.surfForecastHorizonRail a{flex:0 0 132px;text-decoration:none;border:1px solid #eadfce;background:#fff;border-radius:14px;padding:8px;color:#17324a}.surfForecastHorizonRail b{display:block;font-size:12.5px;color:#0c2740}.surfForecastHorizonRail span{display:block;font-size:11.2px;color:#607184;margin-top:2px}.menuSurfChips a{white-space:nowrap}@media(max-width:720px){.surfForecastHorizonRail a{flex-basis:118px}}

/* Phase 262 — Surf app interaction intelligence: decision model, route strip and compact CTA row. */
.surfRouteStrip{border:1px solid #eadfce;background:#fffaf6;border-radius:17px;padding:9px;margin:-1px 0 7px;overflow:hidden}.surfRouteStripHead{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-bottom:7px}.surfRouteStripHead b{color:#0c2740;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.surfRouteStripHead span{color:#8a6b52;font-size:11.5px;font-weight:800;text-align:right;max-width:58%}.surfRouteRail{display:flex;gap:8px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:1px}.surfRouteRail::-webkit-scrollbar{display:none}.surfRouteRail a{flex:0 0 188px;scroll-snap-align:start;text-decoration:none;border:1px solid #eadfce;background:#fff;border-radius:15px;padding:9px;color:#122b42;box-shadow:0 5px 12px rgba(12,39,64,.03)}.surfRouteRail b{display:block;color:#0c2740;font-size:13px;margin-bottom:4px}.surfRouteRail span{display:block;color:#607184;font-size:11.5px;line-height:1.28}.surfSmartMiniHead strong{font-size:11px;color:#0c2740}.surfSmartModels{background:linear-gradient(180deg,#fffaf6,#fff);border-bottom:1px solid #eadfce}.surfSmartModelRail{padding-right:36px}.surfSmartModel{min-width:168px}.surfSmartResult nav{grid-template-columns:1fr 1fr 1fr}.surfSmartResult .surfSmartBtn{min-width:0}.surfSmartResult .surfSmartBtn:not(.primary){background:#fffaf6}.surfSmartControls summary b{background:#0c2740;color:#fff;border-color:#0c2740}.surfForecastHorizonRail{border-radius:0 0 16px 16px}.surfStayLengthRail a,.surfForecastHorizonRail a{transition:transform .16s ease,border-color .16s ease}.surfStayLengthRail a:hover,.surfForecastHorizonRail a:hover,.surfRouteRail a:hover{transform:translateY(-1px);border-color:#e2b583}@media(max-width:720px){.surfRouteStrip{padding:8px;border-radius:15px}.surfRouteStripHead{display:block;margin-bottom:6px}.surfRouteStripHead span{display:block;max-width:none;text-align:left;margin-top:3px;font-size:11px}.surfRouteRail a{flex-basis:76%;padding:8px}.surfSmartResult nav{grid-template-columns:1fr}.surfSmartModel{min-width:148px}.surfSmartControls summary b{font-size:10.5px;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}[dir="rtl"] .surfRouteStripHead span{text-align:left}@media(max-width:420px){.surfRouteRail a{flex-basis:84%}.surfRouteRail span{font-size:11.2px}}

/* Phase 272 — surf app visual/font lock */
.surfSmartApp,.surfSpotApp{font-family:var(--tgz-font-body,"Inter",system-ui);color:var(--tgz-ink,#162b3a)}
.surfSmartApp :is(h1,h2,h3,.surfSmartTitle){font-family:var(--tgz-font-head,"Inter Tight",system-ui)}
.surfSmartApp :is(.surfSmartCard,.surfSmartPanel,.surfDecisionCard,.surfSpotCard){border-color:var(--tgz-sand,#eadfce)!important;border-radius:18px!important;box-shadow:var(--tgz-shadow-card,0 12px 30px rgba(8,38,60,.08))!important}.surfSmartApp :is(button,a){overflow-wrap:anywhere;hyphens:auto}.surfSmartApp :is(.surfSmartChip,.surfModelChip,.surfAction){min-height:2rem;border-radius:.68rem;font-size:.72rem;line-height:1.08;text-align:center}.surfSmartCarousel,.surfRouteStrip,.surfSpotDeck{gap:.48rem!important}.surfSmartApp :is(.surfSmartCard,.surfDecisionCard){padding:.64rem!important}.surfSmartApp p,.surfSmartApp small{line-height:1.28}
@media(max-width:720px){.surfSmartApp :is(.surfSmartCard,.surfDecisionCard){padding:.55rem!important}.surfSmartApp :is(.surfSmartChip,.surfModelChip,.surfAction){font-size:.68rem;min-height:1.82rem}.surfSmartCarousel>*{flex-basis:84vw!important}}