/* Offer building extends the existing discovery paper and choice system only. */
.snv-offer{max-width:760px;margin-inline:auto;overflow-wrap:anywhere}
.snv-offer *{box-sizing:border-box}.snv-offer h1{font-size:clamp(25px,5vw,38px);line-height:1.6;text-wrap:balance}
.snv-offer .so-context{margin:18px 0}.snv-offer .so-context p{line-height:1.9}.snv-offer .so-context small{color:var(--sd-muted)}
.so-live{margin-top:24px}.so-live summary,.snv-offer .sd-facts summary{min-height:44px;cursor:pointer;align-content:center}
.snv-offer input{width:100%;display:block;font:inherit;background:var(--sd-paper);color:var(--sd-ink);border:1px solid var(--sd-line);padding:12px;border-radius:10px;margin:8px 0 16px;min-height:44px}
.so-preview h2{font-size:clamp(23px,5vw,30px);line-height:1.7;margin:12px 0 18px;text-wrap:balance}.so-preview .sd-card-content dd{font-size:15px}
.so-unknown{margin-top:20px;border-top:1px dashed #20251f55;padding-top:14px}.so-unknown h3{font-size:15px}.so-unknown p{font-size:13px;line-height:1.8}
.so-rahhal{display:flex;align-items:center;gap:8px;margin:20px 0 8px;animation:so-note-in .24s ease-out both;color:#20251f}
.so-rahhal-art{flex:0 0 64px;width:64px;height:96px;background:url('/images/trial-traveler.webp') 0 0/256px 96px no-repeat}
.so-rahhal-bubble{min-width:0;background:#fff9e9;border:1.8px solid #20251f;border-radius:17px 23px 12px 18px;padding:12px 16px;box-shadow:-2px 3px 0 #20251f30}
.so-rahhal-bubble p{font-size:14px;line-height:1.85;margin:0}.so-rahhal-bubble>div{display:flex;gap:12px;flex-wrap:wrap}
.so-rahhal button{min-height:44px;background:none;color:inherit;border:0;font:inherit;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.snv-offer :focus-visible{outline:3px solid #bd8d12;outline-offset:4px}
[data-theme=dark] .so-rahhal-art{background-color:#eee7d7;border-radius:20px}[data-theme=dark] .so-rahhal-bubble{background:#eee7d7}
@keyframes so-note-in{from{transform:translateX(12px) scale(.98);opacity:0}to{transform:none;opacity:1}}
@media(max-width:620px){.snv-offer .sd-actions{display:flex;flex-wrap:wrap;gap:10px}.snv-offer .sd-actions .is-primary{flex:1}.so-rahhal{align-items:flex-start}.so-rahhal-bubble{padding:10px 12px}.so-rahhal-bubble p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.so-rahhal{animation:none}.snv-offer *{scroll-behavior:auto!important}}