/* Study_Skills semantic math typography.
   Math is an inline typographic language, not a row of flex/grid tokens.
   <code> is reserved for executable/code identifiers. Equations use
   .math-inline / .math-display with real sub/sup elements. */

.math-inline,.math-display{
  font-family:"STIX Math","Cambria Math","STIXGeneral","Times New Roman",serif;
  color:#1d2433;
  font-style:normal;
  font-variant-numeric:lining-nums;
  letter-spacing:0;
}

.math-inline{
  display:inline;
  white-space:nowrap;
  font-size:1.08em;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
}

.math-inline var,.math-display var{
  font-family:inherit;
  font-style:italic;
}

.math-inline sub,.math-display sub{
  font-size:.68em;
  line-height:0;
  vertical-align:-.28em;
}

.math-inline sup,.math-display sup{
  font-size:.68em;
  line-height:0;
  vertical-align:.55em;
}

.math-display{
  display:block;
  width:max-content;
  min-width:100%;
  white-space:nowrap;
  text-align:center;
  font-size:1.36rem;
  line-height:1.65;
}

/* Relations need mathematical breathing room. Punctuation and parentheses do not. */
.math-display .rel{
  display:inline-block;
  margin:0 .20em;
}

.math-display .sep{
  display:inline-block;
  margin-right:.34em;
}

/* Human-language labels such as “Workflow:” are not math variables. */
.math-display .word{
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:.82em;
  font-style:normal;
  font-weight:700;
  margin:0 .42em;
}
.math-display .word:first-child{margin-left:0}

.table .math-inline{font-size:1.12em}

/* Math-heavy comparison tables must stay readable. Do not crush a symbolic
   column into a phone-width cell; the existing .table wrapper owns scrolling. */
.math-table table{min-width:680px}

@media(max-width:820px){
  .math-display{
    min-width:max-content;
    text-align:left;
    font-size:1.12rem;
  }
  .table .math-inline{font-size:1.05em}
  .math-table table{min-width:640px}
}

@media print{
  .math-display{
    font-size:10.5pt;
    min-width:0;
    width:auto;
    text-align:center;
  }
  .math-inline{font-size:1em}
  .math-table table{min-width:0}
  .formula-scroll{overflow:visible!important}
}