/* TutorSyntax independent companion coding drills — v27.8 revised */
.ts100p-hero{background:linear-gradient(120deg,#071d3c,#172651 58%,#34215c);color:#fff;padding:clamp(30px,5vw,62px) 0}.ts100p-hero h1{color:#fff;font-size:clamp(2rem,3vw,3rem)}.ts100p-hero p{color:#dbe9fb;max-width:800px}.ts100p-note{background:#e9f8fa;border-left:4px solid #008999;padding:15px 18px;border-radius:10px;color:#18314c;line-height:1.6}.ts100p-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.ts100p-chapter{border:1px solid #c4d5e6;border-radius:14px;background:white;padding:20px;box-shadow:0 5px 22px #081b3110}.ts100p-chapter h3{font-size:1.1rem;margin-bottom:8px}.ts100p-chapter p{margin:0 0 12px;color:#334763}.ts100p-chapter a,.ts100p-link{font-weight:700;color:#006b80}.ts100p-entry{border:1px solid #c5d4e7;border-radius:14px;padding:20px;background:white;margin:16px 0}.ts100p-entry h3{color:#102d50;margin:8px 0}.ts100p-eyebrow{font-size:.78rem;letter-spacing:.1em;font-weight:700;color:#087e9c}.ts100p-entry p{color:#253c55}.ts100p-entry details{margin-top:12px;border:1px solid #d0d9eb;border-radius:10px;padding:12px}.ts100p-entry summary{cursor:pointer;font-weight:700;color:#135477}.ts100p-entry pre{white-space:pre;overflow-x:auto;background:#091a34;color:#e6f2ff;padding:14px;border-radius:8px;font-size:.86rem;line-height:1.55;max-height:500px;overflow-y:auto}.ts100p-entry code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.ts100p-subnav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.ts100p-subnav a{border:1px solid #a9cfe3;padding:9px 14px;border-radius:9px;background:#f2fafd;color:#0c405e;text-decoration:none}.ts100p-downloads{background:#f0f7ff;border-radius:15px;padding:22px;margin-top:24px}.ts100p-downloads a{display:inline-block;margin:4px 12px 4px 0;text-decoration:underline}.ts100p-index-section{padding:38px 0}.ts100p-entry .ts100p-extension{background:#eaf8f4;padding:12px;border-radius:8px;margin-top:14px;color:#16594c}.ts100p-count{font-variant-numeric:tabular-nums} @media(max-width:600px){.ts100p-entry{padding:14px}.ts100p-entry pre{font-size:.76rem}.ts100p-subnav a{flex:1 1 130px;text-align:center}}