/* TechBullion Tools 2.4.0: the calculator scenes (house, car, jar, plane, basket) that stand in for the
   coin where a tool has its own subject. Rule (27 September 2026): every tool's illustration reflects the
   tool, in the brand colours. Markup and behaviour: assets/scenes.js. */
/* The house (Mortgage Calculator). Brand colours only; gold marks what is yours (lit windows, key, sun). */
.tbt .mascot.scenic{width:210px}
.tbt .top-row:has(.mascot.scenic){grid-template-columns:minmax(0,1fr) 210px}
.tbt .h-scene .h-wall{fill:#FFFFFF;stroke:#002F56;stroke-width:2.5}
.tbt .h-scene .h-fill{fill:#66CCFF;fill-opacity:.45;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform .45s ease}
.tbt .h-scene .h-level{stroke:#002F56;stroke-width:1.5;stroke-dasharray:4 3;transition:transform .45s ease,opacity .3s}
.tbt .h-scene .h-course{stroke:#002F56;stroke-opacity:.07;stroke-width:1}
.tbt .h-scene .h-roof{fill:#002F56;stroke:#002F56;stroke-width:3;stroke-linejoin:round}
.tbt .h-scene .h-tiles{fill:none;stroke:#104561;stroke-width:2;stroke-linecap:round}
.tbt .h-scene .h-chimney{fill:#104561}
.tbt .h-scene .h-win{fill:#E4E8ED;stroke:#002F56;stroke-width:2;transition:fill .3s}
.tbt .h-scene .h-win.lit{fill:#FFC45C}
.tbt .h-scene .h-bar{stroke:#002F56;stroke-width:1.5}
.tbt .h-scene .h-doorway{fill:#FFC45C}
.tbt .h-scene .h-door{fill:#104561;stroke:#002F56;stroke-width:2;transform-box:fill-box;transform-origin:0 50%;transition:transform .5s ease}
.tbt .h-scene .h-knob{fill:#FFC45C;transition:opacity .2s}
.tbt .h-scene .h-key{fill:none;stroke:#002F56;stroke-width:2.2;stroke-linecap:round}
.tbt .mascot.owned .h-door{transform:scaleX(.18)}
.tbt .mascot.owned .h-knob{opacity:0}
.tbt .h-scene .h-grass{fill:#66CCFF;fill-opacity:.35}
.tbt .h-scene .h-path{fill:#E4E8ED}
.tbt .h-scene .h-trunk{fill:#104561}
.tbt .h-scene .h-leaves{fill:#66CCFF;fill-opacity:.75}
.tbt .h-scene .h-tree{transform-box:fill-box;transform-origin:50% 100%;animation:h-sway 5s ease-in-out infinite}
.tbt .h-scene .h-smoke circle{fill:#A9C1D6;opacity:0;animation:h-smoke 3.6s ease-out infinite}
.tbt .h-scene .h-smoke circle:nth-child(2){animation-delay:1.2s}.tbt .h-scene .h-smoke circle:nth-child(3){animation-delay:2.4s}
.tbt .h-scene .h-sun{fill:#FFC45C;stroke:#FFC45C;stroke-width:2;stroke-linecap:round;transition:transform .45s ease,opacity .45s ease}
.tbt .h-scene .h-cloud{fill:#A9C1D6;opacity:0;transition:opacity .4s}
.tbt .h-scene .h-rain{fill:none;stroke:#66CCFF;stroke-width:2;stroke-linecap:round}
.tbt .mascot.stormy .h-cloud{opacity:1}
.tbt .h-scene .h-tag{font:700 12px "Montserrat","Helvetica Neue",Arial,sans-serif;fill:#002F56;font-variant-numeric:tabular-nums}
.tbt .mascot.scenic.rest .m-inner,.tbt .mascot.scenic .m-shadow{animation:none}
.tbt .mascot.scenic.jump .h-scene{animation:h-hop .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes h-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes h-smoke{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:.8}100%{opacity:0;transform:translate(10px,-40px) scale(1.8)}}
@keyframes h-hop{0%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){.tbt .h-scene .h-tree,.tbt .h-scene .h-smoke circle,.tbt .mascot.scenic.jump .h-scene{animation:none}.tbt .h-scene .h-fill,.tbt .h-scene .h-level,.tbt .h-scene .h-door{transition:none}}
/* The house's sky and garden. Dragging the chart runs day into night (a quarter day a year); owning more
   grows the garden: flowers, then a bush, a second tree, a fence, and birds once it is nearly yours. */
.tbt .h-scene .h-skybg{fill:#EAF6FD;transition:fill .45s ease}
.tbt .h-scene .h-moon{fill:#F3F6F8;transition:transform .45s ease,opacity .45s ease}
.tbt .h-scene .h-stars{fill:#FFFFFF;opacity:0;transition:opacity .45s ease}
.tbt .h-scene .h-drift path{fill:#FFFFFF;stroke:#D2D9E1;stroke-width:1}
.tbt .h-scene .h-drift{animation:h-drift 26s linear infinite}
.tbt .h-scene .h-d2{animation-duration:38s;animation-delay:-19s}
.tbt .mascot.night .h-drift{opacity:.35}
.tbt .h-scene .h-birds{fill:none;stroke:#002F56;stroke-width:1.5;stroke-linecap:round;opacity:0;transition:opacity .4s;animation:h-fly 6s ease-in-out infinite}
.tbt .mascot.night .h-win:not(.lit){fill:#104561}
.tbt .mascot.night .h-win.lit{fill:#FFC45C;filter:drop-shadow(0 0 3px #FFC45C)}
.tbt .mascot.night .h-wall{fill:#E4E8ED}
.tbt .h-scene .h-grow,.tbt .h-scene .h-flower{transform-box:fill-box;transform-origin:50% 100%;transform:scale(0);opacity:0;transition:transform .45s cubic-bezier(.3,1.5,.5,1),opacity .3s}
.tbt .h-scene .h-grow.on,.tbt .h-scene .h-flower.on{transform:scale(1);opacity:1}
.tbt .h-scene #hBush{fill:#66CCFF;stroke:#104561;stroke-width:1}
.tbt .h-scene .h-fence{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round}
.tbt .h-scene .h-fence{filter:drop-shadow(0 0 .6px #002F56)}
.tbt .h-scene .h-stem{stroke:#104561;stroke-width:1.5}
.tbt .h-scene .h-bloom circle{fill:#FFC45C}.tbt .h-scene .h-bloom.sky circle{fill:#66CCFF}
.tbt .h-scene .h-bloom .h-eye,.tbt .h-scene .h-bloom.sky .h-eye{fill:#FFFFFF}
@keyframes h-drift{from{transform:translateX(-40px)}to{transform:translateX(230px)}}
@keyframes h-fly{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,-4px)}}
@media (prefers-reduced-motion:reduce){.tbt .h-scene .h-drift,.tbt .h-scene .h-birds{animation:none}.tbt .h-scene .h-sun,.tbt .h-scene .h-moon,.tbt .h-scene .h-skybg,.tbt .h-scene .h-grow,.tbt .h-scene .h-flower{transition:none}}
.tbt .mascot.night .h-roof{fill:#104561;stroke:#A9C1D6;stroke-width:1.5}
.tbt .mascot.night .h-tiles{stroke:#1F4A6E}
.tbt .mascot.night .h-chimney{fill:#1F4A6E}
.tbt .h-scene .h-smoke circle{fill:#E4E8ED}
/* The speech bubble sits beside the scene, not over its corner. */
.tbt .mascot.scenic .bubble{margin-right:10px}
/* The car (Car Loan Calculator). It is painted Tech Navy from the back as you own it, the road and the
   roadside keep moving, and luggage goes on the roof as the share grows; a gold bow when it is paid off. */
.tbt .c-scene .c-hills{fill:#CFE6F5;transition:fill .45s}
.tbt .mascot.night .c-hills{fill:#104561}
.tbt .c-scene .c-crown{fill:#66CCFF;fill-opacity:.75}
.tbt .c-scene .c-road{fill:#596672}
.tbt .c-scene .c-edge{stroke:#E4E8ED;stroke-width:1.5}
.tbt .c-scene .c-dash{stroke:#FFFFFF;stroke-width:2.5;stroke-linecap:round}
.tbt .c-scene .c-kerb{fill:#E4E8ED}
.tbt .c-scene .c-trees{animation:c-roll 9s linear infinite}
.tbt .c-scene .c-dashes{animation:c-lane .55s linear infinite}
.tbt .c-scene .c-car{animation:c-bump .45s ease-in-out infinite alternate}
.tbt .c-scene .c-primer{fill:#E4E8ED}
.tbt .c-scene .c-paint{fill:#002F56;transform-box:fill-box;transform-origin:0 50%;transform:scaleX(0);transition:transform .45s ease}
.tbt .c-scene .c-level{stroke:#66CCFF;stroke-width:1.5;stroke-dasharray:4 3;transition:transform .45s ease,opacity .3s}
.tbt .c-scene .c-outline{fill:none;stroke:#002F56;stroke-width:2.5;stroke-linejoin:round}
.tbt .c-scene .c-glass{fill:#BFE6FA;stroke:#002F56;stroke-width:2;stroke-linejoin:round}
.tbt .c-scene .c-seam{stroke:#A9C1D6;stroke-width:1.2}
.tbt .c-scene .c-handle{fill:#A9C1D6}
.tbt .c-scene .c-head{fill:#FFC45C}.tbt .c-scene .c-tail{fill:#A52B22}
.tbt .c-scene .c-beam{fill:#FFC45C;opacity:0;transition:opacity .45s}
.tbt .mascot.night .c-beam{opacity:.35}
.tbt .c-scene .c-tyre{fill:#002F56}.tbt .c-scene .c-rim{fill:#E4E8ED}.tbt .c-scene .c-spoke{stroke:#596672;stroke-width:1.6}
.tbt .c-scene .c-spin{transform-origin:0 0;animation:c-spin .6s linear infinite}
.tbt .c-scene .c-rack{fill:none;stroke:#002F56;stroke-width:2;stroke-linecap:round}
.tbt .c-scene .c-bag1{fill:#66CCFF;stroke:#002F56;stroke-width:1.5}.tbt .c-scene .c-strap{fill:none;stroke:#002F56;stroke-width:1.5}
.tbt .c-scene .c-bag2{fill:#FFFFFF;stroke:#002F56;stroke-width:1.5}
.tbt .c-scene .c-bow{fill:#FFC45C;stroke:#997637;stroke-width:1;transform-box:fill-box;transform-origin:50% 50%;transform:scale(0);transition:transform .45s cubic-bezier(.3,1.5,.5,1)}
.tbt .mascot.owned .c-bow{transform:scale(1)}
.tbt .c-scene .c-exhaust circle{fill:#D2D9E1}
@keyframes c-roll{from{transform:translateX(0)}to{transform:translateX(-208px)}}
@keyframes c-lane{from{transform:translateX(0)}to{transform:translateX(-36px)}}
@keyframes c-bump{from{transform:translateY(0)}to{transform:translateY(-1px)}}
@keyframes c-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.tbt .c-scene .c-trees,.tbt .c-scene .c-dashes,.tbt .c-scene .c-car,.tbt .c-scene .c-spin{animation:none}.tbt .c-scene .c-paint,.tbt .c-scene .c-level{transition:none}}
.tbt .c-scene .c-exhaust circle{animation-name:c-puff}
@keyframes c-puff{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:.8}100%{opacity:0;transform:translate(-26px,-8px) scale(1.8)}}
/* Smoke and exhaust puffs grow about their own centre; scaled about the drawing's corner they drifted
   out of the scene as stray grey dots. Nothing in a scene is drawn outside its frame. */
.tbt .h-scene .h-smoke circle{transform-box:fill-box;transform-origin:50% 50%}
.tbt .mascot.scenic svg{overflow:hidden}
/* ------------------------------------------------------------------ 2.4.0: three more scenes, same sky
   Savings goal (jar), Runway (plane), Inflation (basket). Brand colours only; gold marks what you gain. */
.tbt .j-scene .j-glass{fill:#FFFFFF;fill-opacity:.55}
.tbt .j-scene .j-outline{fill:none;stroke:#002F56;stroke-width:2.5}
.tbt .j-scene .j-neck{fill:#FFFFFF;fill-opacity:.55;stroke:#002F56;stroke-width:2.5;stroke-linejoin:round}
.tbt .j-scene .j-rim{fill:#104561}
.tbt .j-scene .j-saved{fill:#66CCFF;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform .45s ease}
.tbt .j-scene .j-growth{fill:#FFC45C;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform .45s ease}
.tbt .j-scene .j-rings{stroke:#002F56;stroke-opacity:.12;stroke-width:1}
.tbt .j-scene .j-goal{stroke:#002F56;stroke-width:1.5;stroke-dasharray:4 3}
.tbt .j-scene .j-goal-t{font:700 9px "Montserrat","Helvetica Neue",Arial,sans-serif;fill:#002F56}
.tbt .j-scene .j-shine{stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;opacity:.8}
.tbt .j-scene .j-lid rect{fill:#002F56}
.tbt .j-scene .j-lid{transform:translateY(-40px);opacity:0;transition:transform .5s cubic-bezier(.3,1.4,.5,1),opacity .3s}
.tbt .mascot.owned .j-lid{transform:none;opacity:1}
.tbt .j-scene .j-bow{fill:#FFC45C;stroke:#997637;stroke-width:1}
.tbt .j-scene .j-coin{fill:#FFC45C;stroke:#997637;stroke-width:1.2}.tbt .j-scene .j-coin-mark{stroke:#997637;stroke-width:1.2}
.tbt .j-scene .j-drop{animation:j-drop 1.8s ease-in infinite}
.tbt .mascot.owned .j-drop{display:none}
.tbt .j-scene .j-pot{fill:#104561}
.tbt .j-scene .j-leaf{fill:#66CCFF;stroke:#104561;stroke-width:1}
.tbt .j-scene .j-stackc{fill:#FFC45C;stroke:#997637;stroke-width:1}
@keyframes j-drop{0%{transform:translateY(0);opacity:0}15%{opacity:1}75%{transform:translateY(46px);opacity:1}100%{transform:translateY(52px);opacity:0}}
.tbt .p-scene .p-grass{fill:#66CCFF;fill-opacity:.3}
.tbt .p-scene .p-runway{fill:#596672}
.tbt .p-scene .p-tower-b{fill:#104561}.tbt .p-scene .p-tower-c{fill:#002F56}.tbt .p-scene .p-tower-w{fill:#BFE6FA;stroke:#002F56;stroke-width:1.5}
.tbt .p-scene .p-post{fill:#FFFFFF;stroke:#A52B22;stroke-width:1}.tbt .p-scene .p-stripe{stroke:#A52B22;stroke-width:3}
.tbt .p-scene .p-light{fill:#596672;stroke:#E4E8ED;stroke-width:1;transition:fill .3s}
.tbt .p-scene .p-light.on{fill:#FFC45C;animation:p-blink 2s ease-in-out infinite}
.tbt .p-scene .p-plane{transition:transform .5s ease}
.tbt .p-scene .p-fuse{fill:#FFFFFF;stroke:#002F56;stroke-width:2}
.tbt .p-scene .p-tail{fill:#002F56}.tbt .p-scene .p-stripe2{stroke:#66CCFF;stroke-width:2}
.tbt .p-scene .p-cockpit{fill:#002F56}.tbt .p-scene .p-windows{fill:#66CCFF}
.tbt .p-scene .p-wing{fill:#104561}.tbt .p-scene .p-engine{fill:#002F56}
.tbt .p-scene .p-strut{stroke:#002F56;stroke-width:1.5}.tbt .p-scene .p-wheel{fill:#002F56}
.tbt .p-scene .p-gear{transition:opacity .3s}
.tbt .mascot.owned .p-gear{opacity:0}
.tbt .p-scene .p-body{animation:p-idle .5s ease-in-out infinite alternate}
.tbt .mascot.owned .p-body{animation:p-fly 2.4s ease-in-out infinite}
@keyframes p-blink{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes p-idle{from{transform:translateY(0)}to{transform:translateY(-.6px)}}
@keyframes p-fly{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.tbt .b-scene .b-handle{fill:none;stroke:#002F56;stroke-width:5;stroke-linecap:round}
.tbt .b-scene .b-basket{fill:#104561;stroke:#002F56;stroke-width:2;stroke-linejoin:round}
.tbt .b-scene .b-weave{stroke:#66CCFF;stroke-opacity:.35;stroke-width:1.5}
.tbt .b-scene .b-item{transform-box:fill-box;transform-origin:50% 100%;transition:transform .5s ease,opacity .4s}
.tbt .b-scene .b-item.gone{transform:translateY(-34px) scale(.6);opacity:0}
.tbt .b-scene .b-bread{fill:#FFC45C;stroke:#997637;stroke-width:1.2}.tbt .b-scene .b-score{stroke:#997637;stroke-width:1.2;stroke-linecap:round}
.tbt .b-scene .b-milk{fill:#FFFFFF;stroke:#002F56;stroke-width:1.5;stroke-linejoin:round}.tbt .b-scene .b-label{fill:#66CCFF}
.tbt .b-scene .b-bottle{fill:#66CCFF;stroke:#002F56;stroke-width:1.5}
.tbt .b-scene .b-apple{fill:#A52B22}
.tbt .b-scene .b-banana{fill:#FFC45C;stroke:#997637;stroke-width:1}
.tbt .b-scene .b-cheese{fill:#FFE7B8;stroke:#997637;stroke-width:1.2}.tbt .b-scene .b-hole{fill:#997637}
.tbt .b-scene .b-broc{fill:#66CCFF;stroke:#104561;stroke-width:1}
.tbt .b-scene .b-jam{fill:#A52B22;fill-opacity:.8}.tbt .b-scene .b-lid{fill:#002F56}
.tbt .b-scene .b-stake{stroke:#104561;stroke-width:3}
.tbt .b-scene .b-tag{fill:#FFC45C;stroke:#997637;stroke-width:1}
.tbt .b-scene .b-price{font:800 11px "Montserrat","Helvetica Neue",Arial,sans-serif;fill:#002F56;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.tbt .j-scene .j-drop,.tbt .p-scene .p-light.on,.tbt .p-scene .p-body,.tbt .mascot.owned .p-body{animation:none}.tbt .p-scene .p-plane,.tbt .b-scene .b-item,.tbt .j-scene .j-saved,.tbt .j-scene .j-growth{transition:none}}
.tbt .mascot.night .b-basket{stroke:#A9C1D6}
.tbt .mascot.night .b-handle{stroke:#A9C1D6}
.tbt .mascot.night .p-tower-b,.tbt .mascot.night .p-tower-c,.tbt .mascot.night .p-tail{stroke:#A9C1D6;stroke-width:1}
.tbt .mascot.night .j-outline,.tbt .mascot.night .j-neck{stroke:#A9C1D6}
/* Shared parts for all scene files: labels, a transition for values that move, and a few gentle loops. */
.tbt .h-scene .s-label{font:700 8px "Montserrat","Helvetica Neue",Arial,sans-serif;fill:#002F56}
.tbt .h-scene .s-label-w{font:700 8.5px "Montserrat","Helvetica Neue",Arial,sans-serif;fill:#FFFFFF;font-variant-numeric:tabular-nums}
.tbt .h-scene .s-big{font:800 13px "Montserrat","Helvetica Neue",Arial,sans-serif;fill:#002F56;font-variant-numeric:tabular-nums}
.tbt .h-scene .s-tr{transform-box:view-box;transition:transform .45s ease,opacity .35s ease}
.tbt .h-scene .s-bob{animation:s-bob 2.6s ease-in-out infinite}
.tbt .h-scene .s-wave{animation:s-wave 5s ease-in-out infinite alternate}
.tbt .h-scene .s-wobble{animation:s-wobble 3s ease-in-out infinite}
.tbt .h-scene .s-drip{animation:s-drip .9s linear infinite}
.tbt .h-scene .s-climb{animation:s-climb 3.2s ease-in-out infinite}
.tbt .h-scene .s-spin{transform-box:fill-box;transform-origin:50% 50%;animation:s-spin 14s linear infinite}
.tbt .h-scene .s-flame{transform-box:fill-box;transform-origin:50% 100%;animation:s-flame .45s ease-in-out infinite alternate}
.tbt .h-scene .s-fall{animation:s-fall 1.8s ease-in infinite}
.tbt .h-scene .s-pulse{transform-box:fill-box;transform-origin:50% 50%;animation:s-pulse 1.6s ease-in-out infinite}
.tbt .h-scene .s-tick{opacity:0;animation:s-tick 5.4s linear infinite}
@keyframes s-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes s-wave{from{transform:translateX(0)}to{transform:translateX(-24px)}}
@keyframes s-wobble{0%,100%{rotate:0deg}50%{rotate:1.5deg}}
@keyframes s-drip{from{stroke-dashoffset:0}to{stroke-dashoffset:-16}}
@keyframes s-climb{0%,100%{transform:translateY(8px)}50%{transform:translateY(-14px)}}
@keyframes s-spin{to{transform:rotate(360deg)}}
@keyframes s-flame{from{transform:scale(1,1)}to{transform:scale(.9,1.12)}}
@keyframes s-fall{0%{transform:translateY(0);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translateY(40px);opacity:0}}
@keyframes s-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes s-tick{0%,4%{opacity:0}6%,92%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.tbt .h-scene .s-bob,.tbt .h-scene .s-wave,.tbt .h-scene .s-wobble,.tbt .h-scene .s-drip,.tbt .h-scene .s-climb,.tbt .h-scene .s-spin,.tbt .h-scene .s-flame,.tbt .h-scene .s-fall,.tbt .h-scene .s-pulse{animation:none}.tbt .h-scene .s-tick{animation:none;opacity:1}.tbt .h-scene .s-tr{transition:none}}
.tbt .h-scene .sb-roll{animation:sb-roll 5s linear infinite}
.tbt .h-scene .sb-spin{animation:s-spin 1.6s linear infinite;transform-origin:0 0}
@keyframes sb-roll{from{transform:translate(78px,calc(111px - var(--r,14px)))}to{transform:translate(172px,calc(157px - var(--r,14px)))}}
@media (prefers-reduced-motion:reduce){.tbt .h-scene .sb-roll{animation:none;transform:translate(120px,calc(131px - var(--r,14px)))}.tbt .h-scene .sb-spin{animation:none}}
.tbt .h-scene .bk-rock{animation:bk-rock 3.6s ease-in-out infinite}
.tbt .h-scene .tl-feed{animation:tl-feed 3s ease-in-out infinite alternate}
@keyframes bk-rock{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes tl-feed{from{transform:translateY(8px)}to{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.tbt .h-scene .bk-rock,.tbt .h-scene .tl-feed{animation:none}}
/* Ferris wheel gondolas turn back against the wheel, so they stay upright. */
.tbt .h-scene .wh-gon{transform-box:view-box;animation:s-spin 14s linear infinite reverse}
@media (prefers-reduced-motion:reduce){.tbt .h-scene .wh-gon{animation:none}}
/* Figures written straight on the sky turn white after dark. */
.tbt .mascot.night .h-scene .on-sky{fill:#FFFFFF}
/* At night a navy shape would vanish into the navy sky; it gets a soft outline instead. */
.tbt .mascot.night .h-scene [fill="#002F56"]:not(text){stroke:#A9C1D6;stroke-width:1}

/* Phone and tablet: scene stages shrink with the viewport and never clip the figures. */
.tbt-scene,.tbt .scene{max-width:100%;overflow:hidden}
@media(max-width:900px){.tbt-scene svg,.tbt .scene svg{width:100%;height:auto}}
@media(max-width:600px){.tbt-scene,.tbt .scene{min-height:0;aspect-ratio:16/10}.tbt-scene .scene-caption,.tbt .scene .scene-caption{font-size:13px}}