/* Public portfolio design system. Admin keeps its independent theme. */
:root:not(.theme-dark):has(.portfolio-shell) {
  color-scheme: dark;
  --font-family-sans: "Inter", "Segoe UI", Arial, sans-serif;
  --font-family-mono: "Cascadia Code", "Consolas", monospace;
  --bg-fallback: #111315;
  --surface-fallback: #171a1c;
  --surface-subtle: #15181a;
  --brand-accent: #b5edce;
  --brand-accent-muted: #d0f7e0;
  --ink: #f2f4f3;
  --line: #303638;
  --ui-900: #111315;
  --ui-800: #1a1e20;
  --ui-700: #303638;
  --ui-600: #626c70;
  --ui-500: #9aa4a7;
  --ui-400: #a5adb0;
  --ui-300: #bec5c7;
  --ui-200: #dfe4e3;
  --ui-100: #f2f4f3;
  --success: #b5edce;
  --warning: #edca8b;
}
.portfolio-shell { background:#111315; color:#bec5c7; --section-space:104px; }
.portfolio-shell ::selection { background:#b5edce; color:#111315; }
.portfolio-shell .site-container { max-width:1280px; padding-inline:48px; }
.portfolio-shell h1,.portfolio-shell h2,.portfolio-shell h3 { color:#f2f4f3; font-weight:550; }
.portfolio-shell .section { padding-block:var(--section-space); }
.portfolio-shell .section-title { font-size:clamp(30px,3.3vw,43px); line-height:1.16; letter-spacing:-.045em; margin-top:14px; font-weight:550; }
.portfolio-shell .section-kicker,.ledger-label { font:10px/1.5 var(--font-family-mono); letter-spacing:.13em; text-transform:uppercase; color:#9ba6a8; }
.portfolio-shell .section-lede { font-size:15px; line-height:1.8; color:#a5adb0; max-width:590px; }
.portfolio-shell .section-heading-row { gap:40px; }
.portfolio-shell .section-heading-row > .section-lede { max-width:370px; margin:0 0 2px; }
.portfolio-shell .section-muted { background:#15181a; border-color:#303638; }
.portfolio-shell .btn { min-height:46px; padding:12px 21px; border-radius:3px; font-size:13px; font-weight:600; gap:20px; box-shadow:none; transition:background .18s,border-color .18s,color .18s; }
.portfolio-shell .btn-primary { background:#b5edce; color:#111b16; border:1px solid #b5edce; }
.portfolio-shell .btn-primary:hover { background:#d0f7e0; border-color:#d0f7e0; transform:none; }
.portfolio-shell .btn-secondary { background:transparent; color:#e1e7e3; border:1px solid #5d6964; }
.portfolio-shell .btn-secondary:hover { background:#1c2520; border-color:#b5edce; transform:none; }
.portfolio-shell .text-link { color:#c6ead6; font-size:13px; font-weight:500; gap:10px; }
.portfolio-shell .site-nav { background:#111315f5; backdrop-filter:blur(16px); border-bottom:1px solid #292f31; }
.portfolio-shell .nav-inner { height:88px; gap:28px; }
.portfolio-shell .brand { gap:18px; color:#f2f4f3; font-weight:550; font-size:16px; }
.portfolio-shell .brand-mark { width:auto; height:auto; border:0; background:transparent; color:#f2f4f3; font:500 32px/1 var(--font-family-sans); letter-spacing:-5px; padding-right:5px; border-radius:0; }
.portfolio-shell .brand-mark > span { color:#b5edce; }
.brand-name { line-height:1.4; }
.brand-name small { display:block; margin-top:4px; font:9px/1.5 var(--font-family-mono); letter-spacing:.07em; text-transform:uppercase; color:#9da8aa; }
.portfolio-shell .desktop-nav { gap:21px; }
.portfolio-shell .nav-link { font-size:12px; color:#bdc6c5; font-weight:400; }
.portfolio-shell .nav-link:hover,.portfolio-shell .nav-link.active { color:#b5edce; }
.portfolio-shell .nav-resume { min-height:38px; padding:8px 16px; font-size:12px; border-color:#93b8a3; }
.portfolio-shell #mobile-nav { background:#111315; border-color:#303638; }
.portfolio-shell .mobile-nav-link { border-radius:3px; }
.portfolio-shell .hero-section { padding:170px 0 65px; }
.portfolio-shell .hero-layout { grid-template-columns:1.1fr 1fr; gap:35px; align-items:center; }
.portfolio-shell .hero-layout h1 { font-size:clamp(44px,4.65vw,68px); line-height:1.08; letter-spacing:-.055em; margin:0 0 28px; font-weight:550; }
.portfolio-shell .hero-layout h1 span { color:#d0d8d4; }
.portfolio-shell .hero-lede { font-size:18px; line-height:1.75; max-width:530px; color:#aeb8ba; }
.portfolio-shell .hero-copy .action-row { margin-top:32px; gap:12px; }
.system-map { min-width:0; margin:0; }
.system-map svg { width:100%; height:auto; overflow:visible; }
.map-node rect { fill:#161b1c; stroke:#5c6c68; stroke-width:1; }
.map-services rect { fill:#17211e; stroke:#87ad98; }
.map-gateway { fill:#19201e; stroke:#91b9a2; }
.map-lines { color:#7f978d; stroke-width:1; }
.map-text { fill:#d9e3df; text-anchor:middle; font:11px var(--font-family-sans); }
.map-subtext { fill:#98a7a4; text-anchor:middle; font:9px var(--font-family-mono); }
.map-label { fill:#8c9a96; font:8px var(--font-family-mono); letter-spacing:1.5px; }
.system-map figcaption { display:flex; align-items:center; gap:8px; margin:20px 0 0 12%; font:10px/1.6 var(--font-family-mono); color:#9baaa5; }
.system-map figcaption > span:last-child { color:#86938f; margin-left:auto; font-size:9px; }
.map-status { width:5px; height:5px; border-radius:50%; background:#b5edce; flex-shrink:0; }
.portfolio-shell .impact-strip { padding:0; background:transparent; border:0; }
.portfolio-shell .metrics-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:30px 0 34px; border-top:1px solid #414b47; border-bottom:1px solid #303638; }
.portfolio-shell .metrics-grid > div { padding-left:55px; border-color:#3a4440; gap:8px; }
.portfolio-shell .metrics-grid > div:first-child { padding-left:0; }
.portfolio-shell .metrics-grid dd { font:500 32px/1.15 var(--font-family-mono); color:#b5edce; letter-spacing:-.05em; }
.portfolio-shell .metrics-grid dd span { font-size:25px; font-weight:400; }
.portfolio-shell .metrics-grid dt { font:10px/1.5 var(--font-family-mono); text-transform:uppercase; letter-spacing:.12em; color:#a4afb0; }
.project-ledger { border-top:1px solid #414b47; margin-top:38px; }
.project-row { display:grid; grid-template-columns:46px minmax(0,1.6fr) minmax(0,.85fr) 38px; gap:30px; align-items:start; padding:32px 0; border-bottom:1px solid #303638; }
.project-number { font:300 29px/1.3 var(--font-family-mono); color:#798583; padding-top:3px; letter-spacing:-.07em; }
.project-intro h3 { margin:9px 0 12px; font-size:22px; letter-spacing:-.025em; line-height:1.3; }
.project-intro h3 a { transition:color .18s; }
.project-intro h3 a:hover { color:#b5edce; }
.project-intro > p:not(.section-kicker) { max-width:530px; font-size:13px; line-height:1.8; color:#a5adb0; }
.project-intro .project-stack { margin-top:16px; font:10px/1.8 var(--font-family-mono)!important; color:#9eaba6!important; }
.project-result { padding:3px 0 0 25px; border-left:1px solid #3a4440; margin-top:4px; }
.project-result p { font-size:14px; line-height:1.75; color:#b5edce; margin-top:13px; max-width:240px; }
.project-arrow { font-size:27px; color:#d6e2dc; min-width:44px; min-height:44px; display:grid; place-items:center; margin-top:25px; border-radius:3px; transition:color .18s,background .18s; }
.project-arrow:hover { color:#b5edce; background:#1d2822; }
.ledger-footer { display:flex; justify-content:space-between; gap:24px; padding-top:25px; }
.ledger-footer > span { font:10px/1.8 var(--font-family-mono); color:#8f9b98; }
.portfolio-shell .expertise-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 65px; margin:42px 0 32px; }
.portfolio-shell .expertise-item { border-top:1px solid #303638; padding-top:24px; display:grid; grid-template-columns:34px 1fr; column-gap:13px; align-content:start; }
.portfolio-shell .expertise-symbol { grid-row:1 / 3; padding-top:6px; color:#b5edce; font-size:11px; }
.portfolio-shell .expertise-item h3 { margin:0 0 12px; font-size:18px; font-weight:500; letter-spacing:-.02em; }
.portfolio-shell .expertise-item p { font-size:14px; line-height:1.8; max-width:420px; }
.portfolio-shell #writing { background:#111315; border-top:0; border-bottom:1px solid #303638; }
.portfolio-shell .insight-grid { display:block; margin-top:36px; border-top:1px solid #414b47; }
.portfolio-shell .insight-card { display:grid; grid-template-columns:140px minmax(0,1fr) 120px; gap:14px 35px; border:0; border-bottom:1px solid #303638; padding:27px 0; border-radius:0; background:transparent; }
.portfolio-shell .insight-card h3 { font-size:19px; letter-spacing:-.02em; line-height:1.4; margin:0; }
.portfolio-shell .insight-card .section-kicker { grid-column:1; grid-row:1; margin-top:4px; }
.portfolio-shell .insight-summary { grid-column:2; font-size:13px; line-height:1.8; margin:0; max-width:620px; color:#a5adb0; }
.portfolio-shell .insight-card time { grid-column:1; grid-row:2; font:10px/1.7 var(--font-family-mono); color:#8f9b98; }
.portfolio-shell .insight-card > .text-link { grid-column:3; grid-row:1; align-self:start; justify-self:end; margin-top:4px; }
.portfolio-shell .about-summary { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.portfolio-shell .about-summary > div > p:not(.section-kicker) { font-size:16px; line-height:1.9; }
.portfolio-shell .final-cta { background:#151c18; border-block:1px solid #34453b; }
.portfolio-shell .final-cta > .site-container { display:flex; align-items:center; justify-content:space-between; gap:55px; }
.portfolio-shell .final-cta .section-title { margin-top:0; font-size:clamp(28px,3.2vw,42px); }
.portfolio-shell .final-cta .section-lede { max-width:610px; }
.portfolio-shell .final-cta .action-row { margin:0; flex-direction:column; align-items:stretch; gap:18px; flex-shrink:0; }
.portfolio-shell .final-cta .btn { min-width:160px; }
.portfolio-shell footer { background:#111315; border-color:#303638; }
.portfolio-shell footer .site-container { padding-block:38px; }
.portfolio-shell footer .brand-mark { font-size:24px; letter-spacing:-3px; }
.portfolio-shell .page-section { padding-top:155px; }
.portfolio-shell .page-title { font-size:clamp(38px,4.5vw,60px); font-weight:550; }
.portfolio-shell .card,.portfolio-shell .professional-card,.portfolio-shell .glass,.portfolio-shell .project-card { background:#171b1d; border-color:#303638; box-shadow:none; backdrop-filter:none; border-radius:4px; }
.portfolio-shell .professional-card:hover,.portfolio-shell .project-card:hover { background:#1b2120; border-color:#658370; transform:none; }
.portfolio-shell .badge,.portfolio-shell .tech-chip { background:#1c2520; color:#c0decd; border-color:#3b4a41; border-radius:3px; box-shadow:none; font-weight:400; }
.portfolio-shell .badge { font:10px/1.5 var(--font-family-mono); letter-spacing:.07em; }
.portfolio-shell .technology-list { color:#a5b4ac; }
.portfolio-shell .project-card .architecture-diagram,.portfolio-shell .case-header + .architecture-diagram { background:#111715; border-color:#34463b; }
.portfolio-shell .architecture-node { color:#dce6e0; background:#18211c; border-color:#3e5547; border-radius:3px; font-weight:400; }
.portfolio-shell .architecture-diagram li:nth-child(2) .architecture-node { background:#22332a; color:#c6ead5; border-color:#668b74; }
.portfolio-shell .project-outcome,.portfolio-shell .case-result { color:#b5edce; border-color:#303638; }
.portfolio-shell .project-card h3 { font-weight:500; }
.portfolio-shell .contact-form { background:#171b1d; }
.portfolio-shell input,.portfolio-shell textarea,.portfolio-shell select { color-scheme:dark; border-radius:4px; }
.portfolio-shell .capability-row { border-color:#303638; }
.portfolio-shell .prose-portfolio { max-width:76ch; }
.portfolio-shell .prose-portfolio p { line-height:1.9; }
@media(min-width:1500px) { .portfolio-shell .hero-section { padding-top:190px; } }
@media(max-width:1023px) {
  .portfolio-shell .site-container { padding-inline:32px; }
  .portfolio-shell .hero-section { padding-top:145px; }
  .portfolio-shell .hero-layout { gap:16px; grid-template-columns:1.15fr 1fr; }
  .portfolio-shell .hero-layout h1 { font-size:clamp(40px,5.1vw,55px); }
  .portfolio-shell .hero-lede { font-size:16px; }
  .portfolio-shell .hero-copy .action-row { gap:10px; }
  .portfolio-shell .hero-copy .btn { padding-inline:15px; font-size:12px; gap:13px; }
  .system-map figcaption { flex-wrap:wrap; }
  .system-map figcaption > span:last-child { width:100%; margin-left:13px; }
  .project-row { grid-template-columns:30px minmax(0,1.5fr) minmax(0,1fr) 30px; gap:22px; }
  .project-intro h3 { font-size:20px; }
  .portfolio-shell .final-cta > .site-container { align-items:flex-start; }
}
@media(max-width:767px) {
  .portfolio-shell { --section-space:68px; }
  .portfolio-shell .site-container { padding-inline:24px; }
  .portfolio-shell .nav-inner { height:76px; gap:14px; }
  .portfolio-shell .brand { gap:12px; font-size:14px; }
  .brand-name small { font-size:8px; letter-spacing:.025em; }
  .portfolio-shell .hero-section { padding:128px 0 38px; }
  .portfolio-shell .hero-layout { grid-template-columns:1fr; gap:42px; }
  .portfolio-shell .hero-layout h1 { font-size:clamp(42px,8.7vw,62px); margin-bottom:24px; }
  .portfolio-shell .hero-lede { font-size:16px; max-width:520px; }
  .portfolio-shell .hero-copy .action-row { gap:12px; margin-top:26px; }
  .system-map { max-width:510px; width:100%; margin-inline:auto; }
  .system-map figcaption { margin-top:16px; margin-left:12%; flex-wrap:nowrap; }
  .system-map figcaption > span:last-child { display:none; }
  .portfolio-shell .metrics-grid { grid-template-columns:repeat(3,minmax(0,1fr)); padding:26px 0; }
  .portfolio-shell .metrics-grid > div { padding-left:15px; border-left:1px solid #303638; }
  .portfolio-shell .metrics-grid dd { font-size:27px; }
  .portfolio-shell .metrics-grid dd span { font-size:13px; }
  .portfolio-shell .metrics-grid dt { font-size:8px; letter-spacing:.04em; max-width:95px; }
  .portfolio-shell .section-heading-row { gap:15px; }
  .portfolio-shell .section-heading-row > .section-lede { max-width:100%; }
  .project-ledger { margin-top:28px; }
  .project-row { grid-template-columns:25px minmax(0,1fr) 28px; gap:16px; padding:26px 0; }
  .project-number { font-size:22px; }
  .project-intro h3 { font-size:21px; }
  .project-intro .section-kicker { font-size:9px; }
  .project-result { grid-column:2; padding:0; border:0; margin:0; }
  .project-result p { max-width:none; margin-top:6px; font-size:13px; }
  .project-arrow { grid-column:3; grid-row:1; font-size:24px; margin-left:-8px; }
  .ledger-footer { align-items:flex-start; }
  .ledger-footer > span { max-width:140px; font-size:9px; }
  .portfolio-shell .expertise-grid { grid-template-columns:1fr; gap:26px; margin-top:32px; }
  .portfolio-shell .insight-card { grid-template-columns:1fr auto; gap:12px; padding:25px 0; }
  .portfolio-shell .insight-card .section-kicker { grid-column:1; grid-row:1; }
  .portfolio-shell .insight-card h3 { grid-column:1 / -1; grid-row:2; font-size:20px; }
  .portfolio-shell .insight-card time { grid-column:2; grid-row:1; }
  .portfolio-shell .insight-summary { grid-column:1 / -1; }
  .portfolio-shell .insight-card > .text-link { grid-column:1; grid-row:4; justify-self:start; }
  .portfolio-shell .about-summary { grid-template-columns:1fr; gap:26px; }
  .portfolio-shell .final-cta > .site-container { flex-direction:column; gap:28px; }
  .portfolio-shell .final-cta .action-row { flex-direction:row; flex-wrap:wrap; align-items:center; gap:20px; }
  .portfolio-shell .final-cta .btn { min-width:135px; }
  .portfolio-shell .page-section { padding-top:122px; }
}
@media(prefers-reduced-motion:reduce) {
  .portfolio-shell *, .portfolio-shell *::before,.portfolio-shell *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}
/* The work index favors scanning; ownership and tradeoffs live in each case study. */
.portfolio-shell .work-grid { display:flex; flex-direction:column; gap:0; border-top:1px solid #414b47; }
.portfolio-shell .work-grid .project-card { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:65px; border:0; border-bottom:1px solid #303638; border-radius:0; background:transparent; padding:34px 0; align-items:center; }
.portfolio-shell .work-grid .project-card:hover { background:transparent; }
.portfolio-shell .work-grid .project-card h3 { min-height:0; font-size:25px; margin:10px 0 14px; }
.portfolio-shell .work-grid .project-card h3 a:hover { color:#b5edce; }
.work-description { font-size:14px; line-height:1.85; max-width:680px; color:#a5adb0; }
.portfolio-shell .work-grid .project-outcome { border:0; padding:0; margin-top:16px; font-size:13px; font-weight:400; }
.portfolio-shell .work-grid .technology-list { margin:14px 0; font:10px/1.8 var(--font-family-mono); }
.portfolio-shell .work-grid .architecture-diagram { background:transparent; padding:0; margin:0; }
@media(max-width:1023px) {
 .portfolio-shell .work-grid .project-card { grid-template-columns:minmax(0,1fr) 230px; gap:30px; }
}
@media(max-width:767px) {
 .portfolio-shell .work-grid .project-card { grid-template-columns:1fr; gap:24px; padding:28px 0; }
 .portfolio-shell .work-grid .project-card h3 { font-size:23px; }
 .portfolio-shell .work-grid .architecture-diagram { max-width:400px; width:100%; }
}
.portfolio-shell .source-link { margin-left:24px; }
.portfolio-shell .project-intro > .text-link { margin-top:12px; }
.portfolio-shell .impact-note { margin-top:14px; font-size:11px; line-height:1.8; color:#9ba6a8; max-width:900px; }
@media(max-width:479px) { .portfolio-shell .metrics-grid dd { font-size:24px; } }
/* Interactive engineering evidence: same public tokens, explicit demonstration states. */
.portfolio-shell .engineering-preview { padding-block:52px; border-top:1px solid var(--line); background:#151c18; }
.engineering-preview > .site-container { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.portfolio-shell .engineering-preview h2 { font-size:clamp(28px,3vw,38px); line-height:1.2; letter-spacing:-.04em; margin:12px 0; }
.engineering-preview p:not(.section-kicker) { font-size:14px; line-height:1.8; max-width:570px; }
.engineering-preview .btn { flex-shrink:0; }
.engineering-jump-links { display:flex; flex-wrap:wrap; gap:16px 32px; margin:30px 0 48px; }
.engineering-page #support-workflow,.engineering-page #knowledge-architecture { scroll-margin-top:110px; }
.engineering-module { border:1px solid #35413a; background:#14191a; margin:38px 0 56px; border-radius:4px; overflow:hidden; }
.module-header { display:grid; grid-template-columns:1.1fr 1fr; gap:40px; padding:32px; border-bottom:1px solid var(--line); }
.portfolio-shell .module-header h2 { font-size:clamp(24px,2.4vw,32px); line-height:1.2; letter-spacing:-.035em; margin-top:12px; }
.module-header > p { font-size:13px; line-height:1.85; max-width:480px; align-self:center; color:#a5adb0; }
.scenario-picker { display:flex; gap:8px; flex-wrap:wrap; padding:20px 32px; border-bottom:1px solid var(--line); background:#111715; }
.scenario-button { padding:10px 15px; border:1px solid #3d4942; border-radius:3px; font-size:12px; color:#c2cec7; cursor:pointer; transition:background .16s,border-color .16s; }
.scenario-button[aria-pressed="true"] { background:#b5edce; border-color:#b5edce; color:#112016; }
.scenario-button:hover { border-color:#b5edce; }
.workflow-layout { display:grid; grid-template-columns:260px minmax(0,1fr); }
.workflow-steps { padding:30px 25px; border-right:1px solid var(--line); list-style:none; margin:0; }
.workflow-steps li { display:flex; gap:15px; padding:17px 0; color:#8d9993; position:relative; }
.workflow-steps li > span { font:11px/1.8 var(--font-family-mono); padding-top:1px; }
.workflow-steps strong { font-size:13px; font-weight:500; display:block; line-height:1.6; }
.workflow-steps small { font:10px/1.7 var(--font-family-mono); display:block; margin-top:4px; }
.workflow-steps .is-current { color:#b5edce; }
.workflow-steps .is-complete { color:#c8d2cd; }
.workflow-detail { padding:34px; min-height:390px; }
.portfolio-shell .workflow-detail h3,.portfolio-shell .architecture-inspector h3 { font-size:25px; line-height:1.3; letter-spacing:-.03em; margin:12px 0 16px; }
.workflow-detail > p:not(.section-kicker),.architecture-inspector > p:not(.section-kicker) { font-size:14px; line-height:1.85; max-width:740px; color:#b4bfba; }
.sample-output { border-left:2px solid #86b89a; background:#1a2520; padding:17px 20px; margin:24px 0; }
.sample-output p { font-size:14px; line-height:1.85; color:#dbede2; margin-top:9px; overflow-wrap:anywhere; }
.engineering-reason p { font-size:13px; line-height:1.85; color:#a5b3ab; margin-top:9px; }
.module-controls { padding:20px 32px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:20px; }
.module-controls .action-row { margin:0; }
.portfolio-shell .engineering-module button:disabled { opacity:.42; cursor:not-allowed; }
.portfolio-shell .engineering-module button:not(:disabled) { cursor:pointer; }
.review-controls { margin:20px 0 24px; padding:20px; border:1px solid #526b5c; border-radius:3px; }
.review-controls p { font-size:12px; line-height:1.8; color:#bbc8c0; }
.review-controls .action-row { margin:16px 0; gap:10px; }
.portfolio-shell .review-controls .btn { padding:10px 14px; font-size:12px; min-height:42px; }
.review-controls .btn[aria-pressed="true"] { border-color:#b5edce; background:#283e30; color:#cdf1da; }
.portfolio-shell .module-footnote { padding:20px 32px; border-top:1px solid var(--line); font-size:11px; line-height:1.85; color:#9daaa3; margin:0; }
.module-footnote .text-link { font-size:11px; display:inline; }
.explorer-layout { display:grid; grid-template-columns:1fr 1.05fr; }
.architecture-components { padding:30px; border-right:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:14px; align-content:start; }
.architecture-component { border:1px solid #3b4941; border-radius:3px; padding:18px; display:grid; grid-template-columns:1fr auto; text-align:left; gap:10px; min-width:0; }
.architecture-component > span { font:10px/1.6 var(--font-family-mono); color:#9faf9f; }
.architecture-component > span:last-child { grid-column:2; grid-row:1; }
.architecture-component strong { grid-column:1 / -1; font-size:14px; color:#dce5df; font-weight:500; line-height:1.4; }
.architecture-component small { grid-column:1 / -1; font:10px/1.6 var(--font-family-mono); color:#9dad9f; }
.architecture-component:hover { border-color:#8ab49a; }
.architecture-component[aria-pressed="true"] { background:#203227; border-color:#a6d8b9; }
.architecture-component[aria-pressed="true"] strong { color:#c8f0d7; }
.architecture-flow { grid-column:1 / -1; color:#99aba0; font:10px/1.8 var(--font-family-mono); margin-top:8px; }
.architecture-inspector { padding:32px; }
.inspector-facts { margin:24px 0; }
.inspector-facts > div { border-top:1px solid var(--line); padding-top:17px; margin-top:17px; }
.inspector-facts dt { font:10px/1.6 var(--font-family-mono); color:#b5edce; text-transform:uppercase; letter-spacing:.06em; }
.inspector-facts dd { margin-top:10px; font-size:13px; line-height:1.85; color:#b3bfb7; }
.architecture-inspector > .text-link { line-height:1.8; }
@media(max-width:1023px) {
 .module-header { grid-template-columns:1fr; gap:20px; }
 .module-header > p { max-width:100%; }
 .explorer-layout { grid-template-columns:1fr; }
 .architecture-components { border-right:0; border-bottom:1px solid var(--line); grid-template-columns:repeat(3,minmax(0,1fr)); }
 .workflow-layout { grid-template-columns:210px minmax(0,1fr); }
 .workflow-detail { padding:26px; }
}
@media(max-width:767px) {
 .engineering-preview > .site-container { align-items:flex-start; flex-direction:column; gap:22px; }
 .module-header,.workflow-detail,.architecture-inspector { padding:24px 20px; }
 .engineering-module { margin-top:28px; margin-bottom:38px; }
 .scenario-picker { padding:16px 20px; gap:8px; }
 .scenario-button { font-size:11px; padding:10px; }
 .workflow-layout { grid-template-columns:1fr; }
 .workflow-steps { padding:16px 20px; display:grid; grid-template-columns:1fr 1fr; gap:12px; border-right:0; border-bottom:1px solid var(--line); }
 .workflow-steps li { padding:6px 0; gap:8px; }
 .workflow-steps strong { font-size:11px; }
 .workflow-steps small { font-size:9px; }
 .workflow-detail { min-height:0; }
 .module-controls { padding:18px 20px; flex-wrap:wrap; gap:16px; }
 .module-controls .action-row { gap:8px; }
 .portfolio-shell .module-controls .btn { font-size:12px; padding-inline:14px; }
 .portfolio-shell .module-footnote { padding:18px 20px; }
 .architecture-components { padding:20px; grid-template-columns:1fr 1fr; gap:10px; }
 .architecture-component { padding:13px; }
 .architecture-component strong { font-size:12px; }
 .architecture-component small { font-size:9px; }
 .sample-output { padding:15px; }
 .review-controls { padding:15px; }
}
/* Recruiter overview: practical facts and a direct resume request, before deep work. */
.portfolio-shell .recruiter-snapshot { padding-block:56px 0; }
.recruiter-heading { margin-bottom:26px; }
.portfolio-shell .recruiter-heading h2 { margin-top:12px; font-size:26px; line-height:1.3; letter-spacing:-.035em; }
.recruiter-layout { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:38px; padding-bottom:30px; }
.portfolio-shell .recruiter-roles h3,.recruiter-details dt { font:10px/1.7 var(--font-family-mono); color:#9ba6a8; text-transform:uppercase; letter-spacing:.1em; }
.recruiter-roles ul { list-style:none; margin:12px 0; padding:0; }
.recruiter-roles li { font-size:15px; line-height:1.9; color:#e0e8e3; }
.recruiter-roles > p { font-size:12px; line-height:1.85; max-width:300px; color:#a5adb0; }
.recruiter-details { display:grid; gap:15px; border-left:1px solid var(--line); padding-left:28px; }
.recruiter-details dd { font-size:13px; line-height:1.8; color:#d0dad4; margin-top:4px; }
.recruiter-contact { border-left:1px solid var(--line); padding-left:28px; display:flex; flex-direction:column; align-items:flex-start; gap:17px; }
.recruiter-contact > p { font-size:13px; line-height:1.8; color:#b4bfba; }
.recruiter-contact small { font-size:11px; line-height:1.8; color:#9ba6a8; max-width:230px; }
.recruiter-evidence { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; padding-block:22px; border-block:1px solid var(--line); list-style:none; margin:0; }
.recruiter-evidence strong { display:block; font-size:13px; font-weight:500; color:#c6ead5; line-height:1.8; }
.recruiter-evidence span { display:block; font-size:11px; line-height:1.8; color:#9ba6a8; margin-top:4px; }
@media(max-width:1023px) {
 .recruiter-layout { grid-template-columns:1fr 1fr; gap:28px; }
 .recruiter-contact { grid-column:1 / -1; border-left:0; border-top:1px solid var(--line); padding:22px 0 0; flex-direction:row; align-items:center; flex-wrap:wrap; gap:18px; }
 .recruiter-contact small { max-width:100%; }
}
@media(max-width:767px) {
 .portfolio-shell .recruiter-snapshot { padding-top:38px; }
 .recruiter-layout { grid-template-columns:1fr; gap:24px; }
 .recruiter-details { border-left:0; border-top:1px solid var(--line); padding:20px 0 0; grid-template-columns:1fr 1fr; gap:18px; }
 .recruiter-details > div:last-child { grid-column:1 / -1; }
 .recruiter-contact { flex-direction:column; align-items:flex-start; }
 .recruiter-evidence { grid-template-columns:1fr; gap:18px; }
}