/* Scoped editorial additions; PEP header, navigation and footer remain unchanged. */
.be-guide{background:#f4f0e7;color:#102a24}
.be-guide .site-frame{background:#f4f0e7;display:block;height:auto;min-height:100svh;overflow:visible}
.be-guide main{overflow:visible}
.be-breadcrumb{max-width:1550px;margin:auto;padding:22px 36px;font-size:12px;color:#53625a}
.be-breadcrumb nav{display:flex;gap:12px;flex-wrap:wrap}
.be-breadcrumb a{text-decoration:none}
.be-hero{max-width:1672px;margin:auto;position:relative;background:#082e25;color:#fffdf8}
.be-hero>img{display:block;width:100%;height:auto;aspect-ratio:1672/941}
.be-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,23,17,.93) 0%,rgba(6,23,17,.86) 25%,rgba(6,23,17,.60) 46%,rgba(6,23,17,.10) 64%,transparent 76%);pointer-events:none}
.be-hero-copy{position:absolute;z-index:1;inset:0 auto 0 0;width:54%;padding:5%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.be-guide .be-eyebrow{font:700 11px/1.6 "Sora PEP",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#95552f;margin:0 0 20px}
.be-hero .be-eyebrow{color:#edc49d}
.be-guide .be-hero h1{font-size:clamp(43px,5.1vw,80px);line-height:1.02;letter-spacing:-.035em;color:#fffdf8;text-wrap:pretty;margin:0 0 24px}
.be-guide .be-subtitle{font-size:clamp(17px,1.5vw,22px);line-height:1.5;max-width:460px;margin:0 0 24px;color:#f1e9da}
.be-meta{display:flex;flex-wrap:wrap;gap:10px 20px;color:#e1dccf;font-size:11px;line-height:1.6}
.be-hero-link{font-size:12px;line-height:1.5;margin-top:32px;padding-bottom:10px;border-bottom:1px solid #b7baaa;text-decoration:none;display:flex;gap:22px}
.be-layout{width:min(1250px,calc(100% - 80px));margin:0 auto;display:grid;grid-template-columns:230px minmax(0,850px);gap:clamp(40px,5vw,80px);padding:68px 0 80px;align-items:start}
.be-toc{position:sticky;top:98px;max-height:calc(100dvh - 125px);overflow:auto;padding:20px 5px 20px 0;border-top:2px solid #95552f;font-size:12px;scrollbar-width:thin}
.be-toc summary{cursor:pointer;font:650 12px/1.5 "Sora PEP",sans-serif;padding-bottom:16px}
.be-toc ol{padding:0 0 0 21px;margin:0;display:grid;gap:11px;color:#95552f;list-style:decimal}
.be-toc a{color:#53625a;text-decoration:none;line-height:1.55}
.be-toc a:hover,.be-toc a[aria-current="location"]{color:#082e25;text-decoration:underline}
.be-service-link{display:block;margin-top:25px;border-top:1px solid #c6cabc;padding-top:18px;line-height:1.8!important}
.be-reading{min-width:0;font-size:17px;line-height:1.9}
.be-reading p{margin:0 0 22px}
.be-reading a{color:#804322;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}
.be-opening{padding-bottom:22px}
.be-opening>p:first-child{font-size:23px;line-height:1.65;color:#082e25}
.be-reading ul{padding-left:24px;margin:24px 0;list-style:disc}
.be-reading li{padding-left:4px;margin-bottom:10px}
.be-chapter{margin-top:50px;padding-top:38px;border-top:1px solid #c6cabc;scroll-margin-top:98px}
.be-chapter-number{font:650 11px/1.5 "Sora PEP",sans-serif;color:#95552f;letter-spacing:.12em;margin-bottom:16px!important}
.be-guide .be-chapter h2{font-size:clamp(34px,3.2vw,48px);line-height:1.10;margin:0 0 28px;scroll-margin-top:100px;text-wrap:pretty}
.be-guide .be-chapter h3{font-size:30px;line-height:1.2;margin:36px 0 18px;scroll-margin-top:100px}
.be-photo{margin:38px 0 22px}
.be-photo img{width:100%;height:auto;aspect-ratio:1672/941;display:block}
.be-photo figcaption{font-size:12px;line-height:1.65;color:#53625a;border-bottom:1px solid #cfd1c5;padding:12px 0 16px}
.be-table-wrap{overflow-x:auto;max-width:100%;margin:28px 0;border:1px solid #c6cabc;scrollbar-color:#95552f #e3e5da;scrollbar-width:thin}
.be-reading table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;line-height:1.7}
.be-reading th,.be-reading td{text-align:left;vertical-align:top;padding:17px 19px;border-right:1px solid #c6cabc;border-bottom:1px solid #c6cabc}
.be-reading th{background:#082e25;color:#fffdf8;font-size:12px;font-family:"Sora PEP",sans-serif;font-weight:550}
.be-reading tr:last-child td{border-bottom:0}
.be-reading th:last-child,.be-reading td:last-child{border-right:0}
.be-reading tbody tr:nth-child(even){background:#e9ebdf}
.be-level-callout{padding:28px 32px;background:#e3e8da;border-left:3px solid #95552f;margin:30px 0}
.be-level-callout p:last-child{margin-bottom:0;font-size:13px;color:#53625a}
.be-project{background:#082e25;color:#f4f0e7;padding:38px 40px 24px;border:0}
.be-project .be-chapter-number{color:#edc49d}
.be-project a{color:#edc49d}
.be-project p:has(>a[href="/contact"]:only-child){margin:30px 0}
.be-project p>a[href="/contact"]:only-child{display:inline-block;padding:16px 22px;background:#ebc49f;color:#082e25;font:650 13px/1.7 "Sora PEP",sans-serif;text-decoration:none}
.be-next{padding:32px 0 0;margin-top:24px}
.be-next>a{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #c6cabc;padding:18px 0;font-size:15px;color:#102a24;text-decoration:none}
.be-guide :where(main a,main summary,main [tabindex]):focus-visible{outline:2px solid #95552f;outline-offset:5px}
@media(min-width:1101px) and (max-width:1200px){.be-hero-copy{padding:4%;width:56%}.be-guide .be-hero h1{font-size:51px}.be-hero-link{margin-top:20px}.be-meta{gap:8px 12px}}
@media(max-width:1100px){.be-hero:after{display:none}.be-hero-copy{position:static;width:auto;padding:36px 40px}.be-guide .be-hero h1{font-size:clamp(42px,6.8vw,67px);max-width:790px}.be-hero-link{margin-top:22px}.be-layout{width:calc(100% - 56px);grid-template-columns:190px minmax(0,1fr);gap:30px}.be-toc{font-size:11px}.be-opening>p:first-child{font-size:21px}}
@media(max-width:800px){.be-layout{display:block;padding-top:32px;width:calc(100% - 48px)}.be-toc{position:static;max-height:none;padding:18px 0;margin-bottom:38px;border-bottom:1px solid #c6cabc;font-size:13px}.be-toc ol{grid-template-columns:1fr 1fr;gap:12px 28px}.be-service-link{font-size:12px}.be-reading{font-size:16px}.be-chapter{scroll-margin-top:90px}.be-breadcrumb{padding:18px 24px}.be-opening>p:first-child{font-size:21px}}
@media(max-width:480px){.be-breadcrumb{padding:16px 18px;font-size:10px}.be-breadcrumb nav{gap:8px}.be-hero-copy{padding:30px 22px 34px}.be-guide .be-hero h1{font-size:43px}.be-guide .be-eyebrow{font-size:10px}.be-guide .be-subtitle{font-size:17px}.be-layout{width:calc(100% - 36px);padding-bottom:44px}.be-toc ol{grid-template-columns:1fr}.be-guide .be-chapter h2{font-size:35px}.be-guide .be-chapter h3{font-size:28px}.be-chapter{padding-top:28px;margin-top:36px}.be-photo{margin:28px 0 18px}.be-level-callout{padding:24px 20px}.be-project{padding:30px 22px 20px}.be-guide .be-project h2{font-size:34px}.be-next>a{font-size:14px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{.be-toc,.site-header,.site-footer,.be-hero-link,.be-next{display:none!important}.be-layout{display:block;width:100%;padding:20px 0}.be-hero:after{display:none}.be-hero-copy{position:static;width:auto;color:#102a24}.be-guide .be-hero h1,.be-guide .be-subtitle,.be-hero .be-eyebrow,.be-meta{color:#102a24}.be-hero{background:white}.be-hero>img{max-height:280px;object-fit:contain}.be-project{background:white;color:#102a24}.be-photo{break-inside:avoid}.be-chapter h2{break-after:avoid}}
/* Bathroom-specific refinements; no alterations to the shared PEP shell. */
.be-reading .be-table-hint{font-size:12px;line-height:1.6;color:#53625a;margin:24px 0 -18px}
.be-checklist ul{list-style:none;padding:0;display:grid;gap:0}
.be-checklist li{position:relative;padding:14px 12px 14px 34px;margin:0;border-bottom:1px solid #c6cabc}
.be-checklist li:before{content:"";position:absolute;left:3px;top:23px;width:11px;height:11px;border:1px solid #95552f}
.be-project p:last-child a[href="/contact"]{display:block;width:fit-content;max-width:100%;padding:15px 20px;margin-bottom:10px;background:#ebc49f;color:#082e25;text-decoration:none;font:650 13px/1.7 "Sora PEP",sans-serif}
.be-guide .be-toc a{display:inline-block}
@media (min-width:801px){.be-guide .be-toc{padding-right:12px}}


/* Bathroom preview: preserve complete photos and readable copy at breakpoint boundaries. */
.be-guide .be-hero:after{background:linear-gradient(90deg,rgba(6,23,17,.90),rgba(6,23,17,.72) 32%,rgba(6,23,17,.20) 55%,transparent 70%)}
.be-guide .be-checklist ol{list-style:decimal;padding-left:24px}.be-guide .be-checklist li{padding:14px 8px}.be-guide .be-checklist li:before{display:none}
@media(max-width:360px){.be-guide .be-hero h1{font-size:38px}.be-guide .be-chapter h2{font-size:32px}}