/* Fitting Insights: a practical reference library on the FORJ paper system. */
.guides-page .skip-link{
  position:fixed; top:-100px; left:20px; z-index:120;
  padding:12px 20px; background:var(--ink); color:var(--paper);
}
.guides-page .skip-link:focus{ top:12px; }
.guides-page .nav{ gap:clamp(14px, 1.8vw, 28px); }
.guides-page .nav a[aria-current],
.guides-page .subnav a[aria-current]{ text-decoration:underline; text-underline-offset:7px; color:var(--ink); }
.guide-shell{ max-width:1120px; margin-inline:auto; padding-inline:var(--gutter); }
.guide-breadcrumb{ padding-block:28px; font-size:14px; }
.guide-breadcrumb ol{ display:flex; flex-wrap:wrap; gap:6px 12px; padding:0; margin:0; list-style:none; }
.guide-breadcrumb li + li::before{ content:"/"; margin-right:12px; color:var(--ink-label); }
.guides-page a{ text-underline-offset:4px; }
.guides-page a:hover{ text-decoration-thickness:2px; }
.guide-heading{ max-width:850px; padding-block:24px 40px; }
.guide-heading .label{ margin-bottom:20px; }
.guide-heading h1{ font-size:clamp(36px, 4.5vw, 60px); line-height:1.12; font-weight:400; letter-spacing:-.025em; }
.guide-takeaway{ max-width:66ch; margin-top:26px; font-size:clamp(20px, 2vw, 24px); line-height:1.5; color:var(--ink-2); }
.guide-byline{
  display:inline-flex; align-items:center; gap:12px;
  margin-top:24px; padding:8px 14px 8px 10px;
  border:1px solid var(--paper-line); background:var(--paper-raised);
  font-size:16px; line-height:1.4; color:var(--ink-body);
}
.guide-byline__mark{
  display:grid; place-items:center; flex:none;
  width:46px; height:36px; padding-right:12px;
  border-right:1px solid var(--paper-line);
}
.guide-byline__mark img{ width:32px; height:32px; }
.guide-byline a{ font-weight:500; color:var(--ink); }
.guide-evidence{ max-width:72ch; margin-top:20px; padding-left:16px; border-left:3px solid var(--slate); font-size:15px; line-height:1.6; }
.guide-layout{ display:grid; grid-template-columns:minmax(0, 760px); gap:34px; padding-bottom:72px; }
.guide-toc{ padding-block:22px; border-block:1px solid var(--paper-line); }
.guide-toc h2{ margin-bottom:12px; font-size:17px; font-weight:500; }
.guide-toc ul{ display:flex; flex-wrap:wrap; gap:8px 24px; }
.guide-toc a{ font-size:15px; }
.guide-copy{ min-width:0; max-width:72ch; font-size:19px; line-height:1.75; }
.guide-copy p + p{ margin-top:20px; }
.guide-copy h2{ margin:46px 0 20px; font-size:clamp(26px, 3vw, 34px); line-height:1.25; font-weight:450; scroll-margin-top:140px; }
.guide-copy h3{ margin:28px 0 16px; font-size:22px; line-height:1.3; font-weight:500; }
.guide-copy ul,.guide-copy ol{ margin-block:20px; padding-left:25px; }
.guide-copy ul{ list-style:disc; }
.guide-copy li + li{ margin-top:10px; }
.guide-example-label{ margin-top:28px; font-size:16px; font-weight:500; color:var(--ink-2); }
.guide-table-wrap{ max-width:100%; overflow-x:auto; margin-block:24px; border:1px solid var(--paper-line); background:var(--paper-raised); }
.guide-table{ width:100%; min-width:0; border-collapse:collapse; font-size:16px; line-height:1.5; }
.guide-table caption{ padding:18px 20px; text-align:left; font:500 16px/1.5 var(--forj-font-ui); color:var(--ink); }
.guide-table th,.guide-table td{ padding:16px 20px; border-top:1px solid var(--paper-line); text-align:left; vertical-align:top; }
.guide-table thead th{ font:500 14px/1.45 var(--forj-font-ui); color:var(--ink); background:rgba(127,163,182,.12); }
.guide-table tbody th{ font-weight:500; color:var(--ink-2); }
.guide-table td{ font-family:var(--forj-font-data); font-size:14px; font-variant-numeric:tabular-nums; }
.guide-table--text td{ font-family:var(--forj-font-ui); font-size:16px; }
.guide-table-note{ display:none; margin-top:-10px; font-size:14px; color:var(--ink-label); }
.guide-next-test{ margin-block:28px; padding:20px 24px; background:rgba(127,163,182,.12); border-left:3px solid var(--slate); }
.guide-close{ margin-top:24px; font-size:22px; line-height:1.5; font-weight:450; color:var(--ink); }
.guide-sources{ margin-top:44px; padding-top:26px; border-top:1px solid var(--paper-line); font-size:16px; }
.guide-copy .guide-sources h2{ margin-top:0; font-size:26px; }
.guide-sources li{ margin-top:12px; overflow-wrap:anywhere; }
.guide-editorial-note{ margin-top:24px; font-size:15px; color:var(--ink-label); }
.guide-related{ padding-block:32px; border-block:1px solid var(--paper-line); }
.guide-related h2{ font-size:26px; font-weight:400; margin-bottom:16px; }
.guide-related li + li{ margin-top:12px; }
.guide-related a{ font-size:18px; }
.guide-cta{ padding-block:38px 64px; max-width:760px; }
.guide-cta h2{ font-size:28px; margin-bottom:12px; }
.guide-cta p{ font-size:17px; max-width:55ch; }
.guide-cta__links{ display:flex; flex-wrap:wrap; align-items:center; gap:20px 28px; margin-top:24px; }
.guides-intro{ max-width:800px; padding-bottom:48px; }
.guides-intro p{ font-size:20px; max-width:62ch; }
.guide-library{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0 56px; padding-bottom:48px; }
.guide-card{ padding:28px 0 32px; border-top:1px solid var(--paper-line); }
.guide-card .label{ margin-bottom:14px; }
.guide-card h2{ font-size:clamp(25px, 2.5vw, 32px); line-height:1.22; font-weight:400; }
.guide-card h2 a{ text-decoration:none; }
.guide-card h2 a:hover{ text-decoration:underline; }
.guide-card p:not(.label){ margin-top:16px; font-size:17px; line-height:1.65; }
.guide-card__link{ display:inline-block; margin-top:20px; font-weight:500; font-size:15px; }
.guides-page .site-footer :focus-visible{ outline-color:var(--on-dark); }
@media (min-width:1200px){
  .guide-layout{ grid-template-columns:minmax(0, 760px) minmax(0, 220px); gap:56px; align-items:start; }
  .guide-toc{ grid-column:2; grid-row:1; position:sticky; top:100px; }
  .guide-toc ul{ display:block; }
  .guide-toc li + li{ margin-top:12px; }
  .guide-copy{ grid-column:1; grid-row:1; }
}
@media (max-width:1080px){
  .guides-page .nav a:not(.btn){ display:none; }
  .guides-page .subnav{ display:flex; flex-wrap:wrap; gap:4px 22px; overflow:visible; padding-bottom:10px; }
  .guides-page .subnav a{ padding-block:8px; font:500 14px/1.2 var(--forj-font-ui); white-space:nowrap; text-decoration:none; }
  .guides-page .subnav a[aria-current]{ text-decoration:underline; }
  .guides-page .site-header{ position:static; }
}
@media (max-width:620px){
  .guide-library{ grid-template-columns:1fr; }
  .guide-heading{ padding-top:12px; }
  .guide-copy{ font-size:18px; }
  .guide-table th,.guide-table td{ padding:12px 10px; }
  .guide-table-note{ display:block; }
  .guide-toc ul{ display:block; }
  .guide-toc li + li{ margin-top:10px; }
  .guide-breadcrumb{ font-size:13px; padding-block:22px; }
  .guide-next-test{ padding:18px; }
}
@media print{
  .guides-page .site-header,.guides-page .site-footer,.guide-toc,.guide-cta{ display:none; }
  .guide-layout{ display:block; }
  .guide-table-wrap{ overflow:visible; }
  .guide-table{ min-width:0; }
  .guide-heading h1{ font-size:32px; }
  .guide-copy{ font-size:12pt; }
}