/* Guide page styles - matches the Bash sticker brand. Loaded after styles.css */
.guide{max-width:980px;}
.guide p{font-size:16.5px;line-height:1.6;}

/* on-page table of contents */
.guide-toc{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px;}
.guide-toc a{font-family:'Fredoka',sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;
  letter-spacing:.5px;color:var(--navy);background:#fff;border:2px solid var(--navy);border-radius:30px;
  padding:7px 15px;box-shadow:0 2px 0 var(--navy);
  transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),background .18s var(--ease-out);}
.guide-toc a:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--navy);background:var(--gold);}

/* the linkable data table */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:6px 0 10px;}
.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:560px;
  background:#fff;border:3px solid var(--navy);border-radius:16px;overflow:hidden;box-shadow:0 5px 0 var(--navy);}
.data-table th{background:var(--navy);color:#fff;font-family:'Fredoka',sans-serif;font-weight:600;
  font-size:13px;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:12px 14px;}
.data-table td{padding:11px 14px;font-size:15px;border-top:1px solid rgba(26,42,107,.14);}
.data-table tbody tr:nth-child(even){background:#f6f8ff;}
.data-table td:first-child{font-family:'Fredoka',sans-serif;font-weight:600;color:var(--navy);}
.data-table tr.row-good td:last-child{color:#1f7a3d;font-weight:700;}
.data-table tr.row-best{background:var(--cream)!important;}
.data-table tr.row-best td{border-top:1px solid rgba(255,193,46,.5);}
.data-table tr.row-best td:last-child{color:var(--red);font-weight:700;}
.data-table tr.row-best td:first-child{color:var(--red);}
.src{font-size:13px;color:#3a4878;font-style:italic;margin:2px 0 18px;}
.src a{color:var(--red);font-weight:600;}

/* dark band sections */
.guide-band{background:var(--cream);border-top:3px solid var(--navy);border-bottom:3px solid var(--navy);}

/* wind callouts */
.callout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px;}
.callout{background:#fff;border:3px solid var(--navy);border-radius:14px;box-shadow:0 4px 0 var(--navy);padding:16px 18px;
  transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out);}
.callout:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--navy);}
.callout h3{color:var(--red);font-size:16px;margin-bottom:5px;}
.callout p{font-size:15px;margin:0;}
@media(max-width:680px){.callout-grid{grid-template-columns:1fr;}}

/* big readable lists */
.big-list{list-style:none;margin:10px 0 16px;display:flex;flex-direction:column;gap:9px;max-width:820px;}
.big-list li{position:relative;padding-left:26px;font-size:16px;line-height:1.5;}
.big-list li::before{content:"\25B6";color:var(--red);position:absolute;left:0;top:4px;font-size:12px;}

/* setup checklist, two columns */
.check-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;margin:8px 0 8px;}
.checklist{list-style:none;display:flex;flex-direction:column;gap:8px;}
.checklist li{position:relative;padding-left:30px;font-size:16px;line-height:1.45;}
.checklist li::before{content:"\2713";position:absolute;left:0;top:0;color:#fff;background:var(--navy);
  width:20px;height:20px;border-radius:6px;font-size:13px;line-height:20px;text-align:center;font-weight:700;}
@media(max-width:680px){.check-cols{grid-template-columns:1fr;}}

/* illustrated guide figures (Higgsfield art) */
.guide-fig{display:block;width:100%;max-width:860px;height:auto;
  border:3px solid var(--navy);border-radius:18px;box-shadow:0 5px 0 var(--navy);
  margin:4px 0 22px;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out);}
.guide-fig:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--navy);}
.fig-cap{font-size:13px;color:#3a4878;font-style:italic;margin:-14px 0 22px;}