/* 2026 skrupt — guide reader; loaded only for a resolved guide page. */
body.page-guide:has(.skg-reader-page) {
  --skg-reader-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, Arial, sans-serif;
  --skg-reader-page: #f5f5f7;
  --skg-reader-ink: #202124;
  --skg-reader-muted: #687181;
  --skg-reader-action: #263b63;
  color: var(--skg-reader-ink);
  background: var(--skg-reader-page);
  font-family: var(--skg-reader-font);
}
body.page-guide:has(.skg-reader-page) #wrapper { background: var(--skg-reader-page); }
body.page-guide:has(.skg-reader-page) #wrapper > .container-fluid {
  width: 100%; max-width: 1440px; margin-inline: auto;
  padding-inline: clamp(32px, 5.5556vw, 80px);
}
body.page-guide:has(.skg-reader-page) #wrapper > .container-fluid > .row { margin-inline: 0; }
body.page-guide:has(.skg-reader-page) #content-wrapper { min-width: 0; padding-inline: 0; }
/* The theme's generic informational-page selector has several ID exclusions. */
body.page-guide:has(.skg-reader-page) #main { min-width: 0; padding: 32px 0 64px !important; }
#content.skg-reader-page { margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.skg-reader {
  --skg-color: #202124; --skg-muted: #687181; --skg-accent: #263b63;
  --skg-background: #fff; --skg-hover: #f5f5f7; --skg-border: #e3e5e9;
  min-width: 0; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent;
  color: var(--skg-color); font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, Arial, sans-serif;
  font-size: 16px; line-height: 1.75; text-align: left;
}
.skg-reader__header { max-width: 1040px; margin: 0 0 32px; }
.skg-reader .skg-reader__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin: 0 0 12px; color: var(--skg-muted); font-size: 13px; line-height: 20px; }
.skg-reader .skg-reader__eyebrow { margin: 0; color: var(--skg-accent); font-size: inherit; line-height: inherit; font-weight: 600; letter-spacing: normal; text-transform: none; }
.skg-reader .skg-reader__reading { display: inline-flex; align-items: center; gap: 16px; margin: 0; font-size: inherit; line-height: inherit; }
.skg-reader__reading::before { content: ""; width: 3px; height: 3px; flex: 0 0 3px; background: #a8adb6; border-radius: 50%; }
.skg-reader .skg-reader__title { max-width: 1040px; margin: 0; padding: 0; color: var(--skg-color); font-family: inherit; font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: -.045em; text-transform: none; }
.skg-reader .skg-reader__intro { max-width: 820px; margin: 16px 0 0; color: #576274; font-size: 17px; line-height: 1.65; }
.skg-reader .skg-reader__byline { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 16px 0 0; color: var(--skg-muted); font-size: 13px; line-height: 1.6; }
.skg-reader__cover { max-width: 900px; margin: 24px 0 0; overflow: hidden; border-radius: 20px; }
.skg-reader__cover img { display: block; width: 100%; max-height: 480px; object-fit: contain; background: #eeeff2; }
.skg-reader__layout { max-width: 900px; min-width: 0; margin: 0; }
.skg-reader__layout--toc { display: grid; grid-template-columns: 240px minmax(0, 900px); gap: 40px; align-items: start; max-width: none; }
.skg-reader__toc { position: sticky; top: 112px; min-width: 0; max-height: calc(100vh - 144px); overflow-y: auto; padding: 8px 0; border: 0; border-radius: 0; background: transparent; scrollbar-width: thin; }
.skg-reader__toc-details { border: 0; background: transparent; }
.skg-reader .skg-reader__toc-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; margin: 0; padding: 8px 12px; list-style: none; color: var(--skg-color); font-size: 14px; line-height: 1.5; font-weight: 700; cursor: pointer; }
.skg-reader__toc-title::-webkit-details-marker { display: none; }
.skg-reader__toc-title::after { content: ""; display: block; width: 7px; height: 7px; flex: 0 0 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin-right: 4px; }
.skg-reader__toc-details[open] > .skg-reader__toc-title::after { transform: rotate(225deg); }
/* reader.js closes the table of contents on phones. Until it runs, show it closed so the page does not move up. */
@media (max-width: 767px) {
  .skg-reader__toc-details[open]:not([data-skg-toc-ready]) > :not(summary) { display: none; }
  .skg-reader__toc-details[open]:not([data-skg-toc-ready]) > .skg-reader__toc-title::after { transform: rotate(45deg); }
}
.skg-reader__toc ol { margin: 0; padding: 4px 0 0; list-style: none; }
.skg-reader__toc li { margin: 0; padding: 0; font-size: 14px; line-height: 1.45; }
.skg-reader__toc .skg-reader__toc-item--3 { padding-left: 14px; font-size: 13px; }
.skg-reader__toc a { display: block; padding: 10px 12px; border-radius: 10px; color: #576274; text-decoration: none; }
.skg-reader__toc a:hover, .skg-reader__toc a[aria-current="location"] { color: var(--skg-accent); background: #e9ecf2; text-decoration: none; }
.skg-reader .skg-reader__body { min-width: 0; max-width: 900px; padding: 40px 48px; border: 0; border-radius: 24px; background: #fff; color: var(--skg-color); font-size: 16px; line-height: 1.75; }
.skg-reader .skg-prose p, .skg-reader .skg-prose li, .skg-reader .skg-prose dd { line-height: 1.75; }
.skg-reader .skg-prose p { margin-bottom: 1.1em; }
.skg-reader .skg-prose :is(h2, h3, h4) { color: var(--skg-color); font-family: inherit; font-weight: 650; text-transform: none; letter-spacing: -.025em; scroll-margin-top: 112px; }
.skg-reader .skg-prose h2 { font-size: 26px; line-height: 1.25; margin: 1.7em 0 .65em; }
.skg-reader .skg-prose h3 { font-size: 20px; line-height: 1.4; margin: 1.5em 0 .65em; }
.skg-reader .skg-prose h4 { font-size: 17px; line-height: 1.4; }
.skg-reader :is(h1, h2, h3, h4)::after { display: none; content: none; }
.skg-reader .skg-prose .skg-section { margin-block: 32px; scroll-margin-top: 112px; }
.skg-reader .skg-prose .skg-section > :first-child, .skg-reader .skg-prose > :first-child { margin-top: 0; }
.skg-reader .skg-prose .skg-section:first-child { margin-top: 0; }
.skg-reader .skg-prose .skg-section:last-child, .skg-reader .skg-prose > :last-child { margin-bottom: 0; }
.skg-reader .skg-prose a { color: var(--skg-accent); text-decoration: underline; text-decoration-color: #bbc5d5; text-underline-offset: .18em; overflow-wrap: anywhere; }
.skg-reader .skg-prose a:hover { text-decoration-color: currentColor; }
.skg-reader :is(a, summary, button):focus-visible { outline: 2px solid #263b63; outline-offset: 4px; border-radius: 4px; }
.skg-reader .skg-prose .skg-table-scroll { max-width: 100%; margin-block: 20px; overflow-x: auto; border: 1px solid #e3e5e9; border-radius: 12px; }
.skg-reader .skg-prose .skg-table-scroll table { display: table; width: 100%; margin: 0; overflow: visible; border-collapse: collapse; font-size: 14px; line-height: 1.6; }
.skg-reader .skg-prose .skg-table-scroll th, .skg-reader .skg-prose .skg-table-scroll td { padding: 14px 16px; border: 0; border-bottom: 1px solid #e3e5e9; vertical-align: top; }
.skg-reader .skg-prose .skg-table-scroll th { background: #f3f4f6; color: #263b63; font-weight: 650; }
.skg-reader .skg-prose .skg-table-scroll tbody tr:last-child > * { border-bottom: 0; }
.skg-reader .skg-prose .skg-table-scroll tbody tr:nth-child(even) { background: #fafafb; }
.skg-reader .skg-prose .skg-faq-item { margin: 0; padding: 0; border: 0; border-bottom: 1px solid #e3e5e9; }
.skg-reader .skg-prose .skg-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 56px; padding: 16px 0; margin: 0; list-style: none; color: #263b63; font-size: 16px; line-height: 1.5; font-weight: 600; cursor: pointer; }
.skg-reader .skg-faq-item summary::-webkit-details-marker { display: none; }
.skg-reader .skg-faq-item summary::after { content: ""; display: block; width: 8px; height: 8px; flex: 0 0 8px; margin-right: 4px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.skg-reader .skg-faq-item[open] summary::after { transform: rotate(225deg); }
.skg-reader .skg-prose .skg-faq-item > div { padding: 0 0 20px; }
.skg-reader .skg-prose div.skg-faq-item { padding-block: 16px; }
.skg-reader .skg-prose .skg-sources { padding-left: 1.5em; color: #687181; font-size: 14px; line-height: 1.65; }
.skg-reader .skg-prose .skg-sources li { padding-left: .2em; margin-block: 12px; }
.skg-reader .skg-prose .skg-sources p { margin: 4px 0 0; }
.skg-reader .skg-prose .skg-catalog-card { border-radius: 14px; border-color: #e3e5e9; background: #fafafb; }
.skg-reader .skg-prose .skg-catalog-card h3 { font-size: 17px; }
.skg-reader .skg-prose .skg-catalog-card a { text-decoration: none; }
.skg-reader .skg-prose .skg-callout, .skg-reader .skg-prose .skg-quote { border-radius: 12px; }
/* Each term and its explanation remain an accessible definition group. */
.skg-reader .skg-prose .skg-definitions { display: block; margin: 20px 0; }
.skg-reader .skg-prose .skg-definitions dt { margin: 0; color: #263b63; font-size: 18px; line-height: 1.4; font-weight: 650; overflow-wrap: anywhere; }
.skg-reader .skg-prose .skg-definitions dd { margin: 8px 0 0; color: #576274; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.skg-reader .skg-prose .skg-definitions dd p { margin: 0 0 10px; line-height: 1.65; white-space: pre-line; }
.skg-reader .skg-prose .skg-definitions dd > :last-child { margin-bottom: 0; }
.skg-reader .skg-prose .skg-definitions dd strong { color: #202124; font-weight: 600; }
.skg-reader .skg-prose .skg-definitions > dt { padding: 20px 20px 0; border-radius: 16px 16px 0 0; background: #f5f5f7; }
.skg-reader .skg-prose .skg-definitions > dd { margin: 0 0 16px; padding: 8px 20px 20px; border-radius: 0 0 16px 16px; background: #f5f5f7; }
.skg-reader .skg-prose .skg-definitions:has(> .skg-definition-card) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.skg-reader .skg-prose .skg-definition-card { min-width: 0; padding: 20px; border-radius: 16px; background: #f5f5f7; }
@media (max-width: 1199px) {
  .skg-reader__layout--toc { grid-template-columns: 208px minmax(0, 900px); gap: 24px; }
  .skg-reader .skg-reader__body { padding: 32px; }
}
@media (max-width: 991px) {
  body.page-guide:has(.skg-reader-page) #wrapper > .container-fluid { padding-inline: 24px; }
  body.page-guide:has(.skg-reader-page) #main { padding: 24px 0 48px !important; }
  .skg-reader__layout--toc { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .skg-reader__toc { position: static; max-height: none; padding: 8px 12px; overflow: visible; border: 1px solid #e3e5e9; border-radius: 14px; }
  .skg-reader__toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
}
@media (max-width: 767px) {
  .skg-reader__header { margin-bottom: 24px; }
  .skg-reader .skg-reader__title { font-size: 28px; line-height: 1.12; letter-spacing: -.04em; }
  .skg-reader .skg-reader__intro { font-size: 16px; line-height: 1.65; margin-top: 14px; }
  .skg-reader .skg-reader__meta { font-size: 12px; gap: 6px 12px; }
  .skg-reader__reading { gap: 12px; }
  .skg-reader__cover { margin-top: 20px; border-radius: 16px; }
  .skg-reader__toc { padding: 2px 8px; }
  .skg-reader__toc ol { display: block; padding-bottom: 8px; }
  .skg-reader__toc a { min-height: 44px; }
  .skg-reader__layout--toc { gap: 16px; }
  .skg-reader .skg-reader__body { padding: 24px 20px; border-radius: 20px; }
  .skg-reader .skg-prose h2 { font-size: 23px; line-height: 1.3; }
  .skg-reader .skg-prose h3 { font-size: 19px; }
  .skg-reader .skg-prose .skg-section { margin-block: 28px; }
  .skg-reader .skg-prose .skg-definitions:has(> .skg-definition-card) { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .skg-reader .skg-prose .skg-table-scroll th, .skg-reader .skg-prose .skg-table-scroll td { min-width: 112px; padding: 12px; }
}
@media (max-width: 340px) {
  body.page-guide:has(.skg-reader-page) #wrapper > .container-fluid { padding-inline: 16px; }
  .skg-reader .skg-reader__title { font-size: 26px; }
}
@media print {
  .skg-reader__toc { display: none; }
  .skg-reader__layout--toc { display: block; }
  .skg-reader .skg-reader__body { max-width: none; padding: 0; }
  .skg-reader .skg-prose .skg-table-scroll { overflow: visible; }
}

.skg-reader__heading{min-width:0}.skg-reader--cover .skg-reader__cover{margin:0 0 32px}.skg-reader--cover .skg-reader__cover img{width:100%;max-height:480px;object-fit:cover;aspect-ratio:21/9}.skg-reader--side .skg-reader__header:has(.skg-reader__cover){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;align-items:center}.skg-reader--side .skg-reader__cover{margin:0}.skg-reader--side .skg-reader__cover img{width:100%;aspect-ratio:4/3;object-fit:cover}.skg-reader--minimal .skg-reader__header{text-align:center;max-width:780px;margin-left:auto;margin-right:auto}.skg-reader--minimal .skg-reader__meta,.skg-reader--minimal .skg-reader__byline{justify-content:center}.skg-reader--minimal .skg-reader__cover{width:140px;margin:24px auto}.skg-reader--minimal .skg-reader__cover img{width:100%;aspect-ratio:1;object-fit:cover}@media(max-width:767px){.skg-reader--side .skg-reader__header:has(.skg-reader__cover){grid-template-columns:minmax(0,1fr);gap:22px}.skg-reader--cover .skg-reader__cover img{aspect-ratio:16/9}}

.skp-classification{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0}.skp-classification a{color:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px}.skp-classification__tag{opacity:.8}

/* Native fragment links remain usable without scripts. */
.skg-reader .skg-permalink{font-size:.6em;font-weight:400;opacity:.5;text-decoration:none;margin-inline-start:.35em}.skg-reader .skg-permalink:hover,.skg-reader .skg-permalink:focus-visible{opacity:1;text-decoration:underline}
