dialog.billing-panel.billing-embedded-checkout{box-sizing:border-box;width:min(720px,calc(100vw - 4px));max-width:none;max-height:calc(100dvh - 8px);padding:0;border:1px solid #666;border-radius:8px;background:#444!important;color:#fff!important;font-family:Georgia,serif;font-weight:400;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.billing-embedded-checkout .billing-close{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;margin:0;padding:8px 12px;background:#333;border-bottom:1px solid #666}
dialog.billing-embedded-checkout .billing-close button{min-height:44px;padding:8px 16px;background:#963f60!important;color:#fff;border:1px solid #963f60;border-radius:4px;font:inherit}
.billing-embedded-checkout>nav{display:none}
.billing-embedded-checkout [data-billing-content]{padding:0}
.billing-embedded-checkout .embedded-checkout-heading{padding:16px 18px 0;margin:0;font-family:Georgia,serif;font-size:1.35rem;line-height:1.35;color:#fff}
.billing-embedded-checkout .embedded-checkout-summary{margin:16px 18px;padding:16px;background:#333;border-radius:4px;font-size:.95rem;line-height:1.5}
.billing-embedded-checkout .embedded-checkout-summary h3{margin:0 0 12px;font-size:1.1rem;line-height:1.3}
.billing-embedded-checkout .embedded-order-items ul{list-style:none;padding:0;margin:0}
.billing-embedded-checkout .embedded-order-items li{margin:0 0 12px}
.billing-embedded-checkout .embedded-order-items li span{display:block;font-size:.9rem;margin-top:4px}
.billing-embedded-checkout .embedded-order-totals{margin:16px 0 0}
.billing-embedded-checkout .embedded-order-totals>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:8px 0}
.billing-embedded-checkout .embedded-order-totals dt{font-weight:400}
.billing-embedded-checkout .embedded-order-totals dd{margin:0;text-align:right;overflow-wrap:anywhere}
.billing-embedded-checkout .embedded-order-due{border-top:1px solid #777;padding-top:10px;font-weight:bold}
.billing-embedded-checkout .embedded-order-due dt{font-weight:bold}
.billing-embedded-checkout .embedded-renewal{margin:12px 0 0;font-size:.9rem}
.billing-embedded-checkout .bookcrafter-embedded-frame{width:100%;max-width:643px;min-width:312px;margin:0 auto;background:#444}
.billing-embedded-checkout .bookcrafter-embedded-frame iframe{display:block;width:100%;max-width:100%;border:none}
.billing-embedded-checkout .embedded-checkout-policy{padding:12px 18px 20px;margin:0;font-size:.9rem}
.billing-embedded-checkout .embedded-checkout-policy a{color:#f0d5df;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}
.billing-embedded-checkout [data-billing-notice]{padding:0 18px;margin:0 0 16px;font-size:.9rem}

/* The invitation to a membership belongs to the same house as its Realm. */
dialog.billing-panel.billing-membership-offer{width:min(800px,calc(100vw - 24px));padding:0;border:1px solid #d8b46a;border-radius:16px;box-shadow:0 24px 90px #000b,inset 0 0 0 4px #d8b46a14}
dialog.billing-panel.billing-membership-offer[open]{display:flex;flex-direction:column}
.billing-membership-offer>*{flex:0 0 auto}
.billing-membership-offer>.billing-close{position:sticky;top:0;z-index:3;margin:0;padding:10px 16px;background:#081e25f5;border-bottom:1px solid #b89c5a50;order:0}
.billing-membership-offer>[data-billing-content]{order:1;min-width:0}
.billing-membership-offer>[data-billing-notice]{order:2;margin:0;padding:0 24px}
.billing-membership-offer>[data-billing-notice]:empty{display:none}
.billing-membership-offer>nav.billing-actions{order:3;margin:0;padding:14px 24px;justify-content:flex-end;border-top:1px solid #d8b46a40;background:#0b252b}
dialog.billing-panel.billing-membership-offer>nav button{padding:4px 8px;border:0;background:transparent!important;font-size:.88rem;font-weight:400;text-decoration:underline;text-underline-offset:4px}
.membership-offer-hero{display:flex;align-items:center;gap:22px;padding:24px 32px 20px;background:linear-gradient(90deg,#081c24d9,#081c2477),url('../assets/realm-gallery/membership-gallery-v1.png') center 42%/cover;border-bottom:1px solid #d8b46a60}
.membership-offer-hero>div{min-width:0}
.membership-offer-badge{display:block;width:112px;height:146px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 5px 12px #0009)}
dialog.billing-panel.billing-membership-offer .membership-offer-hero .eyebrow{font-size:.72rem;letter-spacing:.12em;color:#f0ca7b!important;margin:0 0 10px;line-height:1.5}
dialog.billing-panel.billing-membership-offer .membership-offer-hero h2{font:700 clamp(1.8rem,4.2vw,2.65rem)/1.08 Georgia,serif;color:#ffe5ac!important;margin:0;overflow-wrap:normal;text-wrap:balance}
dialog.billing-panel.billing-membership-offer .membership-offer-title{font-size:1rem;font-style:italic;letter-spacing:.03em;color:#efc87a!important;margin:12px 0 0}
.membership-offer-brooks{margin:0;padding:16px 28px;text-align:center;font-size:1rem;font-style:italic;line-height:1.6;border-bottom:1px solid #d8b46a33;background:#0c282d}
.membership-offer-brooks span{white-space:nowrap}
.membership-offer-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:26px 28px 28px;align-items:start}
.membership-offer-benefits .eyebrow{font-size:.75rem;letter-spacing:.09em;margin:0 0 15px}
.membership-offer-benefits ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.membership-offer-benefits li{position:relative;padding-left:22px;font-size:1rem;line-height:1.5}
.membership-offer-benefits li::before{content:'✦';position:absolute;left:0;top:1px;color:#e9be68}
.billing-membership-offer .membership-offer-price{margin:0;padding:20px;border:1px solid #c7a36099;border-radius:10px;background:linear-gradient(135deg,#1b3b3d,#102c33);box-shadow:inset 0 1px #ffe6aa21}
.membership-offer-price>.eyebrow{margin:0 0 8px;font-size:.7rem;letter-spacing:.08em}
dialog.billing-panel.billing-membership-offer .membership-offer-price h3{font-size:clamp(1.35rem,2.9vw,1.8rem);line-height:1.25;color:#ffe1a0!important;margin:0 0 15px}
.membership-offer-price>p:not(.eyebrow){font-size:.92rem;line-height:1.6;margin:0 0 16px}
dialog.billing-panel.billing-membership-offer .membership-offer-price button[data-billing-checkout]{width:100%;padding:12px 14px;color:#241b12!important;background:linear-gradient(#ffe3a2,#dca947)!important;border:1px solid #f0c770;box-shadow:0 3px 12px #0004;font-size:1rem}
dialog.billing-panel.billing-membership-offer button:focus-visible{outline:3px solid #94e4ed;outline-offset:3px}
@media(max-width:620px){.membership-offer-hero{gap:14px;padding:20px 18px}.membership-offer-badge{width:76px;height:106px}.membership-offer-body{grid-template-columns:minmax(0,1fr);padding:18px;gap:22px}.membership-offer-price{grid-row:1}.membership-offer-brooks{padding:14px 18px}.billing-membership-offer>nav.billing-actions{padding:10px 18px}.membership-offer-benefits ul{gap:10px}}
@media(max-height:420px) and (min-width:621px){.membership-offer-hero{padding:14px 24px}.membership-offer-badge{width:72px;height:88px}.membership-offer-body{padding:20px 24px}}

dialog.billing-panel.billing-membership-offer header.membership-offer-hero{flex-wrap:nowrap;background:linear-gradient(90deg,#081c24c9,#081c2477),url('../assets/realm-gallery/membership-gallery-v1.png') center 42%/cover!important}