/* Quiet on-demand drawer; the guide remains the primary reading surface. */
.drop-info .allocation-open-link{display:inline;padding:0;border:0;background:transparent;color:#174a9b;font:inherit;text-align:left;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer}
.drop-info .allocation-open-link:hover{text-decoration-thickness:2px}
.drop-contents .allocation-open-link{padding:6px 0}
dialog.allocation-drawer{position:fixed;inset:0;margin:0 0 0 auto;padding:0;width:min(620px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--drop-line);border-radius:0;background:#fff;color:var(--drop-ink);font:inherit;overflow:hidden;box-shadow:-12px 0 60px #17223826}
dialog.allocation-drawer:not([open]){display:none}
dialog.allocation-drawer[open]{display:flex;flex-direction:column;animation:allocation-slide-in .24s cubic-bezier(.2,.8,.2,1)}
dialog.allocation-drawer::backdrop{background:#17223866;backdrop-filter:none}
dialog.allocation-drawer[open].is-closing{animation:allocation-slide-out .16s ease-in both}
.allocation-drawer-bar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:16px;padding:16px 24px;padding-top:max(16px,env(safe-area-inset-top));border-bottom:1px solid var(--drop-line);background:#fff}
.drop-info .allocation-drawer-bar h3{font-size:1.25rem;margin:0}
.allocation-drawer .allocation-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--drop-line);border-radius:6px;background:#fff;color:#27354b}
.allocation-close:hover{background:#edf3fc;border-color:#174a9b}.allocation-close .bitmon-x{--pixel:4px}
.allocation-drawer-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:env(safe-area-inset-bottom)}
.allocation-calculator{margin:0;padding:24px;background:#fff;border:0;border-radius:0}
.allocation-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.allocation-heading p{color:var(--drop-muted);max-width:48ch}
.allocation-calculator button,.allocation-calculator input{font:inherit;color:inherit;border:1px solid #bec6d2;background:#fff;border-radius:5px;min-height:44px}
.allocation-calculator button{transition:background .12s,border-color .12s}
.allocation-calculator button:hover:not(:disabled){background:#edf3fd;border-color:#174a9b}
.allocation-calculator button:disabled{color:#9199a5;cursor:default!important}
.allocation-calculator .allocation-reset{padding:8px 12px;font-size:.875rem;flex-shrink:0}
.allocation-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;position:sticky;top:0;z-index:2;background:#edf3fc;border:1px solid #cfdced;border-radius:6px;padding:16px 20px;margin:4px 0 16px}
.allocation-totals>div+div{border-left:1px solid #cfdced;padding-left:20px}
.allocation-totals span{font-size:.875rem;font-weight:600;color:#263d60;display:block}
.allocation-totals output{display:block;font-size:clamp(1.6rem,4vw,2.1rem);line-height:1.25;font-weight:650;letter-spacing:-.03em;overflow-wrap:anywhere;margin:4px 0}
.allocation-totals small{font-size:.875rem;line-height:1.4;color:var(--drop-muted);display:block}
.drop-info .allocation-note{font-size:.875rem;line-height:1.5;color:var(--drop-muted);margin:0 0 18px}
.allocation-columns{display:flex;justify-content:space-between;gap:16px;color:var(--drop-muted);font-size:.875rem;border-bottom:1px solid var(--drop-line);padding:6px 0 10px}
.allocation-columns>span:last-child{width:164px;text-align:center}
.allocation-row{display:grid;grid-template-columns:minmax(0,1fr) 164px;align-items:center;gap:6px 18px;padding:15px 0;border-bottom:1px solid #e5e8ee;scroll-margin-top:145px}
.allocation-description .allocation-name{font-size:1rem;font-weight:600;line-height:1.4;display:block;margin-bottom:3px}
.allocation-collection-link{display:inline-block;min-height:24px;text-decoration-skip-ink:auto}
.allocation-collection-link svg{display:inline-block;margin-left:6px;vertical-align:baseline;flex-shrink:0}
.allocation-collection-link:focus-visible{outline:2px solid #174a9b;outline-offset:4px;border-radius:2px}
.allocation-description>span,.allocation-description small{display:block;color:var(--drop-muted);font-size:.875rem;line-height:1.5}
.allocation-description small{margin-top:5px;max-width:43ch}
.allocation-claim-tag{color:#245840;white-space:nowrap}
.allocation-stepper{display:grid;grid-template-columns:44px 76px 44px;align-items:center}
.allocation-stepper button{font-size:1.25rem;padding:0;border-radius:5px 0 0 5px;border-right:0}
.allocation-stepper button:last-child{border-radius:0 5px 5px 0;border-right:1px solid #bec6d2;border-left:0}
.allocation-stepper input{width:100%;min-width:0;padding:8px 1px;border-radius:0;text-align:center;line-height:1.6;font-variant-numeric:tabular-nums}
.allocation-stepper input:focus{position:relative;z-index:1}
.has-quantity .allocation-stepper input{background:#edf3fc;color:#174a9b;font-weight:600}
.allocation-stepper input[aria-invalid=true]{border-color:#ae2c35;background:#fff3f3;color:#92252e}
.drop-info .allocation-error{grid-column:1/-1;margin:2px 0 0;color:#92252e;font-size:.875rem}
.allocation-calculator [hidden]{display:none!important}
.allocation-breakdown{margin-top:18px;border:1px solid var(--drop-line);border-radius:5px}
.allocation-breakdown summary{padding:12px 15px;font-size:.875rem;font-weight:600;min-height:44px}
.allocation-breakdown-row{display:flex;justify-content:space-between;gap:8px 18px;flex-wrap:wrap;font-size:.875rem;border-top:1px solid #e5e8ee;padding:12px 15px}
.allocation-breakdown-row strong{font-weight:600}
.drop-info .allocation-estimate{margin:20px 0 0}
.allocation-announcement{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.allocation-calculator{padding:18px 16px}.allocation-heading{gap:10px}.allocation-totals{gap:12px;padding:12px}.allocation-totals>div+div{padding-left:12px}.allocation-totals small{font-size:.875rem}.allocation-row{gap:6px 12px}.allocation-description .allocation-name{font-size:1rem}.allocation-claim-tag{display:block}}
@media(max-width:420px){.allocation-row{grid-template-columns:minmax(0,1fr);gap:10px}.allocation-stepper{justify-self:start}.allocation-columns>span:last-child{display:none}.allocation-totals{gap:10px}.allocation-totals>div+div{padding-left:10px}.allocation-totals small{display:none}.allocation-row{scroll-margin-top:100px}.allocation-heading{flex-wrap:wrap}.allocation-heading .allocation-reset{margin-bottom:10px}}
@media(max-height:500px){.allocation-totals{position:static}}
@media(max-width:600px){dialog.allocation-drawer{width:100vw;border-left:0}.allocation-drawer-bar{padding-inline:16px}}
@keyframes allocation-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes allocation-slide-out{to{transform:translateX(100%)}}
.no-motion dialog.allocation-drawer[open]{animation:none}
@media(prefers-reduced-motion:reduce){.allocation-calculator button{transition:none}dialog.allocation-drawer[open],dialog.allocation-drawer[open].is-closing{animation:none}}
