/* Typography refinement — preview only.
 * Use native system typography for controls and short interface copy.
 * Reserve Libron for editorial headings and long-form chemistry/project
 * writing. No JS event handlers or layouts are changed. */
:root{
  --portfolio-ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
/* Window and dock captions: reduce the old dense, bold Tahoma look. */
.xp-window .titlebar-caption,
.xp-window .titlebar-text,
.xp-window:not(.active) .titlebar-caption,
.xp-window:not(.active) .titlebar-text {
  font-family:var(--portfolio-ui-font);
  font-size:12.5px;
  font-weight:500;
  letter-spacing:.005em;
}
#start-button {
  font-family:var(--portfolio-ui-font);
  font-size:13px;
  font-weight:500;
  letter-spacing:0;
}
#taskbar-windows .task-window,
#system-tray,
#clock {
  font-family:var(--portfolio-ui-font);
  font-size:12.5px;
  font-weight:500;
  letter-spacing:0;
}
/* Simple launcher typography: lighter main labels, quieter secondary text. */
#start-menu,
#start-menu button,
#start-menu .start-entry,
#start-menu .side-entry {
  font-family:var(--portfolio-ui-font);
  font-size:13px;
  font-weight:450;
  letter-spacing:0;
}
#start-menu .start-head strong {
  font-family:var(--portfolio-ui-font);
  font-size:14px;
  font-weight:600;
  letter-spacing:0;
}
#start-menu .menu-eyebrow{
  font-family:var(--portfolio-ui-font);
  font-size:10px;
  font-weight:600;
  letter-spacing:.075em;
}
#start-menu .start-entry strong{
  font-family:var(--portfolio-ui-font);
  font-size:13px;
  font-weight:550;
  line-height:1.25;
  letter-spacing:0;
}
#start-menu .start-entry small{
  font-family:var(--portfolio-ui-font);
  font-size:11.5px;
  font-weight:400;
  line-height:1.3;
  letter-spacing:0;
}
#start-menu .side-entry{font-weight:500}
#start-menu .start-foot{
  font-family:var(--portfolio-ui-font);
  font-size:11px;
  font-weight:400;
}
/* About: make the directory feel like a coherent application rather than
   a bold sans icon grid beneath a serif paragraph. */
.xp-window[data-kind="about"] .about-folder-intro {
  color:#5a5d63;
  font:600 10px/1.35 var(--portfolio-ui-font);
  letter-spacing:.085em;
}
.xp-window[data-kind="about"] .about-folder-hint {
  color:#45484d;
  font:400 14px/1.45 var(--portfolio-ui-font);
  letter-spacing:0;
}
.xp-window[data-kind="about"] .about-folder-app-label {
  color:#25282e;
  font:500 13px/1.3 var(--portfolio-ui-font);
  letter-spacing:0;
}
.xp-window[data-kind="about"] .about-folder-foot{
  color:#75787c;
  font:400 11px/1.4 var(--portfolio-ui-font);
}
/* Desktop icons are UI controls, not editorial copy. */
#desktop .desktop-icon .icon-text {
  font-family:var(--portfolio-ui-font);
  font-size:12px;
  font-weight:500;
  line-height:1.26;
}
/* Keep the Libron project heading, but lighten the surrounding controls. */
.xp-window .project-hub-eyebrow{
  font-family:var(--portfolio-ui-font);
  font-size:10px;
  font-weight:600;
  letter-spacing:.09em;
}
.xp-window .project-hub-intro{
  font-family:var(--portfolio-ui-font);
  font-size:14px;
  font-weight:400;
  line-height:1.5;
}
.xp-window .project-hub-item strong {
  font-family:var(--portfolio-ui-font);
  font-size:13.5px;
  font-weight:600;
}
.xp-window .project-hub-item small {
  font-family:var(--portfolio-ui-font);
  font-size:12px;
  font-weight:400;
}
.xp-window .quick-back,
.xp-window .xp-button,
.xp-window .cs-btn,
.xp-window .destination-open-here {
  font-family:var(--portfolio-ui-font);
  font-weight:500;
}
@media(max-width:740px){
  #start-menu .start-entry strong{font-size:12.5px}
  .xp-window[data-kind="about"] .about-folder-app-label{font-size:12px}
}

/* Public release identifier. Bump the footer version in index.html when
   promoting a new numbered release; this is a manual UI version, not a
   substitute for the Git commit SHA shown by Cloudflare. */
#start-menu .start-foot .site-release-label{
  font-family:var(--portfolio-ui-font);
  font-size:10.5px;
  font-weight:550;
  line-height:1.2;
  letter-spacing:.015em;
  font-variant-numeric:tabular-nums;
  color:#63666b;
  white-space:nowrap;
  user-select:text;
}