:root{color-scheme:light;--bg:#F4F6F9;--header:#172B46;--card:#fff;--text:#1E293B;--muted:#64748B;--accent:#3569A8;--border:#E2E8F0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh}.site-header{position:sticky;top:0;z-index:20;background:var(--header);color:#fff;border-bottom:1px solid #263b56}.header-inner{width:min(1180px,calc(100% - 40px));min-height:68px;margin:auto;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #6f89a8;border-radius:8px;font-size:14px}.main-nav{display:flex;align-self:stretch;gap:6px}.main-nav a{display:flex;align-items:center;padding:0 14px;color:#c5d0df;text-decoration:none;font-size:14px;font-weight:650;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav a.active{color:#fff;border-bottom-color:#79A9E8}.account-area{margin-left:auto;display:flex;align-items:center;gap:14px;color:#c5d0df;font-size:13px}.account-link{color:#fff;text-decoration:none;border:1px solid #536780;border-radius:7px;padding:7px 10px}.page-shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:52px 0 28px}.welcome{padding:8px 0 44px}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.13em}.welcome h1{margin:0;font-size:clamp(28px,4vw,38px);letter-spacing:-.045em}.welcome>p:last-child{margin:12px 0 0;color:var(--muted);font-size:15px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-head h2{margin:0;font-size:19px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.section-head>span{color:var(--muted);font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{min-height:228px;display:flex;flex-direction:column;justify-content:space-between;padding:21px;background:var(--card);border:1px solid var(--border);border-radius:12px;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.project-card[href]:hover{border-color:#9bb7d8;transform:translateY(-2px)}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.project-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#e8eff8;color:#3569A8;font-size:12px;font-weight:850}.schedule-icon{background:#e8f1ed;color:#39765a}.future-icon{background:#f0f2f5;color:#7b8796;font-size:21px}.status{display:flex;align-items:center;gap:6px;color:#36734f;font-size:11px;font-weight:700}.status i{width:6px;height:6px;border-radius:50%;background:#4a9b69}.status.pending{color:#7b8796}.project-card h3{margin:20px 0 7px;font-size:17px}.project-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.card-bottom{padding-top:18px;border-top:1px solid var(--border);color:var(--accent);font-size:12px;font-weight:750}.upcoming{background:#fafbfd;border-style:dashed;color:#68778a}.upcoming .card-bottom{color:#8a96a5}footer{display:flex;justify-content:space-between;margin-top:54px;padding:18px 0;border-top:1px solid var(--border);color:var(--muted);font-size:11px}@media(max-width:760px){.header-inner{width:calc(100% - 24px);gap:14px;flex-wrap:wrap;padding:12px 0}.main-nav{order:3;width:100%;height:42px}.main-nav a{padding:0 10px}.account-area{font-size:11px}.page-shell{width:calc(100% - 28px);padding-top:34px}.project-grid{grid-template-columns:1fr}.project-card{min-height:190px}.welcome{padding-bottom:32px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Platform home: explicit surface/text pairing for both themes. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #111827;
  --header: #111D30;
  --card: #1D2939;
  --text: #F1F5F9;
  --muted: #B8C5D6;
  --accent: #91BDF2;
  --border: #46566B;
}
:root[data-theme="dark"] body,
:root[data-theme="dark"] .page-shell { color: var(--text); background: var(--bg); }
:root[data-theme="dark"] .project-card {
  color: var(--text) !important;
  background: #1D2939 !important;
  border-color: #46566B !important;
}
:root[data-theme="dark"] .project-card h3,
:root[data-theme="dark"] .project-card .card-bottom { color: #F8FAFC !important; }
:root[data-theme="dark"] .project-card p,
:root[data-theme="dark"] .section-head p,
:root[data-theme="dark"] .section-head > span,
:root[data-theme="dark"] footer { color: #B8C5D6 !important; }
:root[data-theme="dark"] .project-card .card-bottom { border-color: #46566B; }
:root[data-theme="dark"] .project-icon { background: #263F5B; color: #D9E9FC; }
:root[data-theme="dark"] .schedule-icon { background: #244638; color: #A9E3C1; }
:root[data-theme="dark"] .future-icon { background: #344256; color: #C7D2E0; }
:root[data-theme="dark"] .upcoming { background: #182435 !important; }
:root[data-theme="dark"] .status { color: #A9E3C1; }
:root[data-theme="dark"] .status.pending { color: #B8C5D6; }


/* Home page refinement: clearer hierarchy and consistent platform rhythm */
.page-shell{width:min(1180px,calc(100% - 48px));padding-top:42px}
.welcome{min-height:236px;padding:14px 0 38px}
.welcome h1{max-width:680px;line-height:1.18}
.welcome-copy>p:last-child{max-width:600px;line-height:1.75}
.welcome-aside{box-shadow:0 1px 2px rgba(15,23,42,.035)}
.section-head{margin:0 0 18px;padding-top:8px}
.section-head h2{letter-spacing:-.025em}
.project-grid{gap:18px}
.project-card{min-height:236px;padding:22px;border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.project-card[href]:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:3px}
.project-card[href]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,.06)}
.project-card h3{letter-spacing:-.025em}
.project-card p{line-height:1.75}
.card-bottom{margin-top:20px}
.upcoming{box-shadow:none}
footer{margin-top:44px;gap:16px;line-height:1.6}
:root[data-theme="dark"] .welcome-aside{background:var(--card);border-color:var(--border)}
:root[data-theme="dark"] .project-card[href]:hover{box-shadow:0 8px 24px rgba(0,0,0,.18)}
:root[data-theme="dark"] .project-card[href]:focus-visible{outline-color:#91BDF2}
@media(max-width:900px){
  .page-shell{width:calc(100% - 36px);padding-top:32px}
  .welcome{gap:22px;min-height:0;padding-bottom:32px}
  .welcome-aside{flex-basis:260px;padding:18px}
  .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .project-card{min-height:220px;padding:18px}
  .project-card.upcoming{min-height:170px}
}
@media(max-width:640px){
  .page-shell{width:calc(100% - 28px);padding-top:26px}
  .welcome{padding-bottom:28px}
  .welcome-aside{width:auto;flex-basis:auto;margin-top:20px}
  .section-head{align-items:flex-start;gap:12px}
  .section-head>span{white-space:nowrap;padding-top:4px}
  .project-grid{grid-template-columns:1fr;gap:10px}
  .project-card,.project-card.upcoming{min-height:190px;padding:18px}
  footer{flex-direction:column;margin-top:30px;gap:4px}
}
@media(prefers-reduced-motion:reduce){
  .project-card{transition:none}
  .project-card[href]:hover{transform:none}
}