/* Claude public class campaign. Keep the reusable site header and scope campaign styles. */
body.claude-course-page { --cc-navy:#10223d; --cc-ink:#152d4a; --cc-blue:#2d5de3; --cc-mint:#b5ecd8; --cc-coral:#efa68c; --cc-muted:#526780; background:#fff!important; }
.claude-course-page main { overflow:clip; }
.claude-course-page .cc-container { width:min(1240px,calc(100% - 64px)); margin-inline:auto; }
.claude-course-page :is(h1,h2,h3,h4,p,figure,dl,dd) { margin:0; }
.claude-course-page :is(h1,h2,h3,h4) { color:var(--cc-ink)!important; font-family:inherit; }
.claude-course-page :is(p,li,dd) { color:var(--cc-muted)!important; }
.claude-course-page main :is(a,button,summary,select):focus-visible { outline:3px solid #3675ed!important; outline-offset:5px; }
.claude-course-page main [id] { scroll-margin-top:170px; }
.claude-course-page [hidden] { display:none!important; }
.claude-course-page .cc-skip { position:fixed; top:10px; left:16px; z-index:4000; transform:translateY(-180%); padding:12px 18px; border:2px solid #2457d6; border-radius:7px; background:#fff; color:#17365d; }
.claude-course-page .cc-skip:focus { transform:none; }
.claude-course-page .cc-section { padding-block:104px; }
.claude-course-page .cc-eyebrow { margin-bottom:20px; color:#365ea3!important; font-size:11px; font-weight:800; letter-spacing:.13em; line-height:1.6; }
.claude-course-page .cc-eyebrow--light { color:#a8d2fa!important; }
.claude-course-page h2 { font-size:clamp(30px,3.7vw,48px); line-height:1.3!important; letter-spacing:-.05em; font-weight:750; }
.claude-course-page h2 em { font-style:normal; color:#2c5dcb; }
.claude-course-page .cc-section-description { font-size:16px; line-height:1.9; font-weight:400; }
.claude-course-page .cc-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:44px; }
.claude-course-page .cc-section-heading > .cc-section-description { flex:0 1 380px; }
.claude-course-page .cc-button { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; min-height:56px; padding:15px 24px; border:1px solid transparent; border-radius:8px; color:#fff!important; background:#2d5de3; font:inherit; font-size:15px; line-height:1.6; font-weight:750; text-decoration:none; cursor:pointer; transition:transform .2s,box-shadow .2s,background .2s; }
.claude-course-page .cc-button:hover { transform:translateY(-3px); box-shadow:0 12px 30px -16px #225ddb80; }
.claude-course-page .cc-button--mint { color:#102e37!important; background:#b5ecd8; border-color:#b5ecd8; }
.claude-course-page .cc-button--mint:hover { background:#d0f7e9; box-shadow:0 12px 30px -16px #9dedce80; }
.claude-course-page .cc-button > span:last-child { font-size:19px; }
.claude-course-page .cc-text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:48px; margin-top:26px; color:#2c59b2; font-size:14px; font-weight:700; }
/* Campaign hero */
.claude-course-page .cc-hero { position:relative; padding:30px 0 0; isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 78% 10%,#243e63 0,transparent 52%),#10223d!important; }
.claude-course-page .cc-hero-grid { position:absolute; z-index:-1; inset:0; pointer-events:none; background-image:linear-gradient(#7699c60b 1px,transparent 1px),linear-gradient(90deg,#7699c60b 1px,transparent 1px); background-size:60px 60px; mask-image:linear-gradient(90deg,transparent,#000); }
.claude-course-page .cc-breadcrumb { display:flex; flex-wrap:wrap; gap:9px; align-items:center; color:#c2cfe0; font-size:11px; }
.claude-course-page .cc-breadcrumb a { color:#c2cfe0; min-height:28px; display:inline-flex; align-items:center; }
.claude-course-page .cc-breadcrumb [aria-current] { color:#fff; }
.claude-course-page .cc-hero-layout { display:grid; grid-template-columns:1.04fr .96fr; gap:16px; min-height:610px; padding-top:48px; padding-bottom:58px; align-items:center; }
.claude-course-page .cc-hero-copy { position:relative; z-index:3; }
.claude-course-page .cc-hero-label { display:flex; align-items:center; gap:16px; margin-bottom:31px; color:#d8e2ef; font-size:10px; font-weight:650; letter-spacing:.12em; }
.claude-course-page .cc-open-state { display:inline-flex; align-items:center; gap:7px; padding:6px 10px; border:1px solid #6982a763; border-radius:4px; color:#e0ebfc; font-size:10px; letter-spacing:0; }
.claude-course-page .cc-open-state i { width:5px; height:5px; border-radius:50%; background:#afdccf; }
.claude-course-page .cc-hero-pretitle { color:#d4dfed!important; font-size:16px; line-height:1.8; margin-bottom:19px; }
.claude-course-page .cc-hero h1 { margin-bottom:28px; color:#fff!important; font-size:clamp(58px,5.7vw,82px)!important; line-height:1.1!important; letter-spacing:-.065em; font-weight:770; }
.claude-course-page .cc-hero h1 span { color:#b5ecd8!important; }
.claude-course-page .cc-hero-description { color:#d5e0ee!important; font-size:16px; line-height:1.9; }
.claude-course-page .cc-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:31px; }
.claude-course-page .cc-hero-secondary { display:inline-flex; align-items:center; gap:14px; min-height:50px; color:#e1eaf7; font-size:13px; font-weight:650; }
.claude-course-page .cc-hero-note { margin-top:16px; color:#bacbdf!important; font-size:11px; line-height:1.7; }
.claude-course-page .cc-hero-visual { position:relative; min-width:0; isolation:isolate; }
.claude-course-page .cc-hero-visual img { display:block; position:relative; z-index:0; width:124%; height:auto; max-width:none; margin-left:-8%; border-radius:20px; aspect-ratio:3/2; object-fit:cover; object-position:68% 50%; box-shadow:0 30px 90px -50px #0009; }
.claude-course-page .cc-orbit { position:absolute; z-index:-1; left:1%; top:-10%; width:110%; aspect-ratio:1; border:1px solid #7093bd26; border-radius:50%; }
.claude-course-page .cc-orbit--two { top:-22%; left:-11%; width:135%; border-color:#a2cbce12; }
.claude-course-page .cc-float-tag { display:inline-flex; align-items:center; gap:10px; position:absolute; z-index:2; padding:12px 15px; border:1px solid #6586ad80; border-radius:9px; background:#193550e8; backdrop-filter:blur(12px); color:#e3edf8; font-size:12px; box-shadow:0 14px 25px -20px #000b; }
.claude-course-page .cc-float-tag--document { top:7%; left:8%; transform:rotate(-5deg); }
.claude-course-page .cc-float-tag--flow { right:-3%; bottom:13%; transform:rotate(4deg); background:#d9f1e8; color:#204d48; border-color:#b7ded0; }
.claude-course-page .cc-float-tag svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; }
.claude-course-page .cc-float-tag i { width:7px; height:7px; background:#2d8b70; border-radius:50%; }
.claude-course-page .cc-hero-visual-caption { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; gap:24px; margin-top:20px; color:#bed1e4; font-size:9px; font-weight:700; letter-spacing:.14em; }
.claude-course-page .cc-hero-visual-caption i { color:#90accc; font-size:16px; font-style:normal; }
.claude-course-page .cc-course-facts { display:grid; grid-template-columns:1.2fr 1.15fr 1fr auto; align-items:center; gap:32px; padding:27px 0 29px; border-top:1px solid #8eabcf33; }
.claude-course-page .cc-course-facts div { min-width:0; display:grid; gap:6px; }
.claude-course-page .cc-course-facts div > span { color:#b8cade; font-size:10px; }
.claude-course-page .cc-course-facts strong { color:#eef5fc; font-size:13px; font-weight:600; }
.claude-course-page .cc-course-facts > a { display:flex; gap:25px; min-height:44px; align-items:center; color:#b5ecd8; font-size:13px; font-weight:700; }
/* Section navigation */
.claude-course-page .cc-course-nav { position:sticky; top:78px; z-index:50; border-bottom:1px solid #dce5ee; background:#ffffffee; backdrop-filter:blur(14px); }
.claude-course-page .cc-course-nav .cc-container { display:flex; gap:30px; align-items:center; min-height:67px; }
.claude-course-page .cc-course-nav .cc-container > span { margin-right:auto; color:#314f75; font-size:10px; font-weight:800; letter-spacing:.1em; }
.claude-course-page .cc-course-nav .cc-container > div { display:flex; gap:27px; }
.claude-course-page .cc-course-nav a { display:inline-flex; min-height:44px; align-items:center; color:#425875; font-size:13px; font-weight:650; }
.claude-course-page .cc-course-nav a:hover { color:#2d5de3; }
.claude-course-page .cc-course-nav .cc-nav-inquiry { min-height:37px; margin-left:17px; padding:7px 15px; gap:25px; border:1px solid #ccd9eb; border-radius:6px; color:#204a91; }
/* Before / after */
.claude-course-page .cc-intro-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:60px; align-items:end; }
.claude-course-page .cc-intro-layout > p { justify-self:end; }
.claude-course-page .cc-change-strip { position:relative; display:grid; grid-template-columns:1fr 1fr; align-items:stretch; gap:0; margin-top:48px; border:1px solid #dce5ef; border-radius:12px; overflow:visible; }
.claude-course-page .cc-change-strip > div { display:flex; flex-direction:column; gap:13px; padding:30px 34px; }
.claude-course-page .cc-change-strip > div > span { color:#586d87; font-size:12px; }
.claude-course-page .cc-change-strip strong { color:#2e4868; font-size:18px; line-height:1.6; font-weight:650; letter-spacing:-.03em; }
.claude-course-page .cc-change-before { background:#f5f7fa; border-radius:12px 0 0 12px; }
.claude-course-page .cc-change-before > div { display:flex; gap:9px; margin-top:5px; }
.claude-course-page .cc-change-before i { width:35px; height:29px; border-radius:4px; border:1px solid #c9d4e3; background:repeating-linear-gradient(0deg,#d8e0ea 0 2px,transparent 2px 7px) center/20px 15px no-repeat,#fff; transform:rotate(-8deg); }
.claude-course-page .cc-change-before i:nth-child(even) { transform:rotate(8deg); }
.claude-course-page .cc-change-after { background:#ecf6f1; border-radius:0 12px 12px 0; }
.claude-course-page .cc-change-after strong { color:#215d50; }
.claude-course-page .cc-change-arrow { position:absolute; top:50%; left:50%; z-index:2; display:grid; place-items:center; width:42px; height:42px; border:5px solid #fff; border-radius:50%; color:#fff; background:#2d5de3; font-size:25px; transform:translate(-50%,-50%); }
.claude-course-page .cc-flow-dots { display:flex; align-items:center; gap:0; height:29px; margin-top:5px; }
.claude-course-page .cc-flow-dots i { display:block; width:26px; height:26px; border:1px solid #8bc8b0; border-radius:6px; background:#ccebdd; }
.claude-course-page .cc-flow-dots i:nth-of-type(2) { background:#2d6e58; border-color:#2d6e58; }
.claude-course-page .cc-flow-dots b { display:block; height:1px; width:34px; background:#8ec7b2; }
/* Interactive examples */
.claude-course-page .cc-examples { background:#f3f6fb!important; }
.claude-course-page .cc-demo-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:22px; }
.claude-course-page .cc-demo-tabs button { display:flex; align-items:center; justify-content:center; gap:13px; min-height:60px; padding:14px 20px; border:1px solid #d7e1ee; border-radius:8px; color:#4f6580; background:#fff; font:inherit; font-size:15px; font-weight:700; cursor:pointer; transition:color .2s,background .2s,border-color .2s; }
.claude-course-page .cc-demo-tabs button > span { color:#647b99; font-size:10px; font-weight:700; }
.claude-course-page .cc-demo-tabs button[aria-selected=true] { border-color:#2d5de3; color:#fff; background:#2d5de3; }
.claude-course-page .cc-demo-tabs button[aria-selected=true] > span { color:#d3e0ff; }
.claude-course-page .cc-demo-panel { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:44px; padding:38px; border:1px solid #d4dfec; border-radius:14px; background:#fff!important; align-items:center; margin-bottom:24px; }
.claude-course-page .cc-demo-panel:last-child { margin-bottom:0; }
.claude-course-page .cc-demo-panel > div { min-width:0; }
.claude-course-page .cc-output-number { display:block; margin-bottom:21px; color:#315ab0; font-size:10px; font-weight:800; letter-spacing:.1em; }
.claude-course-page .cc-demo-copy h3 { margin-bottom:18px; color:#1c3859!important; font-size:clamp(24px,2.4vw,32px); line-height:1.35; font-weight:750; letter-spacing:-.05em; }
.claude-course-page .cc-demo-copy > p { font-size:14px; line-height:1.9; }
.claude-course-page .cc-demo-copy ul { list-style:none; padding:0; margin:23px 0 26px; }
.claude-course-page .cc-demo-copy li { position:relative; padding:8px 0 8px 19px; color:#37536f!important; font-size:12px; line-height:1.6; }
.claude-course-page .cc-demo-copy li::before { content:'✓'; position:absolute; left:0; color:#2f8d70; }
.claude-course-page .cc-demo-note { display:block; color:#596f88; font-size:10px; line-height:1.8; }
/* Report mockup */
.claude-course-page .cc-report-visual { align-self:stretch; overflow:hidden; border:1px solid #cbd8e9; border-radius:9px; background:#edf3fb; box-shadow:0 18px 42px -27px #24487260; }
.claude-course-page .cc-window-bar { display:flex; align-items:center; gap:16px; padding:12px 14px; border-bottom:1px solid #d6e1ee; background:#f7f9fc; }
.claude-course-page .cc-window-bar > span:first-child { display:flex; gap:4px; }
.claude-course-page .cc-window-bar i { display:block; width:5px; height:5px; border-radius:50%; background:#b3c3d8; }
.claude-course-page .cc-window-bar b { color:#4e6580; font-size:9px; font-weight:600; }
.claude-course-page .cc-window-bar > span:last-child { margin-left:auto; color:#627691; font-size:6px; letter-spacing:.12em; }
.claude-course-page .cc-report-body { display:grid; grid-template-columns:127px 1fr; min-height:365px; }
.claude-course-page .cc-report-body > aside { padding:24px 14px; border-right:1px solid #d0deed; }
.claude-course-page .cc-mini-label { display:block; margin-bottom:20px; color:#5e7594; font-size:7px; font-weight:750; letter-spacing:.08em; }
.claude-course-page .cc-report-body > aside > div { display:flex; gap:6px; align-items:center; padding:10px 0; color:#506985; font-size:9px; }
.claude-course-page .cc-report-body > aside svg { width:16px; height:18px; flex-shrink:0; fill:none; stroke:#6383ad; stroke-width:1.4; }
.claude-course-page .cc-report-body > aside .cc-source-done { display:block; margin-top:24px; color:#31735f; line-height:1.8; }
.claude-course-page .cc-source-done i { display:grid; place-items:center; width:20px; height:20px; margin-bottom:5px; border-radius:50%; background:#d7eee4; font-style:normal; }
.claude-course-page .cc-document { position:relative; min-width:0; padding:28px 24px 22px; margin:18px 17px; border:1px solid #d6e2ef; border-radius:3px; background:#fff; box-shadow:0 9px 15px -12px #16437b55; }
.claude-course-page .cc-document-label { color:#3a64bb; font-size:6px; font-weight:800; letter-spacing:.12em; }
.claude-course-page .cc-document h3 { margin:7px 0 4px; color:#234467!important; font-size:18px; letter-spacing:-.04em; line-height:1.5; }
.claude-course-page .cc-document > p { font-size:8px; line-height:1.8; color:#61758e!important; }
.claude-course-page .cc-document-summary { display:grid; gap:4px; margin-top:18px; padding:12px; border-left:2px solid #3466cc; background:#eff4fc; }
.claude-course-page .cc-document-summary b { color:#2d5086; font-size:9px; }
.claude-course-page .cc-document-summary span { color:#58708f; font-size:7px; line-height:1.6; }
.claude-course-page .cc-doc-lines { display:grid; gap:7px; padding:19px 0; }
.claude-course-page .cc-doc-lines i { height:3px; border-radius:2px; background:#e0e7f0; }
.claude-course-page .cc-doc-lines i:nth-child(2) { width:85%; }
.claude-course-page .cc-doc-lines i:nth-child(3) { width:92%; }
.claude-course-page .cc-document-bottom { display:grid; grid-template-columns:1fr 1fr; gap:17px; padding-top:14px; border-top:1px solid #e5ebf3; }
.claude-course-page .cc-document-bottom b { display:block; color:#536984; font-size:8px; }
.claude-course-page .cc-chart-bars { display:flex; height:60px; align-items:end; gap:7px; padding:12px 8px 0; border-bottom:1px solid #dce6f0; }
.claude-course-page .cc-chart-bars i { display:block; height:50%; width:12px; border-radius:2px 2px 0 0; background:#729bea; }
.claude-course-page .cc-chart-bars i:nth-child(2) { height:74%; background:#a5c0f0; }
.claude-course-page .cc-chart-bars i:nth-child(3) { height:62%; }
.claude-course-page .cc-chart-bars i:nth-child(4) { height:100%; background:#2b60ca; }
.claude-course-page .cc-chart-bars i:nth-child(5) { height:85%; background:#73b5a0; }
.claude-course-page .cc-document-bottom p { display:flex; gap:4px; margin-top:6px; font-size:7px; line-height:1.5; }
.claude-course-page .cc-document-bottom p i { color:#517eb6; font-style:normal; }
.claude-course-page .cc-document-footer { display:block; padding-top:18px; color:#60738a; font-size:6px; }
/* Meeting mockup */
.claude-course-page .cc-meeting-visual { overflow:hidden; padding:23px; border:1px solid #cce1d8; border-radius:10px; background:#f0f8f4; }
.claude-course-page .cc-meeting-header { display:flex; gap:11px; align-items:center; margin-bottom:22px; }
.claude-course-page .cc-meeting-symbol { display:flex; gap:3px; align-items:center; width:34px; height:34px; padding:8px; border-radius:9px; background:#ccebdd; }
.claude-course-page .cc-meeting-symbol i { width:2px; height:11px; background:#2f725c; border-radius:2px; }
.claude-course-page .cc-meeting-symbol i:nth-child(2n) { height:18px; }
.claude-course-page .cc-meeting-symbol i:nth-child(3) { height:24px; }
.claude-course-page .cc-meeting-header small { display:block; color:#48715f; font-size:7px; font-weight:750; letter-spacing:.1em; }
.claude-course-page .cc-meeting-header strong { display:block; margin-top:3px; color:#285843; font-size:12px; font-weight:700; }
.claude-course-page .cc-sample-badge { margin-left:auto; padding:4px 6px; border-radius:4px; border:1px solid #c1daca; color:#4a6a59; font-size:8px; }
.claude-course-page .cc-meeting-source { padding:17px 18px; border:1px solid #d4e4da; border-radius:7px; background:#fff; }
.claude-course-page .cc-meeting-source > span { color:#3c6f56; font-size:9px; font-weight:700; }
.claude-course-page .cc-meeting-source p { margin-top:8px; color:#546e5e!important; font-size:11px; line-height:1.9; }
.claude-course-page .cc-meeting-route { display:flex; align-items:center; justify-content:space-around; gap:10px; padding:15px 2px; }
.claude-course-page .cc-meeting-route span { font-size:9px; color:#547764; }
.claude-course-page .cc-meeting-route i { transform:rotate(-90deg); color:#80b69d; font-style:normal; }
.claude-course-page .cc-action-table { border:1px solid #c6ddcf; border-radius:6px; overflow:hidden; background:#fff; }
.claude-course-page .cc-action-table > div { display:grid; grid-template-columns:1.2fr 1fr .75fr; gap:8px; padding:12px 13px; border-top:1px solid #e0ebe4; align-items:center; }
.claude-course-page .cc-action-table > div:first-child { background:#e2f0e7; border:0; }
.claude-course-page .cc-action-table b { color:#426a52; font-size:9px; }
.claude-course-page .cc-action-table span { color:#4e6d5b; font-size:9px; }
.claude-course-page .cc-action-table i { padding:3px 4px; border-radius:3px; color:#7f5b31; background:#faf0dc; font-size:7px; font-style:normal; text-align:center; }
.claude-course-page .cc-meeting-check { display:flex; gap:7px; align-items:center; margin-top:14px; color:#416c53!important; font-size:8px; line-height:1.8; }
/* Workflow mockup */
.claude-course-page .cc-workflow-visual { overflow:hidden; border:1px solid #cfdced; border-radius:10px; background:#edf2fa; }
.claude-course-page .cc-workflow-toolbar { display:grid; grid-template-columns:1fr auto; gap:7px 15px; padding:16px 20px; border-bottom:1px solid #d8e3ef; background:#f8fafd; }
.claude-course-page .cc-workflow-toolbar > span:first-child { display:flex; gap:6px; align-items:center; color:#41628b; font-size:7px; font-weight:750; letter-spacing:.08em; }
.claude-course-page .cc-workflow-toolbar > span:first-child i { width:5px; height:5px; border-radius:50%; background:#5c9e88; }
.claude-course-page .cc-workflow-toolbar b { grid-row:2; color:#425c7f; font-size:11px; font-weight:650; }
.claude-course-page .cc-workflow-toolbar > span:last-child { grid-column:2; grid-row:1 / span 2; align-self:center; color:#667e9d; font-size:6px; letter-spacing:.1em; }
.claude-course-page .cc-node-canvas { display:grid; grid-template-columns:1fr 23px 1fr 23px 1fr; align-items:center; padding:35px 21px 25px; background:radial-gradient(#b4c5de70 1px,transparent 1px); background-size:14px 14px; }
.claude-course-page .cc-workflow-node { display:flex; flex-direction:column; gap:7px; align-items:center; min-height:135px; min-width:0; padding:15px 7px; border:1px solid #c4d4e8; border-radius:9px; background:#fff; text-align:center; box-shadow:0 6px 13px -10px #163a6c66; }
.claude-course-page .cc-node-icon { display:grid; place-items:center; width:32px; height:32px; margin-bottom:6px; border-radius:8px; color:#416caa; background:#e8f0ff; font-size:21px; }
.claude-course-page .cc-workflow-node b { color:#345578; font-size:11px; font-weight:700; }
.claude-course-page .cc-workflow-node small { color:#5e7490; font-size:7px; line-height:1.7; }
.claude-course-page .cc-workflow-node--claude { border-color:#e0b7a5; background:#fff9f5; }
.claude-course-page .cc-asterisk { color:#ad6248; background:#f6e3d8; font-size:26px; }
.claude-course-page .cc-workflow-node--review .cc-node-icon { color:#2e755c; background:#e0f1e8; }
.claude-course-page .cc-node-connector { display:block; height:1px; background:#91a9c9; }
.claude-course-page .cc-workflow-branch { grid-column:2 / -1; display:flex; align-items:center; gap:14px; margin-top:20px; }
.claude-course-page .cc-workflow-branch > span { color:#80a0c8; font-size:34px; }
.claude-course-page .cc-workflow-branch > div { flex:1; padding:12px 14px; border:1px solid #c8d8ec; border-radius:7px; background:#e4edf9; }
.claude-course-page .cc-workflow-branch b,.claude-course-page .cc-workflow-branch small { display:block; color:#365b8c; font-size:9px; }
.claude-course-page .cc-workflow-branch small { margin-top:4px; font-size:7px; }
.claude-course-page .cc-workflow-branch > i { color:#5c7caa; font-size:23px; font-style:normal; }
.claude-course-page .cc-workflow-footnote { display:flex; gap:6px; align-items:center; padding:14px 20px; border-top:1px solid #d8e2f1; color:#4f6787!important; background:#f6f9fd; font-size:8px; }
.claude-course-page .cc-workflow-footnote i { width:5px; height:5px; border-radius:50%; background:#659a85; }
/* User-triggered pipeline */
.claude-course-page .cc-pipeline-section { background:radial-gradient(ellipse at 0 100%,#1f4160 0,transparent 65%),#10223d!important; }
.claude-course-page .cc-pipeline-section h2 { color:#fff!important; }
.claude-course-page .cc-pipeline-section h2 em { color:#b5ecd8; }
.claude-course-page .cc-pipeline-section .cc-section-description { margin-bottom:22px; color:#c5d6e9!important; font-size:14px; }
.claude-course-page .cc-pipeline-section .cc-section-heading { align-items:start; margin-bottom:52px; }
.claude-course-page .cc-pipeline-section .cc-section-heading > div:last-child { max-width:340px; }
.claude-course-page .cc-pipeline-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:0; margin:0; border:1px solid #48617e; border-radius:12px 12px 0 0; overflow:hidden; list-style:none; }
.claude-course-page .cc-pipeline-steps li { position:relative; min-width:0; padding:30px 25px 32px; background:#1b3451; transition:background .3s; }
.claude-course-page .cc-pipeline-steps li + li { border-left:1px solid #405775; }
.claude-course-page .cc-step-icon { display:grid; place-items:center; width:54px; height:54px; margin-bottom:30px; border:1px solid #5d7596; border-radius:12px; background:#2d496a; color:#c9e1fc; font-size:36px; }
.claude-course-page .cc-step-icon svg { width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:1.5; }
.claude-course-page .cc-step-icon--core { color:#f3c7af; border-color:#ba8d7063; background:#514b4b; }
.claude-course-page .cc-pipeline-steps li > span:not(.cc-step-icon) { display:block; color:#a1b7d2; font-size:10px; font-weight:750; margin-bottom:10px; }
.claude-course-page .cc-pipeline-steps h3 { color:#eef5ff!important; font-size:18px; font-weight:650; line-height:1.5; margin-bottom:8px; }
.claude-course-page .cc-pipeline-steps p { color:#bed1e6!important; font-size:11px; line-height:1.8; }
.claude-course-page .cc-step-check { position:absolute; top:27px; right:23px; display:grid; place-items:center; width:20px; height:20px; border:1px solid #58718f; border-radius:50%; color:#8fa6c2; background:#203b59; font-size:11px; font-style:normal; }
.claude-course-page .cc-pipeline-steps [data-state=running] { background:#264c76; }
.claude-course-page .cc-pipeline-steps [data-state=running] .cc-step-icon { outline:3px solid #96c8ff35; border-color:#a5d3ff; color:#fff; }
.claude-course-page .cc-pipeline-steps [data-state=done] { background:#224a4d; }
.claude-course-page .cc-pipeline-steps [data-state=done] .cc-step-check { color:#184b3b; background:#b5ecd8; border-color:#b5ecd8; }
.claude-course-page .cc-pipeline-result { display:flex; gap:22px; align-items:center; padding:29px 32px; border:1px solid #648e90; border-radius:0 0 12px 12px; background:#d5ece3; transition:background .3s; }
.claude-course-page .cc-result-stamp { display:grid; place-items:center; width:47px; height:47px; flex-shrink:0; border:1px solid #a0c7b7; border-radius:9px; color:#286b52; background:#c2e2d4; font-size:28px; }
.claude-course-page .cc-pipeline-result small { display:block; margin-bottom:7px; color:#3e705b; font-size:8px; font-weight:750; letter-spacing:.1em; }
.claude-course-page .cc-pipeline-result h3 { color:#204e3e!important; font-size:17px; font-weight:700; line-height:1.5; margin-bottom:6px; }
.claude-course-page .cc-pipeline-result p { color:#3f6858!important; font-size:11px; line-height:1.8; }
.claude-course-page .cc-result-badge { flex-shrink:0; margin-left:auto; padding:7px 9px; border:1px solid #a2c7b7; border-radius:4px; color:#376951; font-size:10px; }
.claude-course-page .cc-pipeline-result[data-state=complete] { background:#bcebd5; }
.claude-course-page .cc-pipeline-status { margin-top:16px; min-height:22px; color:#c0d5e9!important; font-size:11px; line-height:1.8; }
/* Audience editorial rows */
.claude-course-page .cc-audience-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; }
.claude-course-page .cc-audience .cc-section-description { margin-top:25px; }
.claude-course-page .cc-audience-note { display:inline-flex; align-items:center; gap:9px; margin-top:23px; color:#315caa; font-size:12px; font-weight:650; }
.claude-course-page .cc-audience-note > span { font-size:19px; }
.claude-course-page .cc-audience-list article { display:grid; grid-template-columns:25px minmax(0,1fr) 38px; gap:19px; align-items:center; padding:25px 0; border-top:1px solid #d5e1ef; }
.claude-course-page .cc-audience-list article:last-child { border-bottom:1px solid #d5e1ef; }
.claude-course-page .cc-audience-list article > span { align-self:start; margin-top:5px; color:#3c67bb; font-size:11px; font-weight:750; }
.claude-course-page .cc-audience-list h3 { font-size:19px; line-height:1.6; font-weight:700; margin-bottom:8px; }
.claude-course-page .cc-audience-list p { font-size:13px; line-height:1.9; }
.claude-course-page .cc-audience-list svg { width:38px; height:38px; fill:none; stroke:#6386bb; stroke-width:1.5; }
/* Large generated workspace */
.claude-course-page .cc-workspace-section { padding:0 0 80px; }
.claude-course-page .cc-workspace-picture { position:relative; overflow:hidden; min-height:540px; border-radius:15px; background:#193453; isolation:isolate; }
.claude-course-page .cc-workspace-picture > img { display:block; width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.claude-course-page .cc-workspace-picture::after { content:''; position:absolute; z-index:0; inset:0; background:linear-gradient(0deg,#0b1c34ed 0,#122b4266 47%,transparent 75%); }
.claude-course-page .cc-workspace-caption { position:absolute; left:48px; bottom:45px; right:48px; z-index:1; }
.claude-course-page .cc-workspace-caption > span { display:block; margin-bottom:17px; color:#b5ecd8; font-size:10px; font-weight:750; letter-spacing:.1em; }
.claude-course-page .cc-workspace-caption h2 { color:#fff!important; font-size:clamp(28px,3.7vw,43px); }
.claude-course-page .cc-image-badge { position:absolute; top:24px; right:24px; z-index:1; padding:7px 10px; border:1px solid #a9bddb60; border-radius:4px; background:#12273abf; color:#e2ecf8; font-size:9px; }
.claude-course-page .cc-workspace-bottom { display:flex; justify-content:space-between; gap:40px; align-items:center; padding:30px 0 0; }
.claude-course-page .cc-workspace-bottom > p { font-size:15px; line-height:1.9; }
.claude-course-page .cc-workspace-bottom > div { display:flex; align-items:center; gap:22px; }
.claude-course-page .cc-workspace-bottom > div > span { display:grid; gap:9px; color:#315575; font-size:11px; }
.claude-course-page .cc-workspace-bottom i { color:#3564bd; font-size:11px; font-style:normal; font-weight:750; }
/* Curriculum */
.claude-course-page .cc-curriculum { background:#f4f7fb!important; }
.claude-course-page .cc-curriculum-layout { display:grid; grid-template-columns:315px minmax(0,1fr); gap:40px; align-items:start; }
.claude-course-page .cc-curriculum-map { position:sticky; top:168px; overflow:hidden; padding:29px 30px; border:1px solid #d5dfea; border-radius:10px; background:linear-gradient(130deg,#ecf1fb,#e7f0ed); }
.claude-course-page .cc-curriculum-map > span { display:block; color:#4d6b91; font-size:9px; font-weight:800; letter-spacing:.12em; }
.claude-course-page .cc-curriculum-map > strong { display:block; position:relative; z-index:1; margin-top:27px; color:#243e60; font-size:48px; line-height:1.12; letter-spacing:-.06em; font-weight:750; }
.claude-course-page .cc-curriculum-map em { color:#3e7e68; font-style:normal; }
.claude-course-page .cc-map-orbit { position:relative; height:163px; margin:8px 0 10px; }
.claude-course-page .cc-map-orbit b { position:absolute; z-index:2; left:50%; top:50%; display:grid; place-items:center; width:78px; height:78px; border:1px solid #e7b395; border-radius:18px; color:#a2593d; background:linear-gradient(130deg,#f8e8db,#f0cdb4); font-size:57px; transform:translate(-50%,-50%) rotate(-10deg); box-shadow:11px 13px 0 -2px #d5e2df; }
.claude-course-page .cc-map-orbit i { position:absolute; left:50%; top:50%; width:150px; height:150px; border:1px solid #a4bcc6; border-radius:50%; transform:translate(-50%,-50%); }
.claude-course-page .cc-map-orbit i:last-child { width:190px; height:190px; border-color:#bfd0d8; }
.claude-course-page .cc-curriculum-map > p { font-size:12px; line-height:1.9; }
.claude-course-page .cc-curriculum-map > a { display:flex; align-items:center; justify-content:space-between; min-height:46px; margin-top:18px; border-top:1px solid #cbd9e5; padding-top:15px; color:#2b569d; font-size:13px; font-weight:700; }
.claude-course-page .cc-curriculum-list { border-top:1px solid #c8d7e8; }
.claude-course-page .cc-curriculum-list details { border-bottom:1px solid #c8d7e8; background:transparent; }
.claude-course-page .cc-curriculum-list summary { display:grid; grid-template-columns:36px minmax(0,1fr) 25px; gap:18px; align-items:center; padding:26px 4px; cursor:pointer; list-style:none; }
.claude-course-page .cc-curriculum-list summary::-webkit-details-marker { display:none; }
.claude-course-page .cc-module-number { align-self:start; margin-top:17px; color:#315fb1; font-size:15px; font-weight:750; }
.claude-course-page .cc-curriculum-list summary small { display:block; color:#5b7392; font-size:8px; font-weight:750; letter-spacing:.08em; margin-bottom:8px; }
.claude-course-page .cc-curriculum-list summary h3 { font-size:20px; line-height:1.6; font-weight:700; letter-spacing:-.035em; margin-bottom:6px; }
.claude-course-page .cc-curriculum-list summary div > span { display:block; color:#586e87; font-size:11px; line-height:1.7; }
.claude-course-page .cc-curriculum-list summary > i { color:#6e88ac; font-size:25px; font-style:normal; transition:transform .2s; }
.claude-course-page .cc-curriculum-list details[open] summary > i { transform:rotate(45deg); }
.claude-course-page .cc-module-body { padding:0 47px 27px 58px; }
.claude-course-page .cc-module-body > p { font-size:13px; line-height:1.9; margin-bottom:16px; }
.claude-course-page .cc-module-body ul { padding-left:17px; margin:0 0 20px; }
.claude-course-page .cc-module-body li { font-size:12px; line-height:2; }
.claude-course-page .cc-module-body > b { display:flex; gap:13px; padding:12px 14px; border:1px solid #d2e3db; border-radius:5px; color:#315f4b; background:#e8f2ed; font-size:10px; line-height:1.8; font-weight:750; }
.claude-course-page .cc-module-body > b > span { color:#3e6d58; font-weight:500; }
/* Toolkit and preparations */
.claude-course-page .cc-toolkit-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:65px; align-items:center; }
.claude-course-page .cc-toolkit-art { position:relative; overflow:hidden; border:1px solid #dbe4ee; border-radius:13px; background:#f4f6f8; }
.claude-course-page .cc-toolkit-art img { display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; }
.claude-course-page .cc-toolkit-art > span { position:absolute; left:24px; bottom:25px; color:#466583; font-size:9px; font-weight:750; letter-spacing:.09em; }
.claude-course-page .cc-toolkit-copy h2 { margin-bottom:24px; }
.claude-course-page .cc-toolkit-copy dl { margin-top:29px; }
.claude-course-page .cc-toolkit-copy dl > div { padding:15px 0; border-top:1px solid #d7e2ed; }
.claude-course-page .cc-toolkit-copy dl dt { display:flex; align-items:center; gap:14px; color:#315370; font-size:14px; font-weight:700; margin-bottom:6px; }
.claude-course-page .cc-toolkit-copy dl dt > span { color:#3c6ac0; font-size:9px; }
.claude-course-page .cc-toolkit-copy dd { margin-left:29px; font-size:12px; line-height:1.8; }
.claude-course-page .cc-material-note { margin-top:18px; font-size:10px; line-height:1.8; }
.claude-course-page .cc-prepare-strip { display:flex; align-items:center; gap:22px; margin-top:49px; padding:27px 30px; border:1px solid #d4e1ed; border-radius:10px; background:#f3f7fc; }
.claude-course-page .cc-prepare-icon { display:grid; place-items:center; flex-shrink:0; width:54px; height:54px; border-radius:10px; background:#e4edf9; }
.claude-course-page .cc-prepare-icon svg { width:32px; height:32px; fill:none; stroke:#597cad; stroke-width:1.6; }
.claude-course-page .cc-prepare-strip h3 { font-size:16px; line-height:1.6; margin-bottom:7px; font-weight:700; }
.claude-course-page .cc-prepare-strip p { max-width:770px; font-size:12px; line-height:1.9; }
.claude-course-page .cc-prepare-strip > a { display:inline-flex; align-items:center; justify-content:space-between; gap:21px; flex-shrink:0; min-height:44px; margin-left:auto; color:#2f5ca4; font-size:12px; font-weight:700; }
/* Operational principles */
.claude-course-page .cc-principles { padding-top:0; }
.claude-course-page .cc-principle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }
.claude-course-page .cc-principle-grid article { border-top:1px solid #d2dfed; padding-top:22px; }
.claude-course-page .cc-principle-visual { display:flex; align-items:center; justify-content:center; gap:14px; height:155px; margin-bottom:25px; border-radius:8px; background:#edf3fc; }
.claude-course-page .cc-principle-visual--source > span { display:grid; place-items:center; height:66px; width:53px; border:1px solid #aec4e1; border-radius:5px; background:#fff; color:#506f95; font-size:10px; transform:rotate(-6deg); }
.claude-course-page .cc-principle-visual--source > span:nth-of-type(2) { transform:rotate(6deg); }
.claude-course-page .cc-principle-visual--source > i { color:#7d9dc6; font-style:normal; font-size:20px; }
.claude-course-page .cc-principle-visual--source > b { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#afd9c8; color:#285f49; font-size:14px; align-self:center; margin-left:-29px; transform:translateY(33px); }
.claude-course-page .cc-principle-visual--permission { background:#eef5f0; gap:17px; }
.claude-course-page .cc-principle-visual--permission svg { width:68px; height:68px; fill:#d3e9dc; stroke:#58896b; stroke-width:1.5; }
.claude-course-page .cc-principle-visual--permission > span { color:#486d54; font-size:12px; }
.claude-course-page .cc-principle-visual--approval { gap:9px; background:#f8f1ec; }
.claude-course-page .cc-principle-visual--approval span,.claude-course-page .cc-principle-visual--approval b { display:grid; place-items:center; width:50px; height:42px; border:1px solid #dacbbf; border-radius:6px; color:#795f4e; background:#fff; font-size:10px; font-weight:500; }
.claude-course-page .cc-principle-visual--approval b { background:#f2d1bb; border-color:#dcae8c; font-weight:750; }
.claude-course-page .cc-principle-visual--approval i { color:#b89a84; font-size:14px; font-style:normal; }
.claude-course-page .cc-principle-grid h3 { font-size:20px; line-height:1.6; margin-bottom:12px; font-weight:700; }
.claude-course-page .cc-principle-grid p { font-size:13px; line-height:1.9; }
/* FAQ */
.claude-course-page .cc-faq-section { background:#f4f7fb!important; }
.claude-course-page .cc-faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; }
.claude-course-page .cc-faq-list { border-top:1px solid #cbd9e8; }
.claude-course-page .cc-faq-list details { border-bottom:1px solid #cbd9e8; }
.claude-course-page .cc-faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:76px; padding:22px 3px; color:#294b6b; font-size:15px; font-weight:650; line-height:1.8; cursor:pointer; list-style:none; }
.claude-course-page .cc-faq-list summary::-webkit-details-marker { display:none; }
.claude-course-page .cc-faq-list summary > i { color:#6986ad; font-size:23px; font-style:normal; transition:transform .2s; }
.claude-course-page .cc-faq-list details[open] summary > i { transform:rotate(45deg); }
.claude-course-page .cc-faq-list details > p { padding:0 30px 25px 3px; font-size:13px; line-height:1.9; }
/* Closing campaign */
.claude-course-page .cc-final { position:relative; isolation:isolate; padding:40px 0 78px; overflow:hidden; background:radial-gradient(ellipse at 92% 100%,#244461 0,transparent 58%),#10223d!important; }
.claude-course-page .cc-final-topline { display:flex; justify-content:space-between; align-items:center; padding:0 0 31px; border-bottom:1px solid #48617e70; color:#bdd0e6; font-size:9px; font-weight:750; letter-spacing:.1em; }
.claude-course-page .cc-final-layout { display:grid; grid-template-columns:1.25fr .75fr; gap:65px; padding-top:55px; align-items:center; }
.claude-course-page .cc-final-layout > div > p:first-child { margin-bottom:17px; color:#d3e0ed!important; font-size:17px; }
.claude-course-page .cc-final h2 { color:#fff!important; font-size:clamp(35px,4.2vw,56px); }
.claude-course-page .cc-final h2 em { color:#b5ecd8; }
.claude-course-page .cc-final-note { display:block; margin-top:26px; color:#bdd2e7; font-size:12px; }
.claude-course-page .cc-final-layout > div:last-child { position:relative; z-index:2; }
.claude-course-page .cc-final-layout .cc-button { width:100%; }
.claude-course-page .cc-final-layout .cc-button + p { margin:16px 0 22px; color:#c8d9ed!important; font-size:12px; line-height:1.9; }
.claude-course-page .cc-final-back { display:inline-flex; gap:20px; align-items:center; min-height:44px; color:#b5d4f7; font-size:12px; font-weight:650; }
.claude-course-page .cc-final-orbit { position:absolute; z-index:-1; width:580px; height:580px; right:-120px; bottom:-320px; }
.claude-course-page .cc-final-orbit i { position:absolute; inset:0; border:1px solid #88b4de2b; border-radius:50%; }
.claude-course-page .cc-final-orbit i:nth-child(2) { inset:35px; }
.claude-course-page .cc-final-orbit i:nth-child(3) { inset:70px; }
.claude-course-page .cc-mobile-inquiry { display:none; }
/* Motion enhances visible content; never make critical copy depend on script. */
@media (prefers-reduced-motion:no-preference) {
  .claude-course-page .cc-hero-visual > img { animation:cc-hero-appear 1s cubic-bezier(.2,.7,.2,1) both; }
  .claude-course-page .cc-float-tag--document { animation:cc-tag-float 2.3s ease-in-out 2; }
  .claude-course-page [data-claude-reveal].is-revealed { animation:cc-section-appear .65s cubic-bezier(.2,.7,.2,1) both; }
  .claude-course-page [data-claude-panel][role=tabpanel]:not([hidden]) { animation:cc-panel-appear .3s ease-out both; }
  .claude-course-page .cc-pipeline-steps [data-state=running] .cc-step-icon { animation:cc-step-pulse .65s ease-in-out both; }
  .claude-course-page .cc-pipeline-result[data-state=complete] .cc-result-stamp { animation:cc-result-pop .45s ease-out both; }
  @keyframes cc-hero-appear { from { opacity:.3; transform:translateY(18px) rotate(2deg); } to { opacity:1; transform:translateY(0) rotate(0); } }
  @keyframes cc-hero-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-9px); } }
  @keyframes cc-tag-float { 0%,100% { transform:translateY(0) rotate(-5deg); } 50% { transform:translateY(-6px) rotate(-3deg); } }
  @keyframes cc-section-appear { from { opacity:.55; transform:translateY(17px); } to { opacity:1; transform:none; } }
  @keyframes cc-panel-appear { from { opacity:.65; transform:translateY(7px); } to { opacity:1; transform:none; } }
  @keyframes cc-step-pulse { 0%,100% { box-shadow:0 0 0 0 #8ac7ff00; } 50% { box-shadow:0 0 0 9px #8ac7ff18; } }
  @keyframes cc-result-pop { 0% { transform:scale(.85) rotate(-8deg); } 70% { transform:scale(1.08); } 100% { transform:scale(1); } }
}
@media (max-width:1100px) {
  .claude-course-page .cc-container { width:calc(100% - 48px); }
  .claude-course-page .cc-hero-layout { grid-template-columns:1.1fr .9fr; min-height:600px; gap:0; }
  .claude-course-page .cc-hero h1 { font-size:65px!important; }
  .claude-course-page .cc-hero-pretitle { font-size:14px; }
  .claude-course-page .cc-hero-description { font-size:14px; }
  .claude-course-page .cc-hero-visual img { width:135%; margin-left:-12%; }
  .claude-course-page .cc-float-tag { font-size:10px; padding:10px; }
  .claude-course-page .cc-course-facts { gap:20px; }
  .claude-course-page .cc-course-nav { top:72px; }
  .claude-course-page .cc-demo-panel { padding:28px; gap:28px; grid-template-columns:1.3fr 1fr; }
  .claude-course-page .cc-report-body { grid-template-columns:95px 1fr; }
  .claude-course-page .cc-report-body > aside { padding:22px 9px; }
  .claude-course-page .cc-report-body > aside > div { font-size:7px; gap:4px; }
  .claude-course-page .cc-document { padding:24px 18px 18px; margin:14px 10px; }
  .claude-course-page .cc-document-bottom { gap:10px; }
  .claude-course-page .cc-chart-bars { gap:5px; padding-inline:3px; }
  .claude-course-page .cc-meeting-visual { padding:17px; }
  .claude-course-page .cc-meeting-header { gap:8px; }
  .claude-course-page .cc-meeting-header strong { font-size:10px; }
  .claude-course-page .cc-node-canvas { grid-template-columns:1fr 13px 1fr 13px 1fr; padding:28px 13px 20px; }
  .claude-course-page .cc-workflow-node { padding-inline:4px; }
  .claude-course-page .cc-workflow-node b { font-size:9px; }
  .claude-course-page .cc-workflow-node small { font-size:6px; }
  .claude-course-page .cc-pipeline-steps li { padding:25px 20px; }
  .claude-course-page .cc-pipeline-steps h3 { font-size:16px; }
  .claude-course-page .cc-pipeline-steps p { font-size:10px; }
  .claude-course-page .cc-pipeline-result { padding:25px; }
  .claude-course-page .cc-result-badge { display:none; }
  .claude-course-page .cc-audience-layout { gap:45px; }
  .claude-course-page .cc-audience-list article { gap:13px; }
  .claude-course-page .cc-audience-list h3 { font-size:17px; }
  .claude-course-page .cc-curriculum-layout { grid-template-columns:270px minmax(0,1fr); gap:30px; }
  .claude-course-page .cc-curriculum-map { padding:25px; }
  .claude-course-page .cc-curriculum-map > strong { font-size:43px; }
  .claude-course-page .cc-curriculum-list summary { gap:12px; grid-template-columns:28px minmax(0,1fr) 20px; }
  .claude-course-page .cc-curriculum-list summary h3 { font-size:18px; }
  .claude-course-page .cc-module-body { padding-left:44px; padding-right:28px; }
  .claude-course-page .cc-toolkit-layout { gap:40px; }
  .claude-course-page .cc-faq-layout { gap:45px; }
}
@media (max-width:850px) {
  .claude-course-page .cc-section { padding-block:76px; }
  .claude-course-page .cc-hero-layout { grid-template-columns:1fr 1fr; min-height:560px; }
  .claude-course-page .cc-hero h1 { font-size:56px!important; }
  .claude-course-page .cc-hero-label { gap:9px; font-size:8px; margin-bottom:24px; }
  .claude-course-page .cc-hero-pretitle { font-size:12px; }
  .claude-course-page .cc-hero-description { font-size:13px; }
  .claude-course-page .cc-hero-actions { gap:10px; }
  .claude-course-page .cc-hero-actions .cc-button { padding-inline:18px; gap:24px; font-size:13px; }
  .claude-course-page .cc-hero-secondary { font-size:11px; }
  .claude-course-page .cc-course-facts { grid-template-columns:1fr 1fr 1fr; padding:23px 0; }
  .claude-course-page .cc-course-facts > a { display:none; }
  .claude-course-page .cc-course-facts strong { font-size:11px; }
  .claude-course-page .cc-course-nav .cc-container > span { display:none; }
  .claude-course-page .cc-course-nav .cc-container > div { gap:26px; }
  .claude-course-page .cc-course-nav .cc-nav-inquiry { margin-left:auto; }
  .claude-course-page .cc-intro-layout { gap:30px; grid-template-columns:1.2fr 1fr; }
  .claude-course-page .cc-section-description { font-size:14px; }
  .claude-course-page .cc-section-heading { gap:30px; }
  .claude-course-page .cc-section-heading > .cc-section-description { flex-basis:250px; }
  .claude-course-page .cc-change-strip > div { padding:27px; }
  .claude-course-page .cc-change-strip strong { font-size:15px; }
  .claude-course-page .cc-demo-panel { grid-template-columns:1fr; gap:29px; padding:29px; }
  .claude-course-page .cc-report-body { grid-template-columns:155px 1fr; }
  .claude-course-page .cc-report-body > aside { padding:25px 19px; }
  .claude-course-page .cc-report-body > aside > div { font-size:10px; }
  .claude-course-page .cc-mini-label { font-size:8px; }
  .claude-course-page .cc-document { margin:22px 27px; padding:32px; }
  .claude-course-page .cc-document h3 { font-size:22px; }
  .claude-course-page .cc-document-label { font-size:8px; }
  .claude-course-page .cc-document > p { font-size:10px; }
  .claude-course-page .cc-document-summary b { font-size:11px; }
  .claude-course-page .cc-document-summary span { font-size:9px; }
  .claude-course-page .cc-document-bottom b { font-size:10px; }
  .claude-course-page .cc-document-bottom p { font-size:9px; }
  .claude-course-page .cc-document-footer { font-size:8px; }
  .claude-course-page .cc-demo-copy { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; }
  .claude-course-page .cc-demo-copy .cc-output-number { grid-column:1; margin-bottom:13px; }
  .claude-course-page .cc-demo-copy h3 { grid-column:1; font-size:28px; }
  .claude-course-page .cc-demo-copy > p { grid-column:1; }
  .claude-course-page .cc-demo-copy ul { grid-column:2; grid-row:1 / span 3; padding-top:12px; margin:0; }
  .claude-course-page .cc-demo-copy .cc-demo-note { grid-column:1 / -1; margin-top:22px; }
  .claude-course-page .cc-meeting-visual { padding:27px; }
  .claude-course-page .cc-meeting-header strong { font-size:14px; }
  .claude-course-page .cc-meeting-source p { font-size:13px; }
  .claude-course-page .cc-action-table b,.claude-course-page .cc-action-table span { font-size:11px; }
  .claude-course-page .cc-meeting-check { font-size:10px; }
  .claude-course-page .cc-node-canvas { grid-template-columns:1fr 28px 1fr 28px 1fr; padding:35px 30px 25px; }
  .claude-course-page .cc-workflow-node b { font-size:13px; }
  .claude-course-page .cc-workflow-node small { font-size:9px; }
  .claude-course-page .cc-workflow-toolbar b { font-size:14px; }
  .claude-course-page .cc-workflow-branch b { font-size:12px; }
  .claude-course-page .cc-workflow-branch small { font-size:9px; }
  .claude-course-page .cc-workflow-footnote { font-size:10px; }
  .claude-course-page .cc-pipeline-section .cc-section-heading { display:grid; grid-template-columns:1.1fr 1fr; }
  .claude-course-page .cc-pipeline-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .claude-course-page .cc-pipeline-steps li:nth-child(3) { border-left:0; border-top:1px solid #405775; }
  .claude-course-page .cc-pipeline-steps li:nth-child(4) { border-top:1px solid #405775; }
  .claude-course-page .cc-step-icon { margin-bottom:21px; }
  .claude-course-page .cc-audience-layout { grid-template-columns:1fr; gap:36px; }
  .claude-course-page .cc-audience .cc-section-description br { display:none; }
  .claude-course-page .cc-audience-note { margin-top:17px; }
  .claude-course-page .cc-workspace-picture { min-height:440px; }
  .claude-course-page .cc-workspace-caption { left:32px; bottom:32px; right:32px; }
  .claude-course-page .cc-workspace-bottom { display:grid; gap:23px; }
  .claude-course-page .cc-workspace-bottom > div { justify-content:space-between; }
  .claude-course-page .cc-curriculum-layout { grid-template-columns:235px minmax(0,1fr); gap:26px; }
  .claude-course-page .cc-curriculum-map { padding:23px; }
  .claude-course-page .cc-curriculum-map > strong { font-size:37px; }
  .claude-course-page .cc-curriculum-list summary h3 { font-size:16px; }
  .claude-course-page .cc-curriculum-list summary div > span { font-size:10px; }
  .claude-course-page .cc-module-body { padding:0 8px 23px 44px; }
  .claude-course-page .cc-module-body > b { display:block; }
  .claude-course-page .cc-module-body > b > span { display:block; }
  .claude-course-page .cc-toolkit-layout { grid-template-columns:1fr 1fr; gap:29px; }
  .claude-course-page .cc-toolkit-copy h2 { font-size:29px; }
  .claude-course-page .cc-toolkit-art img { aspect-ratio:4/5; }
  .claude-course-page .cc-prepare-strip { flex-wrap:wrap; }
  .claude-course-page .cc-prepare-strip > div { flex:1; }
  .claude-course-page .cc-prepare-strip > a { margin-left:76px; }
  .claude-course-page .cc-principles { padding-top:0; }
  .claude-course-page .cc-principle-grid { gap:20px; }
  .claude-course-page .cc-principle-visual { height:135px; gap:7px; }
  .claude-course-page .cc-principle-visual--approval { gap:4px; }
  .claude-course-page .cc-principle-visual--approval span,.claude-course-page .cc-principle-visual--approval b { width:37px; font-size:8px; }
  .claude-course-page .cc-principle-grid h3 { font-size:17px; }
  .claude-course-page .cc-principle-grid p { font-size:12px; }
  .claude-course-page .cc-faq-layout { grid-template-columns:.75fr 1.25fr; gap:35px; }
  .claude-course-page .cc-faq-list summary { font-size:13px; }
  .claude-course-page .cc-final-layout { gap:35px; grid-template-columns:1.1fr 1fr; }
  .claude-course-page .cc-final h2 { font-size:37px; }
}
@media (max-width:620px) {
  .claude-course-page { padding-bottom:78px; }
  .claude-course-page .cc-container { width:calc(100% - 36px); }
  .claude-course-page main [id] { scroll-margin-top:130px; }
  .claude-course-page .cc-section { padding-block:61px; }
  .claude-course-page h2 { font-size:31px; }
  .claude-course-page .cc-eyebrow { margin-bottom:16px; font-size:9px; }
  .claude-course-page .cc-section-description { font-size:13px; line-height:1.9; }
  .claude-course-page .cc-section-heading { display:block; margin-bottom:30px; }
  .claude-course-page .cc-section-heading > .cc-section-description { margin-top:21px; }
  .claude-course-page .cc-hero { padding-top:17px; }
  .claude-course-page .cc-breadcrumb { gap:7px; font-size:9px; }
  .claude-course-page .cc-hero-layout { grid-template-columns:1fr; gap:23px; padding-top:31px; padding-bottom:29px; min-height:0; }
  .claude-course-page .cc-hero-label { margin-bottom:23px; gap:13px; font-size:8px; }
  .claude-course-page .cc-open-state { font-size:9px; }
  .claude-course-page .cc-hero-pretitle { font-size:12px; margin-bottom:14px; }
  .claude-course-page .cc-hero h1 { font-size:clamp(47px,12.8vw,67px)!important; margin-bottom:20px; }
  .claude-course-page .cc-hero-description { font-size:13px; }
  .claude-course-page .cc-hero-actions { margin-top:24px; gap:18px; }
  .claude-course-page .cc-hero-actions .cc-button { min-height:51px; gap:27px; padding:12px 18px; font-size:12px; }
  .claude-course-page .cc-hero-secondary { min-height:48px; font-size:11px; }
  .claude-course-page .cc-hero-note { font-size:10px; margin-top:11px; }
  .claude-course-page .cc-hero-visual { width:100%; max-width:500px; margin:0 auto; }
  .claude-course-page .cc-hero-visual img { width:115%; margin-left:-8%; border-radius:8px; aspect-ratio:1.65/1; object-position:65% 52%; }
  .claude-course-page .cc-float-tag { padding:9px 11px; font-size:9px; gap:6px; border-radius:7px; }
  .claude-course-page .cc-float-tag--document { top:4%; left:4%; }
  .claude-course-page .cc-float-tag--flow { right:1%; bottom:18%; }
  .claude-course-page .cc-float-tag svg { width:17px; height:17px; }
  .claude-course-page .cc-hero-visual-caption { margin-top:8px; gap:18px; font-size:7px; }
  .claude-course-page .cc-course-facts { grid-template-columns:1fr; gap:15px; padding:23px 0 25px; }
  .claude-course-page .cc-course-facts > div { display:flex; align-items:center; gap:15px; }
  .claude-course-page .cc-course-facts div > span { width:53px; font-size:9px; flex-shrink:0; }
  .claude-course-page .cc-course-facts strong { font-size:11px; }
  .claude-course-page .cc-course-nav .cc-container { min-height:54px; gap:0; width:100%; padding:0 18px; }
  .claude-course-page .cc-course-nav .cc-container > div { width:100%; justify-content:space-between; gap:10px; }
  .claude-course-page .cc-course-nav a { font-size:11px; min-height:47px; white-space:nowrap; }
  .claude-course-page .cc-course-nav .cc-nav-inquiry { display:none; }
  .claude-course-page .cc-intro-layout { display:block; }
  .claude-course-page .cc-intro-layout > p { margin-top:24px; }
  .claude-course-page .cc-change-strip { grid-template-columns:1fr; margin-top:31px; }
  .claude-course-page .cc-change-strip > div { padding:24px; gap:10px; }
  .claude-course-page .cc-change-before { border-radius:12px 12px 0 0; }
  .claude-course-page .cc-change-after { border-radius:0 0 12px 12px; }
  .claude-course-page .cc-change-strip strong { font-size:16px; }
  .claude-course-page .cc-change-arrow { top:50%; left:auto; right:20px; transform:translateY(-50%) rotate(45deg); width:36px; height:36px; font-size:21px; }
  .claude-course-page .cc-demo-tabs { gap:6px; margin-bottom:15px; }
  .claude-course-page .cc-demo-tabs button { display:grid; gap:4px; min-height:61px; padding:9px 5px; font-size:10px; }
  .claude-course-page .cc-demo-tabs button > span { font-size:8px; }
  .claude-course-page .cc-demo-panel { padding:16px; gap:25px; border-radius:10px; }
  .claude-course-page .cc-report-body { grid-template-columns:67px minmax(0,1fr); min-height:300px; }
  .claude-course-page .cc-window-bar { padding:10px; gap:10px; }
  .claude-course-page .cc-window-bar b { font-size:7px; }
  .claude-course-page .cc-window-bar > span:last-child { display:none; }
  .claude-course-page .cc-report-body > aside { padding:19px 8px; }
  .claude-course-page .cc-mini-label { font-size:5px; letter-spacing:0; margin-bottom:13px; }
  .claude-course-page .cc-report-body > aside > div { display:block; font-size:6px; padding:7px 0; }
  .claude-course-page .cc-report-body > aside svg { display:block; margin-bottom:5px; width:14px; height:14px; }
  .claude-course-page .cc-report-body > aside .cc-source-done { margin-top:17px; font-size:6px; }
  .claude-course-page .cc-source-done i { width:16px; height:16px; }
  .claude-course-page .cc-document { margin:12px 10px; padding:18px 13px; }
  .claude-course-page .cc-document-label { font-size:5px; }
  .claude-course-page .cc-document h3 { font-size:14px; margin-top:7px; }
  .claude-course-page .cc-document > p { font-size:6px; }
  .claude-course-page .cc-document-summary { margin-top:14px; padding:9px; }
  .claude-course-page .cc-document-summary b { font-size:7px; }
  .claude-course-page .cc-document-summary span { font-size:5px; }
  .claude-course-page .cc-doc-lines { gap:5px; padding:13px 0; }
  .claude-course-page .cc-doc-lines i { height:2px; }
  .claude-course-page .cc-document-bottom { gap:8px; padding-top:10px; }
  .claude-course-page .cc-document-bottom b { font-size:6px; }
  .claude-course-page .cc-chart-bars { height:47px; gap:4px; padding-top:9px; }
  .claude-course-page .cc-chart-bars i { width:8px; }
  .claude-course-page .cc-document-bottom p { font-size:5px; gap:3px; }
  .claude-course-page .cc-document-footer { font-size:5px; padding-top:12px; }
  .claude-course-page .cc-demo-copy { display:block; padding:0 5px 9px; }
  .claude-course-page .cc-output-number { font-size:9px; margin-bottom:15px; }
  .claude-course-page .cc-demo-copy h3 { font-size:28px; margin-bottom:16px; }
  .claude-course-page .cc-demo-copy > p { font-size:13px; }
  .claude-course-page .cc-demo-copy ul { margin:18px 0 20px; padding:0; }
  .claude-course-page .cc-demo-copy li { font-size:11px; }
  .claude-course-page .cc-demo-note { font-size:9px; }
  .claude-course-page .cc-meeting-visual { padding:16px; }
  .claude-course-page .cc-meeting-header { gap:8px; margin-bottom:17px; }
  .claude-course-page .cc-meeting-header strong { font-size:10px; }
  .claude-course-page .cc-meeting-header small { font-size:6px; }
  .claude-course-page .cc-meeting-symbol { width:27px; height:30px; padding:6px; gap:2px; }
  .claude-course-page .cc-meeting-symbol i { height:9px; }
  .claude-course-page .cc-meeting-symbol i:nth-child(2n) { height:14px; }
  .claude-course-page .cc-meeting-symbol i:nth-child(3) { height:19px; }
  .claude-course-page .cc-sample-badge { font-size:6px; padding:3px 4px; }
  .claude-course-page .cc-meeting-source { padding:13px; }
  .claude-course-page .cc-meeting-source > span { font-size:8px; }
  .claude-course-page .cc-meeting-source p { font-size:10px; }
  .claude-course-page .cc-meeting-route { gap:7px; }
  .claude-course-page .cc-meeting-route span { font-size:8px; }
  .claude-course-page .cc-action-table > div { padding:11px 9px; gap:5px; }
  .claude-course-page .cc-action-table b,.claude-course-page .cc-action-table span { font-size:8px; }
  .claude-course-page .cc-action-table i { font-size:6px; }
  .claude-course-page .cc-meeting-check { font-size:7px; }
  .claude-course-page .cc-workflow-toolbar { padding:13px; }
  .claude-course-page .cc-workflow-toolbar b { font-size:10px; }
  .claude-course-page .cc-workflow-toolbar > span:first-child { font-size:6px; }
  .claude-course-page .cc-workflow-toolbar > span:last-child { font-size:5px; }
  .claude-course-page .cc-node-canvas { grid-template-columns:1fr 13px 1fr 13px 1fr; padding:25px 12px 20px; }
  .claude-course-page .cc-workflow-node { min-height:117px; padding:13px 3px; }
  .claude-course-page .cc-node-icon { width:26px; height:26px; border-radius:6px; font-size:19px; margin-bottom:3px; }
  .claude-course-page .cc-workflow-node b { font-size:9px; }
  .claude-course-page .cc-workflow-node small { font-size:6px; }
  .claude-course-page .cc-workflow-branch { gap:10px; margin-top:14px; }
  .claude-course-page .cc-workflow-branch b { font-size:8px; }
  .claude-course-page .cc-workflow-branch small { font-size:6px; }
  .claude-course-page .cc-workflow-branch > div { padding:9px 11px; }
  .claude-course-page .cc-workflow-footnote { font-size:7px; padding:13px; }
  .claude-course-page .cc-pipeline-section .cc-section-heading { display:block; margin-bottom:30px; }
  .claude-course-page .cc-pipeline-section .cc-section-heading > div:last-child { max-width:none; margin-top:24px; }
  .claude-course-page .cc-pipeline-section .cc-section-description { font-size:13px; }
  .claude-course-page .cc-pipeline-section .cc-button { font-size:12px; min-height:49px; gap:40px; padding:12px 18px; }
  .claude-course-page .cc-pipeline-steps li { padding:23px 17px; }
  .claude-course-page .cc-step-icon { width:43px; height:43px; margin-bottom:23px; font-size:30px; border-radius:9px; }
  .claude-course-page .cc-step-icon svg { width:26px; height:26px; }
  .claude-course-page .cc-pipeline-steps h3 { font-size:14px; }
  .claude-course-page .cc-pipeline-steps p { font-size:9px; line-height:1.9; }
  .claude-course-page .cc-step-check { top:20px; right:13px; width:17px; height:17px; font-size:9px; }
  .claude-course-page .cc-pipeline-result { padding:21px 17px; align-items:start; gap:13px; }
  .claude-course-page .cc-result-stamp { width:34px; height:34px; border-radius:7px; font-size:22px; }
  .claude-course-page .cc-pipeline-result h3 { font-size:14px; }
  .claude-course-page .cc-pipeline-result p { font-size:10px; }
  .claude-course-page .cc-pipeline-result small { font-size:7px; }
  .claude-course-page .cc-pipeline-status { font-size:10px; }
  .claude-course-page .cc-audience-layout { gap:30px; }
  .claude-course-page .cc-audience .cc-section-description { font-size:13px; margin-top:21px; }
  .claude-course-page .cc-audience-note { font-size:11px; }
  .claude-course-page .cc-audience-list article { grid-template-columns:18px minmax(0,1fr) 27px; gap:12px; padding:23px 0; }
  .claude-course-page .cc-audience-list article > span { font-size:9px; }
  .claude-course-page .cc-audience-list h3 { font-size:16px; }
  .claude-course-page .cc-audience-list p { font-size:12px; }
  .claude-course-page .cc-audience-list svg { width:27px; height:27px; }
  .claude-course-page .cc-workspace-section { padding-bottom:60px; }
  .claude-course-page .cc-workspace-picture { min-height:440px; border-radius:10px; }
  .claude-course-page .cc-workspace-picture > img { object-position:57% 50%; }
  .claude-course-page .cc-workspace-caption { left:23px; right:23px; bottom:29px; }
  .claude-course-page .cc-workspace-caption > span { font-size:8px; line-height:1.8; }
  .claude-course-page .cc-workspace-caption h2 { font-size:27px; line-height:1.4!important; }
  .claude-course-page .cc-image-badge { top:15px; right:15px; font-size:8px; }
  .claude-course-page .cc-workspace-bottom { gap:22px; padding-top:24px; }
  .claude-course-page .cc-workspace-bottom > p { font-size:13px; }
  .claude-course-page .cc-workspace-bottom > div { gap:16px; flex-wrap:wrap; }
  .claude-course-page .cc-workspace-bottom > div > span { font-size:9px; gap:8px; }
  .claude-course-page .cc-workspace-bottom i { font-size:9px; }
  .claude-course-page .cc-curriculum-layout { display:block; }
  .claude-course-page .cc-curriculum-map { position:relative; top:auto; display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-bottom:28px; padding:22px; }
  .claude-course-page .cc-curriculum-map > span { grid-column:1; font-size:8px; }
  .claude-course-page .cc-curriculum-map > strong { grid-column:1; grid-row:2; margin:0; font-size:34px; }
  .claude-course-page .cc-map-orbit { grid-column:2; grid-row:1 / span 3; height:150px; margin:0; align-self:center; }
  .claude-course-page .cc-map-orbit b { width:60px; height:60px; border-radius:14px; font-size:46px; }
  .claude-course-page .cc-map-orbit i { width:105px; height:105px; }
  .claude-course-page .cc-map-orbit i:last-child { width:140px; height:140px; }
  .claude-course-page .cc-curriculum-map > p { grid-column:1; font-size:9px; }
  .claude-course-page .cc-curriculum-map > a { grid-column:1 / -1; margin:0; font-size:12px; }
  .claude-course-page .cc-curriculum-list summary { padding:23px 2px; grid-template-columns:24px minmax(0,1fr) 20px; gap:11px; }
  .claude-course-page .cc-module-number { font-size:12px; margin-top:15px; }
  .claude-course-page .cc-curriculum-list summary small { font-size:7px; margin-bottom:7px; }
  .claude-course-page .cc-curriculum-list summary h3 { font-size:16px; margin-bottom:6px; }
  .claude-course-page .cc-curriculum-list summary div > span { font-size:9px; }
  .claude-course-page .cc-curriculum-list summary > i { font-size:21px; }
  .claude-course-page .cc-module-body { padding-left:37px; padding-right:6px; }
  .claude-course-page .cc-module-body > p { font-size:12px; }
  .claude-course-page .cc-module-body li { font-size:11px; }
  .claude-course-page .cc-module-body > b { font-size:9px; padding:10px 12px; }
  .claude-course-page .cc-toolkit-layout { display:flex; flex-direction:column; align-items:stretch; gap:32px; }
  .claude-course-page .cc-toolkit-art img { aspect-ratio:1.1/1; object-position:50% 50%; }
  .claude-course-page .cc-toolkit-art > span { font-size:8px; bottom:20px; left:20px; }
  .claude-course-page .cc-toolkit-copy h2 { font-size:31px; margin-bottom:21px; }
  .claude-course-page .cc-toolkit-copy dl { margin-top:24px; }
  .claude-course-page .cc-material-note { font-size:9px; }
  .claude-course-page .cc-prepare-strip { display:grid; grid-template-columns:38px minmax(0,1fr); gap:13px; padding:21px 18px; margin-top:32px; }
  .claude-course-page .cc-prepare-icon { width:36px; height:36px; border-radius:7px; }
  .claude-course-page .cc-prepare-icon svg { width:26px; height:26px; }
  .claude-course-page .cc-prepare-strip h3 { font-size:14px; }
  .claude-course-page .cc-prepare-strip p { font-size:11px; }
  .claude-course-page .cc-prepare-strip > a { grid-column:2; margin-left:0; font-size:11px; justify-self:start; }
  .claude-course-page .cc-principles { padding-top:0; }
  .claude-course-page .cc-principle-grid { grid-template-columns:1fr; gap:26px; }
  .claude-course-page .cc-principle-grid article { display:grid; grid-template-columns:105px minmax(0,1fr); gap:0 20px; padding-top:22px; align-items:start; }
  .claude-course-page .cc-principle-visual { grid-column:1; grid-row:1 / span 2; height:115px; gap:5px; padding:9px; margin-bottom:0; }
  .claude-course-page .cc-principle-visual--source > span { width:28px; height:45px; font-size:7px; }
  .claude-course-page .cc-principle-visual--source > i { font-size:12px; }
  .claude-course-page .cc-principle-visual--source > b { width:18px; height:18px; margin-left:-19px; transform:translateY(25px); font-size:10px; }
  .claude-course-page .cc-principle-visual--permission { flex-direction:column; gap:7px; }
  .claude-course-page .cc-principle-visual--permission svg { width:52px; height:52px; }
  .claude-course-page .cc-principle-visual--permission > span { font-size:8px; }
  .claude-course-page .cc-principle-visual--approval { flex-wrap:wrap; gap:3px; }
  .claude-course-page .cc-principle-visual--approval span,.claude-course-page .cc-principle-visual--approval b { width:28px; height:33px; font-size:7px; }
  .claude-course-page .cc-principle-visual--approval i { font-size:9px; }
  .claude-course-page .cc-principle-grid h3 { grid-column:2; font-size:17px; margin-bottom:9px; }
  .claude-course-page .cc-principle-grid p { grid-column:2; font-size:12px; }
  .claude-course-page .cc-faq-layout { display:block; }
  .claude-course-page .cc-faq-layout .cc-text-link { margin-top:16px; font-size:12px; margin-bottom:23px; }
  .claude-course-page .cc-faq-list summary { min-height:70px; padding:20px 2px; font-size:13px; gap:20px; }
  .claude-course-page .cc-faq-list details > p { padding:0 23px 22px 2px; font-size:12px; }
  .claude-course-page .cc-final { padding:27px 0 53px; }
  .claude-course-page .cc-final-topline { gap:15px; font-size:7px; letter-spacing:.06em; padding-bottom:23px; }
  .claude-course-page .cc-final-layout { display:block; padding-top:35px; }
  .claude-course-page .cc-final-layout > div > p:first-child { font-size:14px; }
  .claude-course-page .cc-final h2 { font-size:35px; }
  .claude-course-page .cc-final-note { font-size:10px; margin-top:21px; }
  .claude-course-page .cc-final-layout > div:last-child { margin-top:32px; }
  .claude-course-page .cc-final-layout .cc-button { min-height:53px; font-size:13px; }
  .claude-course-page .cc-final-layout .cc-button + p { font-size:11px; margin-bottom:13px; }
  .claude-course-page .cc-final-back { font-size:11px; }
  .claude-course-page .cc-mobile-inquiry { position:fixed; left:0; right:0; bottom:0; z-index:999; display:flex; align-items:center; gap:15px; padding:11px 16px calc(11px + env(safe-area-inset-bottom,0px)); min-height:72px; border-top:1px solid #ccd9e8; background:#fffffff5; box-shadow:0 -12px 30px -22px #123c6a66; backdrop-filter:blur(12px); }
  .claude-course-page .cc-mobile-inquiry > div { min-width:0; }
  .claude-course-page .cc-mobile-inquiry span { display:block; margin-bottom:4px; color:#506c8d; font-size:9px; }
  .claude-course-page .cc-mobile-inquiry strong { display:block; color:#203c59; font-size:12px; letter-spacing:-.04em; line-height:1.6; font-weight:700; }
  .claude-course-page .cc-mobile-inquiry > a { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:44px; margin-left:auto; padding:11px 16px; border-radius:6px; color:#fff; background:#2d5de3; font-size:12px; font-weight:700; white-space:nowrap; }
  .claude-course-page .cc-mobile-inquiry > a > span { color:#fff; font-size:17px; margin:0; }
}
@media (max-width:360px) {
  .claude-course-page .cc-container { width:calc(100% - 30px); }
  .claude-course-page h2 { font-size:29px; }
  .claude-course-page .cc-hero h1 { font-size:46px!important; }
  .claude-course-page .cc-hero-pretitle { font-size:11px; }
  .claude-course-page .cc-hero-description { font-size:12px; }
  .claude-course-page .cc-hero-actions { gap:12px; }
  .claude-course-page .cc-hero-actions .cc-button { gap:19px; padding-inline:13px; font-size:11px; }
  .claude-course-page .cc-hero-secondary { font-size:10px; gap:7px; }
  .claude-course-page .cc-report-body { grid-template-columns:51px minmax(0,1fr); }
  .claude-course-page .cc-report-body > aside { padding-inline:5px; }
  .claude-course-page .cc-document { margin-inline:7px; padding-inline:10px; }
  .claude-course-page .cc-document h3 { font-size:12px; }
  .claude-course-page .cc-document-summary { padding:7px; }
  .claude-course-page .cc-meeting-visual { padding:12px; }
  .claude-course-page .cc-meeting-header strong { font-size:9px; }
  .claude-course-page .cc-meeting-header { gap:6px; }
  .claude-course-page .cc-meeting-source { padding:10px; }
  .claude-course-page .cc-meeting-source p { font-size:9px; }
  .claude-course-page .cc-node-canvas { grid-template-columns:1fr 8px 1fr 8px 1fr; padding-inline:8px; }
  .claude-course-page .cc-workflow-node b { font-size:8px; }
  .claude-course-page .cc-workflow-node small { font-size:5px; }
  .claude-course-page .cc-mobile-inquiry { padding-inline:13px; gap:8px; }
  .claude-course-page .cc-mobile-inquiry strong { font-size:11px; }
  .claude-course-page .cc-mobile-inquiry > a { padding-inline:13px; gap:12px; font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
  .claude-course-page main *, .claude-course-page main *::before, .claude-course-page main *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}