/* Shorehome planning guide: readable editorial layout, existing project photograph. */
.sh-guide-main{background:#f8f4ec;color:#10354b}.sh-guide-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:70px var(--gutter) 62px;align-items:center;background:#10354b;color:#fffcf7;position:relative;height:auto;inset:auto;z-index:auto}
.sh-guide-crumb{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:11px;color:#c5d9dd;margin-bottom:45px}.sh-guide-crumb a{text-decoration:underline;text-underline-offset:5px}.sh-guide-hero .eyebrow{color:#d3b78d}.sh-guide-hero h1{font-size:clamp(36px,4.3vw,65px);max-width:14ch;margin:20px 0 22px;line-height:1.08;letter-spacing:-.05em}.sh-guide-subtitle{font-size:clamp(21px,2.1vw,30px);max-width:23ch;line-height:1.35;color:#e4d5bf}.sh-guide-hero-note{font-size:14px;line-height:1.8;max-width:49ch;color:#c5d9dd;margin-top:24px}.sh-guide-photo{margin:0}.sh-guide-photo img{width:100%;height:440px;object-position:54% center}.sh-guide-photo figcaption{font-size:10px;line-height:1.7;color:#c5d9dd;margin-top:12px;max-width:60ch}
.sh-guide-answer{margin:0;padding:36px var(--gutter);display:grid;grid-template-columns:190px 1fr;gap:40px;background:#fffcf7;border-bottom:1px solid #c9d5d5}.sh-guide-answer>.eyebrow{align-self:start;color:#8c3448;padding-top:6px}.sh-guide-answer>p{font-size:20px;line-height:1.7;max-width:80ch}
.sh-guide-layout{max-width:1440px;margin:auto;padding:70px var(--gutter) 90px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:8%;align-items:start}.sh-guide-toc{position:sticky;top:120px}.sh-guide-toc ol{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid #c5d0cf}.sh-guide-toc li{border-bottom:1px solid #c5d0cf}.sh-guide-toc li a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:15px 0;font-size:12px;line-height:1.6}.sh-guide-toc li span{color:#8c3448;font-size:10px}.sh-guide-toc li a:hover,.sh-guide-toc li a:focus-visible{color:#8c3448}.sh-guide-back{display:inline-flex;gap:18px;align-items:center;font-size:12px;font-weight:700;margin-top:26px;padding:10px 0}
.sh-guide-reading{max-width:780px;min-width:0}.sh-guide-reading p{font-size:16px;line-height:1.9;color:#425d6b;margin:0 0 20px}.sh-guide-intro{padding-bottom:25px}.sh-guide-intro p:first-child{font-size:19px;color:#10354b}.sh-guide-section{padding:35px 0 25px;border-top:1px solid #c5d0cf;scroll-margin-top:115px}.sh-guide-section .sh-guide-number{font-size:10px;font-weight:700;color:#8c3448;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}.sh-guide-section h2{font-size:clamp(27px,2.8vw,38px);line-height:1.16;letter-spacing:-.04em;margin-bottom:25px;max-width:26ch}.sh-guide-reading .sh-guide-citation{font-size:12px;line-height:1.7}.sh-guide-citation a,.sh-guide-sources a{text-decoration:underline;text-underline-offset:4px}.sh-guide-sources{padding:28px 0;border-top:1px solid #c5d0cf}.sh-guide-sources h2{font-size:22px;letter-spacing:-.025em}.sh-guide-sources ul{padding-left:20px;font-size:12px;line-height:1.8;margin-top:20px}.sh-guide-sources li{margin:10px 0}
.sh-guide-next{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:65px var(--gutter);background:#0b2d42;color:#fffcf7}.sh-guide-next h2{font-size:clamp(35px,4vw,57px);margin:22px 0;line-height:1.1}.sh-guide-next p:not(.eyebrow){font-size:15px;color:#c5d9dd;max-width:46ch}.sh-guide-next nav{align-self:center;display:flex;flex-direction:column}.sh-guide-next nav a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #718998;font-size:15px}.sh-guide-next nav a:first-child{border-top:1px solid #718998}
.sh-related-guide{padding:48px var(--gutter);background:#fffcf7;display:grid;grid-template-columns:1fr .65fr;align-items:center;gap:6%;border-top:1px solid #c5d0cf}.sh-related-guide h2{font-size:clamp(28px,3vw,42px);margin:18px 0;max-width:23ch}.sh-related-guide p:not(.eyebrow){font-size:15px;line-height:1.8;color:#425d6b;max-width:60ch}.sh-related-guide .ms-link{justify-self:start;display:inline-flex;align-items:center;gap:20px;padding:18px 0;font-size:14px;color:#8c3448}
@media(max-width:1000px){.sh-guide-layout{grid-template-columns:220px minmax(0,1fr);gap:5%}.sh-guide-hero{gap:5%;padding-top:48px}.sh-guide-photo img{height:380px}.sh-guide-answer{grid-template-columns:135px 1fr;gap:25px}.sh-guide-answer>p{font-size:18px}}
@media(max-width:760px){.sh-guide-hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:35px;gap:32px}.sh-guide-crumb{margin-bottom:30px}.sh-guide-hero h1{font-size:clamp(38px,7vw,54px);max-width:17ch}.sh-guide-hero-note{max-width:60ch}.sh-guide-photo img{height:300px}.sh-guide-answer{grid-template-columns:1fr;gap:15px;padding-top:28px;padding-bottom:30px}.sh-guide-answer>p{font-size:17px}.sh-guide-layout{grid-template-columns:1fr;gap:40px;padding-top:35px;padding-bottom:40px}.sh-guide-toc{position:static}.sh-guide-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.sh-guide-toc li a{font-size:12px;min-height:64px}.sh-guide-back{margin-top:16px}.sh-guide-section{padding:28px 0 15px}.sh-guide-section h2{font-size:30px}.sh-guide-reading p{font-size:16px;line-height:1.85}.sh-guide-next,.sh-related-guide{grid-template-columns:1fr;gap:28px}.sh-related-guide{padding-top:35px;padding-bottom:35px}.sh-guide-next{padding-top:45px;padding-bottom:45px}}
@media(max-width:430px){.sh-guide-hero h1{font-size:38px;max-width:15ch}.sh-guide-photo img{height:240px}.sh-guide-toc ol{grid-template-columns:1fr}.sh-guide-toc li a{min-height:48px;padding:12px 0}.sh-guide-next nav a{font-size:14px}.sh-guide-sources a{overflow-wrap:anywhere}}