/* Match the current portfolio's global tokens (2026-09-17). */
:root{--bg:#f6f7f9;--ink:#142331;--muted:#53616d;--line:#d8dee4;--green:#173e56;--accent:#6b1e32}
@media(max-width:650px){.nav-item{width:auto;flex:1;white-space:nowrap;justify-content:center;gap:4px;padding:12px 4px;min-height:44px;font-size:11px}.nav-icon{display:none}}
body{color:#142331;background:radial-gradient(ellipse at 90% 8%,#dce6ed66,transparent 55%),radial-gradient(ellipse at 10% 95%,#e8e3e533,transparent 45%),#f6f7f9}
.topbar-route{display:inline-flex;min-width:0;align-items:center;gap:12px}
.study-orbit{position:relative;display:inline-grid;width:18px;height:18px;flex:none;place-items:center;border:1px solid #9db0bd;border-radius:50%}
.study-orbit::before{width:4px;height:4px;border-radius:50%;background:#6b1e32;content:""}
.study-orbit::after{position:absolute;inset:-5px;border:1px solid transparent;border-top-color:#6b1e32;border-radius:50%;content:"";animation:study-orbit 5s linear infinite}
.course-card,.task{transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease}
.course-card:is(:hover,:focus-visible),.task:focus-within{transform:translateY(-3px);box-shadow:0 16px 32px #14233112}
.course-card .hint span{display:inline-block;transition:transform 200ms ease}
.course-card:is(:hover,:focus-visible) .hint span{transform:translate(3px,-3px)}
@keyframes study-orbit{to{transform:rotate(360deg)}}
@media(max-width:650px){.topbar{height:auto;min-height:66px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:7px 18px}.topbar-route{white-space:nowrap}.topbar-right{width:100%;justify-content:flex-end;gap:12px;overflow-x:auto;white-space:nowrap}.topbar-right>*{flex:none}}
@media(prefers-reduced-motion:reduce){.course-card:is(:hover,:focus-visible),.task:focus-within,.course-card:is(:hover,:focus-visible) .hint span{transform:none}}
.sidebar{background:#f6f7f9b8}.topbar{background:#f6f7f980}.nav-item.active,.course-link.active{color:#6b1e32;background:#eadbe044}.tab.active{color:#6b1e32}.eyebrow,.note-card .eyebrow{color:#6b1e32}.card{box-shadow:0 8px 30px #14233104;border-color:#d8dee4b8}.course-card:hover,.resource:hover{border-color:#a9b8c4}.button{background:#142331}.button:hover{background:#283f51}.button.soft{background:#eadbe066;color:#6b1e32}.summary-card:first-child{background:linear-gradient(135deg,#e6eef4cc,#ffffffb3)}.progress-fill{background:linear-gradient(90deg,#193c59,#728ca1)}.task-title{color:#142331}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6b1e32;outline-offset:3px}::selection{background:#eadbe0;color:#431525}