.guide-page{background:#f3f6f4}
.guide-page .page-hero{background:linear-gradient(105deg,rgba(4,17,31,.97),rgba(4,17,31,.66)),url('assets/scenes/solar-array.jpg') center/cover}
.guide-summary{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:54px;align-items:start;padding:34px;border:1px solid rgba(11,35,58,.14);background:linear-gradient(135deg,#fff 0%,#edf4ef 100%);box-shadow:0 18px 50px rgba(7,26,47,.07)}
.guide-summary h2{margin-top:10px}
.guide-summary p{margin:0;color:#405367;font-size:16px;line-height:1.8}
.guide-summary strong{color:#0a1d32}
.guide-section{padding:84px 0 0}
.guide-section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;align-items:end;margin-bottom:34px}
.guide-section-head p{margin:0;color:#536577;line-height:1.75}
.guide-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-step{position:relative;min-height:220px;padding:28px;background:#fff;border-top:3px solid #e7ab45;box-shadow:0 12px 34px rgba(7,26,47,.05)}
.guide-step-number{font:500 11px/1 "DM Mono",monospace;letter-spacing:.12em;color:#8a6327}
.guide-step h3{margin:24px 0 12px}
.guide-step p{margin:0;color:#586a7b;font-size:14px;line-height:1.7}
.guide-dark{margin-top:84px}
.guide-table-wrap{overflow-x:auto;border:1px solid rgba(11,35,58,.14);background:#fff}
.guide-table{width:100%;min-width:760px;border-collapse:collapse}
.guide-table th,.guide-table td{padding:18px 20px;border-bottom:1px solid rgba(11,35,58,.11);vertical-align:top;text-align:left;font-size:14px;line-height:1.6}
.guide-table th{width:22%;background:#f6f8f6;color:#0a1d32;font-weight:800}
.guide-table td{color:#536577}
.guide-note{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:48px;margin-top:84px;padding:46px;background:linear-gradient(125deg,#102a43,#071a2f);color:#fff;box-shadow:0 22px 55px rgba(7,26,47,.18)}
.guide-note .eyebrow{color:#a2dec7}
.guide-note h2{margin-bottom:0}
.guide-note p{margin:0;color:#c6d5df;line-height:1.78}
.guide-note a{color:#f3c773;font-weight:800;border-bottom:1px solid rgba(243,199,115,.5)}
.regional-note{align-items:start}
.regional-note .regional-lead{margin-top:18px}
.regional-checks{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.regional-checks article{padding:17px 0;border-top:1px solid rgba(255,255,255,.16)}
.regional-checks h3{margin:0 0 8px;color:#fff;font-size:16px}
.regional-checks p{margin:0;color:#c6d5df;font-size:13px;line-height:1.65}
.guide-answers{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.guide-answer{padding:24px 0;border-top:1px solid rgba(11,35,58,.14)}
.guide-answer h3{margin:0 0 10px;font-size:18px}
.guide-answer p{margin:0;color:#586a7b;font-size:14px;line-height:1.72}
.guide-related{display:grid;grid-template-columns:.75fr 1.25fr;gap:46px;align-items:start;margin-top:84px;padding:38px;background:#fff;border:1px solid rgba(11,35,58,.14)}
.guide-related-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.guide-related-links a{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid rgba(11,35,58,.14);font-weight:800;font-size:13px}
.guide-related-links a::after{content:'\2192';color:#b37a22}
[dir="rtl"] .guide-table th,[dir="rtl"] .guide-table td{text-align:right}
[dir="rtl"] .guide-related-links a::after{content:'\2190'}
@media(max-width:760px){
  .guide-summary,.guide-section-head,.guide-note,.guide-related{grid-template-columns:1fr;gap:22px}
  .guide-summary{padding:26px 22px}
  .guide-section{padding-top:58px}
  .guide-step-grid{grid-template-columns:1fr}
  .guide-step{min-height:0;padding:24px}
  .guide-step h3{margin-top:18px}
  .guide-dark{margin-top:58px}
  .guide-note{margin-top:58px;padding:32px 24px}
  .guide-answers,.regional-checks{grid-template-columns:1fr}
  .guide-related{margin-top:58px;padding:28px 22px}
  .guide-related-links{grid-template-columns:1fr}
}