/* Source-faithful WordPress ports. Scoped to these articles. */
.port-hero h1{background:none;-webkit-text-fill-color:initial;color:#fff;max-width:960px}
.port-hero nav{flex-wrap:wrap}.port-hero nav a{color:#e1e5ec;font-size:12px;font-weight:700;text-decoration:none}.port-hero nav span{color:#aeb8c8}
.port-hero>div:last-child{padding-top:150px!important}.port-hero>div:last-child>div span,.port-hero>div:last-child>div>div>div>div{color:#d0d7e2!important}
.wp-port{color:#d5dce6;font-size:17px;line-height:1.8;overflow-wrap:break-word}
.wp-port p,.wp-port li,.wp-port td,.wp-port section{color:#d5dce6}
.wp-port h2{font-size:clamp(25px,3vw,34px);line-height:1.25;scroll-margin-top:110px}.wp-port h3{font-size:23px;line-height:1.35;scroll-margin-top:110px;margin-top:2em}
.wp-port .dek{font-size:21px;line-height:1.65;color:#f1f5f9;border-left:4px solid #FC501E;padding-left:24px;margin-bottom:32px}
.wp-port section{margin:32px 0}.wp-port .hero{padding:0;background:none;min-height:0}.wp-port figure{margin:36px 0}.wp-port figure img{display:block;width:100%;height:auto;max-width:100%;border-radius:8px;box-shadow:0 12px 36px #0003}.wp-port figcaption{color:#b7c2d2;font-size:13px;line-height:1.65;margin-top:12px}
.wp-port .example-card,.wp-port .callout,.wp-port .article-cta{padding:28px;border:1px solid #ffffff20;border-left:4px solid #FC501E;background:linear-gradient(130deg,#fc501e0b,#d220a308);border-radius:8px;margin:36px 0}.wp-port .example-card h3,.wp-port .callout h2,.wp-port .article-cta h2{margin-top:0}.wp-port .label{color:#FC501E;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.wp-port .taxonomy-grid,.wp-port .scorecard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;list-style:none}.wp-port .taxonomy-grid>div,.wp-port .scorecard-grid>li{padding:22px;background:#ffffff05;border:1px solid #ffffff18;border-top:2px solid #FC501E;border-radius:8px;margin:0;font-size:15px}.wp-port .taxonomy-grid h3{margin:0 0 14px}.wp-port .scorecard-grid strong{display:block;color:#fff;margin-bottom:8px}
.wp-port .port-table{overflow-x:auto;margin:28px 0;border:1px solid #ffffff20;border-radius:8px}.wp-port table{width:100%;min-width:560px;border-collapse:collapse;margin:0;font-size:14px;line-height:1.6}.wp-port th{background:#1c2940;color:white;text-align:left}.wp-port th,.wp-port td{padding:17px;border-bottom:1px solid #ffffff18;vertical-align:top}.wp-port caption{padding:16px;text-align:left;color:#e5eaf2;font-weight:700}
.wp-port .hero__cta{display:flex;flex-wrap:wrap;gap:12px 24px}.wp-port .hero__cta a{display:inline-block;padding:8px 0}.wp-port blockquote{border-left:4px solid #FC501E}.wp-port details{padding:20px 0;border-bottom:1px solid #ffffff25}.wp-port summary{cursor:pointer;font-size:18px;font-weight:700;color:white;line-height:1.5}.wp-port details p{padding-top:16px;margin-bottom:0}
.port-toc{border:1px solid #ffffff20;padding:22px;max-height:55vh;overflow:auto}.port-toc p{color:#FC501E;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.port-toc a{display:block;color:#c1cbd8;font-size:12px;line-height:1.5;padding:7px 0;text-decoration:none}.port-toc a:hover{color:#FC501E}.port-demo{margin-top:24px;padding:24px;border:1px solid #fc501e40;background:#fc501e08}.port-demo h3{color:#fff;font-size:20px}.port-demo p{font-size:14px;color:#cbd5e1;margin:15px 0}.port-demo a{color:#ff936c;font-weight:700}
@media(max-width:1100px){.port-layout{padding:48px 32px 72px!important;gap:32px!important}.port-layout .post-sidebar{width:220px!important;flex-basis:220px!important}}
@media(max-width:850px){.port-layout{display:block!important;padding:36px 24px 60px!important}.port-layout .post-sidebar{position:static!important;width:100%!important;margin-top:40px;display:block!important}.port-toc{max-height:none}.port-hero>div:last-child{padding:140px 24px 48px!important}.wp-port{font-size:16px}.wp-port h3{font-size:21px}}
@media(max-width:500px){.wp-port .taxonomy-grid,.wp-port .scorecard-grid{grid-template-columns:1fr}.wp-port .example-card,.wp-port .callout,.wp-port .article-cta{padding:22px 18px}.wp-port .dek{font-size:19px;padding-left:18px}.port-hero h1{font-size:34px!important;line-height:1.12!important}.port-hero{min-height:620px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
