/* Student course: a restrained, colorful RTL layer. Client pages do not load it. */
:root{--ink:#213047;--coral:#df5748;--sun:#f4be4a;--mint:#17866f;--violet:#6859b6;--paper:#f8f9fc}
body{color:var(--ink);background:linear-gradient(155deg,#fff 0%,#f7f8fd 42%,#f5faf7 100%);font-size:17px}
main{padding-block-start:35px}
.topbar{background:#fffdfbf5;border-bottom-color:#e9e2ed;box-shadow:0 5px 22px #283e5b0b}
.topbar:before{height:5px;background:linear-gradient(to left,var(--coral) 0 23%,var(--sun) 23% 47%,var(--mint) 47% 72%,var(--violet) 72%)}
.sidebar{background:linear-gradient(160deg,#fffaf8,#f7f6fe 58%,#f3faf7);border-left-color:#e7e1ec}
.sidebar-title{color:#282e4d}
.sidebar nav a.primary-stage{border-radius:11px;border-right-width:4px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.sidebar nav a.primary-stage:hover{transform:translateX(-3px);box-shadow:0 7px 18px #23364d12}
.sidebar nav a.primary-stage[aria-current]{box-shadow:0 5px 16px #283e5b15}
.sidebar nav a[href="#faq"]{--stage-color:#6859b6;--stage-bg:#f1effb;--stage-line:#c9c0e9}
.stage-before{--stage-color:#26579f;--stage-bg:#edf4ff;--stage-line:#bdd2f2}
.stage-during{--stage-color:#8b5100;--stage-bg:#fff3d8;--stage-line:#e8c77a}
.stage-after{--stage-color:#126d5a;--stage-bg:#e8f7f0;--stage-line:#a6d9c5}
#advanced{--stage-color:#6952ae;--stage-bg:#f1edfb;--stage-line:#cabde9}
.connection-hero{background:radial-gradient(circle at 13% 10%,#fce8e2 0,transparent 28%),radial-gradient(circle at 83% 16%,#efeafd 0,transparent 30%),radial-gradient(circle at 50% 86%,#e6f8f1 0,transparent 40%),#fffdfa;border-bottom-color:#e8e0ec}
.connection-hero:after{content:"";position:absolute;z-index:-1;inset-inline-end:7%;inset-block-start:12%;width:clamp(95px,15vw,180px);aspect-ratio:1;border:2px solid #e9b64e77;border-radius:50%;box-shadow:0 0 0 25px #f9dfab40,0 0 0 52px #f9dfab20;pointer-events:none}
.connection-eyebrow{color:#775084}
.connection-eyebrow>span{background:var(--coral);box-shadow:0 0 0 5px #ffe5dd}
.connection-hero h1{color:#25294a;text-wrap:balance}
.connection-hero h1 span{background:linear-gradient(105deg,#5941a3 12%,#a94477 56%,#d65b45);background-clip:text;-webkit-background-clip:text;color:transparent}
.connection-subtitle{color:#30476b}.connection-lead{color:#495b72}
.workflow-stage{background-image:radial-gradient(#bbaad356 .85px,transparent .85px)}
.wire-base{stroke:#c8bddf}.wire-packet{stroke:#e3785d}
.wire-packet.is-active{filter:drop-shadow(0 0 5px #d85d765c)}
.workflow-node{border-color:#d9d2e7;box-shadow:0 8px 24px #40305c13}
.workflow-node:hover{border-color:#b69cdb;box-shadow:0 12px 30px #63539926}
.node-agent[aria-pressed=true],.node-target[aria-pressed=true]{border-color:#a985d1;background:#fdfbff;box-shadow:0 0 0 5px #b491d522,0 12px 30px #63539921}
.node-agent[aria-pressed=true] i{background:var(--violet);box-shadow:0 0 9px #7865c877}
.workflow-detail{background:#fffdfbea;border-color:#ded3e9;box-shadow:0 10px 30px #513d6411}
.detail-eyebrow{color:#6c4aa0}.workflow-tools{border-top-color:#ded3e9}
.tool-group button[aria-pressed=true]{border-color:#ab87d5;color:#5b429b;background:#f6f1ff}
.course-stage{border-radius:16px;overflow:hidden;box-shadow:0 8px 26px #26394b0d;transition:box-shadow .22s ease}
.course-stage[open]{box-shadow:0 14px 32px #26394b14}
.course-stage>summary{background:linear-gradient(115deg,var(--stage-bg),#ffffff 140%)}
.course-stage>summary h2{color:#243047}
.stage-number{background:var(--stage-color);color:#fff;border-color:var(--stage-color);box-shadow:0 5px 13px #24364d25}
.course-stage[open]>.stage-content{animation:course-reveal .3s ease both}
@keyframes course-reveal{from{opacity:.45;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
.course-module{border-radius:11px;border-color:#e1dfeb;transition:border-color .18s ease,background-color .18s ease}
.course-module:hover{border-color:#b8a4d8;background:#fdfbff}
.course-module>summary strong{color:#313d66}
.module-toggle{color:var(--violet);border-color:#b9a9d9}
.course-module[open]>summary .module-toggle{background:var(--violet);border-color:var(--violet)}
.lesson-agenda li{background:#fffdf9;box-shadow:0 8px 24px #51455d10}
.lesson-agenda li:nth-child(1){border-top-color:#df5748}.lesson-agenda li:nth-child(2){border-top-color:#ebaa2d}.lesson-agenda li:nth-child(3){border-top-color:#17866f}.lesson-agenda li:nth-child(4){border-top-color:#6859b6}
.lesson-agenda li:nth-child(1)::before{background:#b84a3d}.lesson-agenda li:nth-child(2)::before{background:#9b6200}.lesson-agenda li:nth-child(3)::before{background:#126d5a}.lesson-agenda li:nth-child(4)::before{background:#6859b6}
.lesson-agenda h4{color:#29304c}
.onboarding-checklist>li{border-color:#d3e2dc;background:#fff;box-shadow:0 7px 21px #1c664a10;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.onboarding-checklist>li:hover{border-color:#a5c9b9;box-shadow:0 10px 25px #1c664a1a}
.onboarding-checklist>li:has(input:checked){background:#f0fbf4;border-color:#84c4a4}
.onboarding-checklist>li::before{background:#126d5a}
.onboarding-checklist .check-title{color:#24443d}
.onboarding-checklist .check-proof{background:#ecf7f1;border-inline-start-color:#1d9476}
.meta-action,.button{background:#463c87;border-color:#463c87;border-radius:10px;box-shadow:0 5px 14px #463c8722;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}
.meta-action:hover,.button:hover{background:#30296d;border-color:#30296d;transform:translateY(-2px);box-shadow:0 8px 18px #463c8733}
.meta-action.secondary{background:#f1effb;color:#463c87;border-color:#ddd6f0;box-shadow:none}
.meta-action.secondary:hover{background:#e5dff7;color:#30296d}
.integration-map{border-top-color:#dfd4ee}.integration-chain{background:#f5f0fc;border-inline-start-color:#8e6bc6;color:#3d3157!important}
.integration-groups{align-items:start}
.integration-group{align-self:start}
.integration-group[open]{grid-column:1/-1}
.integration-group{border-color:#ded4ec;background:#fdfbff}.integration-group summary,.integration-group li strong{color:#4f3886}.integration-group summary::after{color:#8b57b9}
.connector-spotlight{margin:22px 0 26px;padding:23px;border:1px solid #d7c9ed;border-radius:15px;background:linear-gradient(125deg,#faf7ff,#fffdf8 75%);box-shadow:0 8px 23px #5c41910c}
.connector-spotlight h4{margin:0 0 8px;color:#493181;font-size:1.26rem;line-height:1.4}
.connector-spotlight>p{margin:0 0 13px;color:#3c4a60;font-size:15px;line-height:1.75}
.connector-states{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0!important;margin:14px 0 18px!important}
.connector-states li{margin:0;padding:5px 11px;border:1px solid #d8caeb;border-radius:999px;background:#fff;color:#493181;font-size:13px;font-weight:700}
.connector-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.connector-examples article{min-width:0;padding:14px 15px;border:1px solid #e3d9ee;border-radius:10px;background:#fff}
.connector-examples strong,.connector-examples span{display:block}
.connector-examples strong{color:#4b397b;font-size:15px}
.connector-examples span{color:#526079;font-size:14px;line-height:1.65;margin-top:4px}
.connector-spotlight .connector-caveat{font-size:13px;color:#625977;margin:16px 0 0}
.connector-spotlight .connector-sources{font-size:12px;margin:11px 0 0}
.optional-skills{margin:30px 0;padding:clamp(20px,3vw,34px);border:1px solid #d8c9ec;border-radius:20px;background:linear-gradient(125deg,#faf6ff,#fff9f1 75%);box-shadow:0 12px 32px #5b398018}
.optional-skills-eyebrow{margin:0 0 5px;color:#7a4b9e;font-size:13px;font-weight:800;letter-spacing:.02em}
.optional-skills h2{margin:0 0 8px;color:#3c286d}.optional-skills>p{max-width:75ch;line-height:1.7}
.optional-skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.optional-skills-grid article{min-width:0;padding:19px;border:1px solid #e3d7ef;border-radius:14px;background:#fff;box-shadow:0 5px 17px #51357610}
.optional-skills-grid article:nth-child(2){border-top:4px solid #1a987f}.optional-skills-grid article:nth-child(1){border-top:4px solid #d07352}.optional-skills-grid article:nth-child(3){border-top:4px solid #8657c5}
.optional-skills-grid span{font-size:12px;font-weight:800;color:#765791}.optional-skills-grid h3{margin:7px 0;color:#372666;font-size:1.2rem}.optional-skills-grid p{margin:0;line-height:1.7;color:#3b4059}.optional-skills-grid a{color:#473294;font-weight:700}
.optional-skills .optional-skills-note{margin:0;font-size:14px;color:#584a69}
.faq-section{border-color:#d7cdeb;background:#faf8ff;box-shadow:0 10px 30px #533a7510}
.faq-section h2{color:#463477}.faq-item{border-color:#e0d6ef}.faq-item summary{color:#4b397b}.faq-item[open]{border-color:#b79ed9;box-shadow:0 6px 17px #513a7a12}
.security-warning,.chrome-helper{border-radius:13px;padding:20px 23px;margin:18px 0 25px;max-width:78ch}
.security-warning{border:1px solid #e7b8a9;border-inline-start:5px solid #c94f3a;background:#fff4ef;color:#583529}
.security-warning h3{color:#9c3d2d!important;margin:0 0 7px!important;font-size:1.18rem}
.security-warning p,.chrome-helper p{margin:0!important;font-size:15px;line-height:1.75}
.security-warning p+p,.chrome-helper p+p{margin-top:8px!important}
.chrome-helper{border:1px solid #bfcde8;border-inline-start:5px solid #6859b6;background:#f3f1fb;color:#34345a}
.chrome-helper h3{color:#4b3b86!important;margin:0 0 7px!important;font-size:1.18rem}
.chrome-helper a{color:#493483;font-weight:700}
@media(max-width:800px){.connection-hero:after{opacity:.35}.course-stage{border-radius:13px}.security-warning,.chrome-helper{padding:16px 17px}.connector-spotlight{padding:17px}.connector-examples,.optional-skills-grid{grid-template-columns:1fr}.sidebar nav a.primary-stage:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.course-stage[open]>.stage-content{animation:none}.sidebar nav a.primary-stage,.course-stage,.course-module,.onboarding-checklist>li,.meta-action,.button{transition:none}.meta-action:hover,.button:hover,.sidebar nav a.primary-stage:hover{transform:none}}
@media print{body{background:#fff}.course-stage,.faq-section{box-shadow:none}.security-warning,.chrome-helper{break-inside:avoid}}