.sg{
 --ground:var(--sand-50);--surface:#fff;--ink:var(--pppa-blue-900);--soft:var(--ink-700);
 --muted:var(--ink-500);--rule:var(--line);--rule2:#eaedf2;--hair:#f2f4f7;
 --set:var(--pppa-turquoise);--unset:#b3382c;--lv:var(--pppa-blue-700);--focus:var(--pppa-blue-600);
 color:var(--ink-900);font-size:15px;line-height:1.5;
}
.sg{background:var(--sand-50);padding:0 0 4rem}
.sg .wrap{max-width:var(--container);margin:0 auto;padding:0 1.5rem 2rem}
.sg-hero{background:linear-gradient(180deg,#fff 0%,var(--sand-50) 100%);padding:3.25rem 0 2rem;border-bottom:1px solid var(--line)}
.sg-hero .container-narrow{max-width:var(--container-narrow)}
.sg-hero h1{margin:.25rem 0 .75rem;color:var(--pppa-blue-900)}
.sg-hero .lead{color:var(--ink-700);margin:0 0 .5rem}
.sg-hero .eyebrow{color:var(--pppa-turquoise);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;margin:0}
.sg table{border-collapse:collapse}
.sg h1,.sg h2,.sg h3,.sg p,.sg ul{margin:0}
.sg input,.sg button,.sg textarea{font-family:inherit}


.sg *{box-sizing:border-box}

.sg .wrap{max-width:1180px;margin:0 auto;padding:0 20px 80px}
.sg .apphead{background:var(--surface);border-bottom:1px solid var(--rule)}
.sg .top-in{max-width:1180px;margin:0 auto;padding:16px 20px;display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.sg h1{font-size:19px;font-weight:640;letter-spacing:-.015em;margin:0}
.sg .sub{color:var(--muted);font-size:13px;margin:0;flex:1;min-width:220px}
.sg .langtog{display:flex;border:1px solid var(--rule);border-radius:3px;overflow:hidden}
.sg .langtog button{border:0;background:var(--surface);color:var(--soft);padding:4px 10px;font:600 12px inherit;cursor:pointer}
.sg .langtog button[aria-pressed=true]{background:var(--ink);color:#fff}
.sg nav.modes{display:flex;gap:2px;margin:20px 0 16px;border-bottom:1px solid var(--rule)}
.sg nav.modes button{border:0;background:none;font:560 14px inherit;color:var(--muted);padding:8px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.sg nav.modes button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}
.sg .picker{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px;align-items:center}
.sg .chip{border:1px solid var(--rule);background:var(--surface);border-radius:3px;padding:5px 10px;font:13px inherit;color:var(--soft);cursor:pointer}
.sg .chip:hover{border-color:var(--ink);color:var(--ink)}
.sg .chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.sg .chip.lv{border-color:var(--lv);color:var(--lv);font-weight:600}
.sg .chip.lv[aria-pressed=true]{background:var(--lv);color:#fff}
.sg .pickdiv{width:1px;height:22px;background:var(--rule);margin:0 5px}
.sg .panel{background:var(--surface);border:1px solid var(--rule);border-radius:4px;overflow:hidden}
.sg .phead{padding:15px 20px;border-bottom:1px solid var(--rule2)}
.sg .pname{font-size:21px;font-weight:640;letter-spacing:-.02em;margin:0 0 3px}
.sg .pmeta{font-size:12.5px;color:var(--muted);margin:0}
.sg .cfg{font-size:11.5px;color:var(--soft);margin:9px 0 0;word-break:break-word;letter-spacing:.01em}
.sg .cfg b{color:var(--ink)}
.sg .band{padding:9px 20px;background:#F4F7FA;border-bottom:1px solid var(--rule2);border-top:1px solid var(--rule2)}
.sg .band h2{font-size:12.5px;font-weight:660;margin:0;color:var(--soft)}
.sg .band p{font-size:12px;color:var(--muted);margin:2px 0 0;max-width:74ch}
/* textual excerpts */
.sg .tx{display:grid;grid-template-columns:34px 168px 1fr;gap:0 14px;padding:14px 20px;border-bottom:1px solid var(--hair);align-items:start}
.sg .txn{font-size:12px;color:var(--muted);padding-top:3px}
.sg .txname{font-size:13px;font-weight:600;color:var(--soft);padding-top:2px}
.sg .txname .st{display:block;font-size:11.5px;font-weight:600;margin-top:4px}
.sg .s-yes{color:var(--set)}.s-no{color:var(--unset)}.s-part{color:#B07818}
.sg .quote{margin:0;font-size:15.5px;line-height:1.58;max-width:70ch}
.sg .qnote{display:block;font-size:12.5px;color:var(--muted);margin-top:6px;max-width:74ch}
.sg .none{color:var(--unset);margin:0;font-size:15px}
.sg ul.objs{margin:0;padding:0;list-style:none;max-width:70ch}
.sg ul.objs li{padding:2px 0 2px 20px;position:relative;font-size:14.5px}
.sg ul.objs li::before{content:"";position:absolute;left:5px;top:11px;width:5px;height:5px;border-radius:50%;background:var(--rule)}
.sg ul.objs li.num::before{background:var(--set)}
/* axes */
.sg .ax{display:grid;grid-template-columns:34px 168px 1fr;gap:0 14px;padding:11px 20px;border-bottom:1px solid var(--hair);align-items:start}
.sg .ax:last-child{border-bottom:0}
.sg .axn{font-size:12px;color:var(--muted);padding-top:2px}
.sg .axname{font-size:13px;font-weight:600;color:var(--soft);padding-top:1px}
.sg .axval{font-size:14.5px}
.sg .axval .pick{font-weight:600}
.sg .axval .unset{color:var(--unset)}
.sg .lowc{color:var(--muted);font-size:11.5px;margin-left:5px}
.sg .why{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;max-width:76ch}
.sg .optline{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.sg .optbtn{border:1px solid var(--rule2);background:var(--surface);border-radius:3px;padding:3px 8px;font:12.5px inherit;color:var(--muted);cursor:pointer;line-height:1.4}
.sg .optbtn:hover{border-color:var(--ink);color:var(--ink)}
.sg .optbtn[aria-pressed=true]{background:#EAF1EC;border-color:var(--set);color:var(--ink);font-weight:600}
.sg .tradeoff{margin-top:6px;font-size:12.5px;color:var(--soft);max-width:78ch;border-left:2px solid var(--rule2);padding-left:10px}
.sg .tradeoff b{color:var(--ink)}.tradeoff .f{color:var(--unset)}
/* compare */
.sg .cmpwrap{background:var(--surface);border:1px solid var(--rule);border-radius:4px;overflow-x:auto}
.sg table.cmp{border-collapse:collapse;width:100%;min-width:760px}
.sg table.cmp th, .sg table.cmp td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid var(--hair);font-size:13.5px}
.sg table.cmp th{font-size:12.5px;font-weight:620;color:var(--soft);background:#F4F7FA}
.sg table.cmp td.rl{font-size:12.5px;font-weight:600;color:var(--soft);width:180px;background:#FAFBFD}
.sg table.cmp td.rl .n{color:var(--muted);font-weight:500;margin-right:6px}
.sg table.cmp tr.sec td{background:#EEF2F7;font-size:12px;font-weight:660;color:var(--soft);padding:7px 14px}
.sg table.cmp tr.d td{background:#FDF9F0}table.cmp tr.d td.rl{background:#FBF4E6}
.sg table.cmp tr:last-child td{border-bottom:0}
.sg td .qq{font-size:13px;line-height:1.5}
.sg .u{color:var(--unset)}
.sg .legend{font-size:12.5px;color:var(--muted);margin:10px 2px 0}
/* build */
.sg .two{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}
@media(max-width:900px){.two{grid-template-columns:1fr}.ax,.tx{grid-template-columns:28px 1fr;gap:0 10px}.axval,.tx>div:last-child{grid-column:2}}
.sg .side{background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:16px 18px;position:sticky;top:14px}
.sg .sh{font-size:13px;font-weight:640;margin:0 0 7px}
.sg .near{padding:5px 0;border-bottom:1px solid var(--hair);font-size:13.5px;display:flex;justify-content:space-between;gap:10px}
.sg .near:last-of-type{border-bottom:0}.near .sc{color:var(--muted)}
.sg .prog{height:3px;background:var(--rule2);border-radius:2px;overflow:hidden;margin:3px 0 14px}
.sg .prog i{display:block;height:100%;background:var(--set)}
.sg .fcl{margin:12px 0 0;padding:0;list-style:none}
.sg .fcl li{font-size:12.5px;color:var(--soft);padding:4px 0 4px 14px;position:relative;line-height:1.45}
.sg .fcl li::before{content:"";position:absolute;left:2px;top:11px;width:4px;height:4px;background:var(--unset);border-radius:50%}
.sg textarea, .sg input[type=text]{width:100%;font:14px inherit;padding:8px 10px;border:1px solid var(--rule);border-radius:3px;color:var(--ink);background:var(--surface);resize:vertical;line-height:1.5}
.sg textarea:focus, .sg input:focus, .sg button:focus-visible, .sg .chip:focus-visible, .sg .optbtn:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.sg .objrow{display:flex;gap:6px;margin-bottom:6px}.objrow input{flex:1}
.sg .objrow button, .sg .addbtn{border:1px solid var(--rule);background:var(--surface);border-radius:3px;padding:4px 10px;cursor:pointer;font:12.5px inherit;color:var(--muted)}
.sg .addbtn{border-style:dashed}
.sg .actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.sg .btn{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:3px;padding:7px 13px;font:580 13px inherit;cursor:pointer}
.sg .btn.ghost{background:none;color:var(--ink)}
.sg .sc5{display:inline-flex;gap:2px;vertical-align:middle;margin-left:8px}
.sg .sc5 i{width:11px;height:11px;border-radius:2px;background:var(--rule2);display:block}
.sg .sc5 i.on{background:var(--set)}
.sg .sc5 i.lo{background:#A8C8BC}
.sg .scnum{font-size:11.5px;color:var(--muted);margin-left:6px;font-variant-numeric:tabular-nums}
.sg .opts5{margin-top:5px}
.sg .o5{display:flex;align-items:center;gap:8px;padding:3px 0;flex-wrap:wrap}
.sg .o5 .lbl{font-size:13px;min-width:210px;color:var(--soft)}
.sg .o5 .lbl.act{color:var(--ink);font-weight:600}
.sg .o5 .steps{display:flex;gap:2px}
.sg .o5 .steps button{width:23px;height:21px;border:1px solid var(--rule2);background:var(--surface);
 border-radius:2px;font:11.5px inherit;color:var(--muted);cursor:pointer;padding:0}
.sg .o5 .steps button:hover{border-color:var(--ink)}
.sg .o5 .steps button[aria-pressed=true]{background:var(--set);border-color:var(--set);color:#fff;font-weight:600}
.sg .o5 .steps button.na[aria-pressed=true]{background:var(--muted);border-color:var(--muted)}
/* scorecard */
.sg .sctab{width:100%;border-collapse:collapse}
.sg .sctab th, .sg .sctab td{padding:9px 12px;border-bottom:1px solid var(--hair);font-size:13.5px;text-align:left;vertical-align:middle}
.sg .sctab th{font-size:12px;font-weight:620;color:var(--soft);background:#F4F7FA}
.sg .sctab{table-layout:fixed}
.sg .sctab td.ax, .sg .sctab th.axh{width:240px}
.sg .sctab td.ax{font-weight:600;color:var(--soft);font-size:13px;line-height:1.35;
 word-break:normal;overflow-wrap:normal;hyphens:none;padding-right:8px}
.sg .sctab td.ax .an{display:inline}
.sg .qbtn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;
 margin-left:6px;border:1px solid var(--rule);border-radius:50%;background:var(--surface);
 color:var(--muted);font:600 10.5px inherit;cursor:pointer;vertical-align:middle;padding:0}
.sg .qbtn:hover, .sg .qbtn[aria-expanded=true]{border-color:var(--ink);color:var(--ink)}
.sg .methrow td{background:#F7F9FB;border-bottom:1px solid var(--hair);padding:9px 12px 11px}
.sg .methrow p{margin:0;font-size:12.5px;color:var(--soft);line-height:1.5;max-width:82ch}
/* matrix */
.sg .mxwrap{background:var(--surface);border:1px solid var(--rule);border-radius:4px;overflow:auto;max-height:78vh}
.sg table.mx{border-collapse:separate;border-spacing:0;font-size:12.5px}
.sg table.mx th, .sg table.mx td{padding:6px 7px;border-bottom:1px solid var(--hair);white-space:nowrap}
.sg table.mx thead th{position:sticky;top:0;z-index:3;background:#F4F7FA;font-size:11.5px;font-weight:620;
 color:var(--soft);text-align:center;border-bottom:1px solid var(--rule)}
.sg table.mx th.rowh{position:sticky;left:0;z-index:2;background:var(--surface);text-align:left;
 font-weight:600;color:var(--soft);min-width:210px;border-right:1px solid var(--rule)}
.sg table.mx thead th.rowh{z-index:4;background:#F4F7FA}
.sg table.mx th.rowh .n{color:var(--muted);font-weight:500;margin-right:6px}
.sg table.mx td{text-align:center;font-variant-numeric:tabular-nums;color:var(--ink)}
.sg table.mx td.z{color:var(--unset);font-weight:600}
.sg table.mx tr.sec th, .sg table.mx tr.sec td{background:#EEF2F7;font-size:11.5px;font-weight:660;color:var(--soft)}
.sg table.mx tr.tot th, .sg table.mx tr.tot td{background:#FBF4E6;font-weight:660;border-top:2px solid var(--ink)}
.sg table.mx col.lvc{background:#FDF4F4}
.sg .sctab td.wt{width:86px}
.sg .sctab td.wt input{width:56px;text-align:right;padding:4px 6px;font-size:13px}
.sg .sctab td.sv{width:56px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.sg .bar{position:relative;height:9px;background:var(--rule2);border-radius:5px;min-width:150px}
.sg .bar i{display:block;height:100%;background:var(--set);border-radius:5px}
.sg .bar u{position:absolute;top:-4px;width:2px;height:17px;background:var(--ink);opacity:.25}
.sg .sctab tr.tot td{background:#FBF4E6;border-top:2px solid var(--ink);font-weight:660;border-bottom:0}
.sg .sctab tr.tot td.sv{font-size:17px}
.sg .stagehead{display:flex;gap:0;font-size:11px;color:var(--muted);margin:0 0 4px}
.sg .stagehead span{flex:1}
.sg .foot{font-size:12px;color:var(--muted);margin-top:26px;max-width:82ch;line-height:1.6}