/* Web App v16: knowledge article, same typography and brand colors as existing pages */
.iw-app-page .iw-app-intro{max-width:1080px}
.iw-app-page .iw-app-intro h1{max-width:970px;font-size:clamp(26px,2.7vw,36px);line-height:1.46}
.iw-app-page .iw-app-intro p{font-size:14px;max-width:950px;line-height:1.85}
.iw-app-intro-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.iw-app-intro-tags span{font-size:10px;letter-spacing:.035em;border:1px solid #cfdee9;background:#f5f9fb;color:#2b6588;padding:6px 10px;font-weight:700}
.iw-app-article .iw-editorial-section{padding:30px 0;scroll-margin-top:24px}
.iw-app-article .iw-editorial-heading{margin-bottom:16px}
.iw-app-article .iw-editorial-heading h2{font-size:clamp(21px,2.15vw,26px);line-height:1.51;max-width:1030px}
.iw-app-article .iw-editorial-inner>p{font-size:14px;line-height:1.95;max-width:1000px;color:#435b6d;margin:0 0 14px}
.iw-app-article .iw-editorial-inner p strong{color:#204e6b}
.iw-app-index{display:block;font:800 10px Arial,sans-serif;letter-spacing:.09em;color:#d73670;margin-bottom:8px}
.iw-app-article .iw-editorial-quote{margin:20px 0;border-left:4px solid #e73071}
.iw-app-article .iw-editorial-quote strong{font-size:16px;line-height:1.7}
.iw-app-article .iw-editorial-inner code{background:#edf3f7;padding:1px 4px;border-radius:2px;font-size:.91em;overflow-wrap:anywhere}
.iw-app-modes,.iw-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:19px 0 20px}
.iw-app-modes>div,.iw-app-grid>div{background:#fff;border:1px solid #dce7ee;padding:17px 17px 19px;min-width:0}
.iw-app-modes>div{border-top:3px solid #2d779e}
.iw-app-modes>div:nth-child(2){border-top-color:#8caabe}
.iw-app-modes>div:nth-child(3){border-top-color:#d24d7e}
.iw-app-modes>div span{display:block;font:800 10px Arial,sans-serif;letter-spacing:.09em;color:#8b9ba7;margin-bottom:8px}
.iw-app-modes h3,.iw-app-comparison h3{font-size:15px;line-height:1.5;font-weight:750;color:#1e4965;word-break:keep-all}
.iw-app-modes p,.iw-app-grid p,.iw-app-comparison p{font-size:12.5px;line-height:1.76;color:#647b8c;margin:7px 0 0;word-break:keep-all}
.iw-app-grid>div strong{font-size:14px;color:#174c70;line-height:1.5;display:block}
.iw-app-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.iw-app-note{font-size:12px!important;color:#667d8e!important;border-left:3px solid #9eb9cb;padding:8px 15px;background:#f6f9fb;margin:16px 0!important;line-height:1.77!important}
.iw-app-loop{display:flex;gap:7px;align-items:stretch;margin:21px 0 19px}
.iw-app-loop>div{flex:1;min-width:0;border:1px solid #d6e3ec;background:#fff;text-align:center;padding:16px 8px}
.iw-app-loop>div small{font:800 10px Arial,sans-serif;display:block;color:#de4779;margin-bottom:7px}
.iw-app-loop>div strong{display:block;font-size:14px;line-height:1.4;color:#235679}
.iw-app-loop>div span{display:block;font-size:11px;color:#7d91a0;margin-top:6px;line-height:1.5}
.iw-app-loop>b{align-self:center;color:#86a3b8;font-size:19px;font-weight:500}
.iw-app-product-loop>div{padding:20px 8px}
.iw-app-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:19px 0}
.iw-app-comparison>div{border:1px solid #dbe6ee;background:#fff;border-top:3px solid #a5b6c3;padding:18px}
.iw-app-comparison>div+div{border-top-color:#2c82ac;background:#f2f8fc}
.iw-app-comparison small{display:block;color:#7891a2;font-size:10px;font-weight:800;margin-bottom:7px}
.iw-app-subhead{font-size:17px;line-height:1.5;color:#214f6e;margin:22px 0 9px;font-weight:750}
.iw-app-guardrails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:17px 0 21px}
.iw-app-guardrails span{padding:12px 7px;border:1px solid #cddfe9;background:#fff;text-align:center;font-size:12px;color:#24597b;font-weight:700}
.iw-app-brand-steps{counter-reset:brand;list-style:none;margin:19px 0 20px;padding:0;border-top:1px solid #dce5eb}
.iw-app-brand-steps li{display:flex;gap:20px;padding:13px 5px;border-bottom:1px solid #dce5eb;align-items:baseline;line-height:1.8;list-style:none}
.iw-app-brand-steps li::before{counter-increment:brand;content:counter(brand,decimal-leading-zero);font:800 11px Arial,sans-serif;color:#d23972;width:23px;flex:0 0 23px}
.iw-app-brand-steps b{font-size:13px;color:#224e6c;flex:0 0 155px}
.iw-app-brand-steps li span{font-size:12.5px;color:#617b8e;flex:1;min-width:0}
.iw-app-scenario{list-style:none;margin:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;counter-reset:scenario;padding:0}
.iw-app-scenario li{counter-increment:scenario;border:1px solid #dbe7ef;background:#fff;padding:16px 17px;list-style:none}
.iw-app-scenario li::before{content:counter(scenario,decimal-leading-zero);display:block;font:800 10px Arial,sans-serif;color:#db4075;margin:0 0 7px}
.iw-app-scenario strong{color:#1e506e;font-size:14px;display:block}
.iw-app-scenario p{font-size:12.5px;color:#697f8e;line-height:1.75;margin:5px 0 0}
.iw-app-metrics{margin:18px 0 19px;border-top:2px solid #2a719b}
.iw-app-metrics>div{display:grid;grid-template-columns:155px 1fr;gap:18px;border-bottom:1px solid #dbe6ed;padding:12px 15px;background:#fff;align-items:start}
.iw-app-metrics b{font-size:13px;color:#214f71}
.iw-app-metrics span{font-size:12.5px;line-height:1.75;color:#647f91}
.iw-app-competencies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;border-top:1px solid #d7e5ec;margin:18px 0 23px}
.iw-app-competencies>div{display:grid;grid-template-columns:26px 115px 1fr;gap:5px 9px;align-items:baseline;border-bottom:1px solid #d7e5ec;padding:13px 3px}
.iw-app-competencies b{font:800 10px Arial,sans-serif;color:#df4276}
.iw-app-competencies strong{color:#205577;font-size:13px;line-height:1.5}
.iw-app-competencies p{font-size:12px;line-height:1.72;color:#617e8d;margin:0}
.iw-app-sources{background:#f8fafb}
.iw-app-sources h2{font-size:17px;color:#234b68;margin-bottom:11px;font-weight:750}
.iw-app-sources .iw-editorial-inner>p{font-size:12px;color:#71889a;margin-bottom:8px}
.iw-app-sources ul{margin:0;padding:0;list-style:none;columns:2;column-gap:24px}
.iw-app-sources li{margin:0;padding:7px 0 7px 15px;break-inside:avoid;position:relative;font-size:12px;line-height:1.65}
.iw-app-sources li::before{content:'›';color:#7ba1b9;position:absolute;left:0}
.iw-app-sources a{color:#28678b;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.iw-app-final{padding-top:20px;padding-bottom:40px}
.iw-app-article a:focus-visible{outline:2px solid #e73071;outline-offset:3px}
@media(max-width:767px){
 .iw-app-article .iw-editorial-section{padding:24px 0}
 .iw-app-article .iw-editorial-inner>p{font-size:13.5px;line-height:1.88}
 .iw-app-page .iw-app-intro p{font-size:13px}
 .iw-app-modes,.iw-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .iw-app-modes>div:last-child{grid-column:1/-1}
 .iw-app-grid-3>div:last-child{grid-column:auto}
 .iw-app-loop{flex-wrap:wrap}
 .iw-app-loop>div{flex:1 1 calc(50% - 12px)}
 .iw-app-loop>b{display:none}
 .iw-app-sources ul{columns:1}
 .iw-app-competencies{grid-template-columns:1fr}
}
@media(max-width:540px){
 .iw-app-page .iw-app-intro h1{font-size:25px}
 .iw-app-article .iw-editorial-heading h2{font-size:20px}
 .iw-app-grid,.iw-app-modes,.iw-app-grid-2,.iw-app-comparison,.iw-app-scenario{grid-template-columns:1fr}
 .iw-app-modes>div:last-child{grid-column:auto}
 .iw-app-modes>div,.iw-app-grid>div{padding:15px}
 .iw-app-guardrails{grid-template-columns:repeat(2,minmax(0,1fr))}
 .iw-app-brand-steps li{display:grid;grid-template-columns:25px 1fr;gap:3px 9px}
 .iw-app-brand-steps li::before{grid-row:span 2}
 .iw-app-brand-steps b{flex:none}
 .iw-app-brand-steps li span{grid-column:2}
 .iw-app-metrics>div{grid-template-columns:95px 1fr;gap:8px;padding:12px 8px}
 .iw-app-competencies>div{grid-template-columns:23px 107px 1fr;gap:6px}
 .iw-app-sources li{font-size:11.5px}
}