/* The light palette keeps the lime and violet accents of the original design. */
:root { color-scheme: light; }
.project-body>.code-availability { font-size:10px; color:#536c35; margin:17px 0 0; line-height:1.9; }
.code-availability>span { display:inline-block; margin-right:7px; font:8px var(--mono); color:#536c35; background:#edf5e2; border:1px solid #c8d9b3; padding:4px 6px; }
.closing>.closing-description { max-width:680px; margin:0 auto 28px; font-size:12px; line-height:2.1; color:var(--muted); }
.closing-actions { display:flex; justify-content:center; align-items:center; gap:25px; flex-wrap:wrap; }
.closing-profile { font-size:11px; color:var(--muted); padding:10px 0; }
.closing-profile:hover { color:#4f711e; text-decoration:underline; text-underline-offset:5px; }
.monetta-mark { display:block; flex-shrink:0; }
.brand>.monetta-mark { width:34px; height:auto; }
.about { padding-top:64px; }
.about>.eyebrow { font-size:9px; margin-bottom:23px; }
.about-grid { display:grid; grid-template-columns:1fr 1.55fr; gap:48px; padding:30px 0 34px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); align-items:center; }
.profile-card { display:flex; gap:21px; align-items:center; }
.profile-symbol { display:grid; place-items:center; flex-shrink:0; width:68px; height:72px; font:700 23px var(--mono); color:#5d487d; background:#e9e3f6; border:1px solid #c5b6de; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px)); }
.profile-name { font:600 17px var(--sans); margin:0 0 10px; }
.profile-handle { font:11px/1.7 var(--mono); color:#7655b6; margin:0 0 11px; }
.profile-handle span { font:9px var(--sans); color:var(--muted); margin-right:6px; }
.profile-school { font-size:11px; line-height:1.9; color:var(--muted); margin:0; }
.about-copy h2 { font-size:22px; line-height:1.65; font-weight:600; margin-bottom:12px; }
.about-copy>p { font-size:12px; color:var(--muted); line-height:2; margin-bottom:16px; }
.profile-tags { display:flex; gap:8px; flex-wrap:wrap; list-style:none; padding:0; margin:0; }
.profile-tags li { padding:4px 8px; font-size:9px; color:#536c35; background:#edf5e2; border:1px solid #c8d9b3; }
@media(max-width:740px) {
  .closing-description .desktop { display:none; }
  .closing>.closing-description { font-size:11px; max-width:370px; }
  .closing-actions { flex-direction:column; gap:10px; }
  nav { gap:10px; font-size:8px; }
  .brand { font-size:10px; gap:8px; }
  .mark { font-size:17px; }
  .about { padding-top:43px; }
  .about-grid { grid-template-columns:1fr; gap:27px; padding:25px 0 29px; }
  .profile-symbol { width:57px; height:62px; font-size:20px; }
  .brand>.monetta-mark { width:28px; }
  .profile-symbol>.monetta-mark { width:37px; height:auto; }
  .about-copy h2 { font-size:21px; }
  .profile-name { font-size:16px; }
  .section-heading>p { max-width:290px; }
}
@media print { .about { padding-top:25px; } .about-grid { break-inside:avoid; padding:20px 0; } }
@media screen {
  :root {
    --bg:#f5f6fa;
    --panel:#ffffff;
    --text:#222b3a;
    --muted:#5c687b;
    --line:#d4dbe5;
    --lime:#c3f778;
    --purple:#7655b6;
    --accent:#4f711e;
  }
  body { background-image:radial-gradient(ellipse at 85% 12%,#b4a3f512,transparent 35%); }
  ::selection { color:#222b3a; }
  a:focus-visible,button:focus-visible,[tabindex='0']:focus-visible { outline-color:#6e52af; }
  .draft { background:#e9ecf3; border-bottom-color:#dce1eb; color:#546073; }
  .draft span { color:#606c7e; }
  .mark span,nav a:hover,.eyebrow,.text-link:hover { color:var(--accent); }
  .hero::before { background-image:radial-gradient(#7d9c4950 .7px,transparent .7px); }
  .dot { box-shadow:none; background:#729b37; }
  .accent { color:var(--text); text-shadow:none; background:linear-gradient(transparent 66%,#c3f778 66%,#c3f778 92%,transparent 92%); }
  .hero-caption { color:#626e81; }
  .hero-art { border-color:#c6c3da; background:linear-gradient(135deg,#f0edf9,#fcfdfd); box-shadow:9px 9px 0 #584c7e0b; }
  .art-top { color:#616b80; }
  .explorer-count>span { -webkit-text-stroke-color:#9584be; }
  .explorer-count small { color:#626d82; }
  .wireframe { color:#6e9335; }
  .orb-ring { stroke:#9a85c7; }
  .orb-axis { stroke:#9fa8b9; }
  .crosshair { stroke:#8c77b9; }
  .project-switcher button { border-color:#c9cddd; color:#626d80; background:#ffffff73; }
  .project-switcher button span { color:#4e586e; }
  .project-switcher button:hover { border-color:#8ea96a; background:#eef6e4; }
  .project-switcher button[aria-selected='true'] { border-color:#8ca85d; background:#e7f5d2; color:#47651b; }
  .project-switcher button[aria-selected='true'] span { color:#47651b; }
  .explorer-detail { border-top-color:#d0d4e2; }
  .explorer-detail-top>span:last-child { color:#647086; }
  #explorer-stack { color:#637086; }
  #explorer-link { color:var(--accent); }
  .hero-foot { color:#626d80; }
  .project-meta { color:#626e81; }
  .badge { color:#506a34; border-color:#b2c798; background:#eaf1e1; }
  .project-body>p { color:#536074; }
  .project-body>.project-subtitle { color:var(--accent); }
  .project-details { color:#4e5a6e; }
  .project-details dt { color:#677386; }
  .tags li { color:#536075; background:#edf0f6; border-color:#d1d8e3; }
  .tags li:hover { color:#47651b; border-color:#8fae65; background:#eaf4dd; }
  .project-body>.confidential,.source-note { color:#687387; }
  .project-visual { --visual-accent:#4e7336; background-color:#eef4e9; border-color:#ccd9c2; background-image:linear-gradient(#6b854a0a 1px,transparent 1px),linear-gradient(90deg,#6b854a0a 1px,transparent 1px); }
  .visual-foot { color:#66776b; }
  .lms { --visual-accent:#436e96; background-color:#eaf0f8; border-color:#c5d4e7; background-image:linear-gradient(#537aa20b 1px,transparent 1px),linear-gradient(90deg,#537aa20b 1px,transparent 1px); }
  .role-row span { color:#42607c; background:#f5f8fd; border-color:#b7cbe1; }
  .concept-rule { color:#6b7d98; }
  .lms-panel { color:#364c67; background:#f7faff; border-color:#9fb8d4; box-shadow:5px 5px 0 #8fa7cf16; }
  .lms-panel>span,.lms-panel small { color:#52718e; }
  .lms-panel i { color:#6c88a2; }
  .generation { --visual-accent:#785aab; background-color:#efebf8; border-color:#d4c9e9; background-image:linear-gradient(#8565a80a 1px,transparent 1px),linear-gradient(90deg,#8565a80a 1px,transparent 1px); }
  .generate-box { color:#514067; background:#fbf9ff; border-color:#b39cd3; box-shadow:4px 4px 0 #aa91c818; }
  .generate-box small { color:#7e5caa; }
  .validator-row span { background:#f6f1fc; color:#5f4d79; border-color:#c2afd9; }
  .repair-loop { color:#795e9a; border-bottom-color:#b39acc; }
  .bubble-a { background:#fcfef9; color:#405b40; border-color:#a7c296; }
  .bubble-b { background:#c3f778; color:#304321; }
  .mini-flow { color:#56734a; }
  .mini-flow b { color:#72935d; }
  .pigeon { --visual-accent:#777633; background-color:#f2f2e6; border-color:#d9dbc0; background-image:linear-gradient(#8e914b0b 1px,transparent 1px),linear-gradient(90deg,#8e914b0b 1px,transparent 1px); }
  .automation-icon { color:#8b995c; }
  .automation-line { color:#87995b; }
  .automation-message { color:#435332; background:#fbfdf5; border-color:#b6c78f; box-shadow:4px 4px 0 #8a9d5612; }
  .automation-message small { color:#667849; }
  .notification-dot { background:#78a239; }
  .tech-grid { background:#fbfcff; }
  .tech-item>span { color:#7c60a5; }
  footer { color:#657185; }
  .skip { color:#222b3a; }
}