/* Shared purchase facts are visible text. This stylesheet is About-only. */
.page-about #how-to-buy,.page-about #payment{scroll-margin-top:22px}
.page-about .about-purchase{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:28px clamp(25px,4vw,58px)}
.page-about .purchase-guide-content,.page-about .purchase-terms-grid,.page-about .purchase-term,.page-about .purchase-transfer-note{min-width:0}
.page-about .purchase-steps{display:grid;gap:20px;list-style:none;margin:0;padding:0}
.page-about .purchase-steps li{display:grid;grid-template-columns:43px minmax(0,1fr);gap:15px;align-items:start}
.page-about .purchase-step-number{display:grid;place-items:center;width:43px;aspect-ratio:1;background:linear-gradient(135deg,#f5d998,#cda051);color:#241b0e;border:1px solid #ffe1a1;border-radius:50%;font-family:'Kanit',sans-serif;font-size:19px;font-weight:600;line-height:1}
.page-about .purchase-steps h3{font-family:'Kanit',sans-serif;font-size:21px;line-height:1.4;margin:3px 0 8px;color:#f8e5ba}
.page-about .purchase-steps p{font-size:15px;line-height:1.85;margin:0;color:#d0c8bb}
.page-about .purchase-terms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;gap:20px}
.page-about .purchase-term{padding:clamp(22px,2.6vw,34px);border:1px solid #92723e70;border-radius:13px;background:linear-gradient(135deg,#242019,#15161a);box-shadow:inset 0 1px #fff1}
.page-about .purchase-term .about-kicker{margin-bottom:10px}
.page-about .purchase-term h3,.page-about .purchase-transfer-note h3{font:500 clamp(22px,2.2vw,28px)/1.45 'Kanit',sans-serif;margin:0 0 15px;color:#f5d494}
.page-about .purchase-term p,.page-about .purchase-transfer-note p{font-size:15px;line-height:1.9;color:#d3cbbf;margin:0 0 12px}
.page-about .purchase-term p:last-child,.page-about .purchase-transfer-note p:last-child{margin-bottom:0}
.page-about .purchase-term p strong{color:#fff1d4;font-weight:500}
.page-about .purchase-term p.purchase-term-footnote{font-size:13px;padding-top:12px;border-top:1px solid #b2915142;color:#baaf9a}
.page-about .purchase-payment-term{background:linear-gradient(130deg,#1c2821,#131919);border-color:#608b5775}
.page-about .purchase-bank-details{margin:0 0 18px;display:grid;gap:8px}
.page-about .purchase-bank-details>div{display:grid;grid-template-columns:6em minmax(0,1fr);gap:10px;font-size:15px;line-height:1.7}
.page-about .purchase-bank-details dt{color:#b7c0b2}
.page-about .purchase-bank-details dd{margin:0;color:#f8f4e9;min-width:0;overflow-wrap:anywhere}
.page-about .purchase-account-number{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:clamp(19px,2vw,26px);line-height:1.3;letter-spacing:.015em;white-space:nowrap;color:#e6d293}
.page-about .purchase-transfer-note{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:30px;padding-top:12px;border-top:1px solid #9b7b4245}
.page-about .purchase-transfer-note .about-kicker{font-size:11px;margin-bottom:10px}
.page-about .purchase-transfer-note h3{font-size:23px}
@media(max-width:800px){.page-about .about-purchase{grid-template-columns:1fr;gap:28px}.page-about .purchase-transfer-note{grid-template-columns:1fr;gap:4px}.page-about .purchase-transfer-note h3{margin-bottom:12px}}
@media(max-width:600px){.page-about .purchase-terms-grid{grid-template-columns:1fr;gap:15px}.page-about .purchase-steps{gap:18px}.page-about .purchase-steps li{grid-template-columns:36px minmax(0,1fr);gap:12px}.page-about .purchase-step-number{width:36px;font-size:17px}.page-about .purchase-steps h3{font-size:19px}.page-about .purchase-steps p,.page-about .purchase-term p,.page-about .purchase-transfer-note p{font-size:14px}.page-about .purchase-bank-details>div{grid-template-columns:5em minmax(0,1fr);font-size:14px;gap:7px}.page-about .purchase-term{padding:20px}}

.purchase-original-guides{grid-column:1/-1;border-top:1px solid #5e4b29;padding-top:18px;margin-top:8px}.purchase-original-guides summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#ecd19a;font-weight:600;cursor:pointer;font-size:clamp(1rem,1.6vw,1.2rem)}.purchase-guide-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px);margin-top:18px}.purchase-guide-gallery figure{min-width:0;margin:0;padding:8px;border:1px solid #a58342;border-radius:14px;background:#0b0b0b}.purchase-guide-gallery a{display:block}.purchase-guide-gallery img{display:block;width:100%;height:auto;border-radius:8px}.purchase-guide-gallery figcaption{font-size:clamp(.85rem,1.2vw,1rem);text-align:center;color:#ded0b7;padding:10px 3px 4px}.purchase-guide-caption{color:#bfb7aa;font-size:.9rem;line-height:1.7}@media(max-width:650px){.purchase-guide-gallery{grid-template-columns:1fr}.purchase-guide-gallery figure{max-width:420px;width:100%;margin-inline:auto;box-sizing:border-box}}

/* Keep the buying guide dense without shrinking the purchase conditions. */
.page-about .about-purchase{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:18px 26px}
.page-about .purchase-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.page-about .purchase-steps li{grid-template-columns:34px minmax(0,1fr);gap:10px}
.page-about .purchase-step-number{width:34px;font-size:17px}
.page-about .purchase-steps h3{margin-top:0;margin-bottom:5px;font-size:20px}
.page-about .purchase-steps p{line-height:1.75}
.page-about .purchase-terms-grid{gap:14px}
.page-about .purchase-term{padding:18px}
.page-about .purchase-term h3,.page-about .purchase-transfer-note h3{font-size:clamp(21px,2vw,27px);margin-bottom:10px}
.page-about .purchase-term p,.page-about .purchase-transfer-note p{line-height:1.75;margin-bottom:9px}
.page-about .purchase-bank-details{gap:5px;margin-bottom:12px}
.page-about .purchase-transfer-note{gap:18px;padding-top:10px}
.page-about .purchase-original-guides{padding-top:12px;margin-top:0}
.page-about .purchase-guide-gallery{gap:12px;margin-top:12px}
@media(max-width:1100px){.page-about .about-purchase{grid-template-columns:minmax(0,1fr)}.page-about .purchase-transfer-note{grid-template-columns:minmax(0,1fr);gap:5px}}
@media(max-width:650px){
 .page-about .about-purchase{gap:15px}
 .page-about .purchase-steps{grid-template-columns:minmax(0,1fr);gap:13px}
 .page-about .purchase-steps h3{font-size:19px}
 .page-about .purchase-terms-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .page-about .purchase-term{padding:15px}
}