/* Reading and worksheet links for the practical skills articles. */
.learning-guide .ph__hd,
.learning-guide .pb h2,
.learning-guide .pb h3 { text-wrap: balance; }
.learning-guide .bc { flex-wrap: wrap; }
.learning-guide .ph__sub { font-size: .875rem; color: var(--text-secondary); }
.learning-guide .ph__sub a { color: inherit; text-underline-offset: .18em; }
.learning-guide .pb p { text-wrap: pretty; }
.learning-guide .article-lead { font-size: 1.2rem; line-height: 1.6; }
.article-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin: 1.75rem 0 2rem; }
.article-actions a { text-underline-offset: .2em; }
.article-actions .ux-btn { text-align: center; }
.article-toc { border-block: 1px solid var(--border); padding: 1.2rem 0 .5rem; margin: 2rem 0 2.5rem; font-size: .95rem; }
.article-toc strong { display: block; margin-bottom: .75rem; }
.learning-note { padding: 1.2rem 1.4rem; background: var(--bg-inset); color: var(--text); margin: 1.8rem 0; border-radius: var(--radius-sm); }
.learning-guide [id] { scroll-margin-top: 6rem; }
.learning-guide .pt { min-width: 480px; }
.learning-guide .pt th { text-transform: none; letter-spacing: 0; font-size: .9rem; }
.learning-guide .pt tbody th { background: var(--bg-card); border-bottom: 1px solid var(--border-light); color: var(--text); vertical-align: top; width: 25%; }
.learning-guide .pt caption { font-size: .85rem; color: var(--text-secondary); }
.learning-guide .pt-box:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.record-example { margin: 2rem 0; border-top: 1px solid var(--border); }
.record-example > div { display: grid; grid-template-columns: 145px 1fr; gap: 1.25rem; padding: 1.15rem 0; border-bottom: 1px solid var(--border); }
.record-example dt { font-weight: 600; }
.record-example dd { margin: 0; }
.article-method,
.article-editorial { font-size: .9rem; color: var(--text-secondary); }
.article-editorial { border-top: 1px solid var(--border); padding-top: 1.4rem; margin-top: 3rem; }
.article-editorial p:last-child { margin-bottom: 0; }
.source-list a { overflow-wrap: anywhere; }
.career-all { margin: 1.5rem 0 0; }
.career-all summary { cursor: pointer; font-weight: 600; padding: .6rem 0; }
.career-all summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.learning-guide .rx-static { overflow-x: auto; }
.learning-guide .rx-pnl__tag { color: var(--text-secondary); }
@media (max-width: 560px) {
  .record-example > div { grid-template-columns: 1fr; gap: .35rem; }
  .learning-guide .pb { padding-top: 32px; }
  .article-actions .ux-btn { width: 100%; }
  .learning-note { padding: 1rem; }
}
@media print {
  .learning-guide { background: white; color: black; }
  .learning-guide .hd, .learning-guide .ft, .learning-guide .skip,
  .learning-guide .article-actions, .learning-guide .article-toc,
  .learning-guide .rx-ctrl, .learning-guide .rx-steps, .learning-guide .rx-pnl { display: none; }
  .learning-guide .ph { padding: 0 0 1rem; background: none; }
  .learning-guide .pb { padding: 0; font-size: 10pt; }
  .learning-guide .wx, .learning-guide .wx--sm { max-width: none; padding: 0; }
  .learning-guide .pt-box, .learning-guide .rx-static { overflow: visible; }
  .learning-guide .pt { min-width: 0; }
  .learning-guide h2, .learning-guide h3 { break-after: avoid; }
  .learning-guide tr, .record-example > div { break-inside: avoid; }
  .learning-guide a { color: black; }
  .learning-guide .article-method, .learning-guide .article-editorial { color: black; }
}
.learning-guide .evidence-figure { margin: 2rem 0; padding: 1.25rem; border: 1px solid var(--border); background: var(--bg-inset); }
.learning-guide .evidence-figure figcaption { color: var(--text-secondary); font-size: .95rem; line-height: 1.6; }
.learning-guide .evidence-figure figcaption strong { display: block; color: var(--text); margin-bottom: .25rem; }
.learning-guide .evidence-map { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding: 0; margin: 1rem 0 0; list-style: none; counter-reset: evidence; }
.learning-guide .evidence-map li { counter-increment: evidence; margin: 0; padding: .85rem 0 0; border-top: 2px solid var(--accent); }
.learning-guide .evidence-map li::before { content: counter(evidence, decimal-leading-zero); display: block; font-size: .8rem; color: var(--text-secondary); margin-bottom: .4rem; }
.learning-guide .evidence-map strong, .learning-guide .evidence-map span { display: block; font-size: .95rem; line-height: 1.5; }
.learning-guide .evidence-map span { color: var(--text-secondary); margin-top: .45rem; }
.learning-guide .evidence-map--path { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 600px) { .learning-guide .evidence-map, .learning-guide .evidence-map--path { grid-template-columns: 1fr; gap: .75rem; } }
@media print { .learning-guide .evidence-figure { break-inside: avoid; } }