/* Human-centred portfolio refresh: a quieter editorial/product layer. */
:root { color-scheme: light; --ink:#18343c; --ink-2:#234751; --paper:#f8f7f3; --white:#fff; --muted:#61757b; --line:#d9e2df; --signal:#2f7969; --blue:#2d6f92; --accent:#b85f43; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
html,body { background:var(--paper); color:var(--ink); overflow-x:hidden; }
.site-header { background:rgba(248,247,243,.94); border-bottom:1px solid var(--line); box-shadow:none; }
.site-header nav a,.header-index,.wordmark-name,.wordmark-name span { color:var(--ink-2); }
.wordmark-symbol { background:var(--ink); color:#fff; border-radius:8px; box-shadow:none; }.wordmark-symbol span{color:#b9e1d4}
.home-hero,.case-hero{background:var(--paper)}.hero-eyebrow,.kicker,.header-index,.case-meta,.experience-note,.solution-num,.eq-label{color:var(--signal);letter-spacing:.08em}
.home-hero h1,.case-hero h1,.section-heading h2,.intro-grid h2,.experience-heading h2,.case-intro h2,.case-closing h2{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.045em;line-height:.98;color:var(--ink)}
.home-hero h1 em,.case-hero h1 em{color:var(--signal)}.hero-lede,.case-lede,.section-heading>p,.experience-heading>div>p,.intro-grid p,.case-intro p,.case-closing p{color:var(--muted)}
.home-hero h1{font-size:clamp(3.8rem,5.5vw,5.6rem);line-height:1.01}
.feature-copy{min-width:0}
.feature-copy .project-category{margin-top:54px}
.feature-fact{max-width:455px;margin:3px 0 28px;padding:16px 0 0;border-top:1px solid var(--line)}
.feature-fact span{font:700 11px/1.4 Consolas,monospace;letter-spacing:.08em;color:var(--signal)}
.feature-copy .feature-fact p{margin:8px 0 0;color:var(--ink-2);font-size:15px;line-height:1.5}
.about-prompt{font-weight:700;color:var(--ink-2)!important}
.hero-system,.case-equation,.feature-project,.next-project,.solution-grid article,.problem-points article,.app-preview,.architecture-card,.evolution-card,.role-panel{background:var(--white);border:1px solid var(--line);box-shadow:0 12px 28px rgba(24,52,60,.07)}
.hero-system{border-radius:14px;transform:none}.system-topline,.system-foot{color:var(--muted);border-color:var(--line)}.system-node,.system-card{border-color:var(--line);box-shadow:none}.system-node:first-of-type{background:#eaf4ef}.system-node:nth-of-type(3){background:#f6f2e9}.system-connector{color:var(--signal)}
.feature-project{border-radius:16px;overflow:hidden}.feature-copy{background:var(--white)}.feature-copy p,.feature-copy li,.next-project p{color:var(--muted)}.feature-copy .project-link,.back-link{color:var(--signal)}.feature-visual{background:#e8f0ed}.feature-visual::before{display:none}.feature-tag{background:var(--ink);color:#fff}.mini-shell{transform:none;border:1px solid #cad8d4;box-shadow:0 18px 32px rgba(24,52,60,.13)}.mini-side{background:var(--ink)}.mini-body{background:#fff}.mini-card{border-color:#dce6e2;box-shadow:none}
.next-project{background:var(--white);border-radius:12px;box-shadow:none}.method-section{background:#e4efe9;color:var(--ink)}.method-section h2,.method-section p,.method-point p{color:var(--ink)}.method-point{border-color:#bfd2ca}.method-number{color:var(--signal)}.about-section,.site-footer{background:var(--paper)}.about-grid p,.about-card p,.site-footer{color:var(--muted)}.about-card{background:var(--white);border-color:var(--line);box-shadow:none}
.light-section{background:#eef2ef}.case-equation{color:var(--ink);border-radius:14px}.case-equation b,.case-equation strong{color:var(--ink)}.case-equation small{color:var(--muted)}.problem-points article{border-radius:12px}.problem-points article span,.problem-points article p{color:var(--muted)}.solution-section{background:var(--paper)}.solution-grid article{border-radius:12px}.solution-grid article p{color:var(--muted)}.solution-glyph{color:var(--signal)}.role-tabs{border-color:var(--line)}.role-tabs button{color:var(--muted)}.role-tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--signal)}.role-panel{border-radius:14px}.app-shell{border-color:#d2ded9;box-shadow:none}.app-sidebar{background:var(--ink)}.app-main{background:#f8faf9}.app-topbar{border-color:#dde6e3}.app-chip{background:#e8f1ed;color:var(--signal)}.app-card,.queue-row,.admin-metric,.metric-card,.workflow-card,.architecture-card,.evolution-card{border-color:#d9e3df;box-shadow:none}.workflow-card::before{background:var(--signal)}.workflow-list article{border-color:var(--line)}.workflow-list p,.architecture-card p,.evolution-card p{color:var(--muted)}.case-closing{background:var(--ink)}.case-closing h2,.case-closing p{color:#fff}.case-closing p{color:#d6e2dd}
.case-hero-grid,.case-lede,.case-equation{min-width:0;max-width:100%}.case-equation small{overflow-wrap:anywhere}
@media(max-width:760px){
  .site-header{padding-block:14px}
  .home-hero h1,.case-hero h1{font-size:clamp(2.8rem,14vw,4.2rem)}
  .procurecheck-study .case-hero h1{font-size:clamp(2.55rem,11vw,4.2rem);overflow-wrap:anywhere}
  .hero-system{margin-top:28px}
  .feature-copy .project-category{margin-top:38px}
  .feature-project{grid-template-columns:minmax(0,1fr)}
  #procurecheck-project .feature-copy h3{font-size:clamp(2rem,9vw,3.2rem);overflow-wrap:anywhere}
  .feature-project,.role-panel{border-radius:10px}
  .case-hero-grid{display:block;width:100%}
  .case-hero-grid>div,.case-lede,.case-equation{width:100%;max-width:100%;white-space:normal}
  .case-lede,.case-equation small{overflow-wrap:anywhere}
  .case-meta{display:flex;flex-wrap:wrap;gap:8px}
}

/* Second shipped project: intentionally shares the editorial system while
   reconstructing ProcureCheck's denser operations UI in native HTML/CSS. */
.feature-project-secondary{margin-top:24px}
.feature-project-secondary .feature-copy{order:2}
.feature-project-secondary .feature-visual{order:1}
.procure-feature-visual{background:#dfeae6}
.procure-mini{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);width:min(100%,680px);min-height:370px;overflow:hidden;border:1px solid #b9cac5;border-radius:12px;background:#f5f7f8;color:#172438;box-shadow:0 18px 32px rgba(24,52,60,.13)}
.procure-mini-side{display:flex;flex-direction:column;gap:6px;padding:21px 10px;background:#111c2b;color:#98a8bb}
.procure-mini-side strong{margin-bottom:0;color:#fff;font-size:12px}.procure-mini-side strong span{color:#4bd4aa}.procure-mini-side>small{margin-bottom:28px;color:#74889f;font:7px Consolas,monospace;letter-spacing:.08em}.procure-mini-side>span,.procure-mini-side>b{display:flex;justify-content:space-between;padding:8px 5px;border-radius:5px;font-size:8px}.procure-mini-side>b{background:#263951;color:#fff}.procure-mini-side i{padding:1px 4px;border-radius:8px;background:#ffb84b;color:#3d2909;font-style:normal}
.procure-mini-main{min-width:0}.procure-mini-top{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #dfe5e9;background:#fff;color:#748397;font-size:8px}.procure-mini-top b{padding:6px 8px;border-radius:4px;background:#176e55;color:#fff}.procure-mini-body{padding:22px 18px}.procure-mini-body>small{color:#197258;font:8px Consolas,monospace;letter-spacing:.08em}.procure-mini-body h4{margin:7px 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:23px;letter-spacing:-.04em}.procure-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.procure-mini-metrics>div{display:grid;gap:5px;padding:11px;border:1px solid #dae4e5;border-radius:6px;background:#fff}.procure-mini-metrics span{color:#788899;font:7px Consolas,monospace}.procure-mini-metrics b{font-size:20px}.procure-mini-case{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding:13px;border:1px solid #dae4e5;border-radius:6px;background:#fff}.procure-mini-case span b,.procure-mini-case span small{display:block}.procure-mini-case span b{font-size:10px}.procure-mini-case span small{margin-top:4px;color:#7e8e9c;font-size:8px}.procure-mini-case em{padding:5px 7px;border-radius:11px;background:#fff0d5;color:#965900;font-size:7px;font-style:normal;font-weight:800}.procure-mini-finding{display:grid;gap:4px;margin-top:9px;padding:12px;border:1px solid #efdcdc;border-left:4px solid #db4c4c;border-radius:6px;background:#fffafa}.procure-mini-finding b{font-size:9px;color:#973333}.procure-mini-finding span{color:#738192;font-size:8px}
.about-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px}.about-links .text-link{margin-top:0}
.closing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px}.case-closing .closing-actions .text-link{color:#fff}.case-closing .closing-actions .text-link:hover{color:#b9e1d4}
@media(max-width:1080px){.feature-project-secondary .feature-copy{order:1}.feature-project-secondary .feature-visual{order:2}}
@media(max-width:680px){.procure-mini{grid-template-columns:62px 1fr;min-height:285px}.procure-mini-side{padding:13px 5px}.procure-mini-side strong{font-size:7px}.procure-mini-side>small{font-size:5px;margin-bottom:17px}.procure-mini-side>span,.procure-mini-side>b{font-size:6px;padding:6px 2px}.procure-mini-side i{display:none}.procure-mini-top{height:34px;padding-inline:8px;font-size:6px}.procure-mini-body{padding:13px 9px}.procure-mini-body h4{font-size:15px;margin-bottom:11px}.procure-mini-metrics{gap:4px}.procure-mini-metrics>div{padding:7px}.procure-mini-metrics span{font-size:5px}.procure-mini-metrics b{font-size:14px}.procure-mini-case{padding:8px}.procure-mini-case span b{font-size:7px}.procure-mini-case span small,.procure-mini-case em{font-size:5px}.procure-mini-finding{padding:8px}.procure-mini-finding b,.procure-mini-finding span{font-size:6px}.about-links{display:grid;gap:18px}}