/* sinaq-d-topic.css — /movzu and /movzu/<slug> in the answer-sheet design (config site_design). The izah text comes first: a quiet column, formulas, tables and
   figures keep sinaq.css's scrolling rules; the izah's grammar colours are untouched. */
.sq-d-topic .sq-topicpage .sq-izah, .sq-d-topic .sq-topic-snapshot { font-size: calc(1.0625rem * var(--sq-text, 1)); line-height: 1.6; }
.sq-d-topic .sq-izah h2, .sq-d-topic .sq-topic-further h2, .sq-d-topic .sq-topiclist h2 { margin: 0 0 10px; color: var(--h9-red); font: 600 24px/1.15 "Barlow Condensed", "H9 Cond", system-ui, sans-serif; }
.sq-d-topic .sq-topicpage { margin: 0; }
.sq-d-topic .sq-topicpage h1 { line-height: 1.1; }
.sq-d-topic .sq-topic-section { color: var(--h9-red); font-weight: 600; }
.sq-d-topic .sq-topicpage .sq-topic-refs { border-bottom: 1.6px solid var(--h9-rule); color: var(--muted); }
.sq-d-topic .sq-izah ul.sq-topic-rules { list-style: none; }     /* sinaq-d.css gives the izah's lists a circle marker: here the bullet below is the only one */
.sq-d-topic ul.sq-topic-rules > li::before { top: .4em; width: 11px; height: 11px; background: none; border: 1.6px solid var(--h9-rule); border-radius: 50%; }
.sq-d-topic .sq-topic-ask { background: var(--h9-tint); border: 0; }
.sq-d-topic .sq-topic-trap { background: #fff; border: 1.6px solid var(--h9-rule); }
.sq-d-topic .sq-topic-trap h2 { color: var(--h9-red); }
.sq-d-topic .sq-example { border: 1.6px solid var(--h9-rule); }
.sq-d-topic .sq-example-number { border: 1.6px solid var(--h9-rule); background: #fff; color: var(--h9-red); font-weight: 600; }
.sq-d-topic .sq-solution { background: var(--h9-tint); border-top: 1.6px solid var(--h9-rule); }
.sq-d-topic .sq-topic-save[aria-pressed="true"] { border-color: var(--h9-red); color: var(--h9-red); }
.sq-d-topic .sq-solution-toggle { margin: 0 14px 14px; }
.sq-d-topic .izah-table th, .sq-d-topic .izah-table td { border-color: var(--h9-rule); }
.sq-d-topic .izah-table th { background: var(--h9-tint); color: var(--h9-lead); }
.sq-d-topic .izah-table tbody tr:nth-child(even) td { background: #fff; }
.sq-d-topic .sq-topic-further { border-top: 2px solid var(--h9-red); }
.sq-d-topic .sq-topic-further a, .sq-d-topic .sq-topiclist li a, .sq-d-topic .sq-topiclist-jump a { color: var(--h9-red); font-weight: 600; }
.sq-d-topic .sq-topiclist { margin: 0; }
.sq-d-topic .sq-topiclist ul { padding-left: 0; list-style: none; }
.sq-d-topic .sq-topiclist li { padding: 0; border-bottom: 1.6px solid var(--h9-rule); }
.sq-d-topic .sq-topiclist li a { display: flex; min-height: 48px; font-weight: 400; color: var(--h9-lead); text-decoration: none; }
.sq-d-topic .sq-topiclist-subject > h2 { padding: 7px 10px; background: var(--h9-red); color: #fff; }
.sq-d-topic .sq-topiclist-subject h3 { margin: 18px 0 6px; }
/* the narrowest phones: a little more room for the widest formulas */
@media (max-width: 340px) {
  .sq-d-topic .sq-main { padding: 0 10px 0 26px; }
}