/* Balanced public presentation: approved catalog/media remain the source of facts. */
html.balanced-public:root { --night:#141a56;--azure:#007cb7;--cyan:#007cb7;--yellow:#ffd400;--bg:#f5f7fb;--panel:#fff;--panel-2:#eef3fa;--ink:#172844;--ink-2:#435370;--muted:#52627d;--line:#d7e1ed;--line-soft:#e6ecf4;--sh:0 4px 22px #1728440b; color-scheme:light; scroll-padding-top:20px; }
.balanced-public body { margin:0;background:#f5f7fb;color:#172844;font:16px/1.55 'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif; }
.balanced-public * { box-sizing:border-box; }
.balanced-public a { color:#006eaa; }
.balanced-top { display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(24px,calc((100vw - 1240px)/2));background:#fff;border-bottom:1px solid #d7e1ed; }
.balanced-brand { display:flex;align-items:center;gap:12px;text-decoration:none!important;color:#141a56!important;font-size:25px;font-weight:800;line-height:1.1;white-space:nowrap; }
.balanced-brand img { width:64px;height:56px;object-fit:contain;background:#fff; }
.balanced-brand small { display:block;font-size:10px;letter-spacing:.05em;margin-top:6px;color:#52627d;font-weight:600; }
.balanced-top nav { display:flex;align-items:center;gap:16px;flex-wrap:wrap; }
.balanced-top nav a,.balanced-top nav button { display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;font:600 14px/1.3 'IBM Plex Sans',system-ui,sans-serif;color:#172844;border:0;background:transparent;padding:7px 0;cursor:pointer; }
.balanced-top nav a:hover { color:#006eaa;text-decoration:underline;text-underline-offset:5px; }
.balanced-top nav .balanced-order { padding:12px 17px;background:#141a56;color:#fff;border-radius:9px; }
.balanced-wrap,.balanced-public .wrap { width:min(1240px,calc(100% - 48px));max-width:1240px;margin:0 auto;padding:24px 0 48px; }
.balanced-section-intro { max-width:1240px;padding:30px 24px 6px;margin:auto; }
.balanced-kicker { display:block;color:#00709f;font-size:11px;letter-spacing:.16em;font-weight:800;margin-bottom:13px;text-transform:uppercase; }
.balanced-section-intro h1,.balanced-hero h1 { font-size:clamp(34px,5.2vw,66px);line-height:1.05;letter-spacing:-.045em;margin:0 0 19px;font-weight:800;color:#141a56; }
.balanced-section-intro h1 { font-size:clamp(30px,4vw,46px); }
.balanced-section-intro p { max-width:780px;color:#435370;margin:0 0 16px; }
.balanced-hero { display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:46px;padding:35px 0 45px; }
.balanced-hero p { max-width:560px;color:#435370;font-size:18px; }
.balanced-hero-art { display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px;background:#e7edf8;border-radius:28px; }
.balanced-hero-art img { width:100%;height:190px;object-fit:contain;background:#fff;border-radius:16px;padding:18px; }
.balanced-hero-art img:nth-child(2) { margin-top:28px; }
.balanced-actions { display:flex;flex-wrap:wrap;gap:12px;margin-top:26px; }
.balanced-button { display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:13px 22px;border-radius:10px;background:#ffd400;color:#141a56!important;font-weight:800;text-decoration:none;border:1px solid #d5b100; }
.balanced-button.secondary { background:#fff;border-color:#cad6e7; }
.balanced-cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0; }
.balanced-panel { padding:26px;border-radius:16px;background:#fff;border:1px solid #d7e1ed;box-shadow:var(--sh); }
.balanced-panel h2,.balanced-panel h3 { margin:8px 0 12px;font-size:23px;line-height:1.2; }
.balanced-panel p { color:#435370; }
.balanced-panel a { font-weight:700; }
.balanced-panel img { max-width:100%;object-fit:contain; }
.balanced-label { display:inline-flex;padding:4px 9px;border-radius:7px;background:#eef3fa;color:#435370;font-size:12px;font-weight:700; }
.balanced-footer { border-top:1px solid #d7e1ed;margin-top:34px;padding:24px 0;color:#52627d;font-size:13px; }
.balanced-public .grid { grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px; }
.balanced-public .item { border:1px solid #d7e1ed;border-radius:16px;background:#fff;box-shadow:var(--sh);overflow:hidden; }
.balanced-public .item .ph { background:#fff;min-height:205px;padding:18px; }
.balanced-public .item .ph img { width:100%;height:190px;object-fit:contain; }
.balanced-public .item .ib { padding:19px; }
.balanced-public .item h3 { color:#172844;font:700 17px/1.35 'IBM Plex Sans',system-ui,sans-serif;margin:0 0 11px; }
.balanced-public .item .ids,.balanced-public .item .pk { font-size:11px;color:#52627d; }
.balanced-public .item .unit { color:#141a56;font-size:26px; }
.balanced-public .item .sub2 { font-size:12px;color:#435370; }
.balanced-public .grp { margin-top:30px; }
.balanced-public .shead h2 { color:#141a56; }
.balanced-public .cat h3 { color:#435370; }
.balanced-public .shr a,.balanced-public .shr button { min-height:44px; }
.balanced-public .nav { background:#fff;border-bottom:1px solid #d7e1ed; }
.balanced-public .chip { color:#172844;background:#eef3fa;border-color:#d7e1ed; }
.balanced-public .chip.on { color:#fff;background:#141a56; }
.balanced-public .card { box-shadow:var(--sh);border-color:#d7e1ed; }
.balanced-public .media { background:#0b1230; }
.balanced-public .hint.warn { color:#a4252c; }
.balanced-public .hint.ok { color:#176448; }
.balanced-public .ico.wa,.balanced-public .ico.ok { color:#176448; }
.balanced-public .ico.fb { color:#185a9d; }
.balanced-public .ico.ig { color:#8c357f; }
.balanced-public .btn.share-main.ok { background:#176448; }
.balanced-public .customer-profit { margin:15px 0;padding:12px;border:1px solid #cbdfe8;border-radius:10px;background:#f0f8fa;color:#172844;font-size:12px; }
.balanced-public .customer-profit strong { font-size:18px; }
.balanced-public .customer-profit input { width:80px;min-height:44px;border:1px solid #a4b6ca;border-radius:6px;padding:8px;background:white;color:#172844; }
.balanced-public .customer-profit label { display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0; }
.balanced-public .customer-profit small { display:block;line-height:1.5;color:#435370; }
.balanced-help { border:1px solid #d7e1ed;border-radius:16px;padding:24px;width:min(470px,calc(100vw - 24px));max-height:calc(100dvh - 40px);overflow:auto;color:#172844;background:#fff; }
.balanced-help::backdrop { background:#0b123075; }
.balanced-help h2 { margin:0 0 14px; }
.balanced-help button { min-height:44px;background:#141a56;color:#fff;border:0;border-radius:7px;padding:10px 16px;cursor:pointer; }
.balanced-help a { display:block;padding:10px 0;min-height:44px; }
.balanced-help p { font-size:14px; }
.balanced-public :focus-visible { outline:3px solid #007cb7;outline-offset:3px; }
.balanced-public [hidden] { display:none!important; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) { .balanced-hero-art img,.balanced-button { transition:transform .18s ease,box-shadow .18s ease; }.balanced-hero-art img:hover { transform:translateY(-4px) rotate(-1deg);box-shadow:0 8px 20px #141a5614; }.balanced-button:hover { transform:translateY(-2px); }.balanced-button:active { transform:translateY(1px); } }
@media (max-width:900px) { .balanced-top { align-items:flex-start;flex-direction:column;gap:12px;padding:16px 24px; }.balanced-top nav { gap:16px; }.balanced-hero { gap:24px; }.balanced-cards { grid-template-columns:1fr 1fr; } }
@media (max-width:600px) { .balanced-wrap,.balanced-public .wrap { width:calc(100% - 28px); }.balanced-top { padding:12px 14px; }.balanced-top nav { gap:12px; }.balanced-top nav a,.balanced-top nav button { font-size:12px; }.balanced-brand { font-size:22px; }.balanced-brand img { width:50px;height:45px; }.balanced-hero { grid-template-columns:1fr;padding-top:20px;gap:20px; }.balanced-hero-art { padding:12px;gap:10px; }.balanced-hero-art img { height:150px; }.balanced-cards { grid-template-columns:1fr; }.balanced-section-intro { padding:24px 14px 0; }.balanced-public .grid { grid-template-columns:1fr; }.balanced-panel { padding:22px; } }
@media (prefers-reduced-motion:reduce) { html.balanced-public { scroll-behavior:auto; }.balanced-public *, .balanced-public *::before,.balanced-public *::after { transition:none!important;animation:none!important;scroll-behavior:auto!important; } }
@media print { .balanced-top nav,.balanced-help,[data-profit-quantity] { display:none!important; } }
