.kf26-page{color:#000!important}.kf26-main{overflow:hidden}.kf26-masthead{height:107px;position:relative;background:#f6f6ff}.kf26-brand{position:absolute;left:max(calc((100% - 1222px)/2),28px);top:26px;width:226px;height:56px;display:flex;align-items:center}.kf26-brand img{display:block;width:226px;height:56px;object-fit:contain}.kf26-masthead>strong{position:absolute;left:50%;top:33px;transform:translateX(-50%);font-size:32px;line-height:39px;font-weight:700}
.kf26-channel-nav{height:60px;background:#4f4878;color:#fff;display:flex;align-items:center}.kf26-channel-nav>div{width:996px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.kf26-channel-nav a{display:grid;grid-template-areas:"label";place-items:center;flex:0 0 auto;font-size:16px;line-height:19px;text-decoration:none;white-space:nowrap;font-weight:400}.kf26-channel-nav a::before,.kf26-channel-nav a>span{grid-area:label}.kf26-channel-nav a::before{content:attr(data-label);visibility:hidden;font-weight:700}.kf26-channel-nav a:hover>span,.kf26-channel-nav a:focus-visible>span,.kf26-channel-nav a.active>span{font-weight:700}
.kf26-top{position:relative;width:996px;height:796px;margin:49px auto 0}.kf26-top h1{position:absolute;left:628px;top:21px;width:180px;margin:0;font-size:20px;line-height:24px;font-weight:600}.kf26-search{position:absolute;right:0;top:0;width:157px;height:38px;border:1px solid #000;border-radius:32px;display:flex;align-items:center;padding:0 17px;z-index:3}.kf26-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#000;font:400 16px/19px Inter}.kf26-search input::placeholder{color:#000}.kf26-search button{width:18px;height:18px;flex:0 0 18px;border:0;background:url("../images/icon-search.svg") center/contain no-repeat;cursor:pointer}.kf26-top-card{position:absolute;overflow:hidden}.kf26-top-card>a,.kf26-top-card>div:not(.kf26-indicators){display:block;width:100%;height:100%;color:#000;text-decoration:none}.kf26-top-card img{display:block;width:100%;object-fit:cover}.kf26-top-copy{display:flex;flex-direction:column;justify-content:space-between;background:#e2dbeb}.kf26-top-copy strong,.kf26-card-copy strong{display:block;font-size:16px;font-weight:400}.kf26-top-copy small,.kf26-card-copy small{display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:15px;font-weight:400}.kf26-top-card-0{left:0;top:0;width:588px;height:522px}.kf26-top-card-0 img{height:350px}.kf26-top-card-0 .kf26-top-copy{height:172px;padding:26px}.kf26-top-card-0 strong{line-height:48px}.kf26-top-card-1,.kf26-top-card-2,.kf26-top-card-3{left:628px;width:368px;height:108px;background:rgba(226,219,235,.2)}.kf26-top-card-1{top:91px}.kf26-top-card-2{top:218px}.kf26-top-card-3{top:345px}.kf26-top-card-1 .kf26-top-copy,.kf26-top-card-2 .kf26-top-copy,.kf26-top-card-3 .kf26-top-copy{height:100%;padding:13px 15px 16px;background:rgba(226,219,235,.2)}.kf26-top-card-1 strong,.kf26-top-card-2 strong,.kf26-top-card-3 strong{line-height:24px}.kf26-top-card-4,.kf26-top-card-5,.kf26-top-card-6,.kf26-top-card-7{top:558px;width:232px;height:238px}.kf26-top-card-4{left:0}.kf26-top-card-5{left:254px}.kf26-top-card-6{left:509px;width:231px}.kf26-top-card-7{left:764px}.kf26-top-card-4 img,.kf26-top-card-5 img,.kf26-top-card-6 img,.kf26-top-card-7 img{height:134px}.kf26-top-card-4 .kf26-top-copy,.kf26-top-card-5 .kf26-top-copy,.kf26-top-card-6 .kf26-top-copy,.kf26-top-card-7 .kf26-top-copy{height:104px;padding:10px}.kf26-top-card-4 strong,.kf26-top-card-5 strong,.kf26-top-card-6 strong,.kf26-top-card-7 strong{line-height:24px}.kf26-indicators{position:absolute;left:110px;top:325px;z-index:5;display:flex;gap:20px}.kf26-indicators i{display:block;width:75px;height:10px;border:1px solid #19007c;background:rgba(255,255,255,.7)}.kf26-indicators i.active{background:#fff}
.kf26-sections{width:996px;margin:98px auto 0}.kf26-section{position:relative}.kf26-section:after{content:"";position:absolute;left:0;right:0;bottom:51px;height:1px;background:#d9d5eb}.kf26-section:last-child:after{display:none}.kf26-section:nth-child(1){padding-bottom:102px}.kf26-section:nth-child(2){padding-bottom:127px}.kf26-section:nth-child(2):after{bottom:63px}.kf26-section:nth-child(3){padding-bottom:121px}.kf26-section:nth-child(3):after{bottom:60px}.kf26-section:nth-child(4){padding-bottom:114px}.kf26-section:nth-child(4):after{bottom:57px}.kf26-section:nth-child(5){padding-bottom:122px}.kf26-section:nth-child(5):after{bottom:61px}.kf26-section:nth-child(6){padding-bottom:258px}.kf26-section>header{height:39px;display:flex;align-items:center;justify-content:flex-start;gap:32px}.kf26-section h2{margin:0;font-size:32px;line-height:39px;font-weight:600}.kf26-section>header>a{width:146px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #000;border-radius:32px;background:#dcd3e8;color:#000;text-decoration:none;font-size:16px;line-height:19px}.kf26-section>header>a span{margin-left:8px}.kf26-section-grid{position:relative;width:996px}.kf26-layout-left .kf26-section-grid{height:675px;margin-top:37px}.kf26-layout-right .kf26-section-grid{height:675px;margin-top:46px}.kf26-layout-three .kf26-section-grid{height:668px;margin-top:41px}.kf26-card{position:absolute;overflow:hidden;background:#fff}.kf26-card-inner{display:block;width:100%;height:100%;color:#000;text-decoration:none}.kf26-card img{display:block;width:100%;height:100%;object-fit:cover}.kf26-card-copy{display:flex;flex-direction:column;justify-content:space-between}.kf26-card-copy strong{line-height:36px}.kf26-card-text{height:128px;border:1px solid #000;overflow:visible;box-shadow:5px 5px 0 #dcd3e8}.kf26-card-text .kf26-card-copy{height:100%;padding:16px}.kf26-card-text strong{line-height:20px}.kf26-layout-left .kf26-card:nth-child(1){left:0;top:0;width:486px;height:508px}.kf26-layout-left .kf26-card:nth-child(1) .kf26-card-copy{position:absolute;left:0;right:0;bottom:0;height:265px;padding:30px 28px;background:rgba(255,255,255,.83)}.kf26-layout-left .kf26-card:nth-child(2){left:510px;top:0;width:486px;height:463px}.kf26-layout-left .kf26-card:nth-child(2) img{height:282px}.kf26-layout-left .kf26-card:nth-child(2) .kf26-card-copy{position:absolute;left:0;right:0;top:307px;height:156px;padding:22px 23px 19px;background:#e2dbeb}.kf26-layout-right .kf26-card:nth-child(1){left:0;top:0;width:486px;height:469px}.kf26-layout-right .kf26-card:nth-child(1) img{height:283px}.kf26-layout-right .kf26-card:nth-child(1) .kf26-card-copy{position:absolute;left:0;right:0;top:313px;height:156px;padding:22px 23px 19px;background:#e2dbeb}.kf26-layout-right .kf26-card:nth-child(2){left:510px;top:0;width:486px;height:507px}.kf26-layout-right .kf26-card:nth-child(2) .kf26-card-copy{position:absolute;left:0;right:0;top:242px;height:265px;padding:30px 28px;background:rgba(255,255,255,.83);text-align:right}.kf26-layout-left .kf26-card:nth-child(3),.kf26-layout-right .kf26-card:nth-child(3){left:0;top:547px;width:307px}.kf26-layout-left .kf26-card:nth-child(4),.kf26-layout-right .kf26-card:nth-child(4){left:345px;top:547px;width:306px}.kf26-layout-left .kf26-card:nth-child(5),.kf26-layout-right .kf26-card:nth-child(5){left:689px;top:547px;width:306px}.kf26-layout-three .kf26-card:nth-child(1),.kf26-layout-three .kf26-card:nth-child(2),.kf26-layout-three .kf26-card:nth-child(3){top:0;width:306px;height:514px}.kf26-layout-three .kf26-card:nth-child(1){left:0}.kf26-layout-three .kf26-card:nth-child(2){left:345px}.kf26-layout-three .kf26-card:nth-child(3){left:689px}.kf26-layout-three .kf26-card:nth-child(-n+3) img{height:303px}.kf26-layout-three .kf26-card:nth-child(-n+3) .kf26-card-copy{position:absolute;left:0;right:0;top:328px;height:186px;padding:22px 24px;background:#e2dbeb}.kf26-layout-three .kf26-card:nth-child(4),.kf26-layout-three .kf26-card:nth-child(5),.kf26-layout-three .kf26-card:nth-child(6){top:540px;width:306px}.kf26-layout-three .kf26-card:nth-child(4){left:0}.kf26-layout-three .kf26-card:nth-child(5){left:345px}.kf26-layout-three .kf26-card:nth-child(6){left:689px}.kf26-placeholder{pointer-events:none}.kf26-placeholder img{opacity:.72}.kf26-card:hover img,.kf26-top-card:hover img{filter:brightness(.9)}.kf26-card img,.kf26-top-card img{transition:filter .25s}.kf26-card a:focus-visible,.kf26-top-card a:focus-visible,.kf26-section>header>a:focus-visible{outline:2px solid #19007c;outline-offset:-2px}
.kf26-current{width:996px;margin:72px auto 140px}.kf26-current h1{margin:0 0 42px;font-size:40px}.kf26-current-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.kf26-current-grid article{border:1px solid #000}.kf26-current-grid a{display:flex;height:100%;flex-direction:column;color:#000;text-decoration:none}.kf26-current-grid img{display:block;width:100%;height:240px;object-fit:cover}.kf26-current-grid a>span{min-height:132px;padding:20px;background:#e2dbeb;display:flex;flex-direction:column;justify-content:space-between}.kf26-current-grid strong{font-size:16px;line-height:26px;font-weight:400}.kf26-current-grid small{font-size:12px}.kf26-pagination{text-align:center;margin-top:55px}
@media(max-width:1100px){.kf26-channel-nav>div{width:calc(100% - 56px);overflow-x:auto;justify-content:flex-start}.kf26-top,.kf26-sections{width:996px;margin-left:28px;transform-origin:top left}.kf26-top{--kf-scale:calc((100vw - 56px)/996px);transform:scale(var(--kf-scale));margin-bottom:calc(796px * (var(--kf-scale) - 1))}.kf26-sections{--kf-scale:calc((100vw - 56px)/996px);transform:scale(var(--kf-scale));margin-bottom:calc(5362px * (var(--kf-scale) - 1))}.kf26-current{width:calc(100% - 56px)}}
@media(max-width:760px){.kf26-masthead{height:90px}.kf26-brand{left:20px;top:12px;width:150px;height:66px}.kf26-brand img{width:150px;height:auto}.kf26-masthead>strong{top:28px;left:auto;right:20px;transform:none;font-size:24px;line-height:30px}.kf26-channel-nav{height:58px}.kf26-channel-nav>div{width:100%;padding:0 20px;gap:28px;scrollbar-width:none}.kf26-channel-nav>div::-webkit-scrollbar{display:none}.kf26-channel-nav a{font-size:14px}.kf26-top{--kf-scale:1;transform:none;width:calc(100% - 40px);height:auto;margin:24px 20px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.kf26-top h1{position:static;grid-column:1;font-size:20px}.kf26-search{position:relative;right:auto;top:auto;grid-column:2;grid-row:1;width:100%}.kf26-indicators{display:none}.kf26-top-card{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;grid-column:auto}.kf26-top-card-0{grid-column:1/-1}.kf26-top-card-0 img{height:auto;aspect-ratio:1.68}.kf26-top-card-0 .kf26-top-copy{height:145px}.kf26-top-card-1,.kf26-top-card-2,.kf26-top-card-3{grid-column:1/-1;height:108px!important}.kf26-top-card-4 img,.kf26-top-card-5 img,.kf26-top-card-6 img,.kf26-top-card-7 img{height:auto;aspect-ratio:1.7}.kf26-top-card-4 .kf26-top-copy,.kf26-top-card-5 .kf26-top-copy,.kf26-top-card-6 .kf26-top-copy,.kf26-top-card-7 .kf26-top-copy{height:122px}.kf26-sections{--kf-scale:1;transform:none;width:calc(100% - 40px);margin:72px 20px 0}.kf26-section,.kf26-section:nth-child(n){padding-bottom:72px}.kf26-section:after,.kf26-section:nth-child(n):after{bottom:35px}.kf26-section:last-child{padding-bottom:90px}.kf26-section>header{height:auto;gap:18px}.kf26-section h2{font-size:27px;line-height:34px}.kf26-section>header>a{width:118px;height:36px;flex:0 0 118px}.kf26-section-grid,.kf26-layout-left .kf26-section-grid,.kf26-layout-right .kf26-section-grid,.kf26-layout-three .kf26-section-grid{height:auto;margin-top:28px;display:grid;grid-template-columns:1fr;gap:20px}.kf26-card,.kf26-layout-left .kf26-card:nth-child(n),.kf26-layout-right .kf26-card:nth-child(n),.kf26-layout-three .kf26-card:nth-child(n){position:relative;left:auto;top:auto;width:100%;height:auto}.kf26-card-image img,.kf26-layout-left .kf26-card:nth-child(n) img,.kf26-layout-right .kf26-card:nth-child(n) img,.kf26-layout-three .kf26-card:nth-child(n) img{height:auto;aspect-ratio:1.6}.kf26-card-image .kf26-card-copy,.kf26-layout-left .kf26-card:nth-child(n) .kf26-card-copy,.kf26-layout-right .kf26-card:nth-child(n) .kf26-card-copy,.kf26-layout-three .kf26-card:nth-child(n) .kf26-card-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:132px;padding:20px;background:#e2dbeb;text-align:left}.kf26-card-text{height:128px}.kf26-current{width:calc(100% - 40px);margin:55px auto 90px}.kf26-current-grid{grid-template-columns:1fr}.kf26-current-grid img{height:auto;aspect-ratio:1.55}}

/* K-Flow carousel, CMS-empty markers and category detail (Figma 104:427) */
.kf26-admin-image{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#d9d9d9;color:#000;font:400 16px/1.4 Inter}.kf26-carousel{overflow:hidden}.kf26-top-slide{position:absolute;inset:0;display:block!important;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease;color:#000;text-decoration:none}.kf26-top-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.kf26-top-card-0 .kf26-admin-image{height:350px}.kf26-top-card-4 .kf26-admin-image,.kf26-top-card-5 .kf26-admin-image,.kf26-top-card-6 .kf26-admin-image,.kf26-top-card-7 .kf26-admin-image{height:134px}.kf26-indicators{left:110px;top:325px}.kf26-indicators button{display:block;width:75px;height:10px;padding:0;border:1px solid #19007c;background:rgba(255,255,255,.7);cursor:pointer}.kf26-indicators button.is-active{background:#fff}.kf26-card .kf26-admin-image{position:absolute;inset:0}.kf26-layout-left .kf26-card:nth-child(2) .kf26-admin-image{height:282px}.kf26-layout-right .kf26-card:nth-child(1) .kf26-admin-image{height:283px}.kf26-layout-three .kf26-card:nth-child(-n+3) .kf26-admin-image{height:303px}
.kf26-category{width:996px;margin:0 auto;padding-bottom:207px}.kf26-category-head{position:relative;height:200px}.kf26-category-head h1{position:absolute;left:0;right:0;top:52px;margin:0;text-align:center;font-size:48px;line-height:58px;font-weight:600}.kf26-category-head .kf26-search{top:84px}.kf26-category-layout{display:grid;grid-template-columns:588px 368px;gap:40px}.kf26-category-feed{display:flex;flex-direction:column;gap:40px}.kf26-category-feed article{width:588px;height:611px;overflow:hidden}.kf26-category-feed article>a,.kf26-category-feed article>div{display:block;width:100%;height:100%;color:#000;text-decoration:none}.kf26-category-feed img,.kf26-category-feed .kf26-admin-image{display:flex;width:588px;height:350px;object-fit:cover}.kf26-category-copy{display:flex;height:261px;padding:26px;flex-direction:column;background:#e2dbeb}.kf26-category-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;line-height:48px;font-weight:400}.kf26-category-feed article:nth-child(even) .kf26-category-copy strong{font-size:32px}.kf26-category-copy p{display:-webkit-box;overflow:hidden;margin:4px 0 0;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:16px;line-height:24px;font-weight:500}.kf26-category-copy small{display:flex;justify-content:space-between;margin-top:auto;font-size:12px;line-height:15px}.kf26-featured-list h2{height:65px;margin:0;font-size:20px;line-height:24px;font-weight:600}.kf26-featured-list article{width:368px;height:108px;margin-bottom:24px;background:rgba(226,219,235,.2)}.kf26-featured-list article>a,.kf26-featured-list article>div{display:flex;height:100%;padding:14px 16px 16px;flex-direction:column;justify-content:space-between;color:#000;text-decoration:none}.kf26-featured-list strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;line-height:24px;font-weight:400}.kf26-featured-list small{display:flex;justify-content:space-between;font-size:12px;line-height:15px}.kf26-view-more{display:flex;width:192px;height:38px;margin:107px 0 0 199px;align-items:center;justify-content:center;border:1px solid #000;border-radius:32px;color:#000;text-decoration:none;font-size:16px;line-height:19px}.kf26-view-more span{display:inline-block;width:18px;height:18px;margin-left:8px;font-size:0;background:url("../images/icon-arrow-up-right.svg") center/contain no-repeat}
@media(max-width:1100px) and (min-width:761px){.kf26-category{--kf-category-scale:calc((100vw - 56px)/996px);width:996px;margin-left:28px;transform:scale(var(--kf-category-scale));transform-origin:top left;margin-bottom:calc(3767px * (var(--kf-category-scale) - 1))}}
@media(max-width:760px){.kf26-top-card-0{height:calc((100vw - 40px)/1.68 + 145px)!important}.kf26-top-card-0 .kf26-admin-image{height:auto;aspect-ratio:1.68}.kf26-indicators{display:flex;left:20px;right:20px;top:calc((100vw - 40px)/1.68 - 20px);gap:8px}.kf26-indicators button{width:auto;flex:1}.kf26-top-card-4 .kf26-admin-image,.kf26-top-card-5 .kf26-admin-image,.kf26-top-card-6 .kf26-admin-image,.kf26-top-card-7 .kf26-admin-image{height:auto;aspect-ratio:1.7}.kf26-card-image .kf26-admin-image{position:relative;inset:auto;height:auto!important;aspect-ratio:1.6}.kf26-card-text .kf26-card-copy{height:100%!important;padding:16px!important}.kf26-category{width:calc(100% - 40px);margin:0 20px;padding-bottom:90px}.kf26-category-head{height:155px}.kf26-category-head h1{top:36px;text-align:left;font-size:36px;line-height:44px}.kf26-category-head .kf26-search{top:91px;left:0;right:auto;width:100%}.kf26-category-layout{display:block}.kf26-category-feed{gap:28px}.kf26-category-feed article{width:100%;height:auto}.kf26-category-feed img,.kf26-category-feed .kf26-admin-image{width:100%;height:auto;aspect-ratio:1.68}.kf26-category-copy{height:230px;padding:20px}.kf26-category-copy strong{line-height:32px}.kf26-category-copy p{-webkit-line-clamp:2}.kf26-category-feed article:nth-child(even) .kf26-category-copy strong{font-size:20px}.kf26-featured-list{margin-top:58px}.kf26-featured-list article{width:100%}.kf26-view-more{margin:55px auto 0}}

/* K-Flow article detail (Figma 207:330) */
.kf26-article-page{position:relative}.kf26-article-intro{position:relative;width:996px;height:666px;margin:0 auto}.kf26-article-intro>.kf26-search{top:42px}.kf26-article-hero{position:absolute;top:128px;left:calc((996px - 100vw)/2);width:100vw;height:446px}.kf26-article-hero:before{content:"";position:absolute;left:606px;top:0;width:calc(100vw - 606px);height:446px;background:#4f4878;clip-path:polygon(0 0,100% 0,100% 89.7%,76.3% 89.7%,76.3% 100%,0 100%)}.kf26-article-media{position:absolute;left:0;top:0;width:606px;height:400px}.kf26-article-media img{display:block;width:100%;height:100%;object-fit:cover}.kf26-article-media .kf26-admin-image{height:400px}.kf26-image-credit{position:absolute;left:433px;top:407px;width:173px;margin:0;font-size:14px;line-height:17px;font-weight:200}.kf26-article-panel{position:absolute;left:706px;top:0;width:504px;height:400px;color:#fff}.kf26-article-category{position:absolute;left:0;top:60px;margin:0;font-size:16px;line-height:20px;text-transform:uppercase}.kf26-article-panel h1{position:absolute;left:0;top:146px;width:504px;max-height:176px;margin:0;overflow:hidden;font-family:Lusitana;font-size:32px;line-height:44px;font-weight:700}.kf26-article-byline{position:absolute;left:0;top:349px;margin:0;font-size:14px;line-height:18px}.kf26-article-social{position:absolute;right:7px;top:62px;display:flex;align-items:center;gap:25px}.kf26-article-social a,.kf26-article-social button{display:flex;width:12px;height:12px;padding:0;align-items:center;justify-content:center;border:0;background:transparent;color:#fff}.kf26-article-social img{display:block;width:12px;height:12px;object-fit:contain;filter:brightness(0) invert(1)}.kf26-article-social span{font-size:0}.kf26-article-layout{position:relative;display:grid;grid-template-columns:588px 368px;gap:100px;width:996px;margin:0 auto 135px}.kf26-share-rail{position:absolute;left:calc((996px - 100vw)/2);top:42px;bottom:0}.kf26-share-rail>button{position:sticky;top:24px;display:block;width:84px;height:84px;padding:0;border:0;background:#4f4878;cursor:pointer}.kf26-share-rail button i,.kf26-article-social button i{position:absolute;display:block;width:11px;height:11px;border:1px solid currentColor;border-radius:50%}.kf26-share-rail button i:nth-child(1){left:27px;top:37px}.kf26-share-rail button i:nth-child(2){left:45px;top:28px}.kf26-share-rail button i:nth-child(3){left:45px;top:47px}.kf26-share-rail button:before,.kf26-share-rail button:after,.kf26-article-social button:before,.kf26-article-social button:after{content:"";position:absolute;width:20px;height:1px;background:currentColor;transform-origin:left}.kf26-share-rail button:before{left:36px;top:40px;transform:rotate(-27deg)}.kf26-share-rail button:after{left:36px;top:45px;transform:rotate(27deg)}.kf26-share-rail button{color:#fff}.kf26-article-main{width:588px;min-width:0}.kf26-article-content{font-size:16px;line-height:30px}.kf26-article-content p{margin:0 0 30px}.kf26-article-content img{display:block;max-width:100%;height:auto;margin:36px auto 18px}.kf26-article-content figure{margin:36px 0 30px}.kf26-article-content figcaption{margin-top:12px;font-size:14px;line-height:22px;font-weight:200}.kf26-article-content a{color:#19007c;text-decoration:underline}.kf26-article-content .kf26-admin-image{min-height:320px;margin:36px 0 18px}.kf26-article-topics{display:flex;flex-wrap:wrap;gap:0 16px;margin-top:18px;color:#19007c;font-size:13px;line-height:30px}.kf26-article-topics a{color:inherit;text-decoration:none}.kf26-related h2{height:65px;margin:0;font-size:20px;line-height:24px;font-weight:600}.kf26-related article{width:368px;height:108px;margin-bottom:24px;background:rgba(226,219,235,.2)}.kf26-related article>a,.kf26-related article>div{display:flex;height:100%;padding:14px 16px 16px;flex-direction:column;justify-content:space-between;color:#000;text-decoration:none}.kf26-related strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;line-height:24px;font-weight:400}.kf26-related small{display:flex;gap:10px;justify-content:space-between;font-size:12px;line-height:15px}.kf26-related small span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kf26-related time{flex:0 0 auto}.kf26-share-rail button.is-copied{background:#19007c}
@media(max-width:1100px) and (min-width:761px){.kf26-article-intro,.kf26-article-layout{margin-left:28px}.kf26-article-page{--kf-article-scale:calc((100vw - 56px)/996px)}.kf26-article-intro{transform:scale(var(--kf-article-scale));transform-origin:top left;margin-bottom:calc(666px * (var(--kf-article-scale) - 1))}.kf26-article-layout{transform:scale(var(--kf-article-scale));transform-origin:top left;margin-bottom:calc(2400px * (var(--kf-article-scale) - 1))}}
@media(max-width:760px){.kf26-article-intro{width:100%;height:auto;padding:0 20px}.kf26-article-intro>.kf26-search{position:relative;top:auto;width:100%;margin:28px 0}.kf26-article-hero{position:relative;left:auto;top:auto;width:calc(100% + 40px);height:auto;margin-left:-20px;padding-bottom:28px;background:#4f4878}.kf26-article-hero:before{display:none}.kf26-article-media{position:relative;width:100%;height:auto}.kf26-article-media img,.kf26-article-media .kf26-admin-image{height:auto;aspect-ratio:1.515}.kf26-image-credit{position:relative;left:auto;top:auto;width:auto;margin:10px 20px 0;color:#fff}.kf26-article-panel{position:relative;left:auto;top:auto;width:auto;height:auto;margin:24px 20px 0}.kf26-article-category,.kf26-article-panel h1,.kf26-article-byline,.kf26-article-social{position:relative;left:auto;right:auto;top:auto}.kf26-article-social{position:absolute;right:0;top:2px;gap:18px}.kf26-article-panel h1{width:auto;max-height:none;margin-top:48px;font-size:30px;line-height:40px}.kf26-article-byline{margin-top:28px}.kf26-article-layout{display:block;width:auto;margin:56px 20px 90px}.kf26-share-rail{position:relative;left:auto;top:auto;bottom:auto;margin-bottom:30px}.kf26-share-rail>button{position:relative;top:auto;width:64px;height:64px}.kf26-share-rail button i:nth-child(1){left:19px;top:28px}.kf26-share-rail button i:nth-child(2){left:37px;top:19px}.kf26-share-rail button i:nth-child(3){left:37px;top:38px}.kf26-share-rail button:before{left:28px;top:31px}.kf26-share-rail button:after{left:28px;top:36px}.kf26-article-main{width:100%}.kf26-article-content img{width:100%}.kf26-related{margin-top:64px}.kf26-related article{width:100%}}

.kf26-article-social a,.kf26-article-social button{position:relative}.kf26-article-social a:has(.kf26-admin-image),.kf26-article-social a:has(span){width:70px;height:20px}.kf26-article-social span,.kf26-article-social .kf26-admin-image{display:flex;width:70px;height:20px;align-items:center;justify-content:center;background:#d9d9d9;color:#000;font-size:10px;line-height:1}.kf26-article-social button i{width:4px;height:4px}.kf26-article-social button i:nth-child(1){left:0;top:5px}.kf26-article-social button i:nth-child(2){left:8px;top:0}.kf26-article-social button i:nth-child(3){left:8px;top:10px}.kf26-article-social button:before,.kf26-article-social button:after{left:3px;width:7px}.kf26-article-social button:before{top:5px;transform:rotate(-35deg)}.kf26-article-social button:after{top:8px;transform:rotate(35deg)}

/* K-Flow article share rail (Figma 467:2 and 516:41) */
.kf26-share-rail{z-index:20;width:84px}.kf26-share-dock{position:sticky;top:24px;width:84px}.kf26-share-trigger{position:relative;display:block;width:84px;height:84px;padding:0;border:0;background:#4f4878;color:#fff;cursor:pointer}.kf26-share-trigger:focus-visible,.kf26-share-menu a:focus-visible,.kf26-share-menu button:focus-visible{outline:3px solid #19007c;outline-offset:-3px}.kf26-share-menu{position:relative;width:84px;height:405px;background:#dfd6f1}.kf26-share-menu[hidden],.kf26-share-status[hidden]{display:none}.kf26-share-menu a,.kf26-share-menu button{position:absolute;left:0;display:flex;width:84px;height:60px;padding:0;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;text-decoration:none;cursor:pointer}.kf26-share-menu a:nth-child(1){top:12px}.kf26-share-menu a:nth-child(2){top:90px}.kf26-share-menu a:nth-child(3){top:169px}.kf26-share-menu a:nth-child(4){top:249px}.kf26-share-menu button:nth-child(5){top:326px;color:#000}.kf26-share-menu button:before,.kf26-share-menu button:after{display:none}.kf26-share-menu svg{display:block;width:30px;height:30px;fill:currentColor}.kf26-share-menu a:nth-child(3) svg{width:29px;height:30px}.kf26-share-menu a:nth-child(4) svg{width:31px;height:31px}.kf26-share-status{position:absolute;left:127px;top:418px;width:336px;height:72px;display:flex;align-items:center;justify-content:center;background:#dfd6f1;color:#000;font-size:24px;line-height:30px;white-space:nowrap}.kf26-share-dock.is-open .kf26-share-trigger{background:#4f4878}
@media(max-width:760px){.kf26-share-rail{width:100%;min-height:64px}.kf26-share-dock{position:relative;top:auto;width:100%;min-height:64px}.kf26-share-trigger{width:64px;height:64px}.kf26-share-menu{position:absolute;left:64px;top:0;width:calc(100% - 64px);height:64px;display:grid;grid-template-columns:repeat(5,1fr)}.kf26-share-menu a,.kf26-share-menu button,.kf26-share-menu a:nth-child(n),.kf26-share-menu button:nth-child(5){position:relative;left:auto;top:auto;width:100%;height:64px}.kf26-share-menu svg{width:24px;height:24px}.kf26-share-menu a:nth-child(3) svg,.kf26-share-menu a:nth-child(4) svg{width:25px;height:25px}.kf26-share-status{left:0;top:72px;width:100%;height:64px;font-size:20px;line-height:26px}}

/* Navigation guide: cards and buttons grow slightly on hover to signal they are clickable */
.kf26-card,.kf26-top-card,.kf26-category-feed article,.kf26-featured-list article,.kf26-related article{transition:transform .2s ease}
.kf26-card:hover,.kf26-top-card:hover,.kf26-category-feed article:hover,.kf26-featured-list article:hover,.kf26-related article:hover{transform:scale(1.015)}
.kf26-section>header>a,.kf26-view-more{transition:transform .2s ease,background .2s ease}
.kf26-section>header>a:hover,.kf26-view-more:hover{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.kf26-card,.kf26-top-card,.kf26-category-feed article,.kf26-featured-list article,.kf26-related article,.kf26-section>header>a,.kf26-view-more{transition:none}.kf26-card:hover,.kf26-top-card:hover,.kf26-category-feed article:hover,.kf26-featured-list article:hover,.kf26-related article:hover,.kf26-section>header>a:hover,.kf26-view-more:hover{transform:none}}

/* Share rail is anchored to the page edge, not to the 996px text column.
   The previous formula used 100vw, which includes the scrollbar width and pushed the
   rail 7px off-screen at 1440px. Positioning against .kf26-article-page avoids vw. */
.kf26-article-page>.kf26-share-rail{position:absolute;left:0;top:708px;bottom:135px;width:84px;z-index:20}
.kf26-share-menu button:nth-child(5){color:#fff}
.kf26-article-mail svg{display:block;width:12px;height:12px;fill:#fff}
@media(max-width:760px){
 .kf26-article-page>.kf26-share-rail{position:relative;left:auto;top:auto;bottom:auto;width:100%;margin:0 20px 30px;width:calc(100% - 40px)}
 .kf26-article-mail svg{width:12px;height:12px}
}

/* Figma zero-height VECTOR hairlines: 368px rule 35px under the FEATURED / RELATED headings
   (128:369, 254:1375), 87px above the article category label and 221px above the hero social
   row (254:1332, 254:1333). The article panel is dark, so these use currentColor. */
.kf26-featured-list h2,.kf26-related h2{position:relative}
.kf26-featured-list h2:after,.kf26-related h2:after{content:"";position:absolute;left:0;top:35px;width:100%;height:1px;background:var(--kw-line)}
.kf26-article-category:before{content:"";position:absolute;left:0;top:-6px;width:87px;height:1px;background:currentColor;opacity:.5}
.kf26-article-social:before{content:"";position:absolute;left:-14px;top:-8px;width:221px;height:1px;background:currentColor;opacity:.5}
/* Figma 104:535 draws a down chevron on View More Flows, not the up-right arrow. */
.kf26-view-more span{width:9px;height:9px;margin-left:0;border-right:1.6px solid #000;border-bottom:1.6px solid #000;background:none;transform:translateY(-3px) rotate(45deg)}
.kf26-view-more{display:inline-flex;align-items:center;gap:8px}
@media(max-width:1100px){.kf26-article-category:before,.kf26-article-social:before{display:none}}

/* K-Flow cards: carousel state, depth, light surfaces and unified metadata. */
.kf26-indicators button{box-sizing:border-box;border:2px solid #19007c;background:rgba(255,255,255,.76)}
.kf26-indicators button.is-active{background:#5b5280}
.kf26-top-card,.kf26-card,.kf26-category-feed article,.kf26-featured-list article,.kf26-related article,.kf26-current-grid article{background:#f9f8fb;box-shadow:0 8px 20px rgba(44,38,75,.16)}
.kf26-top-copy,.kf26-card-copy,.kf26-category-copy,.kf26-current-grid a>span{background:#f9f8fb!important}
.kf26-top-copy small,.kf26-card-copy small,.kf26-category-copy small,.kf26-featured-list small,.kf26-related small{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:16px;color:#000;font:400 12px/15px Inter;white-space:nowrap;opacity:.6}
.kf26-top-copy small>span,.kf26-card-copy small>span,.kf26-category-copy small>span,.kf26-featured-list small>span,.kf26-related small>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.kf26-top-copy small time,.kf26-card-copy small time,.kf26-category-copy small time,.kf26-featured-list small time,.kf26-related small time{flex:0 0 auto;font:inherit}
.kf26-meta-category{font:inherit;font-weight:inherit;text-transform:uppercase}
/* Editorial typography: article headlines use Lusitana; channel labels and metadata stay Inter. */
.kf26-top-copy strong,.kf26-card-copy strong,.kf26-current-grid strong,.kf26-category-copy strong,.kf26-featured-list strong,.kf26-related strong{font-family:Lusitana}
/* Figma marks these titles Regular 400, but that 400 was set against Inter. Lusitana's strokes are
   much lighter at the same numeric weight (184.16px vs 199.68px for the same string), so the serif
   titles carry 700 to keep the designed visual weight. Lusitana ships 400/700 only. */
.kf26-top-copy strong,.kf26-card-copy strong,.kf26-current-grid strong,.kf26-category-copy strong,.kf26-featured-list strong,.kf26-related strong{font-weight:700}
/* Figma 104:170 gives the big overlay card a 48px line height; its sibling cards stay at 36. */
.kf26-layout-left .kf26-card:nth-child(1) .kf26-card-copy strong,.kf26-layout-right .kf26-card:nth-child(2) .kf26-card-copy strong{line-height:48px}
/* The earlier per-card 18px compensation and the 36px text-card line height are superseded by the
   three-tier card scale at the end of this file. */
/* Card typography tiers (scale defined in home.css).
   Large  : the carousel card, each section's big overlay card, the 588px category-page cards.
   Medium : the 486px image+panel card and the three 306px cards in the three-up sections.
   Small  : the bordered text cards, LATEST/bottom strip, FEATURED and RELATED.
   Line clamps are added where none existed: at 32px a long CMS title would otherwise push the
   fixed copy panels open. Budgets, tallest case per box: large overlay 4x40+15=175 in 205,
   medium 3x32+15=111 in 115, three-up 3x32+15=111 in 142, carousel 2x40+15=95 in 120. */
.kf26-top-card-0 .kf26-top-copy strong,.kf26-layout-left .kf26-card:nth-child(1) .kf26-card-copy strong,.kf26-layout-right .kf26-card:nth-child(2) .kf26-card-copy strong,.kf26-category-copy strong,.kf26-category-feed article:nth-child(even) .kf26-category-copy strong{font-size:var(--kw-card-lg-title);line-height:var(--kw-card-lg-title-lh)}
.kf26-category-copy p{font-size:var(--kw-card-lg-text);line-height:var(--kw-card-lg-text-lh)}
.kf26-layout-left .kf26-card:nth-child(2) .kf26-card-copy strong,.kf26-layout-right .kf26-card:nth-child(1) .kf26-card-copy strong,.kf26-layout-three .kf26-card:nth-child(-n+3) .kf26-card-copy strong{font-size:var(--kw-card-md-title);line-height:var(--kw-card-md-title-lh)}
.kf26-card-text strong,.kf26-top-card-1 .kf26-top-copy strong,.kf26-top-card-2 .kf26-top-copy strong,.kf26-top-card-3 .kf26-top-copy strong,.kf26-top-card-4 .kf26-top-copy strong,.kf26-top-card-5 .kf26-top-copy strong,.kf26-top-card-6 .kf26-top-copy strong,.kf26-top-card-7 .kf26-top-copy strong,.kf26-featured-list strong,.kf26-related strong,.kf26-current-grid strong{font-size:var(--kw-card-sm-title);line-height:var(--kw-card-sm-title-lh)}
.kf26-top-copy small,.kf26-card-copy small,.kf26-category-copy small,.kf26-featured-list small,.kf26-related small,.kf26-current-grid small{font-size:var(--kw-card-meta);line-height:var(--kw-card-meta-lh)}
/* ==========================================================================
   Content-driven cards (2026-08-07). Titles must show in full: no ellipsis, no fixed card
   height, but the designed bottom padding is kept so short cards still have their whitespace.

   The top area and the section grids were fixed-height absolute compositions, so growing text
   would have overlapped the block below. Both become CSS grids whose rows grow with content.
   The column tracks reproduce Figma's exact x positions, so nothing moves for short titles.
   ========================================================================== */

/* --- Top area. Tracks: 232|22|232|23|79|40|112|24|232 = 996, which yields both the first row
   (588 card + 40 gap + 368 column) and the strip (232/232/231/232 at x 0/254/509/764). --- */
.kf26-top{width:996px;height:auto;display:grid;grid-template-columns:232fr 22fr 232fr 23fr 79fr 40fr 112fr 24fr 232fr;row-gap:19px;align-items:start}
/* justify-self:stretch, not start: the heading carries the hairline below it (Figma 104:52 is
   368 wide, the full right column), so its box has to span the track instead of hugging the
   76px of glyphs. Stretching only changes the box width, the text stays left aligned. */
/* left/top must be reset explicitly. The base rule is position:absolute;left:628px;top:21px, and
   the grid override used to neutralise them with position:static. Switching to relative (needed
   to anchor the hairline) revives both offsets and shifts the heading 628px right and 21px down. */
.kf26-top h1{position:relative;left:auto;top:auto;grid-column:7/10;grid-row:1;justify-self:stretch;align-self:center;width:auto;margin:0}
/* Figma 104:52: a 368x1 rule 35px below the heading box top, the same offset every other
   FEATURED/RELATED heading in this design uses. It clears the search pill by 21px. */
.kf26-top h1:after{content:"";position:absolute;left:0;top:35px;width:100%;height:1px;background:var(--kw-line)}
/* The stretched heading is positioned, so it would paint over the pill and swallow clicks on the
   input. Lift the pill above it explicitly rather than making the heading pointer-events:none. */
.kf26-top .kf26-search{position:relative;z-index:1;right:auto;top:auto;grid-column:7/10;grid-row:1;justify-self:end}
.kf26-top-card{position:relative;left:auto;top:auto;width:auto;height:auto}
.kf26-top-card-0{grid-column:1/6;grid-row:1/5}
.kf26-top-card-1{grid-column:7/10;grid-row:2;margin-top:34px}
.kf26-top-card-2{grid-column:7/10;grid-row:3}
.kf26-top-card-3{grid-column:7/10;grid-row:4}
.kf26-top-card-4{grid-column:1;grid-row:5}
.kf26-top-card-5{grid-column:3;grid-row:5}
.kf26-top-card-6{grid-column:5/8;grid-row:5}
.kf26-top-card-7{grid-column:9;grid-row:5}
.kf26-top-card-4,.kf26-top-card-5,.kf26-top-card-6,.kf26-top-card-7{margin-top:17px}
/* The four carousel slides used to overlap via position:absolute, which collapses to zero height
   once the card is auto-sized. Stacking them in one grid cell keeps the cross-fade and lets the
   card take the height of the tallest slide. */
.kf26-carousel{display:grid}
.kf26-top-slide{position:relative;inset:auto;grid-area:1/1}
/* Copy panels keep their designed height as a floor, then grow. */
.kf26-top-copy{height:auto}
.kf26-top-card-0 .kf26-top-copy{min-height:172px;height:auto}
.kf26-top-card-1 .kf26-top-copy,.kf26-top-card-2 .kf26-top-copy,.kf26-top-card-3 .kf26-top-copy{min-height:108px;height:auto}
.kf26-top-card-4 .kf26-top-copy,.kf26-top-card-5 .kf26-top-copy,.kf26-top-card-6 .kf26-top-copy,.kf26-top-card-7 .kf26-top-copy{min-height:104px;height:auto}

/* --- Section grids. Tracks: 307|38|141|24|141|38|307 = 996, giving 486+486 on the main row and
   307/306/307 on the note row, at Figma's x positions. --- */
.kf26-section-grid,.kf26-layout-left .kf26-section-grid,.kf26-layout-right .kf26-section-grid,.kf26-layout-three .kf26-section-grid{width:auto;height:auto;display:grid;grid-template-columns:307fr 38fr 141fr 24fr 141fr 38fr 307fr;align-items:start}
.kf26-layout-left .kf26-section-grid,.kf26-layout-right .kf26-section-grid{row-gap:39px}
.kf26-layout-three .kf26-section-grid{row-gap:26px}
/* The original absolute rules are 0,3,0 (.kf26-layout-x .kf26-card:nth-child(n)), so a plain
   .kf26-card reset cannot beat their left/top/width/height. Match that specificity here. */
.kf26-card,.kf26-layout-left .kf26-card:nth-child(n),.kf26-layout-right .kf26-card:nth-child(n),.kf26-layout-three .kf26-card:nth-child(n){position:relative;left:auto;top:auto;width:auto;height:auto}
.kf26-layout-left .kf26-card:nth-child(1),.kf26-layout-right .kf26-card:nth-child(1){grid-column:1/4;grid-row:1}
.kf26-layout-left .kf26-card:nth-child(2),.kf26-layout-right .kf26-card:nth-child(2){grid-column:5/8;grid-row:1}
.kf26-layout-left .kf26-card:nth-child(3),.kf26-layout-right .kf26-card:nth-child(3){grid-column:1;grid-row:2}
.kf26-layout-left .kf26-card:nth-child(4),.kf26-layout-right .kf26-card:nth-child(4){grid-column:3/6;grid-row:2}
.kf26-layout-left .kf26-card:nth-child(5),.kf26-layout-right .kf26-card:nth-child(5){grid-column:7;grid-row:2}
.kf26-layout-three .kf26-card:nth-child(1),.kf26-layout-three .kf26-card:nth-child(4){grid-column:1}
.kf26-layout-three .kf26-card:nth-child(2),.kf26-layout-three .kf26-card:nth-child(5){grid-column:3/6}
.kf26-layout-three .kf26-card:nth-child(3),.kf26-layout-three .kf26-card:nth-child(6){grid-column:7}
.kf26-layout-three .kf26-card:nth-child(-n+3){grid-row:1}
.kf26-layout-three .kf26-card:nth-child(n+4){grid-row:2}
/* Overlay cards: the panel stays anchored to the bottom of the image and grows upwards, so the
   card height is still the image height and nothing below it moves. */
.kf26-layout-left .kf26-card:nth-child(1) .kf26-card-copy,.kf26-layout-right .kf26-card:nth-child(2) .kf26-card-copy{position:absolute;left:0;right:0;top:auto;bottom:0;height:auto;min-height:265px}
.kf26-layout-left .kf26-card:nth-child(1) img,.kf26-layout-right .kf26-card:nth-child(2) img{height:508px}
/* Image + panel cards: the panel joins the normal flow under the image and the card grows. */
.kf26-layout-left .kf26-card:nth-child(2) .kf26-card-copy,.kf26-layout-right .kf26-card:nth-child(1) .kf26-card-copy,.kf26-layout-three .kf26-card:nth-child(-n+3) .kf26-card-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:auto}
.kf26-layout-left .kf26-card:nth-child(2) .kf26-card-copy,.kf26-layout-right .kf26-card:nth-child(1) .kf26-card-copy{min-height:156px}
.kf26-layout-three .kf26-card:nth-child(-n+3) .kf26-card-copy{min-height:186px}
.kf26-card-image img,.kf26-card-image .kf26-admin-image{height:auto}
.kf26-layout-left .kf26-card:nth-child(2) img,.kf26-layout-right .kf26-card:nth-child(1) img{height:283px}
.kf26-layout-three .kf26-card:nth-child(-n+3) img{height:303px}
.kf26-card-text{height:auto}
.kf26-card-text .kf26-card-copy{height:auto;min-height:96px}

/* --- No ellipsis anywhere in K-Flow cards. --- */
.kf26-top-copy strong,.kf26-card-copy strong,.kf26-card-text strong,.kf26-category-copy strong,.kf26-category-copy p,.kf26-featured-list strong,.kf26-related strong,.kf26-current-grid strong{display:block;overflow:visible;-webkit-line-clamp:none;-webkit-box-orient:initial}
/* Category page and the FEATURED / RELATED rails grow too, keeping their designed padding. */
.kf26-category-feed article{width:auto;height:auto}
.kf26-category-copy{height:auto;min-height:261px}
.kf26-featured-list article,.kf26-related article{height:auto;min-height:108px}
/* Images become aspect-ratio based so the fr tracks can scale the whole composition. */
.kf26-top-card-0 .kf26-top-slide>img,.kf26-top-card-0 .kf26-admin-image{height:auto;aspect-ratio:588/350}
.kf26-top-card-4 img,.kf26-top-card-5 img,.kf26-top-card-6 img,.kf26-top-card-7 img,.kf26-top-card-4 .kf26-admin-image,.kf26-top-card-5 .kf26-admin-image,.kf26-top-card-6 .kf26-admin-image,.kf26-top-card-7 .kf26-admin-image{height:auto;aspect-ratio:232/134}
.kf26-layout-left .kf26-card:nth-child(1) img,.kf26-layout-right .kf26-card:nth-child(2) img{height:auto;aspect-ratio:486/508}
.kf26-layout-left .kf26-card:nth-child(2) img,.kf26-layout-right .kf26-card:nth-child(1) img{height:auto;aspect-ratio:486/283}
.kf26-layout-three .kf26-card:nth-child(-n+3) img{height:auto;aspect-ratio:306/303}

/* 761-1100px: the old approach scaled the 996 grid with transform and compensated with a
   margin-bottom derived from the fixed 796px/5362px heights. Those heights are no longer fixed, so
   the compensation would be wrong. The fr tracks scale the composition on their own instead. */
@media(max-width:1100px) and (min-width:761px){
 .kf26-top,.kf26-sections{width:calc(100% - 56px);margin-left:28px;margin-right:28px;transform:none;margin-bottom:0}
 .kf26-top{margin-top:49px}
 .kf26-sections{margin-top:98px}
 .kf26-category{transform:none;margin-bottom:0;width:calc(100% - 56px);margin-left:28px}
}

/* Phones: one column, and the min-heights drop away so nothing carries desktop whitespace. */
@media(max-width:760px){
 /* The width has to be restated here. The grid block above is not in a media query and its
    width:996px sits after the old 760 rule that set calc(100% - 40px), so without this line the
    top area stays 996 wide on a phone and .kf26-main{overflow:hidden} silently clips it. */
 .kf26-top{width:calc(100% - 40px);grid-template-columns:1fr 1fr;row-gap:18px;column-gap:12px}
 .kf26-top h1{grid-column:1;grid-row:1;align-self:center}
 .kf26-top .kf26-search{grid-column:2;grid-row:1;width:100%;justify-self:stretch}
 .kf26-top-card-0,.kf26-top-card-1,.kf26-top-card-2,.kf26-top-card-3{grid-column:1/-1;grid-row:auto;margin-top:0}
 .kf26-top-card-4,.kf26-top-card-5,.kf26-top-card-6,.kf26-top-card-7{grid-column:auto;grid-row:auto;margin-top:0}
 .kf26-top-card-0 .kf26-top-copy,.kf26-top-card-1 .kf26-top-copy,.kf26-top-card-2 .kf26-top-copy,.kf26-top-card-3 .kf26-top-copy,.kf26-top-card-4 .kf26-top-copy,.kf26-top-card-5 .kf26-top-copy,.kf26-top-card-6 .kf26-top-copy,.kf26-top-card-7 .kf26-top-copy{min-height:0}
 .kf26-section-grid,.kf26-layout-left .kf26-section-grid,.kf26-layout-right .kf26-section-grid,.kf26-layout-three .kf26-section-grid{grid-template-columns:1fr;row-gap:20px}
 .kf26-layout-left .kf26-card:nth-child(n),.kf26-layout-right .kf26-card:nth-child(n),.kf26-layout-three .kf26-card:nth-child(n){grid-column:1;grid-row:auto}
 .kf26-layout-left .kf26-card:nth-child(1) .kf26-card-copy,.kf26-layout-right .kf26-card:nth-child(2) .kf26-card-copy{position:relative;left:auto;right:auto;bottom:auto}
 .kf26-layout-left .kf26-card:nth-child(n) img,.kf26-layout-right .kf26-card:nth-child(n) img,.kf26-layout-three .kf26-card:nth-child(n) img{aspect-ratio:1.6}
 .kf26-layout-left .kf26-card:nth-child(n) .kf26-card-copy,.kf26-layout-right .kf26-card:nth-child(n) .kf26-card-copy,.kf26-layout-three .kf26-card:nth-child(n) .kf26-card-copy,.kf26-card-text .kf26-card-copy{min-height:0}
 .kf26-category-copy,.kf26-featured-list article,.kf26-related article{min-height:0}
}
/* Text hugs the bottom of the panel (2026-08-07), see kranking.css for the reasoning. */
.kf26-top-copy,.kf26-card-copy,.kf26-category-copy{justify-content:flex-start}
/* No intro on these: heading on top, meta pinned to the bottom padding, surplus between them. */
.kf26-top-copy small,.kf26-card-copy small,.kf26-featured-list small,.kf26-related small,.kf26-current-grid small{margin-top:auto}
/* Category page has an intro, so the surplus opens between heading and intro instead. */
.kf26-category-copy p{margin-top:auto}
.kf26-category-copy strong{margin-bottom:4px}
.kf26-category-copy small{margin-top:16px}
.kf26-featured-list article>a,.kf26-featured-list article>div,.kf26-related article>a,.kf26-related article>div,.kf26-current-grid a>span{justify-content:flex-start}
/* The 108px rails carried min-height on <article> while the flex column is the <a> inside it.
   height:100% resolves to auto against an auto-height parent, so the <a> only grew to its content
   and the leftover space fell below the meta instead of between heading and meta. Move the floor
   onto the flex container and guarantee a gap under the heading. */
.kf26-featured-list article,.kf26-related article{min-height:0}
.kf26-featured-list article>a,.kf26-featured-list article>div,.kf26-related article>a,.kf26-related article>div{min-height:108px;height:auto}
.kf26-featured-list strong,.kf26-related strong{margin-bottom:12px}
/* K-Flow homepage type spec (2026-08-07).
   Already correct from the shared scale: masthead K-FLOW 32, channel nav 16, search 16,
   section heading (Products) 32, See More 16, grey meta 12, carousel title 32/1.5x,
   big overlay card 32/1.5x, horizontal and vertical medium cards 24/1.5x, small cards 16/1.5x.
   The LATEST column is the one size outside the shared three-tier scale, so it is set here. */
.kf26-top-card-1 .kf26-top-copy strong,.kf26-top-card-2 .kf26-top-copy strong,.kf26-top-card-3 .kf26-top-copy strong{font-size:20px;line-height:1.5}
@media(max-width:760px){
 .kf26-top-card-1 .kf26-top-copy strong,.kf26-top-card-2 .kf26-top-copy strong,.kf26-top-card-3 .kf26-top-copy strong{font-size:18px}
}
/* K-Flow article detail type spec (2026-08-07).
   Already correct: channel nav 16, hero category (PRODUCTS) 16, byline 14, Image Credits 14 in
   Extra Light, body 16/1.875x, Topics links 13, RELATED heading 20.
   Only the hero headline needed a change: it was 32/44px (1.375x) and the spec asks for 1.4x.
   Declared unitless so the 760px step-down (30px) also lands on 1.4x. */
.kf26-article-panel h1{line-height:1.4}
/* Image Credits is Extra Light. Inter ships 100/400/500/600/700 here, so 200 resolves to the
   Thin face rather than being synthesised. */
.kf26-image-credit{font-size:14px;font-weight:200}