/* BitcoinOrbit V15.2 — dedicated phone and small-tablet responsive layer.
   Applied AFTER legacy CSS to all routes; no pricing, model or canvas engine changes. */
@media (max-width: 900px){
  #inhalt,body main{min-width:0;max-width:100%}
  #inhalt > [data-studio-route],#inhalt .section-alt{min-width:0;max-width:100%;box-sizing:border-box}
  #inhalt :is(.market-grid,.market-grid-advanced,.power-grid,.wealth-layout,.analysis-grid,.calculator-grid,.sats-layout,.income-grid,.network-panels,.network-panels.minor,.bt-bottom-grid,.is-layout,.wp-layout){grid-template-columns:minmax(0,1fr)!important}
  #inhalt :is(.market-grid,.power-grid,.wealth-layout,.analysis-grid,.calculator-grid,.sats-layout,.income-grid,.network-panels,.bt-bottom-grid,.is-layout,.wp-layout) > *{min-width:0}
  #income .income-grid{grid-template-columns:minmax(0,1fr)!important}
  #income .is-controls{position:static!important;max-height:none!important}
  #network .live-block-grid{grid-template-columns:minmax(0,1fr)!important}
  #strategien .bt-bottom-grid{grid-template-columns:minmax(0,1fr)!important}
  #markt .market-plot-scroll,.power-main .chart-holder.tall,.bt-table-scroll,.bt-trade-scroll,.wp-table-wrap,.is-table-wrap,.macro-table-wrap,.k-table-wrap,.v14-table-wrap{
    max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#6b7e91 #111b27;
  }
  #markt .market-plot-scroll{touch-action:pan-x pan-y;border-radius:12px}
  #markt .market-plot-inner{width:max(840px,100%)!important;min-width:840px!important}
  #markt .market-plot-inner .chart-holder{height:clamp(320px,47vw,480px)!important}
  #network #live-voxel-canvas{max-width:100%;touch-action:pan-y!important}
  #network .live-cube-viewport.voxel-viewport{width:100%;min-width:0;max-width:100%}
  #network .live-block-card{max-width:100%;min-width:0}
  #powerlaw :is(.pl-toolbar,.control-panel){min-width:0}
  #korrelation .macro-tables{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width: 760px){
  :root{--orbit-mobile-gutter:clamp(11px,3.5vw,18px)}
  html{max-width:100%;overflow-x:clip;scroll-padding-top:90px}
  body{max-width:100%;overflow-x:clip!important;-webkit-text-size-adjust:100%}
  *,*::before,*::after{box-sizing:border-box}
  body :is(h1,h2,h3,h4,p,li,dt,dd,small){overflow-wrap:break-word}
  body :is(h1,h2,h3){hyphens:auto}
  body main{width:100%;max-width:100%;min-width:0;padding-bottom:18px}
  #inhalt :is(.section.shell,.section.shell-wide){width:calc(100% - 2*var(--orbit-mobile-gutter))!important;max-width:100%!important;margin-inline:auto!important}
  #inhalt :is(.section-alt,.analytics-zone){width:100%;max-width:100%;min-width:0}
  #inhalt .section-alt > .shell{width:calc(100% - 2*var(--orbit-mobile-gutter))!important;max-width:100%!important;margin-inline:auto!important}
  #inhalt :is(.card,.surface,.metric-card,.indicator-card,.v9-feature,.bt-dashboard,.bt-price-panel,.bt-trade-panel,.is-panel,.is-intro,.wp-panel,.wp-intro,.macro-analysis,.network-guide){max-width:100%;min-width:0}
  #inhalt :is(.section-heading,.card-head,.market-head,.strategy-heading,.bt-chart-title,.live-block-header){max-width:100%;gap:10px;min-width:0}
  #inhalt .section-heading h2{font-size:clamp(25px,7vw,34px)!important;line-height:1.15!important;letter-spacing:-.035em}
  #inhalt .section-heading p{font-size:14px!important;line-height:1.65!important}
  #inhalt :is(.section-alt,.section) h3{line-height:1.28}
  #inhalt :is(.calculator-grid,.sats-layout,.income-grid,.analysis-grid,.wealth-layout,.power-grid,.network-panels,.bt-bottom-grid,.wp-layout,.is-layout){gap:14px!important}
  #inhalt :is(.form-grid,.sats-input-row,.wp-field-row,.is-intro-grid,.is-pair,.wealth-slider-row,.wealth-caption-grid,.pl-pattern-grid,.strategy-explain__grid,.v141-mc-grid,.macro-guide-cards){grid-template-columns:minmax(0,1fr)!important}
  #inhalt :is(.form-grid,.sats-input-row,.wp-field-row,.is-pair)>*{min-width:0}
  #inhalt :is(.market-toolbar,.market-controls,.market-workbench,.chart-mode-controls,.overlay-toolbar,.chart-date-controls,.pl-toolbar,.wealth-controls,.candidate-controls,.voxel-control-actions,.live-block-actions,.bt-chart-actions,.wp-actions,.is-period){max-width:100%;gap:8px;flex-wrap:wrap!important}
  #inhalt :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){max-width:100%;font-size:16px!important;min-height:44px}
  #inhalt :is(button,.button,.chip,.small-btn,.bt-download,.wp-btn,.voxel-mini-button){touch-action:manipulation}
  #inhalt :is(.market-toolbar,.chart-mode-controls,.chart-date-controls,.pl-toolbar,.live-block-actions,.voxel-control-actions,.bt-controlbar,.wp-actions) :is(button,.chip,.button,.wp-btn,.voxel-mini-button){min-height:42px!important;line-height:1.3!important}
  #inhalt :is(.result-metrics,.market-kpi-strip,.mini-grid,.is-metrics,.wp-kpis,.bt-kpis,.live-block-kpis,.wealth-summary,.v14-fan-stats){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #inhalt :is(.result-metrics,.market-kpi-strip,.mini-grid,.is-metrics,.wp-kpis,.bt-kpis,.live-block-kpis,.wealth-summary,.v14-fan-stats)>*{min-width:0;overflow-wrap:anywhere}
  #inhalt :is(.result-metrics,.market-kpi-strip,.mini-grid,.is-metrics,.wp-kpis,.bt-kpis,.live-block-kpis,.wealth-summary,.v14-fan-stats) strong{font-size:clamp(17px,5.4vw,25px);overflow-wrap:anywhere}
  #markt .surface.main-chart{padding:14px 10px 16px!important}
  #markt .market-toolbar{justify-content:flex-start!important}
  #markt .market-kpi-strip{gap:7px!important}
  #markt .market-kpi-card{padding:12px!important}
  #markt .chart-date-controls{align-items:stretch!important}
  #markt .chart-date-controls input{width:100%;max-width:100%!important;min-width:0}
  #markt .market-plot-inner{min-width:760px!important;width:760px!important}
  #markt .market-plot-inner .chart-holder{height:390px!important}
  #markt .chart-tool-hint{font-size:12px;line-height:1.5}
  #powerlaw .power-grid{grid-template-columns:minmax(0,1fr)!important}
  #powerlaw .pl-toolbar{justify-content:flex-start!important;align-items:stretch!important}
  #powerlaw .pl-toolbar :is(button,select){min-height:42px}
  #powerlaw .chart-holder.tall{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  #powerlaw .chart-holder.tall svg{min-width:700px!important;width:700px!important;max-width:none!important}
  #powerlaw .control-panel{padding:14px!important}
  #indikatoren .indicator-grid,#analytics .analysis-grid{grid-template-columns:minmax(0,1fr)!important}
  #analytics .analy-chart{max-width:100%;min-width:0}
  #wealth .wealth-controls{grid-template-columns:minmax(0,1fr)!important}
  #wealth .wealth-bubbles{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  #sats .sats-form :is(input,select){width:100%;max-width:100%}
  #rechner .calculator-grid{grid-template-columns:minmax(0,1fr)!important}
  #entnahme .wp-form{grid-template-columns:minmax(0,1fr)!important}
  #entnahme .wp-steps{grid-template-columns:minmax(0,1fr)!important}
  #income .income-card{padding:17px!important}
  #income .is-intro-grid,#income .is-layout{grid-template-columns:minmax(0,1fr)!important}
  #income .is-controls{display:block!important;padding:17px!important}
  #income .is-metrics{gap:8px!important}
  #income .is-metric{padding:11px!important}
  #income .is-metric strong{font-size:clamp(17px,5.4vw,21px)!important}
  #strategien .bt-controlbar{grid-template-columns:minmax(0,1fr)!important}
  #strategien .bt-controlbar > .bt-control{grid-column:auto!important;min-width:0}
  #strategien .bt-dashboard{padding:12px!important}
  #strategien :is(.bt-chart-card,.bt-price-panel,.bt-trade-panel){padding:14px 11px!important}
  #strategien .bt-chart-canvas{height:270px!important}
  #strategien .bt-chart-canvas svg,#strategien .bt-price-chart svg{max-width:100%;touch-action:pan-y}
  #strategien .bt-rankings{padding:15px 11px!important}
  #strategien .bt-ranking-table{min-width:780px}
  #strategien .v14-fan-chart{height:210px!important}
  #network .live-block-grid{gap:12px!important}
  #network .live-block-card{padding:clamp(11px,3vw,17px)!important;border-radius:16px!important}
  #network .live-block-header{flex-wrap:wrap!important}
  #network .live-block-header h3{font-size:clamp(24px,7vw,33px)!important}
  #network .live-cube-scene.voxel-scene{height:clamp(305px,90vw,460px)!important}
  #network .live-cube-viewport.voxel-viewport{border-radius:13px!important}
  #network .voxel-viewport-top,#network .voxel-viewport-footer{padding:10px!important;gap:7px!important;font-size:11px!important}
  #network .voxel-controls{padding:12px!important}
  #network .voxel-mini-button{flex:1 1 auto}
  #network .network-guide{padding:17px!important}
  #network .network-guide p{font-size:14px!important;line-height:1.7!important}
  #network .network-guide-grid{grid-template-columns:minmax(0,1fr)!important}
  #network .network-guide-grid > article,#network .network-guide-animation{padding:15px!important}
  #schulden .embed-frame iframe{display:block;max-width:100%;width:100%}
  #korrelation .macro-money{grid-template-columns:minmax(0,1fr)!important}
  #korrelation .macro-tables{gap:11px!important}
  #korrelation .macro-controls{align-items:stretch!important}
  #korrelation .macro-chart{max-width:100%;overflow:hidden}
  #knowledge-app .k-navigation{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:10px!important;margin:18px 0 22px!important;scrollbar-width:thin}
  #knowledge-app .k-navigation button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;min-height:44px!important;padding:10px 13px!important}
  #knowledge-app :is(.k-grid,.k-results,.k-timeline,.k-tools,.k-inputs,.k-calculator,.k-sources){grid-template-columns:minmax(0,1fr)!important}
  #knowledge-app .k-card{padding:16px!important}
  #knowledge-app .k-lead{font-size:15px!important}
  #knowledge-app iframe{height:min(72vh,480px)!important}
  .mobile-scroll-hint{display:block;color:#9fb3c7;font-size:11px;line-height:1.4;margin:7px 0 5px;letter-spacing:.005em}
  .footer{min-width:0}
  .footer .footer-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important}
  .footer .site-legal-note{font-size:10px!important;line-height:1.5!important}
  body.legal-page :is(.legal-main,.legal-shell,.legal-card,.legal-content){max-width:100%;min-width:0}
  body.legal-page :is(h1,h2){overflow-wrap:anywhere}
}
@media(max-width:359px){
  #inhalt :is(.result-metrics,.mini-grid,.is-metrics,.wp-kpis,.bt-kpis,.live-block-kpis,.wealth-summary,.v14-fan-stats){grid-template-columns:minmax(0,1fr)!important}
  #inhalt .v9-home .v9-halving{padding:12px!important}
  #inhalt .v9-home .v9-price-card{padding:13px!important}
  #inhalt .v9-home .v9-toolstrip .v9-tool{padding:10px!important}
  #network .live-cube-scene.voxel-scene{height:295px!important}
}
@media(hover:none) and (pointer:coarse){
  #inhalt :is(.surface,.strategy-card,.hero-panel):hover{transform:none!important}
  #inhalt :is(button,a,summary){-webkit-tap-highlight-color:#f4ad4b26}
}
@media(prefers-reduced-motion:reduce){
  #inhalt *,#inhalt *::before,#inhalt *::after{scroll-behavior:auto!important}
}
@media print{.mobile-scroll-hint{display:none!important}}
/* Small-phone overflow safeguards discovered in 320px route audit. */
@media(max-width:380px){
 .v9-home .v9-feature-world{overflow:hidden!important}
 #markt .overlay-toolbar{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:8px!important}
 #markt .market-overlay-control{white-space:normal!important;max-width:100%!important;display:inline-flex!important;flex-wrap:wrap!important;gap:5px!important;min-width:0!important}
 #markt .overlay-toolbar > *{min-width:0;max-width:100%}
 #korrelation .macro-scale-control{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important}
 #korrelation .macro-scale-control :is(select,input){min-width:0!important;max-width:100%!important;flex:1 1 160px!important}
 #korrelation .macro-money-history{overflow:hidden!important}
}
