/* Civil and structural member of the shared calculation-guide family.
   Copy remains native; drawing geometry and composition stay template-owned. */
.ce-detail :is(.ce-overview,.ce-benefits,.ce-features,.ce-news,.ce-applications) p{color:var(--body-text);line-height:1.8}
.ce-overview-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:6%;align-items:center}
.ce-overview-copy>p{margin:0 0 26px;max-width:67ch}
.ce-overview-plate{min-width:0;position:relative;padding:18px;background:radial-gradient(ellipse at 50% 60%,#deeff2,transparent 74%);border-bottom:2px solid #57a7b2}
.cv-overview-art{display:block;width:100%;height:auto;max-height:360px}
.ce-context-notes{margin:30px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;border-top:1px solid #accdd6;padding-top:22px}
.ce-context-notes dt{font-family:var(--font-display);font-weight:700;color:#103c50;line-height:1.4;margin-bottom:8px}
.ce-context-notes dd{margin:0;line-height:1.8;color:var(--body-text)}
.ce-benefits{background:#edf6f7;border-block:1px solid #d1e4e8}
.ce-benefit-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ce-benefit-cards article{min-width:0;padding:28px;background:#fff;border:1px solid #c3dde3;position:relative}
.ce-benefit-cards article:before{content:'';position:absolute;inset:0 auto auto 0;width:54px;height:3px;background:#4ba3ad}
.ce-benefit-symbol{width:54px;height:54px;margin-bottom:22px;color:#258e9c}
.ce-benefit-symbol svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.ce-benefit-cards p{margin:0}
.ce-benefit-cards .ce-benefit-example{margin-top:20px;padding-top:18px;border-top:1px solid #d5e7eb}
.ce-analysis-directory{border-top:1px solid #accfd8}
.ce-analysis-row{border-bottom:1px solid #accfd8}
.ce-analysis-row summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:25px 0}
.ce-analysis-row summary::-webkit-details-marker{display:none}
.ce-analysis-row summary h3{margin:0}
.ce-feature-toggle{display:block;position:relative;flex:0 0 34px;width:34px;height:34px;border:1px solid #b8d7df;color:#238894}
.ce-feature-toggle:before,.ce-feature-toggle:after{content:'';position:absolute;background:currentColor;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:2px}
.ce-feature-toggle:after{width:2px;height:12px}
.ce-analysis-row[open] .ce-feature-toggle:after{display:none}
.ce-analysis-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:center;padding:4px 0 28px}
.ce-analysis-copy>p{margin:0}
.ce-review-focus{margin-top:22px;padding-left:18px;border-left:2px solid #58aab4}
.ce-review-focus .ip-label{margin-bottom:8px}
.ce-review-focus p{margin:0}
.ce-analysis-drawing{padding:16px 10px;background:#f1f7f8;border:1px solid #d5e6eb}
.cv-analysis-art{display:block;width:100%;height:auto;max-height:220px}
.ce-connections{background:radial-gradient(ellipse at 95% 5%,#15546b66,transparent 65%),#082e42;color:#fff}
.ce-connections .ip-label{color:#97d9dc}
.ce-connections h2 em{color:var(--ip-teal)}
.ce-detail .ce-connections :is(p,dd){color:var(--body-text-on-dark);line-height:1.8}
.ce-workspaces{margin:0;border-top:1px solid #527c8d}
.ce-workspace-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7%;padding:26px 0;border-bottom:1px solid #527c8d}
.ce-workspace-row dt .ip-label{margin-bottom:10px}
.ce-workspace-row h3{margin:0;color:#fff}
.ce-workspace-row dd{margin:0;min-width:0}
.ce-workspace-row p{margin:0 0 16px}
.ce-connections .ip-inline-link{color:#b0e6e7}
.ce-news{background:#eef6f7;border-bottom:1px solid #cfE3e7}
.ce-news-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:start}
.ce-news-heading h2{margin-bottom:0}
.ce-news-heading p{margin:0 0 22px}
.ce-release-notes{margin:28px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;border-top:1px solid #adced7;padding-top:24px}
.ce-release-notes dt{font-family:var(--font-display);font-size:var(--type-subhead-size);font-weight:700;line-height:1.3;margin-bottom:10px;color:#103c50}
.ce-release-notes dd{margin:0;color:var(--body-text);line-height:1.8}
.ce-project-readings{border-top:1px solid #a9ccd6}
.ce-project-readings article{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);gap:5%;padding:28px 0;border-bottom:1px solid #bfd9e1}
.ce-project-readings article>h3{margin:0;padding-right:15px}
.ce-project-readings .ip-label{margin-bottom:10px}
.ce-project-readings p{margin:0 0 16px}
.ce-detail :is(.ce-overview-grid,.ce-context-notes,.ce-benefit-cards,.ce-analysis-body,.ce-news-heading,.ce-release-notes,.ce-workspace-row,.ce-project-readings article)>*{min-width:0}
@supports(grid-template-rows:subgrid){@media(min-width:851px){.ce-benefit-cards{row-gap:0}.ce-benefit-cards article{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}.ce-benefit-cards h3{align-self:start}}}
@media(max-width:1100px){.ce-benefit-cards{gap:18px}.ce-benefit-cards article{padding:24px}.ce-project-readings article{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px 5%}.ce-project-readings article>div:last-child{grid-column:2}}
@media(max-width:850px){.ce-overview-grid,.ce-news-heading{grid-template-columns:minmax(0,1fr);gap:28px}.ce-overview-plate{max-width:680px;width:100%;margin-inline:auto}.ce-benefit-cards{grid-template-columns:minmax(0,1fr)}.ce-benefit-cards article{display:grid;grid-template-columns:54px minmax(0,1fr);gap:0 24px}.ce-benefit-symbol{grid-row:1/4;margin:0}.ce-benefit-cards h3{align-self:center}.ce-analysis-body{gap:26px}}
@media(max-width:650px){.ce-context-notes,.ce-analysis-body,.ce-workspace-row,.ce-release-notes,.ce-project-readings article{grid-template-columns:minmax(0,1fr);gap:24px}.ce-context-notes{gap:22px}.ce-overview-plate{padding:8px}.ce-benefit-cards article{display:block}.ce-benefit-symbol{margin-bottom:20px}.ce-analysis-drawing{max-width:500px;width:100%;margin-inline:auto}.ce-project-readings article>div:last-child{grid-column:auto}.ce-project-readings article>h3{padding:0}}
@media(max-width:600px){.ce-detail .td-hero-visual{min-height:12rem}}
@media(hover:hover) and (pointer:fine){.ce-benefit-cards article:hover{border-color:#6cb4bf;box-shadow:0 8px 22px #113d500a}.ce-analysis-row summary:hover h3{color:#087c8e}}
@media(prefers-reduced-motion:no-preference){.ce-benefit-cards article{transition:border-color .22s,box-shadow .22s}.ce-analysis-row summary h3{transition:color .2s}}