/* Month 2 guides: new main content only. Client navigation and footer remain unchanged. */
.m2-page{font-size:17px;line-height:1.7}
.m2-page .guide-hero{align-items:start;gap:48px}
.m2-page h1{font-size:clamp(2.25rem,4.1vw,3.8rem);line-height:1.12;max-width:20ch;letter-spacing:-.035em}
.m2-page .lead{font-size:1.15rem;line-height:1.7;color:#d7dfe4}
.m2-page .eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#70cfdf;font-weight:700}
.m2-page .m2-overview{padding:32px;border:1px solid #395059;border-radius:12px;background:linear-gradient(150deg,#18333b,#102027)}
.m2-page .m2-overview h2{font-size:1.45rem;margin:0 0 20px;color:#fff}
.m2-page .m2-overview ol{list-style:none;padding:0;margin:0}
.m2-page .m2-overview li{display:grid;grid-template-columns:minmax(35px,.9fr) 1.2fr;gap:16px;padding:15px 0;border-top:1px solid #395059}
.m2-page .m2-overview strong{color:#81dcec}
.m2-page .m2-overview span{color:#e1e9ec}
.m2-page .article-section{padding:0 0 38px;margin-bottom:36px;border-bottom:1px solid #33454c;scroll-margin-top:155px}
.m2-page .article-section h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;letter-spacing:-.015em}
.m2-page .article-section p,.m2-page .article-section li{color:#dde4e8}
.m2-page .article-section li{margin:10px 0}
.m2-page .article-section a{color:#80dcec;text-decoration:underline;text-underline-offset:3px}
.m2-page table{width:100%;border-collapse:collapse;margin:28px 0;table-layout:fixed;font-size:1rem}
.m2-page caption{text-align:left;font-size:.9rem;color:#c8d6dc;padding:0 0 12px}
.m2-page th,.m2-page td{text-align:left;vertical-align:top;padding:16px;border:1px solid #48616a;overflow-wrap:anywhere}
.m2-page th{background:#203640;color:#fff;font-weight:600}
.m2-page td{background:#16252d;color:#e0e8eb}
.m2-page th:first-child{width:34%}
.m2-page .oct-aside{position:sticky;top:145px;align-self:start;max-height:calc(100vh - 165px);overflow:auto}
.m2-page .oct-aside a{display:block;padding:10px 0;line-height:1.35}
.m2-page .oct-aside li{margin:0}
.m2-page .oct-aside h2{font-size:1rem}
.m2-page .oct-columns{align-items:start}
.m2-page .enquiry{scroll-margin-top:155px}
.m2-page figure{margin:0}
.m2-page figure img{width:100%;height:auto;border-radius:10px;aspect-ratio:4/3;object-fit:cover}
.m2-page figcaption{font-size:.85rem;color:#c8d6dc;margin-top:12px}
.m2-page a:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:1000px){.m2-page .oct-aside{position:static;max-height:none;overflow:visible}.m2-page .guide-hero{gap:28px}}
@media(max-width:640px){.m2-page{font-size:16px}.m2-page h1{font-size:2.35rem}.m2-page .lead{font-size:1.05rem}.m2-page .m2-overview{padding:22px}.m2-page th,.m2-page td{padding:10px;font-size:.94rem}.m2-page .article-section{padding-bottom:24px;margin-bottom:28px}.m2-page .m2-overview li{gap:12px}}

/* Keep captions and row headings readable in the inherited mobile card tables. */
@media(max-width:767px){
 .m2-page table caption{display:block;width:100%;text-align:left}
 .m2-page tbody th{display:block;width:100%;border:0;padding:12px 15px;font-size:16px}
 .m2-page tbody td{width:100%;font-size:16px}
 .m2-page tbody td:before{font-size:12px}
}
ul[data-mogged-links]{padding-top:6px}
ul[data-mogged-links] li{margin:0}
ul[data-mogged-links] a{min-height:44px}

@media(max-width:767px){.m2-page tbody th:first-child{width:100%}}
