:root{color-scheme:light;--green:#12382f;--muted:#50695f;--line:#dae4de;--paper:#f3f6f3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--green);font:16px/1.5 system-ui,sans-serif}header{background:white;border-bottom:1px solid var(--line);padding:18px max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}a{color:var(--green)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:750}main{max-width:1200px;padding:38px 20px;margin:auto}.heading{max-width:750px;margin-bottom:26px}h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;line-height:1.15;margin:8px 0 14px}h2{font-size:21px;line-height:1.3;margin:12px 0}p{margin:10px 0 18px}.heading p,.muted,small,footer{color:var(--muted)}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:22px}.connections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.connections .panel{display:flex;flex-direction:column;margin:0}.connections p{flex:1}.network-icons{display:flex;gap:8px}button,.button{font:inherit;font-weight:650;display:inline-block;padding:11px 17px;border:1px solid transparent;border-radius:10px;background:var(--green);color:white;cursor:pointer;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:white;color:var(--green);border-color:var(--line)}.text{color:#8c3030;background:white;font-size:14px}.privacy{font-size:14px;color:var(--muted);margin:18px 0 30px}small{display:block;font-size:13px;margin-top:12px}#notice{padding:12px 16px;border-left:3px solid #328066;background:#e6f0e9;border-radius:0 8px 8px 0}#notice:empty{display:none}#notice.error{border-color:#b64d4d;background:#fff0ec}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.actions{display:flex;gap:8px;flex-wrap:wrap}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}label{display:block;font-size:14px;font-weight:650}input,select{font:inherit;background:#fff;color:var(--green);border:1px solid #bacbc0;border-radius:9px;padding:11px;width:100%;margin-top:6px;min-width:0}input[type=checkbox]{width:auto;margin:0 12px 0 0}#pick-options label{padding:12px 0;border-bottom:1px solid var(--line)}#pick-options{margin-bottom:18px}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.total{border:1px solid var(--line);border-radius:12px;padding:16px}.total strong{display:block;font-size:28px;line-height:1.2;margin:5px 0}.total small{margin:0}.recommendation{background:#edf4ed;padding:22px;border-radius:14px;margin:24px 0}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.suggestion{background:white;padding:16px;border-radius:12px}.suggestion strong{display:block;font-size:22px}.suggestion button{margin-top:10px;font-size:14px;padding:8px 12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:right;padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child,th:first-child{text-align:left;min-width:190px}td:first-child{max-width:360px;overflow-wrap:anywhere}td small{margin-top:4px}details{margin-top:24px;font-size:14px}summary{cursor:pointer;font-weight:650}footer{font-size:13px;margin:30px 0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d58c13;outline-offset:3px}[hidden]{display:none!important}@media(max-width:850px){.connections{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column}.suggestions{grid-template-columns:1fr}.panel{padding:20px}header{font-size:14px}}@media(max-width:460px){main{padding:26px 14px}.filters{grid-template-columns:1fr}.totals{grid-template-columns:1fr}.total{display:grid;grid-template-columns:1fr auto;align-items:center}.total small{grid-column:1/-1}.brand{font-size:14px}header{gap:12px;padding:14px}.heading p{font-size:15px}.actions{width:100%}td,th{padding:12px 7px}}

body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}