:root{--green:#123d35;--gold:#bd8844;--cream:#f4efe6;--ink:#17312b;--muted:#65716d;--line:#ded6ca}*{box-sizing:border-box}body{margin:0;background:#e9e5de;color:var(--ink);font-family:"IBM Plex Sans Thai",sans-serif;line-height:1.55}.proposal-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px max(3vw,20px);background:#123d35f3;color:#fff;box-shadow:0 7px 24px #102e2633;backdrop-filter:blur(12px)}.proposal-toolbar a{color:inherit;text-decoration:none}.proposal-toolbar>div{display:flex;gap:7px}.proposal-toolbar button,.proposal-toolbar .line-share{border:1px solid #ffffff31;padding:9px 12px;background:#ffffff10;color:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.proposal-toolbar .line-share{background:#08b44a;border-color:#08b44a}.proposal-toolbar .print-proposal{background:var(--gold);border-color:var(--gold)}.proposal-sheet{width:min(1050px,calc(100% - 32px));margin:30px auto 60px;background:#fff;box-shadow:0 20px 65px #17312b1c}.proposal-brand{display:flex;align-items:center;gap:12px;padding:24px 30px;border-bottom:1px solid var(--line)}.proposal-logo{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font:700 24px Georgia}.proposal-brand>div:nth-child(2){display:grid}.proposal-brand>div:nth-child(2)>strong{font-family:Georgia,serif;font-size:18px}.proposal-brand>div:nth-child(2)>span{font-size:8px;letter-spacing:.17em;color:var(--muted)}.proposal-meta{margin-left:auto;display:grid;text-align:right}.proposal-meta b{font-size:9px;letter-spacing:.18em;color:var(--gold)}.proposal-meta span{font-size:10px;color:var(--muted)}.proposal-hero{height:450px;position:relative;overflow:hidden;background:#d6ded9}.proposal-hero>img{width:100%;height:100%;object-fit:cover}.proposal-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#c8d8d0,#ddd1be);letter-spacing:.2em}.proposal-status{position:absolute;left:28px;bottom:25px;padding:9px 14px;border-radius:999px;background:#176f4a;color:#fff;font-size:11px;font-weight:700;box-shadow:0 7px 20px #102e2640}.proposal-status.availability-reserved{background:#bd7d18}.proposal-status.availability-sold,.proposal-status.availability-rented{background:#4f5754}.proposal-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;padding:34px 38px 26px}.eyebrow{font-size:9px;letter-spacing:.17em;color:var(--gold);font-weight:700}.proposal-intro h1{font:700 clamp(34px,5vw,56px)/1.08 "Playfair Display","IBM Plex Sans Thai";margin:8px 0}.proposal-intro h1 em{font-style:normal;color:var(--gold)}.proposal-intro p{margin:0;color:var(--muted)}.proposal-price{text-align:right}.proposal-price small,.proposal-price span{display:block;color:var(--muted)}.proposal-price strong{display:block;font-size:32px;margin:4px 0}.proposal-summary{display:grid;grid-template-columns:1fr minmax(280px,.45fr);gap:22px;padding:0 38px 28px}.proposal-summary>p{margin:0;color:var(--muted)}.proposal-summary aside{padding:15px 18px;border-left:3px solid var(--gold);background:var(--cream)}.proposal-summary aside small,.proposal-summary aside strong{display:block}.proposal-summary aside small{color:var(--gold);font-size:9px}.proposal-summary aside strong{font-size:12px}.proposal-facts{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line);margin:0 38px}.proposal-facts div{padding:17px 12px;text-align:center;border-right:1px solid var(--line)}.proposal-facts div:last-child{border:0}.proposal-facts small,.proposal-facts strong{display:block}.proposal-facts small{font-size:9px;color:var(--muted)}.proposal-facts strong{font-size:13px}.proposal-features{display:grid;grid-template-columns:.42fr 1fr;gap:35px;padding:34px 38px}.proposal-section-title span{font-size:9px;letter-spacing:.17em;color:var(--gold);font-weight:700}.proposal-section-title h2{font:700 28px "Playfair Display","IBM Plex Sans Thai";margin:7px 0}.proposal-features>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.proposal-features p{display:flex;gap:9px;margin:0;padding:11px 13px;background:#f7f4ee;font-size:11px}.proposal-features p b{color:var(--gold)}.proposal-contact{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 38px;background:var(--green);color:#fff}.proposal-contact>div:first-child{display:grid}.proposal-contact>div:first-child>span{font-size:9px;color:#e0b777;letter-spacing:.13em}.proposal-contact>div:first-child>strong{font-size:20px}.proposal-contact>div:first-child>small{margin-top:4px;color:#b9cbc5;font-size:8px}.proposal-contacts{display:flex;gap:25px}.proposal-contacts p{margin:0;display:grid}.proposal-contacts small{color:#b9cbc5;font-size:9px}.proposal-contacts strong{font-size:16px}.proposal-contacts a{display:inline-flex;padding:10px 14px;border:1px solid #ffffff45;color:#fff;text-decoration:none;font-size:11px;font-weight:700}.proposal-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,10px);padding:9px 14px;border-radius:99px;background:#172e28;color:#fff;font-size:11px;opacity:0;pointer-events:none;transition:.2s}.proposal-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.proposal-toolbar{align-items:flex-start;padding:10px 12px}.proposal-toolbar>div{display:grid;grid-template-columns:1fr 1fr}.proposal-toolbar>div .print-proposal{grid-column:1/-1}.proposal-toolbar button,.proposal-toolbar .line-share{padding:7px 9px;font-size:9px;text-align:center}.proposal-sheet{width:calc(100% - 20px);margin:18px auto 35px}.proposal-brand{padding:17px}.proposal-meta{display:none}.proposal-hero{height:270px}.proposal-status{left:16px;bottom:15px}.proposal-intro{grid-template-columns:1fr;padding:24px 20px 18px}.proposal-intro h1{font-size:38px}.proposal-price{text-align:left}.proposal-price strong{font-size:27px}.proposal-summary{grid-template-columns:1fr;padding:0 20px 22px}.proposal-facts{grid-template-columns:repeat(2,1fr);margin:0 20px}.proposal-facts div{border-bottom:1px solid var(--line)}.proposal-features{grid-template-columns:1fr;padding:27px 20px}.proposal-features>div:last-child{grid-template-columns:1fr}.proposal-contact{display:grid;padding:23px 20px}.proposal-contacts{justify-content:space-between}}
@page{size:A4;margin:10mm}@media print{body{background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.proposal-toolbar,.proposal-toast{display:none!important}.proposal-sheet{width:100%;margin:0;box-shadow:none}.proposal-brand{padding:12px 18px}.proposal-logo{width:38px;height:38px}.proposal-hero{height:83mm}.proposal-intro{padding:18px 22px 12px}.proposal-intro h1{font-size:34px}.proposal-price strong{font-size:24px}.proposal-summary{padding:0 22px 15px}.proposal-facts{margin:0 22px}.proposal-facts div{padding:10px 7px}.proposal-features{padding:18px 22px;break-inside:avoid}.proposal-features p{padding:7px 9px}.proposal-contact{padding:15px 22px;break-inside:avoid}}

/* Keep every toolbar action optically identical, including anchor-based downloads. */
.proposal-toolbar button,.proposal-toolbar>div>a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:8px;padding:7px 11px;font:700 11px/1.2 "IBM Plex Sans Thai",sans-serif;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s}
.proposal-toolbar button:hover,.proposal-toolbar>div>a:hover{background:#ffffff20;border-color:#ffffff5c;transform:translateY(-1px)}
@media(max-width:700px){.proposal-toolbar button,.proposal-toolbar>div>a{min-height:32px;padding:6px 8px;font-size:9px}.proposal-toolbar>div .print-proposal{grid-column:auto}}