body{margin:0;background:#FEFDFB;font-family:'DM Sans',system-ui,sans-serif;color:#2a2a2a}.pg-hero{background:linear-gradient(160deg,#0F2419,#1A3C2A);color:#F5F0E6;padding:54px 24px 46px}.pg-hero-in{max-width:1200px;margin:0 auto}.pg-crumb{font-size:12.5px;color:rgba(245,240,230,.65);margin:0 0 12px}.pg-crumb a{color:#E8D48B;text-decoration:none}.pg-hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.7rem,4.5vw,2.6rem);margin:0 0 12px;color:#fff}.pg-hero h1 em{color:#C8A951;font-style:normal}.pg-hero p{max-width:760px;line-height:1.75;font-size:15.5px;color:rgba(245,240,230,.85);margin:0}.pg-main{max-width:1200px;margin:0 auto;padding:44px 24px 20px}.pg-main>p,.pg-main>ul,.pg-main>ol{max-width:820px}.pg-main h2{font-family:'Playfair Display',Georgia,serif;color:#0F2419;font-size:clamp(1.25rem,3vw,1.6rem);margin:34px 0 14px}.pg-main p{line-height:1.8;font-size:15px;color:#4a4a4a;margin:0 0 14px}.pg-main a{color:#1A3C2A;font-weight:700}.pg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%), 1fr));gap:18px;margin:20px 0}.pg-card{background:#F5F0E6;border:1px solid rgba(200,169,81,.4);border-radius:16px;padding:20px}.pg-card h3,.pg-card h2{font-family:'Playfair Display',Georgia,serif;font-size:16.5px;color:#0F2419;margin:0 0 8px}.pg-card p{font-size:13.5px;color:#6B4F3A;line-height:1.6;margin:0}.pg-card a.pg-go{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:800;color:#6F5518;text-decoration:none;border-bottom:1.5px solid #C8A951}.pg-cta{background:#F2EEE3;border:1px solid rgba(200,169,81,.5);border-radius:18px;padding:26px;text-align:center;margin:36px 0 10px}.pg-cta a{display:inline-block;background:#C8A951;color:#0F2419;font-weight:800;text-decoration:none;border-radius:100px;padding:13px 26px;margin:8px 6px 0}.pg-cta a.alt{background:transparent;border:2px solid #1A3C2A;color:#1A3C2A}details.pg-faq{margin:10px 0;border:1px solid rgba(200,169,81,.4);border-radius:12px;padding:13px 16px;background:#fff}details.pg-faq summary{font-weight:800;color:#1A3C2A;cursor:pointer;font-size:14.5px}details.pg-faq p{margin:10px 0 0;font-size:13.5px}.pg-note{font-size:12.5px;color:#6B4F3A;background:#F5F0E6;border-left:3px solid #C8A951;padding:12px 16px;border-radius:0 10px 10px 0;margin:18px 0}.gl-term{border-bottom:1px solid rgba(200,169,81,.25);padding:14px 0}.gl-term h3{font-size:16px;color:#0F2419;margin:0 0 6px;font-family:'Playfair Display',Georgia,serif}.gl-term h3 span{color:#6F5518;font-weight:700;font-size:14px}.gl-term p{font-size:13.5px;margin:0}table.pg-tbl{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.pg-tbl th,.pg-tbl td{border:1px solid rgba(200,169,81,.45);padding:10px 12px;text-align:left}.pg-tbl th{background:#F2EEE3;color:#0F2419}

/* ---- sell-my-land: "How to list" ---------------------------------------
   This stylesheet is shared by 94 pages, so every selector here is prefixed
   sml- and used on one page only. Nothing below can reach another page. */
.sml-steps{display:grid;gap:14px;grid-template-columns:1fr;margin:0 0 22px}
@media(min-width:760px){.sml-steps{grid-template-columns:repeat(3,1fr)}}
.sml-step{border:1px solid rgba(200,169,81,.32);border-radius:14px;padding:16px 17px;
  background:#fff}
.sml-step .n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:#1A3C2A;color:#F5F0E6;font-weight:700;font-size:14px;margin-bottom:9px}
.sml-step h3{margin:0 0 4px;font-size:1rem;color:#1A3C2A;
  font-family:'Noto Sans Devanagari','DM Sans',sans-serif}
.sml-step p{margin:0;font-size:.88rem;line-height:1.6;color:#5A5346}
.sml-step .need{margin-top:9px;font-size:.76rem;color:#6B4F3A;
  font-family:ui-monospace,Menlo,monospace}

.sml-shots{display:grid;gap:18px;grid-template-columns:1fr;margin:0 0 22px}
@media(min-width:820px){.sml-shots{grid-template-columns:1fr 1fr}}
/* align-items:start, and the two crops are the same height on purpose.
   A grid row stretches to its tallest cell, so a short screenshot beside a
   tall one leaves a band of empty page under the short one's caption —
   which is exactly what happened when step 1 was cropped to 211px and
   step 3 to 456px. Keeping both 760x456 is the fix; this is the guard. */
.sml-shots{align-items:start}
.sml-shots figure{margin:0;display:flex;flex-direction:column}
/* height:auto with the width/height attributes present keeps the space
   reserved while the image loads — a section that jumps as two screenshots
   arrive is worse than one that loads a beat slower. */
.sml-shots img{width:100%;height:auto;display:block;border:1px solid rgba(200,169,81,.32);
  border-radius:12px;background:#fff}
.sml-shots figcaption{font-size:.85rem;color:#5A5346;margin-top:9px;line-height:1.6}
.sml-shots figcaption b{color:#1A3C2A}

.sml-two{display:grid;gap:14px;grid-template-columns:1fr;margin:0 0 20px}
@media(min-width:760px){.sml-two{grid-template-columns:1fr 1fr}}
.sml-box{border-radius:14px;padding:15px 17px;font-size:.9rem;line-height:1.6}
.sml-box.ok{background:#F1F5EE;border:1px solid #CBDCC4}
.sml-box.no{background:#FBF1EF;border:1px solid #EBCBC4}
.sml-box b{display:block;margin-bottom:5px}
.sml-box.ok b{color:#2F6B45}
.sml-box.no b{color:#A33B26}
.sml-box ul{margin:0;padding-left:17px}
.sml-box li{margin-bottom:4px}
.sml-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 8px}
/* The WhatsApp route is a text link here, not a second gold button. It is
   already a button in the hero and again at the top of the form itself;
   a third one on the same journey reads as pleading. */
.sml-alt{font-size:.86rem;color:#5A5346;
  font-family:'Noto Sans Devanagari','DM Sans',sans-serif}