body[data-page="umbrella-fabric"]{margin:0;background:#fff}
body[data-page="umbrella-fabric"] #article{padding-top:0;overflow:clip}
body[data-page="umbrella-fabric"] #article .hero{background:transparent;border-radius:0;min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:42px;min-height:590px;padding:48px 0 44px}
body[data-page="umbrella-fabric"] #article .hero::before,body[data-page="umbrella-fabric"] #article .hero::after{display:none}
body[data-page="umbrella-fabric"] #article .hero>*{min-width:0}
body[data-page="umbrella-fabric"] #article .hero h1{font-size:clamp(44px,4.6vw,64px);line-height:1.12;max-width:580px;margin:20px 0 24px;overflow-wrap:anywhere}
body[data-page="umbrella-fabric"] #article .hero .dek{font-size:19px;line-height:1.7;max-width:510px}
body[data-page="umbrella-fabric"] #article .hero .text-link{margin-top:18px}
body[data-page="umbrella-fabric"] #article .hero-figure{padding:0;overflow:visible;align-self:center}
body[data-page="umbrella-fabric"] #article .hero-figure img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#fff;border:1px solid #e2e9e3;border-radius:8px}
body[data-page="umbrella-fabric"] #article .intro{background:transparent}
body[data-page="umbrella-fabric"] #article .toc{z-index:1}
body[data-page="umbrella-fabric"] #article .article-cta{background:#0b5a33;color:#fff;position:relative;overflow:hidden}
body[data-page="umbrella-fabric"] #article .article-cta h2{color:#fff!important}
body[data-page="umbrella-fabric"] #article .article-cta p:not(.eyebrow){color:#edf3ef}
body[data-page="umbrella-fabric"] #article .article-cta .button-link{position:static;display:inline-flex;align-items:center;gap:28px;background:#fff;color:#0b5a33;border:0;text-decoration:none;padding:15px 22px;border-radius:8px;font-size:14px;font-weight:600;margin:8px 0 0;line-height:1.35}
body[data-page="umbrella-fabric"] #article .article-cta .button-link:hover{background:#eaf1ec;color:#0b5a33}
body[data-page="umbrella-fabric"] .ml-language-host-mobile.is-open .ml-language-menu{display:grid!important;position:static;width:100%;max-height:40vh;overflow-y:auto}
@media(max-width:1100px){body[data-page="umbrella-fabric"] #article .hero{gap:24px;min-height:0}
body[data-page="umbrella-fabric"] #article .hero h1{font-size:clamp(42px,5vw,58px)}}
@media(max-width:760px){body[data-page="umbrella-fabric"] #article .hero{grid-template-columns:1fr;gap:24px;padding:30px 0 26px}
body[data-page="umbrella-fabric"] #article .hero h1{font-size:clamp(38px,9vw,48px);line-height:1.16;max-width:100%}
body[data-page="umbrella-fabric"] #article .hero .dek{font-size:17px;max-width:100%}
body[data-page="umbrella-fabric"] #article .hero-figure{padding:0;max-width:100%}}
/* New content uses the current article shell and its prose, TOC and photo-pair rules. */
#article.fabric-guide .fabric-overview{margin-bottom:72px}
#article.fabric-guide .fabric-figure{margin:30px 0}
#article.fabric-guide .fabric-figure>figcaption{padding-top:12px;font-size:12px}
#article.fabric-guide .photo-pair{margin-bottom:0}
#article.fabric-guide .fabric-single-image{width:100%;height:auto;max-height:440px;object-fit:contain;background:var(--paper)}
#article.fabric-guide .concept-figure{max-width:640px;margin:30px auto}
#article.fabric-guide .concept-figure svg{width:100%;height:auto;display:block}
#article.fabric-guide .calculation{margin:28px 0;padding:22px 26px;background:var(--paper);border-left:3px solid var(--green)}
#article.fabric-guide .calculation p:last-child{margin-bottom:0}
#article.fabric-guide .fabric-table-caption{max-width:100%;color:var(--copy);font-size:13px;line-height:1.7;margin-bottom:14px;overflow-wrap:anywhere}
#article.fabric-guide .references ol{padding-left:24px}
#article.fabric-guide .references li{margin-bottom:14px;font-size:14px;line-height:1.75}
#article.fabric-guide sup{font-size:.72em;margin-left:.12em}
#article.fabric-guide .references li:target{background:var(--soft);outline:6px solid var(--soft)}
#article.fabric-guide .hero .meta a{text-decoration:underline}
@media(max-width:760px){#article.fabric-guide .fabric-figure{margin:24px 0}#article.fabric-guide .photo-pair{grid-template-columns:1fr}#article.fabric-guide .photo-pair img{height:auto;max-height:340px}#article.fabric-guide .fabric-figure>figcaption{font-size:11px}#article.fabric-guide .calculation{padding:20px;font-size:14px}}

/* Keep whole three-panel real-photo cover visible at every viewport. */
body[data-page="umbrella-fabric"] #article .hero-figure img{object-fit:contain;aspect-ratio:3/2;height:auto}
#article.fabric-guide .article-copy{max-width:870px;min-width:0}
#article.fabric-guide .article-section{min-width:0}
#article.fabric-guide .toc{align-self:start}

/* CSP-safe styling for article terms and inherited footer links. */
body[data-page="umbrella-fabric"] #article h1 .fabric-spec-term{white-space:nowrap}
body[data-page="umbrella-fabric"] .fabric-legal-link{text-decoration:underline;text-underline-offset:3px}