/* PRIORITY MAP (portfolio adaptive rule). Always: the four tab labels, 44px targets, the current
   tab marked. One scrolling row at 820 CSS px and below (see the media rule at the end): the L7
   walkthrough (2026-10-06) found a 1-column strip plus the acting-as banner pushed the whole first
   screen of Weather below the fold on a 390 x 844 phone. Never a horizontal page scroll. */
.ins-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 12px;padding:0}
.ins-tab{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:8px 12px;box-sizing:border-box;
  border:1px solid var(--edge,#33414f);border-radius:8px;background:var(--pan,transparent);color:var(--ink,inherit);text-decoration:none;font-size:14px;font-weight:700;line-height:1.2}
.ins-tab:hover{border-color:var(--brand,#3fd0c9)}
.ins-tab[aria-current="page"]{background:var(--brand,#3fd0c9);color:var(--on-accent,#08131c);border-color:var(--brand,#3fd0c9)}
.ins-tab:focus-visible{outline:2px solid var(--brand,#3fd0c9);outline-offset:2px}
/* <=820: one scrolling row (2026-10-06: a 2x2 grid left the broadcast picture under 45% on phones) */
@media (max-width:820px){.ins-strip{display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;margin-bottom:4px}
.ins-tab{flex:0 0 auto;white-space:nowrap;padding:8px 12px}}
@media print{.ins-strip{display:none}}

/* Definitions block inside each performance tile: closed by default, its summary a 44px target. */
.ins-defs{margin-top:10px;border-top:1px solid var(--edge,#33414f);padding-top:6px}
.ins-defs summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--dim,inherit)}
.ins-defs dl{margin:4px 0 0;display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr);gap:4px 10px;font-size:14px}
.ins-defs dt{font-weight:700;color:var(--dim,inherit)}
.ins-defs dd{margin:0;overflow-wrap:anywhere}
@media (max-width:480px){.ins-defs dl{grid-template-columns:minmax(0,1fr)}.ins-defs dd{margin-bottom:6px}}
@media print{.ins-defs{display:block}.ins-defs>*{display:block}}
