.guides-hero{background:#102f43;color:#fff;padding:28px 0 62px}
.guides-hero .breadcrumb{font-size:13px;line-height:1.7;color:#bed3de;margin-bottom:34px}
.guides-hero .breadcrumb a{color:#bed3de}
.guides-hero .eyebrow{color:#a6cddd}
.guides-hero h1{max-width:940px;font-size:clamp(38px,5vw,65px);line-height:1.1;letter-spacing:-1.3px;margin-bottom:25px}
.guides-hero .lead{font-size:18px;line-height:1.7;color:#cedee7;max-width:720px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.guide-card{display:flex;flex-direction:column;padding:28px 0 8px;border-top:1px solid #b7cad5;text-decoration:none;min-width:0}
.guide-card-meta{font-size:13px;color:#567587;margin-bottom:22px}
.guide-card h3{font:400 29px/1.18 Georgia,serif;letter-spacing:-.6px;margin:0 0 20px}
.guide-card p{font-size:16px;line-height:1.75;color:#536e7e;margin-bottom:24px}
.guide-card-link{margin-top:auto;font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}
.guide-card:hover h3,.guide-card:hover .guide-card-link{color:#006baa}
.guide-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(240px,1fr);gap:70px;align-items:start;padding-block:52px 65px}
.guide-article{min-width:0}
.guide-article section{margin-bottom:38px}
.guide-article h2{font:400 32px/1.2 Georgia,serif;letter-spacing:-.6px;margin:0 0 20px}
.guide-article p,.guide-article li{font-size:17px;line-height:1.85;color:#365666}
.guide-article p{margin-bottom:19px}
.guide-article a:not(.button){text-decoration:underline;text-underline-offset:4px;color:#006baa}
.guide-article ul{padding-left:23px}
.guide-article li{padding-left:5px;margin-bottom:10px}
.guide-table-wrap{overflow-x:auto;border:1px solid #dce5eb;border-radius:4px}
.guide-article table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.7}
.guide-article th{text-align:left;background:#edf3f6;font-weight:600;color:#173a4e}
.guide-article th,.guide-article td{padding:17px 20px;border-bottom:1px solid #dce5eb;vertical-align:top;width:50%}
.guide-article tr:last-child td{border-bottom:0}
.guide-checklist{background:#f2f6f8;border-left:3px solid #89b5ce;padding:29px 28px 15px}
.guide-contact{position:sticky;top:170px;background:#f2f6f8;border:1px solid #dce6ec;padding:29px 25px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.guide-contact .eyebrow{margin:0;font-size:12px}
.guide-contact h2{font:400 29px/1.2 Georgia,serif;letter-spacing:-.5px;margin:0}
.guide-contact p{font-size:16px;line-height:1.7;color:#536e7e;margin:0}
.guide-contact>a{font-size:14px;line-height:1.5;text-underline-offset:4px}
.guide-contact .button{width:100%;white-space:normal;text-align:center;padding:13px;min-height:48px}
.guide-sources{border-top:1px solid #dce5eb;padding-top:25px}
.guide-sources h2{font:600 15px/1.5 Arial,sans-serif;letter-spacing:0;margin-bottom:10px}
.guide-sources li,.guide-sources p{font-size:13px;line-height:1.7}
.guide-sources ul{margin-bottom:16px}
.guide-more{background:#f5f8fa}
.guide-more h2{font-size:37px;line-height:1.2;margin-bottom:33px}
.guide-more .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-guide{border:1px solid #d6e3eb;background:#f5f8fa;padding:28px;margin-top:30px}
.article .service-guide h2{font-size:28px;line-height:1.2;margin:0 0 16px}
.service-guide p:not(.eyebrow){font-size:16px;line-height:1.7;color:#536e7e}
.service-guide>a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.guide-grid{gap:22px}.guide-card h3{font-size:25px}.guide-layout{gap:30px;grid-template-columns:minmax(0,1fr) 245px}.guide-contact{padding:23px 19px}}
@media(max-width:640px){.guides-hero{padding:23px 0 38px}.guides-hero .breadcrumb{font-size:12px;margin-bottom:27px}.guides-hero h1{font-size:39px}.guide-article-hero h1{font-size:36px}.guides-hero .lead{font-size:17px}.guide-grid,.guide-more .guide-grid,.guide-layout{grid-template-columns:1fr;gap:26px}.guide-layout{padding-block:35px 40px}.guide-card h3{font-size:29px}.guide-contact{position:static;padding:26px}.guide-article h2{font-size:29px}.guide-article p,.guide-article li{font-size:16px}.guide-checklist{padding:24px 20px 12px}.guide-article th,.guide-article td{padding:14px 12px;font-size:14px}.guide-more h2{font-size:31px}.service-guide{padding:23px}.article .service-guide h2{font-size:26px}}

/* Original toilet-seat guide: steps, measurements and replacement sequence. */
.seat-guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #c9dbe6;margin-bottom:42px;gap:16px;padding-block:18px}.guide-article .seat-guide-steps a{font-size:14px;text-decoration:none;line-height:1.5}.seat-guide-steps b{display:block;color:#718f9f;font-size:12px;margin-bottom:5px}.guide-article .seat-step-label{font-size:12px;letter-spacing:1.1px;text-transform:uppercase;color:#0074b7;font-weight:700;margin-bottom:14px}.guide-article section[id]{scroll-margin-top:215px}.seat-note{border-left:3px solid #76b1cf;padding:17px 22px;background:#f2f7fa;margin-block:24px}.seat-note strong{font-size:16px}.guide-article .seat-note p{font-size:16px;margin:6px 0 0;line-height:1.7}.seat-measurement{margin:25px 0 23px}.seat-measurement img{display:block;width:100%;max-width:460px;height:auto;margin-inline:auto}.seat-measurement figcaption{text-align:center;font-size:12px;line-height:1.6;color:#567587;margin-top:12px}.seat-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.seat-dimensions dt{font-size:16px;font-weight:600;margin-bottom:12px}.seat-dimensions dt span{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#006bac;color:white;margin-right:5px}.seat-dimensions dd{margin:0;font-size:15px;line-height:1.7;color:#365666}.seat-options{display:grid;grid-template-columns:1fr 1fr;gap:25px 28px}.seat-options h3,.seat-replacement h3{font:600 17px/1.4 Arial,sans-serif;margin:0 0 8px;letter-spacing:0}.guide-article .seat-options p,.guide-article .seat-replacement p{font-size:16px;line-height:1.8;margin:0}.seat-options{margin-bottom:25px}.guide-article .seat-product-link{display:inline-flex;padding:14px 20px;background:#12384d;color:white;border-radius:3px;font-size:15px;text-decoration:none;min-height:48px}.seat-replacement{padding-left:25px}.seat-replacement li{padding:0 0 22px 8px;margin:0}.seat-replacement li::marker{font-weight:700;color:#0074b7}.guide-contact{top:calc(var(--site-header-height,180px) + 20px)}
@media(max-width:760px){.guide-article section[id]{scroll-margin-top:25px}.seat-guide-steps{grid-template-columns:1fr 1fr;gap:19px 12px;margin-bottom:32px}.seat-dimensions{grid-template-columns:1fr;gap:18px}.seat-dimensions dt{margin-bottom:4px}.seat-dimensions dd{padding-left:38px}.seat-options{grid-template-columns:1fr;gap:23px}.seat-note{padding:17px 18px}.guide-layout{grid-template-columns:1fr}.guide-contact{position:static}}