/* Book-matched companion resources — intentionally distinct from W001-W100 web extras. */
.ts100c-hero{background:linear-gradient(115deg,#081d3c,#18264a);color:#fff;padding:clamp(2rem,5vw,4rem) 0}
.ts100c-hero h1{color:#fff;max-width:960px;margin:.5rem 0 1rem;font-size:clamp(2rem,4vw,3rem)}
.ts100c-hero p{max-width:850px;color:#e2eaf6;line-height:1.6}
.ts100c-hero a{color:#70f2f1}
.ts100c-eyebrow,.ts100c-chapter-marker{letter-spacing:.08em;font-size:.78rem;font-weight:800;color:#28d0dc}
.ts100c-notice{border-left:5px solid #13b7c8;background:#eafafa;color:#102c45;padding:1.2rem 1.3rem;margin:1rem 0 2rem;line-height:1.65;border-radius:0 .6rem .6rem 0}
.ts100c-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.ts100c-chapter,.ts100c-benefits article{border:1px solid #cbdbe8;border-radius:1rem;background:white;padding:1.2rem;min-width:0}
.ts100c-chapter h3{margin:.65rem 0 .4rem;color:#0c2440}
.ts100c-chapter p{color:#385169;line-height:1.5}
.ts100c-pending{display:inline-block;margin-top:.25rem;font-size:.8rem;background:#f4f5fa;color:#455269;border-radius:2rem;padding:.35rem .65rem}
@media(max-width:700px){.ts100c-grid{grid-template-columns:1fr}.ts100c-hero{padding:2rem 0}}

/* Official code pack v27.8 FINAL. See book's numbered challenges. */
.ts100c-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.15rem 0 0}
.ts100c-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.64rem .9rem;border-radius:.55rem;border:1px solid #0ab9cc;background:#073c53;color:#fff!important;font-weight:700;text-decoration:none}
.ts100c-action:hover,.ts100c-action:focus-visible{background:#08647a;color:#fff!important}
.ts100c-action.primary{background:#07bac9;color:#041e30!important}
.ts100c-section{padding:2rem 0}.ts100c-lesson{padding:1.25rem 1.4rem;margin:1rem 0;background:#fff;color:#122b42;border:1px solid #c5d9e7;border-radius:.95rem}
.ts100c-lesson h3{margin:.35rem 0 .7rem;color:#102d48}.ts100c-lesson p{line-height:1.65;color:#385369}
.ts100c-kicker{font-size:.8rem;letter-spacing:.05em;font-weight:800;color:#147d8b}
.ts100c-lesson details{margin:.75rem 0;border:1px solid #cedfe9;border-radius:.65rem;background:#f7fbfd;color:#102e47}
.ts100c-lesson summary{cursor:pointer;min-height:44px;padding:.75rem .9rem;font-weight:700}
.ts100c-lesson details>div{padding:.4rem .95rem 1rem}
.ts100c-lesson pre{margin:.8rem 0;max-height:360px;overflow:auto;padding:1rem;border-radius:.5rem;background:#07172e;color:#e5f7ff;white-space:pre;font-size:.81rem;line-height:1.5}
.ts100c-lesson code{font-family:Consolas,Monaco,monospace}.ts100c-lesson .ts100c-action{font-size:.88rem}
.ts100c-navlist{display:flex;flex-wrap:wrap;gap:.65rem}.ts100c-navlist a{border:1px solid #8bbbc7;border-radius:.5rem;padding:.6rem .8rem;min-height:44px;display:inline-flex;align-items:center}
.ts100c-datasets{margin:1rem 0;padding:1rem;background:#f0f8fb;border:1px solid #bedee8;border-radius:.8rem}
.ts100c-datasets li{margin:.25rem 0}
.ts100c-chapter .ts100c-action{margin:.3rem .3rem .3rem 0}
.ts100c-small{font-size:.9rem;color:#436073}
@media(max-width:640px){.ts100c-lesson{padding:1rem}.ts100c-actions .ts100c-action{width:100%}}