/* Diagrams for the three editorial guides. Original article copy is unchanged. */
.page-body .guide-visual{margin:29px 0 36px;padding:20px 23px 17px;background:var(--s-panel);border:1px solid var(--s-line);border-radius:16px;box-shadow:inset 0 1px 0 #ffffff45;max-width:850px;font-family:Inter,Arial,sans-serif;overflow:hidden}
.page-body .gv-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:14px}
.page-body .gv-kicker{color:var(--s-green);font-size:10px;font-weight:600;letter-spacing:.04em;line-height:1.4}
.page-body .gv-example{font-size:9px;color:var(--s-muted);line-height:1.4}
.page-body .guide-visual p{margin:0;font-size:12px;line-height:1.55;color:var(--s-muted)}
.page-body .guide-visual strong{font-size:16px;line-height:1.3;letter-spacing:-.025em;font-weight:600;color:var(--s-ink)}
.page-body .guide-visual figcaption{font-size:11px;color:var(--s-muted);line-height:1.6;margin-top:15px;max-width:none;text-align:left}
.page-body .gv-customer-question{display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid var(--s-line);border-radius:10px;background:var(--s-bg)}
.page-body .gv-customer-question>svg{width:21px;height:21px;flex-shrink:0;color:var(--s-green)}
.page-body .gv-customer-question>p{font-size:14px;line-height:1.5;font-weight:500;color:var(--s-ink)}
.page-body .gv-branch-lines{width:100%;height:24px;display:block;stroke-width:1.2}
.page-body .gv-line-green{stroke:var(--s-green);opacity:.45}
.page-body .gv-line-violet{stroke:var(--s-accent);opacity:.6}
.page-body .gv-search-paths{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.page-body .gv-search-path{position:relative;padding:12px 15px;border-radius:10px;border:1px solid var(--s-line);background:var(--s-bg)}
.page-body .gv-path-label{display:block;font-size:9px;font-weight:550;line-height:1.4;margin-bottom:4px}
.page-body .gv-path-green{border-top:2px solid var(--s-green)}
.page-body .gv-path-violet{border-top:2px solid var(--s-accent)}
.page-body .gv-path-green .gv-path-label{color:var(--s-green)}
.page-body .gv-path-violet .gv-path-label{color:var(--s-accent)}
.page-body .gv-search-path strong{display:block}
.page-body .gv-search-path p{margin-top:6px;font-size:11px}
.page-body .gv-enquiry-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin:0;padding:4px 0 5px}
.page-body .gv-enquiry-steps>li{position:relative;padding:0;min-width:0}
.page-body .gv-step-symbol{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--s-green);background:var(--s-soft);border:1px solid var(--s-line);border-radius:11px;margin-bottom:12px}
.page-body .gv-step-symbol svg{width:25px;height:25px}
.page-body .gv-enquiry-steps>li:nth-child(2) .gv-step-symbol{color:var(--s-accent)}
.page-body .gv-enquiry-steps strong{display:block}
.page-body .gv-enquiry-steps p{margin-top:9px}
.page-body .gv-journey-arrow{position:absolute;right:-10px;top:8px;font-size:21px;color:var(--s-muted);opacity:.65}
.page-body .gv-enquiry figcaption{padding-top:11px;border-top:1px solid var(--s-line);margin-top:12px}
.page-body .gv-enquiry figcaption>span{font-size:18px;color:var(--s-green);margin-right:6px}
.page-body .gv-topic-pages{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0}
.page-body .gv-topic-pages li{display:flex;align-items:center;gap:11px;padding:14px 12px;margin:0;border:1px solid var(--s-line);border-radius:9px;background:var(--s-bg);min-width:0}
.page-body .gv-topic-pages strong{font-size:13px;line-height:1.4;letter-spacing:-.015em}
.page-body .gv-page-icon{display:block;flex:0 0 24px;width:24px;height:28px;color:var(--s-accent)}
.page-body .gv-page-icon svg{width:24px;height:28px}
.page-body .gv-content-lines{display:block;width:100%;height:29px;stroke:var(--s-accent);stroke-width:1.2;opacity:.58}
.page-body .gv-service-destination{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 auto;width:fit-content;max-width:100%;padding:11px 20px;border:1px solid var(--s-line);border-left:3px solid var(--s-green);border-radius:9px;background:var(--s-soft)}
.page-body .gv-service-destination strong{display:block;font-size:15px}
.page-body .gv-service-destination p{font-size:11px;margin-top:4px}
.page-body .gv-destination-mark{font-size:25px;color:var(--s-green);line-height:1}
html[data-theme="dark"] .page-body .guide-visual{box-shadow:inset 0 1px 0 #ffffff0e}
@media(max-width:600px){
 .page-body .guide-visual{margin:24px 0 29px;padding:16px 15px 14px;border-radius:13px}
 .page-body .gv-topline{gap:5px 12px;margin-bottom:12px}
 .page-body .gv-kicker{font-size:10px}
 .page-body .gv-example{font-size:8px}
 .page-body .gv-customer-question{gap:8px;padding:10px 11px}
 .page-body .gv-customer-question>p{font-size:13px;line-height:1.45}
 .page-body .gv-customer-question>svg{width:18px;height:18px}
 .page-body .gv-branch-lines{height:22px}
 .page-body .gv-search-paths{gap:9px}
 .page-body .gv-search-path{padding:10px 11px}
 .page-body .gv-search-path strong{font-size:14px}
 .page-body .gv-search-path p{font-size:11px;line-height:1.5}
 .page-body .gv-path-label{font-size:9px;margin-bottom:5px}
 .page-body .guide-visual figcaption{font-size:10px;line-height:1.55;margin-top:13px}
 .page-body .gv-enquiry-steps{grid-template-columns:1fr;gap:15px;padding:0}
 .page-body .gv-enquiry-steps>li{display:grid;grid-template-columns:37px minmax(0,1fr);gap:13px;align-items:start}
 .page-body .gv-step-symbol{width:36px;height:36px;border-radius:10px;margin:0}
 .page-body .gv-step-symbol svg{width:22px;height:22px}
 .page-body .gv-enquiry-steps>li>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding-top:3px}
 .page-body .gv-enquiry-steps strong{font-size:13px;line-height:1.4;max-width:126px;min-width:100px}
 .page-body .gv-enquiry-steps strong br{display:none}
 .page-body .gv-enquiry-steps strong br:after{content:" "}
 .page-body .gv-enquiry-steps p{font-size:10px;line-height:1.5;margin:0;max-width:125px}
 .page-body .gv-journey-arrow{left:13px;right:auto;top:37px;font-size:15px;line-height:1;transform:rotate(90deg)}
 .page-body .gv-enquiry figcaption{margin-top:15px;padding-top:10px}
 .page-body .gv-topic-pages{gap:7px}
 .page-body .gv-topic-pages li{display:block;padding:11px 8px;min-height:109px}
 .page-body .gv-page-icon{width:21px;height:24px;margin-bottom:9px}
 .page-body .gv-page-icon svg{width:21px;height:24px}
 .page-body .gv-topic-pages strong{font-size:12px;line-height:1.4;overflow-wrap:normal;hyphens:none}
 .page-body .gv-content-lines{height:24px}
 .page-body .gv-service-destination{padding:10px 12px;gap:9px;width:100%;box-sizing:border-box}
 .page-body .gv-service-destination strong{font-size:14px}
 .page-body .gv-service-destination p{font-size:10px;line-height:1.5}
 .page-body .gv-destination-mark{font-size:21px}
}
@media(max-width:370px){.page-body .guide-visual{padding:14px 12px}.page-body .gv-enquiry-steps>li>div{display:block;padding-top:0}.page-body .gv-enquiry-steps strong{max-width:none;min-width:0}.page-body .gv-enquiry-steps p{max-width:none;margin-top:3px}.page-body .gv-enquiry-steps p br{display:none}.page-body .gv-enquiry-steps p br:after{content:" "}.page-body .gv-enquiry-steps{gap:16px}.page-body .gv-journey-arrow{top:43px}.page-body .gv-topic-pages strong{font-size:12px}.page-body .gv-topic-pages li{padding:10px 6px}.page-body .gv-service-destination{padding:10px 9px}.page-body .gv-service-destination strong{font-size:13px}}
