.integral-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.integral-grid article{border-top:2px solid #759bb6;padding:22px 0}.integral-grid h3{font-size:24px}.cloud-band{background:#eaf0f4;color:#183247;padding:48px;border-radius:16px}.cloud-band p{color:#40566a}.screen-story{margin:48px 0 64px}.screen-story img{width:100%;height:auto;display:block;border:1px solid #a6b7c6;border-radius:10px}.screen-story figcaption{padding:16px 0;font-size:15px}.screen-story a{display:block}.integral-heading{max-width:880px}.integral-heading h2{font-size:clamp(30px,4vw,48px)}#navigation{gap:17px}#navigation>a{white-space:nowrap}.integral-links{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0}.integral-links a{text-decoration:underline}@media(max-width:850px){.integral-grid{grid-template-columns:1fr 1fr}.cloud-band{padding:28px}}@media(max-width:560px){.integral-grid{grid-template-columns:1fr}.cloud-band{padding:24px}.screen-story{margin:30px 0 42px}}
.service-access{padding-top:48px;padding-bottom:32px}.service-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-access-grid>a{display:block;padding:26px;border:1px solid #7191aa;border-radius:12px;background:#102439;color:#fff}.service-access-grid h2{font-size:28px}.service-access-grid p{color:#d1e0ed}.module-link{display:inline-block;margin-top:14px;text-decoration:underline}.detail-nav{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.detail-nav a{white-space:nowrap}@media(max-width:700px){.service-access-grid{grid-template-columns:1fr}.detail .nav{flex-wrap:wrap}.detail-nav{gap:12px;font-size:14px;width:100%}}

.integrated-story h2{font-size:clamp(30px,4vw,48px)}.business-flow{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;margin:36px 0}.business-flow li{border-top:2px solid #729db8;padding:22px 0;counter-increment:step}.business-flow li:before{content:"0" counter(step);display:block;color:#6694ae;font-size:14px;margin-bottom:12px}.business-flow strong{font-size:22px}.business-flow p{font-size:16px}@media(max-width:850px){.business-flow{grid-template-columns:1fr 1fr}}@media(max-width:560px){.business-flow{grid-template-columns:1fr}}

.commercial-contact{flex-basis:100%;width:100%;padding:26px 0;line-height:1.6}.commercial-contact>div{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:8px}.commercial-contact a{overflow-wrap:anywhere}.detail-footer{flex-wrap:wrap}.integral-grid article>svg{margin-bottom:12px;color:#719bb8}

/* Interior design: scoped to the two reviewed commercial pages. */
.design-detail{--ink:#102c3b;--night:#0c1c2e;--aqua:#99e5ea;background:#f8fafb;color:var(--ink)}
.design-detail .nav{min-height:104px;padding-block:18px}.design-detail .official-logo{width:68px;height:68px}
.design-detail .detail-crumbs{font-size:12px;color:#526777}
.design-detail .detail-hero{background:linear-gradient(120deg,#0b1929,#15354a);color:#f5f9fc;padding:64px 0 72px}
.design-detail .detail-hero>.wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:48px}
.design-detail .detail-hero h1{font-size:clamp(34px,3.6vw,52px);line-height:1.08;letter-spacing:-1.6px;color:#fff;margin:20px 0}
.design-detail .detail-hero .eyebrow{color:#a9edf0;font-size:11px;letter-spacing:2px}
.design-detail .detail-summary{border:0;padding:0}.design-detail .detail-summary .lead{color:#d9e5ed;font-size:17px;line-height:1.7}
.design-detail .detail-hero .button{background:#a4e8ed;color:#102c3b;border:0;margin-top:12px}
.hero-product{margin:0;border:1px solid #506c80;border-radius:14px;overflow:hidden;background:#14283c;box-shadow:0 24px 56px #0004}
.product-caption,.hero-product figcaption{display:flex;justify-content:space-between;gap:16px;padding:17px 20px;color:#dbe8f0;font-size:12px}
.product-caption>span:first-child{font-size:10px;letter-spacing:1.5px;color:#a8e3e8}
.hero-product img{display:block;width:100%;height:auto}.hero-product figcaption a{color:#a9edf0;text-decoration:underline;text-underline-offset:4px}
.design-detail .section-index{display:flex;gap:32px;flex-wrap:wrap;border-bottom:1px solid #d5e0e8;padding-block:24px}.section-index a{font-size:14px;color:#254e68;text-decoration:none}
.design-detail .section{padding-block:64px}.design-detail h2{font-size:clamp(28px,3.3vw,42px);line-height:1.16;letter-spacing:-1px;max-width:850px}
.design-detail .integral-grid{gap:20px;margin-top:34px}.design-detail .integral-grid article{border:1px solid #d3dfe7;border-radius:12px;padding:26px;background:#fff;display:flex;flex-direction:column;position:relative}
.design-detail .integral-grid h3{font-size:22px;line-height:1.25;margin:15px 0 12px}.design-detail .integral-grid p{font-size:15px;line-height:1.75;color:#445f71;margin:0 0 16px}
.design-detail .module-number{font-size:12px;letter-spacing:1px;color:#376b80}.design-detail .module-link{margin-top:auto;font-size:14px;color:#19596b;padding-top:12px}
.design-detail .integrated-story{background:#112b3e;color:#f3f8fc;border-radius:18px;padding:48px;margin-block:24px}
.design-detail .integrated-story h2,.design-detail .integrated-story strong{color:#fff}.design-detail .integrated-story p{color:#d8e5ee}.design-detail .integrated-story .eyebrow{color:#aae5e8}.design-detail .business-flow li{border-color:#6397a9}.design-detail .business-flow li:before{color:#b0eff0}
.design-detail .cloud-band{background:#e4eef2;border:1px solid #ccdce5;border-radius:16px;padding:40px}
.design-detail .real-shot,.design-detail .screen-story{background:#fff;border:1px solid #d2dfe7;border-radius:14px;padding:22px;margin:32px 0}
.design-detail .real-shot img,.design-detail .screen-story img{border-radius:6px}.design-detail figcaption{line-height:1.6}
.design-detail .closing-section{border-top:1px solid #cfdee6;margin-top:30px;background:#eaf1f5;border-radius:16px;padding:40px;margin-bottom:40px}
.design-detail a:focus-visible{outline:3px solid #27849a;outline-offset:5px}.design-detail .detail-hero a:focus-visible{outline-color:#fff}
.design-detail section[id]{scroll-margin-top:24px}
@media(max-width:1000px){.design-detail .detail-hero>.wrap{grid-template-columns:1fr;gap:30px}.design-detail .hero-copy{max-width:740px}.design-detail .hero-product{max-width:850px}.design-detail .detail-nav{font-size:13px}}
@media(max-width:600px){.design-detail .detail-hero{padding:36px 0}.design-detail .detail-hero h1{font-size:36px;letter-spacing:-1px}.design-detail .section{padding-block:38px}.design-detail .integrated-story,.design-detail .closing-section{padding:26px}.design-detail .cloud-band{padding:24px}.design-detail .section-index{gap:12px 22px}.design-detail .section-index a{padding-block:8px}.product-caption,.hero-product figcaption{padding:12px;font-size:11px;flex-wrap:wrap}.design-detail .real-shot,.design-detail .screen-story{padding:12px}.design-detail .detail-nav a{min-height:36px;display:inline-flex;align-items:center}}

/* Shared interior family: editorial navigation when a module screenshot is unavailable. */
.hero-topics{border-top:1px solid #6a8b9e;border-bottom:1px solid #6a8b9e;padding:28px 0;margin:0}
.hero-topics>.eyebrow{margin-bottom:20px}.hero-topics>a{display:grid;grid-template-columns:32px 1fr 24px;align-items:center;gap:16px;padding:24px 0;color:#f4f9fc;text-decoration:none;border-top:1px solid #486174;font-size:clamp(18px,2vw,25px);line-height:1.3}
.hero-topics>a:hover{color:#a9edf0}.topic-number{font-size:12px;color:#a9edf0;letter-spacing:1px}.hero-topics>a>span:last-child{color:#a9edf0}
.design-detail .detail-summary p{color:#d9e5ed}.design-detail .detail-summary .detail-status{color:#c8dce6;font-size:13px;border-color:#57758a}
.design-detail .detail-columns,.design-detail .resource-grid{gap:22px;margin-top:30px}
.design-detail .detail-columns article,.design-detail .resource-grid article{background:white;border:1px solid #d3dfe7;border-radius:12px;padding:28px}
.design-detail .detail-columns h3,.design-detail .resource-grid h3{font-size:23px;line-height:1.25}.design-detail .detail-columns p,.design-detail .resource-grid p{color:#445f71;font-size:16px;line-height:1.75}
.design-detail .guide-body{max-width:850px;margin:48px auto;padding-inline:24px;font-size:17px;line-height:1.85}.design-detail .guide-body h2{font-size:30px;border-top:1px solid #cadbe5;padding-top:32px;margin-top:40px;scroll-margin-top:24px}
.design-detail .section-index a{max-width:350px}.design-detail h2[id],.design-detail h3[id]{scroll-margin-top:24px}
.design-detail .detail-cta{background:#112b3e;border-radius:14px;padding:36px}.design-detail .detail-cta h2,.design-detail .detail-cta h3{color:white}
@media(max-width:600px){.hero-topics>a{padding:20px 0;font-size:19px}.design-detail .detail-columns article,.design-detail .resource-grid article{padding:24px}.design-detail .guide-body{padding-inline:22px;margin-block:32px}.design-detail .detail-cta{padding:24px}}

.reading-guides{color:#173448;background:#edf3f6;border-radius:16px;padding:40px;margin-block:40px}.reading-guides h2,.reading-guides h3{color:#173448}.reading-guides p{color:#405c6d}.reading-guides a{color:#175a6b;text-decoration:underline}.reading-guides .eyebrow{color:#175a6b}.reading-guides .integral-grid h3{font-size:23px;line-height:1.3}.reading-guides .integral-grid article{padding:24px;background:#fff;border:1px solid #cbdbe4;border-radius:12px}.reading-guides .integral-grid p{font-size:16px}@media(max-width:600px){.reading-guides{padding:24px}}
