/* Desktop readability pass for metadata, controls and animated UI labels. */
@media (min-width: 761px) {
  .intro-curtain__copy,
  .portfolio-language-shift span,
  .language-toggle,
  .primary-navigation a,
  .subpage-navigation a,
  .system-label,
  .panel-heading > p,
  .panel-heading > div > p,
  .card-kicker,
  .tool-group p,
  .tool-group__index,
  .certificate p,
  .certificate__index,
  .certificate__id,
  .certificate__actions a,
  .site-footer,
  .legal-back,
  .legal-breadcrumb ol,
  .legal-toc a,
  .legal-kicker,
  .legal-translation-note,
  .legal-index,
  .legal-callout h3,
  .legal-contact-list dt,
  .legal-document__footer a {
    font-size: 0.82rem !important;
  }

  .profile-code,
  .profile-email,
  .panel-heading > span,
  .resume-entry time,
  .resume-entry__status,
  .signal-ticker,
  .signal-ticker__group small {
    font-size: 0.78rem;
  }

  .profile-socials a > span,
  .resume-console__header,
  .resume-console__focus,
  .resume-console__body span,
  .resume-console__body small {
    font-size: 0.74rem;
  }

  .resume-console__study > span,
  .resume-console__study > b,
  .resume-console__study > i {
    font-size: 0.76rem;
  }

  .project-feature__eyebrow,
  .project-feature__index,
  .project-feature__copy > p:first-of-type,
  .project-feature__links,
  .project-feature__copy li,
  .semester-project__index,
  .semester-project__copy > p:first-of-type,
  .semester-project__contribution span,
  .semester-project__result,
  .semester-project__copy li,
  .software-project__index,
  .software-project__copy > p:first-of-type,
  .software-project__scope span,
  .software-project__result,
  .software-project__collaborator > span,
  .software-project__collaborator a,
  .software-project__copy li,
  .software-project__extension span,
  .project-roadmap__copy > p:first-of-type,
  .project-roadmap__copy > ol > li,
  .project-roadmap__link,
  .project-history summary,
  .project-history summary em,
  .project-history li > span,
  .project-history li > i,
  .contact-actions > a,
  .contact-actions > button,
  .contact-actions strong,
  .copy-status,
  .contact-status,
  .contact-socials-label {
    font-size: 0.78rem;
  }

  .project-history summary {
    font-size: 0.86rem;
  }

  .project-history summary em {
    font-size: 0.76rem;
  }

  .project-feature__chrome,
  .project-feature__counter,
  .project-feature__rail,
  .project-pin-badge,
  .motion-telemetry,
  .motion-readout,
  .semester-project__telemetry,
  .semester-project__readout,
  .software-project__telemetry,
  .software-project__readout,
  .project-roadmap__telemetry,
  .project-roadmap__readout,
  .code-lab-preview__bar,
  .code-lab-preview__tree i,
  .code-lab-preview__tree em,
  .code-lab-preview__tree b,
  .lab-breach__fault,
  .lab-breach__terminal > div,
  .lab-breach__terminal li,
  .lab-breach__fragment,
  .contact-flow span,
  .home-security-log span,
  .home-security-log b,
  .home-security-log em {
    font-size: 0.74rem;
  }

  .web-visual__inputs span,
  .security-visual__endpoint span,
  .security-visual__endpoint b,
  .security-visual__core > i,
  .security-visual__policies span,
  .care-dashboard__header,
  .care-dashboard__stats i,
  .care-dashboard__stats b,
  .care-dashboard__patients span,
  .care-dashboard__chart > span,
  .care-dashboard__alarm b,
  .care-dashboard__alarm em,
  .database-console__header,
  .database-console__stages i,
  .database-console__stages b,
  .database-console__stages em,
  .database-table strong,
  .database-table span,
  .database-table i,
  .database-relation,
  .database-console__event i,
  .database-console__event b,
  .database-console__event em,
  .db-flow__header,
  .db-flow__stages,
  .db-flow__code header,
  .db-flow__server > header,
  .db-flow__code code,
  .db-flow__code footer,
  .db-flow__connector,
  .db-flow__table,
  .db-flow__table > div:first-child,
  .db-flow__trigger,
  .db-flow__audit,
  .care-app__bar,
  .care-app__bar strong,
  .care-app__screen header small,
  .care-app__filters span,
  .care-app__table,
  .care-app__table > div:first-child,
  .care-app__screen--list footer,
  .care-app__patient small,
  .care-app__patient b,
  .care-app__chart span,
  .care-app__modal header,
  .care-app__modal > div,
  .care-app__modal > div > strong,
  .care-app__modal p,
  .care-app__modal i,
  .care-app__sequence,
  .home-security-map__header,
  .home-security-map__stages {
    font-size: 0.72rem;
  }

  .network-visual__labels text,
  .robot-drive__stop-label,
  .robot-drive__direction-label,
  .robot-drive__remote text,
  .robot-drive__tiny,
  .home-security-map svg text,
  .home-security-map__hub text,
  .home-security-map__status text,
  .home-security-map__recording-status text,
  .homelab-rack text,
  .homelab-rack__caption {
    font-size: 12px !important;
  }

  .codelab-brand__suffix,
  .codelab-back,
  .eyebrow,
  .button,
  .repo-path,
  .repo-hero__status,
  .commit-graph li b,
  .repo-icon,
  .pe1-project-hero dd {
    font-size: 0.8rem;
  }

  .release-facts dt,
  .release-facts dd,
  .presence-map__head,
  .presence-map__foot,
  .network-node,
  .section-heading p,
  .section-heading > span,
  .release-number,
  .release-card__identity > p:first-of-type,
  .tag-list li,
  .text-link,
  .repo-head,
  .repo-foot,
  .repo-tree li,
  .principle-grid span,
  .breadcrumbs,
  .project-spec__status,
  .project-spec dl div,
  .architecture-flow article > span,
  .sim-device,
  .sim-pi,
  .sim-state,
  .console-head,
  .simulator-console li,
  .file-browser__head,
  .file-browser button,
  .file-download,
  .code-viewer__head,
  .code-viewer__foot,
  .code-viewer__head button,
  .docs-grid article > span,
  .docs-grid code,
  .limitations > p,
  .release-section > div p,
  .release-section li span,
  .repo-summary i,
  .repo-terminal__bar,
  .repo-terminal__foot,
  .commit-graph li span,
  .commit-graph li em,
  .repo-section-head p,
  .repo-section-head > span i,
  .repository-card__meta p,
  .repository-group header p,
  .repository-card__meta > strong,
  .repository-group header > strong,
  .repository-card__facts,
  .repository-card__actions a,
  .repository-group li span,
  .repository-group li b,
  .repository-group li em,
  .repository-group footer,
  .lab-gate__console,
  .lab-gate__pipeline i,
  .lab-gate__steps,
  .pe1-group-hero aside p,
  .pe1-card-grid article > span,
  .pe1-card-grid article > p:first-of-type,
  .pe1-card-grid article > div,
  .pe1-project-hero dt,
  .repository-group li strong,
  .coming-soon,
  .command-copy b,
  .command-copy__status {
    font-size: 0.74rem !important;
  }

  .code-viewer pre {
    font-size: clamp(0.84rem, 0.84vw, 0.96rem);
  }
}

