/* Key 5 interview guides (Claude live layer, 23 Oct 2026). Only what the design has no style for:
   tables, examples, note cards, Deb's tip box, the checklist. Colours and type are the design's tokens. */
/* The guide cards copy the design's .ii-report-grid card rules. A separate class, because the
   design's hub-plans.js renames every .ii-report-grid card to the three report titles. */
.ii-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.ii-guide-grid article{display:flex;position:relative;flex-direction:column;min-height:440px;padding:25px;border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:15px;background:#fff;box-shadow:0 14px 32px rgba(10,34,74,.075)}
.ii-guide-grid h3{margin:13px 0 10px;color:var(--navy);font:700 25px/1.08 Georgia,serif}
.ii-guide-grid p{color:var(--muted);line-height:1.55}
.ii-guide-grid ul{margin:18px 0 0;padding:16px 0 0 18px;border-top:1px solid var(--line);color:var(--navy)}
.ii-guide-grid li{margin:8px 0;font-size:13px;line-height:1.4}
@media (max-width:900px){.ii-guide-grid{grid-template-columns:1fr}.ii-guide-grid article{min-height:0}}
.ii-guides .ii-report-status b{background:#f8f3e4;color:var(--gold-dark)}
.guide-reader .guide-back{display:inline-block;margin:0 0 14px}
.guide-table-wrap{overflow-x:auto;margin:16px 0}
.paid-reader-body .guide-table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px;line-height:1.5}
.guide-table-plain{min-width:420px}
.guide-table th{padding:10px 12px;background:var(--navy);color:#fff;font-size:12px;letter-spacing:.06em;text-align:left;vertical-align:bottom}
.guide-table td{padding:10px 12px;border:1px solid var(--line);vertical-align:top}
.guide-table tbody tr:nth-child(even) td{background:#fbf8ef}
.guide-table:not(.guide-table-plain) td:first-child{color:var(--navy);font-weight:800}
.paid-reader-body .guide-wants{margin-top:6px;color:var(--navy)}
.paid-reader-body .guide-steps li::marker{color:#a1740e;font-weight:900}
.guide-example{margin:18px 0;padding:16px 19px;border:1px solid #ead89f;border-radius:11px;background:#fbf8ef;color:var(--navy)}
.guide-example>b:first-child{display:block;margin-bottom:5px;color:#a1740e;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.guide-example ol{margin:10px 0 0;padding-left:22px}
.guide-note{margin:6px 0 4px;padding:17px 20px;border-left:4px solid var(--gold);border-radius:0 11px 11px 0;background:#f8f4e7;color:var(--ink);line-height:1.6;white-space:pre-wrap}
.guide-desk{margin:6px 0 20px;padding:16px 20px;border:2px solid var(--gold);border-left-width:6px;border-radius:11px;background:#fff}
.guide-desk .eyebrow{display:block;margin-bottom:6px;color:#a47705}
.paid-reader-body .guide-desk p{margin:0;color:var(--navy);font-style:italic}
.guide-desk .guide-sig{margin-top:7px;color:var(--gold-dark);font-size:13px;font-weight:800}
.paid-reader-body .guide-check{list-style:none;padding:0}
.guide-check li{position:relative;padding-left:30px}
.guide-check li:before{content:"";position:absolute;left:0;top:6px;width:15px;height:15px;border:2px solid var(--gold);border-radius:4px}
.guide-level-note{display:inline-block;color:var(--muted);font-size:13px}
.guide-level h3:first-child{margin-top:12px}
.paid-reader-body .text-action{font-size:14px}
.paid-reader-body a[data-open]{color:var(--navy);font-weight:800}
mark.todo{padding:0 4px;border-radius:3px;background:#fff3b0;color:#5a4300}
@media (max-width:700px){
  .paid-reader-body .guide-table,.guide-table-plain{min-width:0}
  .guide-table thead{display:none}
  .guide-table,.guide-table tbody,.guide-table tr,.guide-table td{display:block;width:100%}
  .guide-table tr{margin:0 0 12px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
  .guide-table td,.guide-table tbody tr:nth-child(even) td{border:0;border-top:1px solid var(--line);background:#fff}
  .guide-table td:first-child{border-top:0}
  .guide-table:not(.guide-table-plain) td:first-child{background:var(--navy);color:#fff}
  .guide-table:not(.guide-table-plain) td:not(:first-child)::before,.guide-table-plain td::before{content:attr(data-label);display:block;color:#a1740e;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
}

/* 25 Oct 2026: the Interviewing the Interviewer book block under the guides (one cover, not Key 3's pair) */
.ii-book-covers{grid-template-columns:minmax(0,1fr)}
.ii-book-covers img{height:300px}
.ii-book-feature .digital-download-offer p{margin:0 0 10px}