/* ===== Graphic: business card ===== */
.desk{padding:38px 22px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--paper)),var(--paper) 70%);border:1px solid var(--line)}
.bcard{max-width:440px;aspect-ratio:1.75;margin:0 auto;background:#fff;color:#14202E;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 24px 40px -22px rgba(15,35,60,.55);padding:24px 26px 18px;display:grid;grid-template-rows:auto 1fr auto;transform:rotate(-2deg)}
.mono{width:46px;height:46px;background:#0F3D63;color:#fff;display:grid;place-items:center;font:400 1.25rem "DM Serif Display",serif;border-radius:4px;border-bottom:4px solid #B8912A}
.b-name{font:400 clamp(1.4rem,3.4vw,1.9rem)/1.1 "DM Serif Display",Georgia,serif;margin-top:12px;overflow-wrap:anywhere}
.b-tag{color:#5A6576;font-size:.9rem;margin-top:4px}
.b-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #E1E5EA;padding-top:10px;font-size:.76rem;color:#5A6576;overflow-wrap:anywhere}
/* Business: corporate, card on desk, horizontal controls */
body[data-gen="business"]{--accent:var(--t-navy);--action:var(--t-navy);--display:"DM Serif Display",Georgia,serif;--radius:6px;--pill:6px;--btn:6px}
body[data-gen="business"] .hero{grid-template-columns:minmax(0,1fr) minmax(0,500px);grid-template-areas:"head feat" "controls controls";align-items:center}
body[data-gen="business"] .feat-area{position:static}
body[data-gen="business"] h1{font-stretch:100%;font-weight:400;letter-spacing:-.01em}
body[data-gen="business"] .controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;border-left:4px solid #B8912A}
body[data-gen="business"] .controls .field{margin:0}
body[data-gen="business"] .controls .hint{display:none}
body[data-gen="business"] .feat-meta{display:none}
body[data-gen="business"] .list{grid-template-columns:1fr;border-top:2px solid var(--ink)}
body[data-gen="business"] .row{padding:16px 8px 16px 16px}
body[data-gen="business"] .row-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:4px 24px;align-items:baseline}
body[data-gen="business"] .row-name{font-stretch:100%;font-weight:400;font-size:1.5rem}
body[data-gen="business"] .row-actions{flex-direction:row}
@media (max-width:640px){body[data-gen="business"] .row-main{grid-template-columns:1fr}body[data-gen="business"] .controls{grid-template-columns:1fr}}