@layer components{.bi-hero h1{text-wrap:balance;max-width:15ch;font-size:clamp(40px,5.4vw,76px)}.bi-hero .lead{max-width:34em}.bi-hero-art{justify-self:end;width:100%;max-width:560px;margin:0}.bi-hero-live{aspect-ratio:600/460}ul.bi-how{margin:0;padding:0;list-style:none}.bi-honesty{color:var(--ink);border-left:3px solid var(--accent);background:var(--paper-2);border-radius:0 10px 10px 0;max-width:46em;padding:10px 14px;font-size:15px;font-weight:600}.bi-honesty.on-dark{color:var(--on-dark-2);background:#f4f1ea0f;margin-top:28px;font-weight:500}.bi-board{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:32px;display:grid}.bi-panel{border:2px solid var(--ink);gap:14px;box-shadow:0 24px 48px #17161a14}.bi-panel .bi-form{background:0 0;border-radius:0;gap:14px;padding:0}.bi-form label{flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.bi-note{color:var(--ink-3);font-size:13.5px;line-height:1.45}.bi-reset{min-height:44px;font:inherit;color:var(--accent-dark);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:15px;font-weight:600;text-decoration:underline}.bi-tag{font-family:var(--sans);letter-spacing:.01em;white-space:nowrap;background:var(--paper-2);color:var(--ink-2);border:1px solid var(--line);vertical-align:middle;border-radius:999px;align-items:center;padding:1px 8px;font-size:12px;font-weight:600;line-height:1.6;display:inline-flex}.bi-badge{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:var(--accent-tint);color:var(--accent-dark);border:1px solid var(--accent-line);vertical-align:middle;border-radius:999px;align-items:center;margin-left:6px;padding:1px 8px;font-size:11.5px;font-weight:700;line-height:1.6;display:inline-flex}.bi-advanced{border-left:3px solid var(--accent);background:var(--paper-2);border-radius:0 10px 10px 0;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.bi-advanced p{margin:0}.bi-tag.yours{background:color-mix(in srgb, var(--ok-tint) 60%, var(--white));color:var(--ok-ink);border-color:var(--ok-line)}.bi-groups{flex-direction:column;gap:44px;display:flex}.bi-dept{margin-bottom:16px;font-size:clamp(24px,2.4vw,30px)}.bi-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.bi-card{gap:12px;padding:24px}.bi-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.bi-card-h{font-family:var(--serif);letter-spacing:-.015em;margin:0;font-size:23px;font-weight:600;line-height:1.2}.bi-card .small{line-height:1.5}.bi-lines{color:var(--ink-2);flex-direction:column;gap:4px;margin:6px 0 0;padding-left:20px;display:flex}.bi-meta{color:var(--ink-3);font-size:13.5px;line-height:1.55}.bi-figures{border-top:1px dashed var(--line-2);flex-direction:column;gap:8px;margin:4px 0 0;padding:12px 0 0;font-size:14px;display:flex}.bi-figures>div{grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.bi-figures .bi-tag{margin:0 2px}.bi-figures dt{color:var(--ink-3);font-weight:600}.bi-figures dd{color:var(--ink);margin:0;line-height:1.7}.bi-saving{background:var(--ink);color:var(--on-dark);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 16px;display:grid}.bi-saving>div{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.bi-saving-label{color:var(--on-dark-3);font-size:12.5px;font-weight:600}.bi-saving strong{font-family:var(--serif);letter-spacing:-.02em;color:var(--on-dark);font-size:28px;line-height:1.05}.bi-saving .bi-tag{color:var(--on-dark-2);background:#f4f1ea1a;border-color:#f4f1ea33}.bi-saving .bi-tag.yours{color:#7bc79b;background:#7bc79b2e;border-color:#7bc79b66}.bi-nosaving{color:var(--accent-dark);font-size:14px;font-weight:600}.bi-card-actions{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:auto;padding-top:6px;display:flex}.bi-card-actions .btn{min-height:48px;padding:0 18px;font-size:15.5px}.bi-edit{min-height:44px;font:inherit;color:var(--ink);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-size:15px;font-weight:600;text-decoration:underline}@media (min-width:1000px){.bi-panel{max-height:calc(100vh - 120px);position:sticky;top:96px;overflow-y:auto}}@media (max-width:1180px){.bi-cards{grid-template-columns:1fr}}@media (max-width:999px){.bi-board{grid-template-columns:1fr}.bi-hero-art{justify-self:stretch;max-width:none}}@media (max-width:560px){.bi-card{padding:20px 18px}.bi-saving{grid-template-columns:1fr}.bi-figures>div{grid-template-columns:1fr;gap:2px}}}