/* Keep metadata and simulated interfaces readable on phones and tablets too. */
@media (max-width: 760px) {
  .language-toggle,
  .primary-navigation a,
  .subpage-navigation a,
  .site-footer,
  .legal-back,
  .legal-breadcrumb ol,
  .legal-toc a,
  .legal-kicker,
  .legal-translation-note,
  .legal-index,
  .legal-callout h3,
  .legal-contact-list dt,
  .legal-document__footer a,
  .codelab-brand__suffix,
  .codelab-back,
  .eyebrow,
  .button,
  .repo-path,
  .repo-hero__status,
  .breadcrumbs,
  .project-spec__status,
  .project-spec dl div,
  .section-heading p,
  .section-heading > span,
  .repo-section-head p,
  .repo-section-head > span i,
  .repository-card__meta p,
  .repository-card__meta > strong,
  .repository-card__facts,
  .repository-card__actions a,
  .repository-group header p,
  .repository-group header > strong,
  .repository-group li span,
  .repository-group li b,
  .repository-group li em,
  .repository-group li strong,
  .repository-group footer,
  .pe1-group-hero aside p,
  .pe1-card-grid article > span,
  .pe1-card-grid article > p:first-of-type,
  .pe1-card-grid article > div,
  .pe1-project-hero dt,
  .pe1-project-hero dd,
  .docs-grid article > span,
  .limitations > p,
  .release-section > div p,
  .release-section li span,
  .file-browser__head,
  .file-browser button,
  .file-download,
  .code-viewer__head,
  .code-viewer__foot,
  .code-viewer__head button,
  .coming-soon,
  .command-copy b,
  .command-copy__status {
    font-size: 0.72rem !important;
  }

  .presence-map__head,
  .presence-map__foot,
  .network-node,
  .architecture-flow article > span,
  .sim-device,
  .sim-pi,
  .sim-state,
  .console-head,
  .simulator-console li,
  .repo-terminal__bar,
  .repo-terminal__foot,
  .commit-graph li span,
  .commit-graph li b,
  .commit-graph li em,
  .lab-gate__console,
  .lab-gate__pipeline i,
  .lab-gate__steps,
  .project-feature__chrome,
  .project-feature__counter,
  .project-feature__rail,
  .motion-telemetry,
  .motion-readout,
  .semester-project__telemetry,
  .semester-project__readout,
  .software-project__telemetry,
  .software-project__readout,
  .project-roadmap__telemetry,
  .project-roadmap__readout,
  .code-lab-preview__bar,
  .code-lab-preview__tree i,
  .code-lab-preview__tree em,
  .code-lab-preview__tree b,
  .contact-flow span,
  .home-security-log span,
  .home-security-log b,
  .home-security-log em,
  .care-dashboard__header,
  .care-dashboard__stats i,
  .care-dashboard__stats b,
  .care-dashboard__patients span,
  .care-dashboard__chart > span,
  .care-dashboard__alarm b,
  .care-dashboard__alarm em,
  .database-console__header,
  .database-console__stages i,
  .database-console__stages b,
  .database-console__stages em,
  .database-table strong,
  .database-table span,
  .database-table i,
  .database-relation,
  .database-console__event i,
  .database-console__event b,
  .database-console__event em,
  .db-flow__header,
  .db-flow__stages,
  .db-flow__code header,
  .db-flow__server > header,
  .db-flow__code code,
  .db-flow__code footer,
  .db-flow__connector,
  .db-flow__table,
  .db-flow__table > div:first-child,
  .db-flow__trigger,
  .db-flow__audit,
  .care-app__bar,
  .care-app__screen header small,
  .care-app__filters span,
  .care-app__table,
  .care-app__table > div:first-child,
  .care-app__screen--list footer,
  .care-app__patient small,
  .care-app__patient b,
  .care-app__chart span,
  .care-app__modal header,
  .care-app__modal > div,
  .care-app__modal p,
  .care-app__modal i,
  .care-app__sequence,
  .home-security-map__header,
  .home-security-map__stages {
    font-size: 0.68rem !important;
  }

  .network-visual__labels text,
  .robot-drive__stop-label,
  .robot-drive__direction-label,
  .robot-drive__remote text,
  .robot-drive__tiny,
  .home-security-map svg text,
  .home-security-map__hub text,
  .home-security-map__status text,
  .home-security-map__recording-status text,
  .homelab-rack text,
  .homelab-rack__caption {
    font-size: 11px !important;
  }

  .code-viewer pre {
    font-size: 0.78rem;
    line-height: 1.7;
  }

  .resume-console__study > span,
  .resume-console__study > b {
    font-size: 0.7rem !important;
  }

  .resume-console__study > i {
    font-size: 0.66rem !important;
  }
}

