/* Use case pages: spreadsheet mockups only. Everything else uses theme classes. */
.uc-page{--g:#2AD167;--g7:#1f9e4f;--g1:#eafaf0;--ink:#2A3342;--ink2:#556070;--ink3:#8a93a2;--line:#e6e9ee;--yel:#fff6cc}
.uc-page .ic{width:20px;height:20px;flex:none}
.uc-page .sheet{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 18px 50px rgba(16,24,40,.12);font-size:13.5px}
.uc-page .sheet-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f8fafb;border-bottom:1px solid var(--line)}
.uc-page .sheet-bar i{width:10px;height:10px;border-radius:99px;background:#e2e6eb}
.uc-page .sheet-bar i:first-child{background:#ff6159}
.uc-page .sheet-bar i:nth-child(2){background:#ffbd2e}
.uc-page .sheet-bar i:nth-child(3){background:#28c941}
.uc-page .sheet-bar span{margin-left:10px;font-weight:500;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uc-page .sheet-bar b{margin-left:auto;font-size:12px;font-weight:600;color:var(--g7);background:var(--g1);padding:3px 10px;border-radius:99px;display:flex;align-items:center;gap:5px;white-space:nowrap}
.uc-page .sheet-bar .s{width:13px;height:13px}
.uc-page .fx{display:flex;align-items:center;border-bottom:1px solid var(--line)}
.uc-page .fx span{font-style:italic;color:var(--ink3);padding:7px 12px;border-right:1px solid var(--line);font-family:Georgia,serif}
.uc-page .fx code{padding:7px 12px;font:13px ui-monospace,Menlo,Consolas,monospace;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uc-page .sheet-scroll{overflow-x:auto}
.uc-page .sheet table{border-collapse:collapse;width:100%;min-width:480px}
.uc-page .sheet th,.uc-page .sheet td{border-right:1px solid #eef0f3;border-bottom:1px solid #eef0f3;padding:8px 12px;text-align:left;white-space:nowrap}
.uc-page .sheet th{background:#f8fafb;font-weight:600;font-size:12.5px;color:var(--ink2)}
.uc-page .sheet th.y{background:#fdf0b0;color:#7a6200}
.uc-page .sheet td.y{background:var(--yel)}
.uc-page .sheet .rn{width:34px;color:var(--ink3);text-align:center;background:#f8fafb;font-size:12px;padding:8px 4px}
.uc-page .sheet td.chg{background:#d9f7e4;color:#126a35;font-weight:600;box-shadow:inset 0 0 0 1px #7fe0a6}
.uc-page .sheet td.bad{background:#fde7e7;color:#b4232a;font-weight:600}
.uc-page .sheet.compact{font-size:12.5px}
.uc-page .uc-spot>*{min-width:0}
.uc-page .uc-spot+.uc-spot{margin-top:80px}
@media (min-width:768px){.uc-page .uc-spot-rev>:first-child{order:2}}
.uc-page .uc-code{display:block;margin-bottom:20px;padding:12px 14px;overflow-x:auto;color:#8ff0b3;font:500 14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap;background:#0B0F17;border-radius:10px}
.uc-page .uc-arrow-dark{filter:brightness(0)}
@media (min-width:768px){.uc-page .uc-need{align-items:center;gap:24px}}
.uc-page .uc-need:last-child{border-bottom:0}
.uc-page .uc-need-head{display:none}
@media (min-width:768px){.uc-page .uc-need-head{display:flex}}
.uc-page .uc-quote{padding:0;background:none;border:0}
.uc-page .uc-quote::before{display:block;position:static;height:auto;margin:0 0 12px;overflow:visible;color:#2ad167;font-family:inherit;font-size:72px;line-height:.6}