/* InvestorCenter · screen layer (2026-09-28): text floor, touch targets and spacing for every screen size. investor-center.css
   was written print-first (pt sizes), and several of its screen sizes fall under 12 px. Print keeps its own sizes: everything
   here is screen-only. Checked with tools/layout-check.html at 320, 360, 375, 390, 414, 430, 768, 1024, 1280 and 1440 px. */
@media screen{
  :root .tag{font-size:12px;line-height:1.35;padding:2px 7px}
  :root figcaption{font-size:13px}
  :root .kv{font-size:13px}
  :root code{font-size:max(12px,.85em)}
  :root .sch-pre,:root .sch-pre code{font-size:13px}
  :root :is(.sec.tight table,table.compact,.notice,.stat .s,.stat .l,.toc-3){font-size:13px}
  :root :is(sub,sup){font-size:max(12px,.75em);line-height:0}
  :root .bnav a{font-size:12px}
  /* Chrome ignores min-height on a native select (it reports 18 px); an explicit height applies */
  :root select.in:not([multiple]):not([size]){height:var(--btn-h)}
  :root select.in{min-height:var(--btn-h);padding:0 11px;border:1px solid var(--line);border-radius:var(--r-in);background-color:var(--bg0);color:var(--ink1);font-family:var(--font-ui)}
  :root .related{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  :root .related > b{flex-basis:100%}
  :root .related > a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--bg1);color:var(--ink1);font:500 15px/1.2 var(--font-ui);text-decoration:none;transition:background-color var(--hov-dur) var(--hov-ease)}
  @media (hover:hover){:root .related > a:hover{background:var(--hov-bg)}}
  .fig-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .fig-zoom{display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:zoom-in;border-radius:var(--r-in)}
  .fig-zoom img{display:block;max-width:100%;height:auto;margin:0 auto}
  .fig-hint{margin:6px 0 0;font:500 13px/1.4 var(--font-ui);color:var(--mute)}
  dialog.zoom{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:var(--bg0);color:var(--ink1)}
  dialog.zoom::backdrop{background:var(--bg0)}
  .zoom-bar{position:sticky;top:0;left:0;display:flex;align-items:center;gap:12px;min-height:60px;padding:8px var(--gutter);padding-top:max(8px,env(safe-area-inset-top));background:var(--bg0);border-bottom:1px solid var(--line)}
  .zoom-bar p{flex:1;margin:0;min-width:0;font:500 15px/1.35 var(--font-ui);color:var(--ink2)}
  .zoom-bar button{flex:none;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--bg1);color:var(--ink1);font:600 15px/1 var(--font-ui);cursor:pointer}
  @media (hover:hover){.zoom-bar button:hover{background:var(--hov-bg)}}
  .zoom-body{overflow:auto;padding:16px var(--gutter) calc(24px + env(safe-area-inset-bottom))}
  .zoom-body img{display:block;max-width:none;height:auto;margin:0 auto;background:var(--bg1);border-radius:var(--r-in)}
}
@media screen and (max-width:1024px),screen and (pointer:coarse){
  html body :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]){font-size:16px}
  :root :is(.pbar,.tbar) > :is(button,a),:root .mini,:root .az button,:root .st-b,:root .btn,:root .flt,:root .tbar .flt{min-height:44px}
  :root .az button{min-width:44px}
  :root :is(.az,.pbar,.tbar,.st){gap:8px}
  :root p > .btn:not(:only-child){margin:4px 8px 4px 0}
  :root a.tap{display:inline-flex;align-items:center;min-height:44px;min-width:44px;vertical-align:middle}
  :root li > a.tap:only-child{display:flex}
  :root a.tap-sib{margin:4px 8px 4px 0}
  :root .tap-li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-block:4px}
  :root .tap-li > a.tap{flex:1 1 auto;margin:0}
  :root :is(.pn > a,.ptoc > a,.lesson-row > a,.sug-row > button,.fig-zoom,select,.note-box > summary,.q > summary){min-height:44px}
  :root :is(.ptoc > a,.note-box > summary){display:flex;align-items:center}
  :root .fig-zoom{display:flex;align-items:center;justify-content:center}
  :root input[type=range]{min-height:44px}
  :root select:not([multiple]):not([size]){height:var(--btn-h)}
  :root .fc-card{margin-bottom:12px}
  :root a.tap-b{display:flex;align-items:center;min-height:44px}
  :root .tap-li > a{display:inline-flex;align-items:center;min-height:44px}
  :root .pn > a{min-width:44px;justify-content:center}
  :root .ptoc{display:flex;flex-direction:column;gap:8px}
  :root li > .mini{margin-block:4px}
}
@media print{.fig-hint,dialog.zoom{display:none!important}.fig-zoom{cursor:auto}}
