/* Operable.my | What Is an Operable Wall? | 2026
   Intentional isolated CSS: affects .oaw-article only. WordPress Block Editor HTML content remains editable.
   Palette follows the existing Operable supporting-pages design system. */
.oaw-article,.oaw-article *{box-sizing:border-box}
.oaw-article{--oaw-navy:#132B3A;--oaw-teal:#17485D;--oaw-gold:#D6A54B;--oaw-cream:#F6F0E5;--oaw-sage:#F0F4F1;--oaw-ink:#293e4b;--oaw-muted:#607785;--oaw-line:#dae5e7;--oaw-shadow:0 20px 46px rgba(19,43,58,.08);color:var(--oaw-ink);background:#fff;font-family:'Open Sans',Arial,sans-serif;width:100%;max-width:100%;margin:0!important;padding:0!important;gap:0!important;overflow:hidden}
.oaw-article h2, .oaw-article h3{font-family:Montserrat,Arial,sans-serif;color:var(--oaw-navy);margin:0;line-height:1.22;font-weight:760;overflow-wrap:break-word}
.oaw-article .oaw-copy,.oaw-article .oaw-copy p,.oaw-article .oaw-copy li{font-family:'Open Sans',Arial,sans-serif;line-height:1.86;color:inherit}
.oaw-article .oaw-copy p{margin:0}
.oaw-article .oaw-copy p+p{margin-top:17px}
.oaw-article a{text-decoration:none;color:#14627c}
.oaw-article a:hover{color:#a47929}
.oaw-article img{display:block;width:100%;max-width:100%;height:auto}
.oaw-article .oaw-section{width:100%;gap:0;padding:0;min-width:0}
.oaw-article .oaw-shell{width:100%;max-width:1230px;margin-inline:auto;padding-inline:32px;gap:0}
.oaw-article .oaw-kicker ,.oaw-article .oaw-kicker-dark ,.oaw-article .oaw-kicker-light {font-size:11px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:#b18127;line-height:1.7;margin-bottom:15px}
.oaw-article .oaw-kicker-light {color:#e8bb6b}
.oaw-article .oaw-h2 {font-size:clamp(29px,3.15vw,46px);letter-spacing:-1.15px;margin:0 0 24px}
.oaw-article .oaw-h3 {font-size:21px;font-weight:760;margin:26px 0 11px}
.oaw-article .oaw-copy{font-size:15px;color:#526a78;line-height:1.9}
.oaw-article .oaw-copy a,.oaw-article .oaw-link-note a{font-weight:700;text-underline-offset:4px;text-decoration:underline;text-decoration-color:#d6a54b}
.oaw-article .oaw-btn a{font-family:Montserrat,Arial,sans-serif;font-weight:750;font-size:12px;line-height:1.5;letter-spacing:.15px;min-height:49px;padding:14px 19px;border-radius:4px;background:var(--oaw-gold);color:#122f3e;border:1px solid var(--oaw-gold);box-shadow:none;display:inline-flex;justify-content:center;align-items:center;text-align:center;white-space:normal;transition:background .2s,color .2s,transform .2s}
.oaw-article .oaw-btn a:hover{background:#edc980;border-color:#edc980;color:#132B3A;transform:translateY(-2px)}
.oaw-article .oaw-btn-outline a{background:transparent;border-color:#9ebcc6;color:#fff}
.oaw-article .oaw-btn-outline a:hover{background:#ffffff1c;color:white;border-color:#d8e9eb}
.oaw-article .oaw-btn-outline-dark a{background:transparent;border-color:var(--oaw-teal);color:var(--oaw-teal)}
.oaw-article .oaw-btn-outline-dark a:hover{background:var(--oaw-teal);color:#fff}
.oaw-article .oaw-btn-text a{padding:5px 0;min-height:auto;background:transparent;border:none;border-bottom:1px solid #d6a54b;border-radius:0;color:var(--oaw-teal);font-size:12px;justify-content:flex-start}
.oaw-article .oaw-btn-text a:hover{background:transparent;border-color:#d6a54b;color:#9c6f28}
.oaw-article .oaw-btn-light a{padding:5px 0;min-height:auto;border:none;border-bottom:1px solid var(--oaw-gold);border-radius:0;background:transparent;color:#f8e0b0;justify-content:flex-start}
/* Header / hero */
.oaw-article .oaw-hero{background:linear-gradient(125deg,#132B3A 0%,#17485D 105%);padding:38px 0 86px;color:#fff}
.oaw-article .oaw-breadcrumb{color:#bacfd6;font-size:11px;line-height:1.55;margin:0 0 68px}
.oaw-article .oaw-breadcrumb a{color:#eef6f8}
.oaw-article .oaw-breadcrumb span{padding:0 10px;color:#d8ac5c}
.oaw-article .oaw-hero-grid{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:6%}
.oaw-article .oaw-hero-copy{flex:0 1 51%;min-width:0;gap:0;align-items:flex-start}
.oaw-article .oaw-hero-visual{flex:0 1 43%;min-width:0;gap:0}
.oaw-article .oaw-kicker {color:#e0b460;margin-bottom:23px}
.oaw-article .oaw-h1 {color:#fff;font-weight:820;font-size:clamp(37px,3.9vw,62px);letter-spacing:-1.7px;line-height:1.14;margin:0 0 22px}
.oaw-article .oaw-hero-lead {color:#e3b970;font-size:19px;line-height:1.55;font-weight:620;margin-bottom:15px;letter-spacing:-.4px}
.oaw-article .oaw-hero-desc{font-size:14px;line-height:1.88;color:#e1edf0;max-width:570px}
.oaw-article .oaw-actions{display:flex!important;flex-direction:row!important;align-items:center;flex-wrap:wrap!important;gap:12px;margin:27px 0 22px}
.oaw-article .oaw-hero-micro{color:#adcad3;font-size:10px;letter-spacing:1.05px}
.oaw-article .oaw-hero-image{overflow:hidden;border-radius:4px;box-shadow:16px 17px 0 #d6a54b72}
.oaw-article .oaw-hero-image img{aspect-ratio:4/3;object-fit:cover}
.oaw-article .oaw-image-caption{color:#a9c0c9;font-size:10px;text-align:right;margin-top:26px;letter-spacing:.15px}
/* Feature strip */
.oaw-article .oaw-metrics{background:var(--oaw-cream);gap:0;padding:24px 32px}
.oaw-article .oaw-metrics-shell{max-width:1166px;margin-inline:auto;width:100%;display:flex!important;flex-direction:row!important;gap:10px}
.oaw-article .oaw-metric{flex:1;display:flex!important;flex-direction:row!important;align-items:center;gap:14px;padding:13px 22px;border-right:1px solid #d9ccb3}
.oaw-article .oaw-metric:last-child{border:0}
.oaw-article .oaw-metric-num {font-size:30px;color:#b68d46;font-weight:800}
.oaw-article .oaw-metric-text{font-size:12px;line-height:1.65;color:#47606e}
/* Intro */
.oaw-article .oaw-intro,.oaw-article .oaw-how,.oaw-article .oaw-types,.oaw-article .oaw-applications,.oaw-article .oaw-compare,.oaw-article .oaw-planning,.oaw-article .oaw-faq,.oaw-article .oaw-related{padding:93px 0 100px}
.oaw-article .oaw-intro{background:#fff}
.oaw-article .oaw-two-col{display:flex!important;flex-direction:row!important;gap:8%;align-items:flex-start}
.oaw-article .oaw-body-column{flex:0 1 62%;min-width:0;gap:0}
.oaw-article .oaw-callout{flex:0 1 30%;min-width:0;background:var(--oaw-sage);padding:36px 31px;gap:16px;border-top:4px solid var(--oaw-gold)}
.oaw-article .oaw-callout-kicker {font-size:11px;font-weight:800;color:#ad7e2c;letter-spacing:1.7px}
.oaw-article .oaw-callout-title {font-size:25px;line-height:1.32;font-weight:760;color:var(--oaw-navy)}
.oaw-article .oaw-callout-text{font-size:13px;color:#536b77;line-height:1.9}
.oaw-article .oaw-how{background:var(--oaw-sage)}
.oaw-article .oaw-card-row{display:flex!important;flex-direction:row!important;align-items:stretch;gap:20px;flex-wrap:nowrap!important;margin-top:35px}
.oaw-article .oaw-step,.oaw-article .oaw-type-card,.oaw-article .oaw-planning-card{flex:1 1 0;min-width:0;gap:12px;padding:29px 27px 34px;background:#fff;border:1px solid #dfebea;box-shadow:0 17px 35px #1636470a}
.oaw-article .oaw-step{border-top:4px solid var(--oaw-gold)}
.oaw-article .oaw-step-no {font-size:40px;color:#c4a46c;font-weight:800;margin-bottom:11px}
.oaw-article .oaw-card-title {font-size:20px;font-weight:760;line-height:1.35;color:var(--oaw-navy)}
.oaw-article .oaw-card-copy{font-size:13px;color:#637783;line-height:1.85}
.oaw-article .oaw-fineprint{font-size:12px;color:#627782;margin-top:24px}
/* Large product explainer visual */
.oaw-article .oaw-components{padding:0;background:#17485D}
.oaw-article .oaw-components>.oaw-shell{max-width:1400px;padding:0}
.oaw-article .oaw-image-split{display:flex!important;flex-direction:row!important;align-items:center;gap:7%;padding-right:5vw}
.oaw-article .oaw-img-half{flex:0 1 49%;gap:0}
.oaw-article .oaw-text-half{flex:0 1 44%;padding-block:81px;gap:17px}
.oaw-article .oaw-split-image img{height:600px;object-fit:cover}
.oaw-article .oaw-img-half .oaw-image-caption{margin:0;padding:11px 26px;color:#d2e0e5;text-align:left}
.oaw-article .oaw-h2-light {color:white;font-size:clamp(28px,2.9vw,43px);letter-spacing:-1px;margin-bottom:5px}
.oaw-article .oaw-light-copy{color:#e0eaf0;font-size:13px;line-height:1.85}
.oaw-article .oaw-light-copy p{color:inherit}
.oaw-article .oaw-light-copy strong{color:white}
/* Variations, acoustic, use cases */
.oaw-article .oaw-types{background:#fff}
.oaw-article .oaw-type-card{border-top:3px solid #17485D}
.oaw-article .oaw-card-tag {font-size:10px;letter-spacing:1.6px;font-weight:800;color:#b1853b;margin-bottom:12px}
.oaw-article .oaw-link-note{margin-top:27px;font-size:13px;color:#647a86}
.oaw-article .oaw-acoustic{background:var(--oaw-cream);padding:96px 0}
.oaw-article .oaw-acoustic-panel{flex:0 1 30%;background:white;border-left:4px solid var(--oaw-gold);padding:31px 28px;gap:15px}
.oaw-article .oaw-check-list{font-size:13px;color:#365466;line-height:1.9}
.oaw-article .oaw-check-list p+p{border-top:1px solid #e5eded;padding-top:10px;margin-top:10px}
.oaw-article .oaw-small-note{font-size:11px;color:#77838d}
.oaw-article .oaw-applications{background:#fff}
.oaw-article .oaw-use-card{flex:1 1 0;min-width:0;background:linear-gradient(#f7faf9,#f0f4f1);border-bottom:4px solid #d6a54b;padding:35px 28px;gap:15px}
.oaw-article .oaw-use-kicker {font-size:10px;letter-spacing:1.6px;color:#b17f2f;font-weight:800}
.oaw-article .oaw-use-card .oaw-btn-text{margin-top:auto}
/* Comparison */
.oaw-article .oaw-compare{background:#f4f7f6}
.oaw-article .oaw-table-widget{margin:31px 0 25px}
.oaw-article .oaw-table-wrap{max-width:100%;overflow-x:auto;border-radius:6px;box-shadow:var(--oaw-shadow)}
.oaw-article .oaw-table{width:100%;border-collapse:collapse;background:#fff;table-layout:fixed;font-family:'Open Sans',Arial,sans-serif;text-align:left}
.oaw-article .oaw-table th,.oaw-article .oaw-table td{padding:20px 21px;border-bottom:1px solid #e1e9eb;vertical-align:top;font-size:13px;line-height:1.6;color:#496372}
.oaw-article .oaw-table thead th{background:var(--oaw-navy);color:white;font-family:Montserrat,Arial,sans-serif;font-size:12px}
.oaw-article .oaw-table tbody th{font-weight:700;color:#1e3948}
.oaw-article .oaw-planning{background:#fff}
.oaw-article .oaw-planning-card{background:#f6f0e5;border-top:3px solid var(--oaw-gold)}
.oaw-article .oaw-planning-bottom{margin-top:28px;border-top:1px solid var(--oaw-line);padding-top:28px;display:flex!important;flex-direction:row!important;gap:25px;align-items:center;justify-content:space-between}
.oaw-article .oaw-planning-bottom .oaw-copy{flex:1}
.oaw-article .oaw-planning-bottom .oaw-btn{flex:0 0 auto}
/* FAQ / related / conversion */
.oaw-article .oaw-faq{background:var(--oaw-cream)}
.oaw-article .oaw-faq-grid{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:18px;align-items:stretch;margin-top:35px}
.oaw-article .oaw-faq-item{width:calc(50% - 9px);flex:0 0 calc(50% - 9px);background:white;padding:28px 27px;border-left:3px solid var(--oaw-gold);gap:12px}
.oaw-article .oaw-faq-q {font-size:16px;line-height:1.55}
.oaw-article .oaw-faq-a{font-size:13px;color:#607481;line-height:1.88}
.oaw-article .oaw-related{background:#fff}
.oaw-article .oaw-related-card{flex:1 1 0;min-width:0;border:1px solid var(--oaw-line);padding:31px 27px;gap:12px}
.oaw-article .oaw-related-card .oaw-btn-text{margin-top:auto}
.oaw-article .oaw-closing{background:linear-gradient(125deg,#132B3A,#17485D);padding:105px 0 100px;text-align:center;color:#fff}
.oaw-article .oaw-closing .oaw-shell{display:flex!important;align-items:center;gap:22px}
.oaw-article .oaw-cta-title {color:#fff;font-size:clamp(34px,3.2vw,50px);letter-spacing:-1.1px;max-width:780px;text-align:center}
.oaw-article .oaw-cta-copy{max-width:710px;color:#d8e6eb;font-size:15px;text-align:center}
.oaw-article .oaw-cta-small{max-width:660px;font-size:11px;color:#bdd0da;text-align:center}
@media(max-width:1050px){
 .oaw-article .oaw-shell{padding-inline:24px}
 .oaw-article .oaw-hero-grid{gap:4%}
 .oaw-article .oaw-hero-copy{flex-basis:54%}
 .oaw-article .oaw-hero-visual{flex-basis:42%}
 .oaw-article .oaw-h1 {font-size:43px}
 .oaw-article .oaw-metric{padding-inline:13px}
 .oaw-article .oaw-two-col{gap:4%}
 .oaw-article .oaw-body-column{flex-basis:64%}
 .oaw-article .oaw-card-row{gap:13px}
 .oaw-article .oaw-step,.oaw-article .oaw-type-card,.oaw-article .oaw-use-card,.oaw-article .oaw-planning-card{padding:27px 20px}
 .oaw-article .oaw-image-split{gap:4%}
 .oaw-article .oaw-text-half{padding-block:48px}
}
@media(max-width:767px){
 .oaw-article .oaw-shell{padding-inline:20px}
 .oaw-article .oaw-hero{padding:30px 0 64px}
 .oaw-article .oaw-breadcrumb{margin-bottom:38px}
 .oaw-article .oaw-hero-grid,.oaw-article .oaw-two-col,.oaw-article .oaw-image-split,.oaw-article .oaw-planning-bottom{flex-direction:column!important;gap:28px}
 .oaw-article .oaw-hero-copy,.oaw-article .oaw-hero-visual,.oaw-article .oaw-body-column,.oaw-article .oaw-callout,.oaw-article .oaw-img-half,.oaw-article .oaw-text-half,.oaw-article .oaw-acoustic-panel{width:100%;flex:0 0 auto;max-width:100%}
 .oaw-article .oaw-h1 {font-size:clamp(34px,8vw,46px)}
 .oaw-article .oaw-hero-lead {font-size:17px}
 .oaw-article .oaw-actions{flex-direction:column!important;align-items:stretch}
 .oaw-article .oaw-actions .oaw-btn,.oaw-article .oaw-actions a{width:100%}
 .oaw-article .oaw-hero-image{box-shadow:9px 9px 0 #d6a54b72}
 .oaw-article .oaw-metrics{padding:17px 20px}
 .oaw-article .oaw-metrics-shell{flex-direction:column!important;gap:0}
 .oaw-article .oaw-metric{padding:13px 0;border-right:0;border-bottom:1px solid #dfd3bd}
 .oaw-article .oaw-metric:last-child{border:0}
 .oaw-article .oaw-intro,.oaw-article .oaw-how,.oaw-article .oaw-types,.oaw-article .oaw-applications,.oaw-article .oaw-compare,.oaw-article .oaw-planning,.oaw-article .oaw-faq,.oaw-article .oaw-related{padding:71px 0 78px}
 .oaw-article .oaw-h2 {font-size:clamp(29px,7vw,39px)}
 .oaw-article .oaw-card-row,.oaw-article .oaw-faq-grid{flex-direction:column!important;gap:13px}
 .oaw-article .oaw-step,.oaw-article .oaw-type-card,.oaw-article .oaw-use-card,.oaw-article .oaw-planning-card,.oaw-article .oaw-related-card,.oaw-article .oaw-faq-item{width:100%;flex:0 0 auto;padding:26px 22px}
 .oaw-article .oaw-components>.oaw-shell{padding:0}
 .oaw-article .oaw-image-split{padding:0;gap:0}
 .oaw-article .oaw-split-image img{height:290px}
 .oaw-article .oaw-text-half{padding:54px 22px 66px}
 .oaw-article .oaw-acoustic{padding:70px 0}
 .oaw-article .oaw-planning-bottom{align-items:stretch}
 .oaw-article .oaw-planning-bottom .oaw-btn,.oaw-article .oaw-planning-bottom a{width:100%}
 .oaw-article .oaw-table th,.oaw-article .oaw-table td{padding:14px 12px;font-size:11px}
 .oaw-article .oaw-closing{padding:78px 0}
}
@media(prefers-reduced-motion:reduce){.oaw-article a,.oaw-article a{transition:none!important}}

/* Gutenberg / traditional WordPress post overrides */
.oaw-article { font-size:15px; line-height:1.85; isolation:isolate; }
.oaw-article h2,.oaw-article h3,.oaw-article p { margin-block-start:0; }
.oaw-article .oaw-h1 {font-family:Montserrat,Arial,sans-serif; font-weight:820; font-size:clamp(37px,3.9vw,62px); color:#fff; letter-spacing:-1.7px; line-height:1.14; margin:0 0 22px}
.oaw-article h2.oaw-h2,.oaw-article h2.oaw-h2-light {font-family:Montserrat,Arial,sans-serif;}
.oaw-article h3.oaw-h3 {font-family:Montserrat,Arial,sans-serif;}
.oaw-article .oaw-btn {margin:0;display:inline-block}
.oaw-article .oaw-btn>a {display:inline-flex; align-items:center; justify-content:center; font-weight:750; text-decoration:none;}
.oaw-article .oaw-hero-desc p,.oaw-article .oaw-copy p,.oaw-article .oaw-cta-copy p{margin-top:0;margin-bottom:16px}
.oaw-article .oaw-hero-desc p:last-child,.oaw-article .oaw-copy p:last-child,.oaw-article .oaw-cta-copy p:last-child{margin-bottom:0}
.oaw-article figure {margin:0}
.oaw-article .oaw-breadcrumb a { color:#d7e8eb }
.oaw-article .oaw-hero-image img { aspect-ratio:4/3; object-fit:cover; }
.oaw-article .oaw-split-image img {object-fit:cover;}
.oaw-article .oaw-faq-q {font-size:16px;font-weight:750;line-height:1.45}
.oaw-article .oaw-faq-a p {margin:0}
.oaw-article .oaw-btn a:focus-visible,.oaw-article a:focus-visible{outline:3px solid #D6A54B;outline-offset:3px}
.oaw-article .oaw-table-wrap {max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.oaw-article .oaw-h1 {overflow-wrap:break-word}
.oaw-article .oaw-cta-title {text-align:center}
.oaw-article a {text-decoration-thickness:1px}
@media(max-width:767px){.oaw-article .oaw-h1{font-size:clamp(34px,8vw,46px)}}
/* Full-width design within common WordPress themes: scope strictly to this article only. */
.oaw-article {width:100%;}