/* Editorial numbers are visual anchors, not footnotes. */
.card-kicker span,
.tool-group__index,
.certificate__index,
.legal-index,
.release-number {
  font-size: calc(1rem + 1px) !important;
}

.project-feature__index,
.semester-project__index,
.software-project__index,
.pe1-card-grid article > span,
.project-roadmap__copy > ol > li span {
  font-size: calc(0.82rem + 1px) !important;
}

.project-history li > span,
.legal-toc a span,
.principle-grid article > span,
.architecture-flow article > span,
.docs-grid article > span,
.release-section li > span,
.repository-group li > span,
.lab-breach__terminal li > span {
  font-size: calc(0.72rem + 1px) !important;
}

/* Expanded project logs carry real content and must read like a section, not fine print. */
.project-history summary {
  min-height: 5rem;
  padding: 1rem 1.15rem;
  font-size: 1rem;
}

.project-history summary em {
  font-size: 0.86rem;
}

.project-history li {
  grid-template-columns: 6.4rem minmax(0, 1fr) auto;
  gap: 1rem;
  padding: 1rem 0;
}

.project-history li > span,
.project-history li > i {
  font-size: 0.82rem !important;
}

.project-history li strong {
  font-size: 0.94rem;
  line-height: 1.4;
}

.project-history li p {
  font-size: 0.9rem;
  line-height: 1.55;
}

@media (max-width: 760px) {
  .project-history summary {
    min-height: 4.65rem;
    padding: 0.9rem;
    font-size: 0.88rem;
  }

  .project-history summary em {
    font-size: 0.78rem;
  }

  .project-history li {
    grid-template-columns: 5.6rem minmax(0, 1fr);
    gap: 0.75rem;
  }

  .project-history li strong {
    font-size: 0.9rem;
  }

  .project-history li p {
    font-size: 0.84rem;
  }
}

@media (max-width: 440px) {
  .project-history li {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }
}