:root { color-scheme: light; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; }
* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; margin: 0; background: #f7f9fc; }
.standalone-shell { min-height: 100vh; display: flex; flex-direction: column; }
.standalone-header { height: 68px; flex: 0 0 68px; display: flex; align-items: center; gap: 22px; padding: 0 clamp(18px, 4vw, 56px); background: rgba(255,255,255,.98); border-bottom: 1px solid #e5eaf1; position: sticky; top: 0; z-index: 10; }
.brand { color: #15233b; font-weight: 800; text-decoration: none; white-space: nowrap; }
.brand span { color: #1768e5; }
.standalone-header .brand { display: inline !important; margin: 0 !important; padding: 0 !important; font-size: 16px !important; line-height: 1 !important; letter-spacing: 0 !important; }
.standalone-header .brand span { display: inline !important; margin: 0 !important; padding: 0 !important; }
.crumb { color: #64748b; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.back-link { margin-left: auto; color: #1768e5; font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; }
#ind-panel-pharma { --pharma-blue: #1769e0; --pharma-blue-dark: #123d75; --pharma-blue-soft: #eaf2ff; --pharma-green: #087f5b; --pharma-green-dark: #064e3b; --pharma-green-soft: #eaf8f2; --pharma-ink: #17233a; --pharma-muted: #58708e; }
#ind-panel-pharma .pharma-solution-tab.active { background: var(--pharma-blue) !important; border-color: var(--pharma-blue) !important; color: #fff !important; box-shadow: 0 8px 20px rgba(23,105,224,.2); }
#ind-panel-pharma .pharma-solution-tab[data-pharma-view="flow"].active { background: var(--pharma-green) !important; border-color: var(--pharma-green) !important; }
#ind-panel-pharma .pharma-solution-tab.active strong, #ind-panel-pharma .pharma-solution-tab.active small, #ind-panel-pharma .pharma-solution-tab.active i { color: #fff !important; }
.solution-directory { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 72px 0 96px; }
.solution-directory h1 { margin: 0; color: #14213a; font-size: clamp(34px, 5vw, 56px); }
.solution-directory > p { max-width: 680px; margin: 18px 0 42px; color: #64748b; font-size: 17px; line-height: 1.8; }
.solution-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.solution-entry { min-height: 230px; padding: 28px; border: 1px solid #dfe7f3; border-radius: 18px; background: linear-gradient(145deg, #fff, #f7faff); color: #14213a; text-decoration: none; box-shadow: 0 14px 36px rgba(15, 35, 72, .06); }
.solution-entry span, .solution-entry b { color: #1768e5; font-weight: 800; font-size: 13px; letter-spacing: .06em; }.solution-entry h2 { margin: 14px 0 12px; font-size: 25px; }.solution-entry p { margin: 0; color: #60708a; line-height: 1.7; }.solution-entry b { display:block; margin-top:22px; }
@media (max-width: 560px) { .standalone-header { gap: 12px; padding: 0 16px; } .crumb { display: none; } }