.examples-page .examples-intro{padding:120px 0 0;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}
.examples-page .course-breadcrumb{margin-bottom:32px;font-size:13px;display:flex;gap:12px;flex-wrap:wrap;color:var(--text-secondary)}
.examples-page .examples-intro h1{max-width:850px;margin:18px 0 22px;font-size:clamp(32px,4vw,52px);line-height:1.16;letter-spacing:-1.3px}
.examples-page .course-lead{max-width:790px;font-size:clamp(17px,1.6vw,20px);line-height:1.75}
.examples-purpose{max-width:750px;color:var(--text-secondary);font-size:15px;line-height:1.75;margin:14px 0 24px}
.examples-jump{display:flex;gap:36px;border-top:1px solid var(--gray-200);margin-top:42px;padding:22px 0}
.examples-jump a{display:flex;gap:10px;align-items:center;min-height:44px;color:var(--gray-900);font-size:14px;font-weight:600}
.examples-jump a span{color:var(--primary);font-size:12px}
.examples-page main>.examples-content{padding:60px 0;scroll-margin-top:90px}
.examples-section-heading{max-width:720px;margin-bottom:28px}
.examples-page .examples-content h2{margin:12px 0 16px;font-size:clamp(27px,3vw,38px);line-height:1.25;letter-spacing:-.65px;color:var(--gray-900)}
.examples-content p{line-height:1.8;margin:12px 0;color:var(--text-secondary);font-size:15px}
.examples-page .course-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.examples-page .course-related-card{padding:26px;border:1px solid var(--gray-200);border-radius:14px;box-shadow:none;background:var(--white);scroll-margin-top:110px;align-items:stretch}
.examples-page .course-related-card h3{font-size:23px;line-height:1.3;margin:18px 0;color:var(--gray-900)}
.examples-page .course-related-card>p{min-height:110px;color:var(--gray-900)}
.examples-exercise{border-block:1px solid var(--gray-200);margin:20px 0}
.examples-exercise summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;font-size:14px;font-weight:600;min-height:58px;padding:10px 0;color:var(--gray-900);list-style:none}
.examples-exercise summary::-webkit-details-marker,.examples-observation summary::-webkit-details-marker{display:none}
.examples-exercise summary span,.examples-plus{color:#b45309;font-size:24px;font-weight:400;transition:transform .2s}
.examples-exercise[open] summary span,.examples-observation[open] .examples-plus{transform:rotate(45deg)}
.examples-exercise p{font-size:14px;margin:0 0 16px}
.examples-program{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--primary);font-size:14px;font-weight:650;min-height:44px}
.examples-page main>.examples-workshop{background:var(--gray-50);border-block:1px solid var(--gray-200)}
.examples-workshop>.container>p{max-width:750px}
.examples-duration{font-weight:600;color:var(--primary)!important}
.examples-sequence{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 36px;padding:0;margin:36px 0 0}
.examples-sequence li{padding:22px 0 0;border-top:2px solid var(--gray-300);break-inside:avoid}
.examples-sequence .course-eyebrow{color:var(--primary)}
.examples-sequence h3{font-size:19px;line-height:1.4;margin:12px 0;color:var(--gray-900)}
.examples-sequence p{font-size:14px}
.examples-page main>.examples-support{padding:40px 0 0}
.examples-observation{border:1px solid var(--gray-200);border-radius:14px;background:var(--white)}
.examples-observation>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;cursor:pointer;list-style:none}
.examples-observation strong{display:block;font-size:22px;line-height:1.4;margin:10px 0 6px;color:var(--gray-900)}
.examples-summary-help{display:block;font-size:14px;line-height:1.7;color:var(--text-secondary)}
.examples-observation-body{padding:0 30px 28px}
.examples-table-wrap{overflow:auto;margin:24px 0;border:1px solid var(--gray-200);border-radius:10px}
.examples-table-wrap table{border-collapse:collapse;width:100%;font-size:13px}
.examples-table-wrap caption{text-align:left;padding:16px;background:var(--gray-50);color:var(--gray-900);font-weight:600}
.examples-table-wrap th,.examples-table-wrap td{border:1px solid var(--gray-200);padding:16px;text-align:left;vertical-align:top;width:33.333%;color:var(--gray-900)}
.examples-writing{color:var(--text-secondary);font-size:12px}
.examples-outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.examples-outcome-grid article{padding:24px;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-200)}
.examples-outcome-grid h3{font-size:19px;color:var(--gray-900)}
.examples-page :is(summary,a,button):focus-visible{outline:3px solid #b45309;outline-offset:4px}
[data-theme=dark] :is(.examples-exercise summary span,.examples-plus){color:#fdba74}
@media(max-width:950px){.examples-page .course-related-grid{grid-template-columns:1fr}.examples-page .course-related-card>p{min-height:0}.examples-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.examples-page .examples-intro{padding-top:95px}.examples-page .course-breadcrumb{margin-bottom:24px}.examples-page main>.examples-content{padding:40px 0}.examples-jump{gap:4px;flex-direction:column;margin-top:30px;padding:14px 0}.examples-page .course-related-card{padding:22px}.examples-sequence,.examples-outcome-grid{grid-template-columns:1fr;gap:18px}.examples-observation>summary{padding:22px}.examples-observation strong{font-size:19px}.examples-observation-body{padding:0 18px 22px}.examples-table-wrap table{min-width:560px}.examples-page .course-actions{align-items:stretch;flex-direction:column}.examples-page .course-actions a{text-align:center;justify-content:center}}
@media print{.header,.footer,.examples-jump,.course-actions,.examples-print{display:none!important}.examples-page .examples-intro,.examples-page main>.examples-content{padding:18px 0;background:#fff!important}.examples-page .course-related-grid,.examples-sequence,.examples-outcome-grid{display:block}.examples-page .course-related-card,.examples-sequence li{break-inside:avoid;margin-bottom:20px}.examples-exercise::details-content,.examples-observation::details-content{display:block!important;content-visibility:visible!important}.examples-observation-body{display:block!important}.examples-table-wrap{overflow:visible}.examples-table-wrap table{min-width:0}.examples-table-wrap td{height:60px}.examples-writing{color:transparent}.examples-plus,.examples-exercise summary span{display:none}}

.examples-page .course-text-link{color:var(--primary)}
@media(prefers-reduced-motion:reduce){.examples-page,.examples-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}