/* The offer and independent explanatory content remain separate surfaces. */
.sale-offer-supplement{margin:24px 0 32px;padding:0 28px;min-width:0}
.sale-offer-supplement .sale-content-guide:first-child{border-top:0;margin-top:0}
.sale-offer-supplement .sale-related{margin-top:24px;padding:0}
.sale-reading-bar,.sale-reading-status{display:none}
.sale-offer-document .workspace-campaign-heading,.sale-offer-document .workspace-campaign-subnav,.sale-offer-document .workspace-new{display:none!important}
.sale-offer-document #sale-offer-page{padding-top:8.05px}
.sale-offer-document .sale-offer-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;margin-bottom:14px}
.sale-offer-document #sale-offer-page .sale-offer-title h1{flex:1;margin:0;min-width:0;line-height:1}
/* One counter shares the price's grid cell, inset 2px from its inner border. */
.sale-offer-document .sale-page-columns{grid-template-areas:"information action"}
.sale-offer-document .sale-page-information{grid-area:information}
.sale-offer-document .sale-page-action{grid-area:action}
.sale-offer-document .sale-mobile-price{grid-area:price}
.sale-offer-document #sale-viewers{grid-area:action;position:relative;z-index:1;align-self:start;justify-self:start;width:calc(100% - 6px);min-width:0;max-width:none;min-height:16px;white-space:nowrap;margin:3px 3px 0;font-size:12px;line-height:16px;font-weight:500;font-variant-numeric:tabular-nums;text-align:right}
.sale-offer-document #sale-viewers[hidden]{display:block!important;visibility:hidden}
/* The document grows with its content; only the browser page scrolls. */
.sale-offer-document .sale-offer-panel{height:auto;max-height:none;overflow:visible;overscroll-behavior-y:auto;scrollbar-gutter:auto}
.sale-offer-panel #sale-offer-page{border-radius:inherit}
/* Address groups share the offer background and native disclosure control. */
.sale-offer-document .sale-page-addresses{border:0;border-radius:0;overflow:visible}
.sale-offer-document .sale-page-addresses summary{background:transparent}
.sale-offer-document .sale-page-addresses summary .sale-address-city{float:none;color:inherit;margin-left:6px}
.sale-offer-document .sale-page-addresses summary .sale-address-count{float:none;margin-left:6px}
/* Header tools stay vertically centered with the title at every breakpoint. */
.sale-share-actions{position:relative;flex:none;align-self:center}
.sale-share-buttons{display:flex;gap:4px}
.sale-icon-action{display:grid;place-items:center;width:32px;height:32px;padding:5px;border:0;border-radius:6px;background:transparent;color:#42617e;cursor:pointer}
.sale-icon-action svg{display:block;width:22px;height:22px}
.sale-icon-action:hover{background:#f2f6fa;color:#075bc4}
.sale-icon-action:focus-visible{outline:2px solid #075bc4;outline-offset:2px}
.sale-icon-action:disabled{opacity:.5;cursor:wait}
.sale-offer-document .sale-icon-action[hidden]{display:grid!important;visibility:hidden}
.sale-share-actions .sale-copy-feedback{position:absolute;right:0;top:calc(100% + 4px);width:max-content;max-width:min(320px,calc(100vw - 64px));padding:10px 12px;background:#fff;border:1px solid #d9e0e9;border-radius:8px;box-shadow:0 4px 16px #173b5020;z-index:5}
.sale-share-actions .sale-copy-feedback:empty{display:none}
@media(min-width:901px) and (max-width:1100px){
 .sale-offer-document .sale-page-columns{grid-template-areas:"information" "action"}
 .sale-offer-document #sale-viewers{max-width:594px}
}
@media(max-width:900px){
 .sale-offer-document #public-site .workspace-sidebar,.sale-offer-document #public-site .sale-offer-prelude{display:none}
 .sale-offer-document #public-site .workspace-layout{display:block;padding-top:8px}
 .sale-offer-document #sale-workspace{margin:0}
 .sale-offer-document .sale-reading-bar{display:flex;align-items:center;gap:8px;min-height:44px;margin:0 0 8px;font-size:12px;color:#8b4d45}
 .sale-reading-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;flex:none}
 .sale-reading-back svg{width:18px;height:18px}
 .sale-reading-type{margin-left:auto;white-space:nowrap;font-size:11px}
 .sale-reading-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:#fff7f4}
 .sale-reading-close svg{width:20px;height:20px}
 .sale-offer-document #sale-offer-page{padding:9px 16px 18px}
 .sale-offer-document #sale-offer-page .sale-offer-title h1{font-size:24px;line-height:1.25}
 .sale-offer-document .sale-offer-title{gap:8px;min-height:40px;margin-bottom:9px}
 /* Both actions remain available in the mobile title row. */
 .sale-icon-action{width:40px;height:40px;padding:8px}
 .sale-offer-document .sale-page-columns{grid-template-areas:"price" "information" "action";row-gap:0}
 .sale-offer-document #sale-viewers{grid-area:price;font-size:11px}
 .sale-offer-document #sale-offer-page[data-active="true"] .sale-mobile-price{padding-top:23px}
 .sale-offer-document .sale-page-action{margin-top:24px}
 .sale-reading-status{display:block;font-size:13px;color:#786542;margin-bottom:12px}
 .sale-offer-supplement{padding:0 8px;margin-top:24px}
}

/* Keep the title and both tools on one row on the narrowest phones. */
@media(max-width:359px){
 .sale-offer-document #sale-offer-page .sale-offer-title h1{font-size:22px}
 .sale-offer-document .sale-offer-title{gap:6px}
 .sale-share-buttons{gap:2px}
 .sale-icon-action{width:32px;height:32px;padding:5px}
}