/* M8 portfolio home (the M7.7/M7.8 leadership-review design, served by the portal). Loaded after shell.css. No figures on this page. */
:root{--navy:#00274E;--mint:#84F6A6;--teal:#0E7C8A;--ink:#0F2236;--muted:#5E6E7E;--line:#E2E9EE}
body{background:#F2F6F8;color:var(--ink);font:15px/1.5 "Segoe UI Variable Text","Segoe UI",system-ui,sans-serif}
.banner.real{background:#5c1010;color:#fff}
main{max-width:1180px;padding:0 0 40px}
.hero{background:var(--navy);color:#fff;padding:30px 28px 34px}
.hero .k{margin:0;color:var(--mint);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hero h1{margin:8px 0 6px;font-size:34px;letter-spacing:-.02em;color:#fff}.hero p{margin:0;color:#C9D6E3;max-width:760px}
.emps{padding:24px 28px 4px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
h2.sub{margin:22px 28px 0;font-size:15px;color:var(--muted);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.emp{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:6px}
.emp.limited{background:#FAFBFC;border-style:dashed}
/* M8.1: the same logo box as the dashboards (44px, 6px 12px padding, 10px radius, contain-fit) */
.ehead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.ehead .et{min-width:0}
.emp .logo{flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:44px;max-width:220px;padding:6px 12px;border-radius:10px}
.emp .logo.on-dark{background:var(--navy)}.emp .logo.on-light{background:#fff;box-shadow:0 0 0 1px rgba(0,39,78,.08)}
.emp .logo img{height:100%;width:auto;max-width:196px;object-fit:contain;display:block}
.eyebrow{margin:0;color:var(--teal);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.emp h2{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}

.period{margin:0;color:var(--muted);font-size:13.5px;min-height:1px}
.chips{margin:6px 0 10px;display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:12px;background:#EAF5F3;color:#0B6F7C;border-radius:999px;padding:3px 10px}
.chip.warn{background:#FFF4DB;color:#7A4B00}.chip.muted{background:#EEF2F5;color:#5E6E7E}
.restricted{margin:0 0 6px;font-size:13.5px;color:#4A3A12;background:#FFF8E6;border-radius:10px;padding:8px 12px}
.go{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.go .btn{display:inline-flex;flex-direction:column;text-decoration:none;color:var(--navy);background:#fff;border:1px solid #CBD6DE;border-radius:10px;padding:10px 16px;font:700 14px/1.35 "Segoe UI",system-ui,sans-serif}
.go .btn small{font-weight:500;color:var(--muted);font-size:12px}.go .btn.mint{background:var(--mint);border-color:var(--mint)}
.go .btn.ghost{border-style:dashed}
.note{margin:22px 28px 0;background:#fff;border:1px solid #F0C36B;border-radius:12px;padding:14px 18px}.note h2{margin:0 0 6px;font-size:16px;color:#7A4B00}
footer.fine{padding:18px 28px 0;font-size:13px;color:var(--muted)}footer.fine p{margin:6px 0}
@media (max-width:560px){.hero{padding:22px 16px}.hero h1{font-size:27px}.emps{padding:16px;grid-template-columns:1fr}h2.sub{margin:18px 16px 0}
.note{margin:18px 16px 0}footer.fine{padding:14px 16px 0}.ehead{flex-direction:column-reverse;gap:8px}}