.sol{position:relative;overflow-x:clip;font-family:var(--font-body);font-size:12.5px;color:var(--color-ink)}@media(min-width:768px){.sol{height:100%;min-height:32rem}}.sol .frame{position:absolute;top:50%;left:-56px;width:392px;transform:translateY(-50%)}.sol[data-bleed=right] .frame{left:auto;right:-56px}.sol .gl{position:absolute;left:-100vw;right:-100vw;border-top:1px dashed rgba(0,0,0,.12);pointer-events:none}.sol .gl-t{top:-1px}.sol .gl-b{bottom:-1px}.sol .piece{position:relative;width:100%;overflow:hidden;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 2px #0000000d,0 18px 44px -16px color-mix(in srgb,var(--color-accent) 22%,transparent)}.sol .ph{display:flex;align-items:center;gap:8px;padding:12px 16px 12px 64px;border-bottom:1px solid var(--color-hairline);font-size:14px;white-space:nowrap}.sol[data-bleed=right] .ph{padding:12px 64px 12px 16px}.sol .sub{margin-left:auto;font-size:12px;color:var(--color-muted)}.sol .ph .badge{margin-left:auto}.sol .ph .badge+.sub{margin-left:0}.sol table{width:100%;border-collapse:collapse}.sol th{padding:9px 10px;border-bottom:1px solid var(--color-hairline);font-size:11px;font-weight:400;text-align:left;color:var(--color-muted)}.sol td{padding:10px;border-bottom:1px solid var(--color-hairline);white-space:nowrap;vertical-align:middle}.sol th:first-child,.sol td:first-child,.sol .row:first-child,.sol .pad{padding-left:64px}.sol[data-bleed=right] th:first-child,.sol[data-bleed=right] td:first-child,.sol[data-bleed=right] .pad{padding-left:16px}.sol[data-bleed=right] th:last-child,.sol[data-bleed=right] td:last-child,.sol[data-bleed=right] .pad{padding-right:64px}.sol tr:last-child td{border-bottom:0}.sol .kw{font-weight:500}.sol .dim{color:var(--color-secondary)}.sol .mono,.sol .count{font-family:var(--font-mono, ui-monospace, monospace);font-size:12px}.sol .count{display:inline-block;min-width:3ch;text-align:right}.sol .check{display:inline-grid;place-items:center;width:14px;height:14px;margin-right:6px;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 12%,#fff);color:var(--color-accent);vertical-align:-2px}.sol .check.off{background:var(--color-surface);color:var(--color-muted)}.sol .badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:999px;border:1px solid var(--color-hairline);background:var(--color-surface);font-size:11px;font-weight:500;color:var(--color-secondary);white-space:nowrap;transition:background .3s,color .3s,border-color .3s}.sol .badge.up{background:color-mix(in srgb,var(--color-accent) 9%,#fff);border-color:color-mix(in srgb,var(--color-accent) 18%,#fff);color:var(--color-accent)}.sol .badge.top{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.sol [data-top]{transform:scale(.6);opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.34,1.56,.64,1)}.sol [data-top].in{transform:scale(1);opacity:1}.sol .row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--color-hairline)}.sol .row:last-child{border-bottom:0}.sol .row .grow{flex:1;min-width:0}.sol .field{display:flex;flex-direction:column;gap:4px}.sol .field label{font-size:11px;color:var(--color-muted)}.sol .field .input{display:flex;align-items:center;height:30px;padding:0 10px;border:1px solid var(--color-hairline);border-radius:6px;background:#fff;font-size:12.5px;white-space:nowrap;overflow:hidden}.sol .field .input.select:after{content:"";margin-left:auto;width:6px;height:6px;border-right:1px solid var(--color-muted);border-bottom:1px solid var(--color-muted);transform:translateY(-2px) rotate(45deg)}.sol .doc p{margin:0;font-size:12.5px;line-height:1.5;color:var(--color-secondary)}.sol .doc p+p{margin-top:8px}.sol .doc .cite{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 7px;margin:0 2px;border-radius:999px;border:1px solid var(--color-hairline);background:var(--color-surface);font-size:11px;font-weight:500;color:var(--color-ink);vertical-align:-4px;white-space:nowrap}.sol .doc .cite .n{font-family:var(--font-mono, ui-monospace, monospace);font-size:9.5px;opacity:.7}.sol .doc .cite.top{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.sol .chips{position:absolute;z-index:2;top:0;bottom:0;left:calc(100% + 24px);display:flex;flex-direction:column;justify-content:center;gap:10px}.sol[data-bleed=right] .chips{left:auto;right:calc(100% + 24px);align-items:flex-end}.sol .chip{display:flex;align-items:center;gap:10px;height:46px;width:max-content;padding:0 14px 0 12px;border-radius:999px;border:1px solid var(--color-hairline);background:#fff;font-size:12.5px;color:var(--color-secondary)}.sol .chip .ic{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--color-hairline);background:#fff;color:var(--color-secondary)}.sol .chip .ic img{width:11px;height:11px}.sol .chip b{display:block;font-size:12.5px;font-weight:500;line-height:1.2;color:var(--color-ink)}.sol .chip small{display:block;margin-top:1px;font-size:10.5px;line-height:1.2;color:var(--color-muted)}.sol .chip.on{box-shadow:0 1px 2px #0000000d,0 10px 28px -10px color-mix(in srgb,var(--color-accent) 32%,transparent)}.sol .chip.on .ic{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.sol .chip.on .ic img{filter:brightness(0) invert(1)}@media(max-width:767px){.sol{height:auto;padding:24px 0}.sol .chips,.sol .extra{display:none}.sol[data-bleed] .frame{position:relative;top:auto;left:auto;right:auto;margin:0 auto;width:min(100%,392px);transform:none}.sol .ph,.sol th:first-child,.sol td:first-child,.sol .pad{padding-left:16px;padding-right:16px}}.sol .fade{opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease}.sol .fade.in{opacity:1;transform:none}@media(min-width:768px){.sol .frame.fade{transform:translateY(calc(-50% + 6px))}.sol .frame.fade.in{transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){.sol .fade,.sol [data-top],.sol .badge{transition:none}}.sol .q{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--color-surface);color:var(--color-secondary);flex:none}.sol .doc.pad{padding:12px 16px 12px 64px;border-bottom:1px solid var(--color-hairline)}.sol[data-bleed=right] .doc.pad{padding:12px 64px 12px 16px}.sol .src{gap:6px;font-size:11px}.sol .src .dim{margin-right:4px}.sol .form{display:grid;grid-template-columns:1fr 1fr;gap:12px 12px;padding:14px 16px 16px 64px}.sol[data-bleed=right] .form{padding:14px 64px 16px 16px}.sol .form .wide{grid-column:1 / -1}@media(max-width:767px){.sol .form{padding:14px 16px 16px}}.solution-panel[data-astro-cid-yrkfk2vy]{background:var(--color-page);overflow-x:clip;overflow-y:visible}@media(min-width:768px){.solution-panel[data-astro-cid-yrkfk2vy][data-guide]:after{content:"";position:absolute;top:0;bottom:0;left:336px;border-left:1px dashed rgba(0,0,0,.12);pointer-events:none}.solution-panel[data-astro-cid-yrkfk2vy][data-guide][data-bleed=right]:after{left:auto;right:336px}.solution-rows[data-astro-cid-yrkfk2vy]:before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--color-rail);pointer-events:none}}