/* LakhNet planning guide pages */
.planning-guide { max-width: 780px; margin: 0 auto; padding: 58px 0 76px; }
.guide-header { border-bottom: 1px solid var(--border); padding-bottom: 30px; }
.guide-illustration { background:#f8f4ec; border:1px solid var(--border); border-radius:12px; float:right; margin:6px 0 18px 28px; overflow:hidden; padding:8px; width:min(38%, 290px); }
.guide-illustration img { display:block; height:auto; width:100%; }
.guide-illustration figcaption { color:var(--text-secondary); font-size:12px; line-height:1.4; padding:6px 5px 2px; text-align:center; }
.guide-action { clear:both; }
.guide-header h1 { font: 700 clamp(38px,6vw,62px)/1.02 var(--head); letter-spacing: -.055em; margin: 8px 0 16px; }
.guide-lede { color: var(--text-secondary); font-size: 19px; line-height: 1.6; margin: 0; max-width: 680px; }
.guide-section { border-bottom: 1px solid var(--border); padding: 34px 0; }
.guide-section h2 { font: 700 28px/1.15 var(--head); letter-spacing: -.04em; margin: 0 0 12px; }
.guide-section p, .guide-section li { color: var(--text-secondary); font-size: 16px; line-height: 1.7; }
.guide-section ul, .guide-section ol { padding-left: 22px; }
.guide-section li + li { margin-top: 8px; }
.guide-action { background: #eef2ff; border: 1px solid #c7d2fe; border-radius: 10px; margin-top: 34px; padding: 22px; }
.guide-action h2 { font: 700 21px/1.2 var(--head); margin: 0 0 7px; }
.guide-action p { color: var(--text-secondary); margin: 0; }
.guide-nav { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.guide-nav a { color: var(--primary); font-weight:700; text-decoration:none; }
.guide-nav a:hover { text-decoration:underline; }
@media(max-width:760px) { .planning-guide { padding:35px 0 52px; }.guide-illustration { float:none; margin:22px 0 8px; width:100%; }.guide-lede { font-size:17px; }.guide-section { padding:27px 0; }.guide-section h2 { font-size:24px; } }