/* ---------------------------------------------------------------------------
   The PBA Wiki (/wiki/). Loaded only on wiki pages, after site.css, and built on
   the site's own tokens: ink, gold, Montserrat for display, Inter for reading.
   Articles reuse the editorial reading column (.artwrap, .art-rail, .art-body)
   so the wiki and the Editorial read as one publication.
--------------------------------------------------------------------------- */

/* ---------- hub ---------- */
.wk-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.wk-hub{padding-top:48px;padding-bottom:24px}
.wk-start{margin-bottom:56px}
.wk-start h2,.wk-track>h2{font-size:clamp(22px,3vw,30px);line-height:1.2;margin:4px 0 22px;max-width:30ch}
.wk-track{margin-top:56px;padding-top:40px;border-top:2px solid var(--black);scroll-margin-top:24px}
.wk-group{margin-top:34px;scroll-margin-top:24px}
.wk-group-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:14px}
.wk-group-h h3{font-size:17px;letter-spacing:.02em;text-transform:uppercase;margin:0}
.wk-group-h p{margin:0;font-size:14.5px;color:var(--grey-55)}

.wk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.wk-grid-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.wk-card{position:relative;display:flex;flex-direction:column;gap:6px;border:1px solid var(--grey-15);
  background:#fff;padding:20px 44px 20px 20px;color:var(--ink);text-decoration:none;
  transition:border-color .15s,transform .15s}
.wk-card:hover,.wk-card:focus-visible{border-color:var(--black);transform:translateY(-2px)}
.wk-kind{font-family:'Montserrat',system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold-deep)}
.wk-card-t{font-size:16.5px;line-height:1.3;margin:0;color:var(--black)}
.wk-card p{margin:0;font-size:14.5px;line-height:1.55;color:var(--grey-70)}
.wk-card-m{margin-top:auto;padding-top:6px;font-size:12.5px;color:var(--grey-55)}
.wk-go{position:absolute;right:18px;top:20px;font-weight:800;color:var(--gold-deep)}
.wk-start .wk-card{border-top:3px solid var(--gold)}

.wk-filter{position:sticky;top:0;z-index:5;background:#fff;padding:16px 0 12px;
  border-bottom:1px solid var(--grey-15);margin-bottom:8px}
.wk-search{display:flex;align-items:center;gap:10px;border:1px solid var(--grey-40);padding:0 14px;
  max-width:560px;background:#fff}
.wk-search:focus-within{border-color:var(--black);box-shadow:0 0 0 2px var(--gold)}
.wk-search svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:var(--grey-70);stroke-width:2}
.wk-search input{border:0;outline:0;flex:1;min-width:0;font-size:16px;padding:12px 0;background:transparent;color:var(--ink)}
.wk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.wk-chips .chip{font-size:12px;min-height:36px}
.wk-count{margin:10px 0 0;font-size:13px;color:var(--grey-55)}
.wk-empty{margin:28px 0;font-size:15px;color:var(--grey-70)}
.wk-linkbtn{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;
  text-decoration-color:var(--gold-edge);text-underline-offset:3px;cursor:pointer}
.wk-hubfaq{margin-top:64px;max-width:860px}
[data-wk-hide]{display:none}

