/* Service schematics: isolated, static, and responsive. */
.ss-board{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #dedbd3;border-radius:16px;overflow:hidden;background:#fff}.ss-board+.ss-board{margin-top:28px}.ss-visual{padding:28px 32px;background:#f2f0ea;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #dedbd3;min-width:0}.ss-label{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px;letter-spacing:1.2px;line-height:1.6;color:#696257}.ss-label>span:first-child{color:#a71b21}.ss-map{display:block;width:100%;height:auto;margin:24px auto;max-height:380px}.ss-map .ss-outline{fill:#e5e0d5;stroke:#8b8274;stroke-width:2;stroke-linejoin:round}.ss-map .ss-surface{fill:#faf8f3;stroke:#9a9182;stroke-width:1.8;stroke-linejoin:round}.ss-map .ss-fine{fill:none;stroke:#9a9182;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ss-map .ss-stitch{fill:none;stroke:#b51c22;stroke-width:2;stroke-dasharray:4 5;stroke-linecap:round}.ss-map .ss-guide{fill:none;stroke:#8f8779;stroke-width:1.3;stroke-dasharray:3 5}.ss-map .ss-point{fill:#b51c22;stroke:#f2f0ea;stroke-width:3}.ss-map text{font-family:Arial,sans-serif}.ss-map .ss-num{fill:white;text-anchor:middle;font-size:12px}.ss-map .ss-caption{fill:#625b50;font-size:15px}.roof-service .ss-visual-note{font-size:12px;line-height:1.7;color:#696257;margin:0}.ss-copy{padding:36px;align-self:center;min-width:0}.ss-copy h3{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:0 0 24px}.ss-key{list-style:none;margin:0;padding:0}.ss-key li{display:grid;grid-template-columns:28px 1fr;gap:16px;padding:20px 0;border-top:1px solid #e5e2db}.ss-key li:last-child{padding-bottom:0}.ss-key li>span{color:#a71b21;font-size:12px;padding-top:3px}.ss-key strong{font-size:17px;line-height:1.4;font-weight:600}.roof-service .ss-key p{font-size:14px;line-height:1.75;color:#62625d;margin:8px 0 0}.ss-board.ss-detail{grid-template-columns:1fr 1.15fr;background:#eeece5}.ss-detail .ss-visual{order:2;border-right:0;border-left:1px solid #dedbd3;background:#faf9f6}.ss-detail .ss-copy{order:1}.roof-service .ss-copy>p{font-size:15px;line-height:1.75;color:#62625d;margin:0}.ss-detail .ss-map{max-height:310px}.ss-rule{margin-top:24px;border-top:1px solid #d5cfc2;padding-top:20px}.ss-rule strong{font-size:15px;line-height:1.5}.roof-service .ss-rule p{font-size:14px;line-height:1.75;color:#62625d;margin:10px 0 0}
@media(max-width:1000px){.ss-copy{padding:28px}.ss-visual{padding:24px}.ss-copy h3{font-size:26px}.ss-label{font-size:10px;letter-spacing:.7px}}
@media(max-width:800px){.ss-board,.ss-board.ss-detail{grid-template-columns:1fr}.ss-visual{border-right:0;border-bottom:1px solid #dedbd3}.ss-detail .ss-visual{order:0;border-left:0}.ss-detail .ss-copy{order:1}.ss-map{max-height:360px}.ss-copy{padding:32px}.ss-key li{padding:18px 0}}
@media(max-width:540px){.ss-map .ss-num{font-size:22px;dominant-baseline:central;transform:translateY(-4px)}.ss-map .ss-point{r:23px}.ss-map .ss-caption{font-size:24px}.ss-board{border-radius:12px}.ss-visual{padding:24px 20px}.ss-label{font-size:10px;gap:8px}.ss-copy{padding:28px 24px}.ss-copy h3{font-size:26px}.ss-key li{grid-template-columns:24px 1fr;gap:12px}.ss-key strong{font-size:17px}.roof-service .ss-key p,.roof-service .ss-rule p{font-size:14px}.ss-map{margin:20px 0}.roof-service .ss-visual-note{font-size:12px}}