.sample-course{max-width:1120px;margin:auto}.sample-progress{color:var(--muted-foreground);justify-content:space-between;gap:20px;font-size:14px;display:flex}.sample-progress a{text-underline-offset:5px;min-height:44px;text-decoration:underline}.sample-course>progress{accent-color:#b3c7d8;width:100%;height:3px;margin:8px 0 30px;display:block}.sample-reading-title{letter-spacing:-.025em;outline:none;margin:24px 0;scroll-margin-top:110px;font-size:clamp(25px,3vw,34px);font-weight:550;line-height:1.2}.sample-reading-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:34px;display:grid}.sample-reading-grid>*{min-width:0}.sample-paragraphs p,.sample-reading-copy p{color:var(--foreground);margin-bottom:20px;font-size:18px;line-height:1.75}.sample-reading-copy{max-width:780px}.sample-course .compact-figure{color:#e1e9ef;background:#101b24;border:1px solid #354450;border-radius:18px;padding:22px}.sample-course .compact-figure h2,.sample-course .compact-figure h3{margin-bottom:14px;font-size:21px;font-weight:550;line-height:1.3}.sample-course .compact-figure p{color:#b6c5d3;margin:14px 0;font-size:15px;line-height:1.65}.sample-course .compact-figure svg{width:100%;height:auto}.sample-course .compact-figure button{border:1px solid #7890a352;border-radius:999px;min-height:44px;padding:9px 14px;font-size:14px}.sample-course .compact-figure button[aria-pressed=true]{background:#354b5b;border-color:#b5d4e9}.sample-course .compact-figure figcaption{color:#aebfcf;margin-top:16px;font-size:12px;line-height:1.65}.sample-ils img{border-radius:10px;width:100%;height:auto;margin:18px 0;display:block}.sample-visual-controls{flex-wrap:wrap;gap:9px;margin:18px 0;display:flex}.sample-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:30px;padding-top:22px;display:flex}.sample-actions button,.sample-primary{border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;font-size:15px;font-weight:550;display:inline-flex}.sample-primary,.sample-actions .sample-primary{background:var(--foreground);color:var(--background)}.sample-actions button:disabled{opacity:.4;cursor:default}.sample-check{max-width:760px;margin:auto}.sample-check fieldset{gap:12px;display:grid}.sample-check label{border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:flex-start;gap:13px;padding:18px;line-height:1.6;display:flex}.sample-check input{accent-color:#9dc4df;margin-top:6px}.sample-check label:has(input:checked){background:#9dc4df0d;border-color:#9dc4df}.sample-answer{background:var(--muted);border-radius:12px;margin-top:20px;padding:20px;line-height:1.7}.sample-answer h3{margin-bottom:8px;font-size:18px;font-weight:600}.sample-review{text-underline-offset:5px;min-height:44px;margin-top:18px;font-size:14px;text-decoration:underline}.sample-complete{max-width:760px;margin:auto;font-size:18px;line-height:1.8}.sample-complete ul{margin-top:20px;padding-left:22px;list-style:outside}.sample-note{color:var(--muted-foreground);margin-top:16px;font-size:13px!important;line-height:1.65!important}.sample-course-offer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;margin-top:48px;padding-top:28px;display:flex}.sample-course-offer h2{letter-spacing:-.03em;font-size:30px;font-weight:550}.sample-course-offer p{max-width:640px;margin-top:12px;line-height:1.6}.sample-course-offer>div:last-child{flex-direction:column;flex-shrink:0;align-items:center;gap:16px;display:flex}.sample-course-offer a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.sample-other-courses{border-top:1px solid var(--border);flex-wrap:wrap;gap:12px 24px;margin-top:30px;padding-top:24px;display:flex}.sample-other-courses a{min-height:44px;color:var(--muted-foreground);align-items:center;font-size:14px;display:inline-flex}.sample-course button:focus-visible,.sample-course a:focus-visible{outline-offset:4px;outline:2px solid #9fc6df}.sample-check label:has(input:focus-visible){outline-offset:4px;outline:2px solid #9fc6df}@media (width<=850px){.sample-reading-grid{grid-template-columns:1fr;gap:24px}.sample-reading-grid>.compact-figure,.sample-reading-grid>.cfi-control-figure{width:100%;max-width:600px;margin:auto}.sample-course-offer{flex-direction:column;align-items:flex-start}.sample-course-offer>div:last-child{align-items:flex-start}.sample-paragraphs p,.sample-reading-copy p{font-size:17px}.sample-progress{flex-wrap:wrap;gap:8px}}.sample-ils-positions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.sample-course .sample-ils-positions button{border-radius:12px;padding:10px 8px;font-size:13px;line-height:1.45}.sample-ils-indication{grid-template-columns:minmax(130px,190px) 1fr;align-items:center;gap:14px;margin-top:20px;display:grid}.sample-ils-indication strong{font-size:17px;line-height:1.4}.sample-course .sample-ils-indication p{margin:10px 0 0;font-size:14px}.sample-course [data-hydraulic-actuator-visual]{margin-top:0}@media (width<=480px){.sample-ils-indication{text-align:center;grid-template-columns:1fr}.sample-ils-indication>svg{max-width:200px;margin:auto}}