/* ---------- article ---------- */
.wk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 16px;font-size:13.5px;
  color:var(--on-dark,#C9C6BF)}
.wk-meta .sep{background:#6A6A6E}
.wk-artwrap{padding-top:48px;padding-bottom:16px}
.wk-answer p:last-child{margin:0;font-size:17px;line-height:1.65}
.art-body .wk-answer p.opener::first-letter{all:unset}
.wk-ol{list-style:decimal}
.art-body .wk-faq{margin-top:56px}
.art-body .wk-faq>h2{margin-bottom:16px}
.art-body .wk-faq .qa-a p{font-size:16px;margin-bottom:12px}
.wk-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.wk-related{padding-top:40px;padding-bottom:64px;border-top:1px solid var(--grey-15);margin-top:40px}
.wk-related h2{font-size:22px;margin-bottom:18px}
.wk-cta .eyebrow{color:var(--gold-on-dark)}

/* checklists */
.wk-check{list-style:none;margin:0 0 24px;padding:0}
.wk-check li{border-top:1px solid var(--grey-15)}
.wk-check li:last-child{border-bottom:1px solid var(--grey-15)}
.wk-check label{display:flex;gap:12px;align-items:flex-start;padding:11px 2px;cursor:pointer;
  font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.55;color:var(--ink);
  text-transform:none;letter-spacing:0;font-weight:400}
.wk-check input{flex:0 0 20px;width:20px;height:20px;margin-top:2px;accent-color:var(--black)}
.wk-check input:checked+span{color:var(--grey-55);text-decoration:line-through;text-decoration-color:var(--gold-edge)}

/* the one-page sheet */
.wk-sheet-host{padding-top:40px}
.wk-sheet{border:1px solid var(--black);border-top:4px solid var(--gold);padding:28px 30px 24px;background:#fff;max-width:980px}
.wk-sheet .eyebrow{color:var(--gold-deep)}
.wk-sheet h2{font-size:clamp(22px,3vw,28px);margin:4px 0 18px}
.wk-sheet-cols{columns:2 360px;column-gap:40px}
.wk-sheet-cols h3{font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:6px 0 6px;
  break-after:avoid;color:var(--black)}
.wk-sheet-cols .wk-check{break-inside:auto;margin-bottom:18px}
.wk-sheet-cols .wk-check li{break-inside:avoid}
.wk-sheet-cols .wk-check label{font-size:14.5px;padding:7px 2px}
.wk-sheet-notes{margin:10px 0 0;font-family:'Montserrat',system-ui,sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--grey-55);border-bottom:1px solid var(--grey-15);
  padding-bottom:44px}
.wk-sheet-foot{margin:10px 0 0;font-size:12px;color:var(--grey-55)}
.wk-sheet-actions{margin:16px 0 0}
.wk-print-head,.wk-print-foot{display:none}

/* ---------- links placed on other pages ---------- */
.wk-profile-line,.wk-cat-line,.wk-dir-line{font-size:14.5px;line-height:1.6;color:var(--grey-70);max-width:72ch}
.wk-apply{border:1px solid var(--grey-15);border-left:3px solid var(--gold);padding:20px 22px;margin:28px 0}
.wk-apply h2{font-size:18px;margin:4px 0 10px}
.wk-apply ul{margin:0 0 10px 1.1em}
.wk-apply li{font-size:15px;margin:4px 0}

@media (max-width:760px){
  .wk-hub{padding-top:36px}
  .wk-card{padding:18px 40px 18px 16px}
  .wk-grid,.wk-grid-3{grid-template-columns:1fr}
  .wk-sheet{padding:22px 16px 18px}
  .wk-chips .chip{min-height:44px}
  .wk-filter{position:static}
}
@media (pointer:coarse){.wk-chips .chip{min-height:44px}}
@media (prefers-reduced-motion:reduce){.wk-card{transition:none}.wk-card:hover{transform:none}}

/* ---------- print: the article, or on the checklist page the one-page sheet ---------- */
@media print{
  @page{margin:14mm 14mm 16mm}
  body{background:#fff;color:#000;font-size:11pt}
  .skip-link,.ticker-wrap,.site-head,.site-foot,.crumb,.art-rail,.wk-related,.wk-cta,.wk-actions,
  .wk-sheet-actions,.qa-expand-all,.totop,#totop,.cmp-tray,.ss-dialog{display:none}
  body .pagehead{background:#fff;padding:0 0 8px;min-height:0}
  body .pagehead h1,body .pagehead .lede,body .pagehead .eyebrow,body .pagehead .outline,body .wk-meta{color:#000}
  body .pagehead h1{font-size:22pt;line-height:1.15;margin:4pt 0 8pt}
  body .pagehead .ecard-tags{display:none}
  body .pagehead::before,body .pagehead::after{display:none}
  body .art-body .wk-print-head{display:none}
  body .wrap{max-width:none;padding:0}
  body .artwrap{display:block;padding:0;margin:0}
  body .art-body{max-width:none;margin:0}
  .art-body p,.art-list li{font-size:11pt;line-height:1.5;margin-bottom:8pt}
  .art-body h2{font-size:15pt;margin:14pt 0 4pt;padding-top:8pt}
  body .art-body p.opener::first-letter{float:none;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}
  .faq-item{break-inside:avoid}
  details.faq-item>.qa-a{display:block}
  a{color:#000;text-decoration:none}
  .wk-print-head{display:flex;justify-content:space-between;font-family:'Montserrat',system-ui,sans-serif;
    font-size:8.5pt;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-bottom:2pt solid #F3C228;
    padding-bottom:5pt;margin-bottom:12pt}
  .wk-print-foot{display:block;font-size:9pt;color:#444;margin-top:12pt}
  .wk-check input{accent-color:#000}
  .wk-check input:checked+span{text-decoration:none;color:#000}

  [data-wk-sheet] main>*:not(.wk-sheet-host){display:none}
  [data-wk-sheet] .wk-sheet{border:0;padding:0;max-width:none}
  [data-wk-sheet] .wk-sheet h2{font-size:17pt;margin:2pt 0 8pt}
  [data-wk-sheet] .wk-sheet-cols{columns:2;column-gap:10mm}
  [data-wk-sheet] .wk-sheet-cols h3{font-size:8.5pt;margin:4pt 0 2pt}
  [data-wk-sheet] .wk-sheet-cols .wk-check{margin-bottom:6pt}
  [data-wk-sheet] .wk-sheet-cols .wk-check label{font-size:9pt;line-height:1.3;padding:2.6pt 0;gap:6pt}
  [data-wk-sheet] .wk-check input{width:10pt;height:10pt;flex-basis:10pt;margin-top:1pt}
  [data-wk-sheet] .wk-sheet-notes{padding-bottom:40pt;font-size:8pt}
  [data-wk-sheet] .wk-sheet-foot{font-size:8pt}
}
