/*
Theme Name: Keeper League Modern
Description: Blue and white resource-first theme with seasonal tools, real articles and MemberPress membership layouts.
Version: 1.1.16
Author: The Keeper League
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: keeper-league-modern
*/
:root{--kl-blue:#0b0074;--kl-ink:#16162b;--kl-muted:#656575;--kl-line:#e3e4ed;--kl-pale:#f4f5fb;--kl-soft:#eeefff}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body.kl-site{margin:0;color:var(--kl-ink);background:#fff;font:16px/1.55 Inter,Arial,Helvetica,sans-serif}
.kl-wrap,.kl-wrap *,.kl-site-header *,.kl-site-footer *{box-sizing:border-box}
.kl-wrap{max-width:1240px;margin-inline:auto;padding-inline:32px}
.kl-site :where(.kl-wrap,.kl-site-header,.kl-site-footer) a{color:inherit;text-decoration:none}
.kl-site :where(.kl-wrap,.kl-site-header,.kl-site-footer) a:hover{color:var(--kl-blue)}
.kl-site :where(a,button,input,select,textarea):focus-visible{outline:3px solid #7269ff;outline-offset:4px}
.kl-site :where(.kl-home-intro,.kl-resource,.kl-feature,.kl-card-copy,.kl-join,.kl-member-intro,.kl-plan,.kl-sidebar,.kl-post-heading,.kl-page-title,.kl-login-card,.kl-section-head) :where(h1,h2,h3,p){margin:0}
.kl-site :where(.kl-home-intro,.kl-resource,.kl-feature,.kl-card-copy,.kl-join,.kl-member-intro,.kl-plan,.kl-sidebar,.kl-post-heading,.kl-page-title,.kl-login-card,.kl-section-head) :where(h1,h2,h3){line-height:1.15;letter-spacing:-.04em}
.kl-site :where(.kl-home-intro,.kl-resource,.kl-feature,.kl-card-copy,.kl-join,.kl-member-intro,.kl-plan,.kl-sidebar,.kl-login-card) p{color:var(--kl-muted)}
.kl-sr-only,.kl-skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kl-skip:focus{clip:auto;width:auto;height:auto;top:10px;left:10px;padding:12px;background:white;z-index:1000;color:var(--kl-blue)}
.kl-site-header{background:var(--kl-blue);color:white;border-bottom:1px solid rgba(255,255,255,.2)}
.kl-header-inner{display:flex;align-items:center;gap:34px;min-height:96px}
.kl-logo{display:block;flex-shrink:0}
.kl-logo img{width:112px;height:auto;max-height:70px;object-fit:contain;display:block}
.kl-default-logo{filter:brightness(0) invert(1)}
.kl-main-nav ul,.kl-site-footer ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.kl-main-nav{font-size:14px;font-weight:600}
.kl-main-nav li{position:relative}
.kl-main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;background:var(--kl-blue);padding:18px;z-index:30;box-shadow:0 8px 18px #0002}
.kl-main-nav li:hover>.sub-menu,.kl-main-nav li:focus-within>.sub-menu{display:flex;flex-direction:column;align-items:stretch;gap:16px}
.kl-site .kl-site-header a:hover{color:#d5d2ff}
.kl-account{margin-left:auto;display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:14px;font-weight:600}
.kl-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--kl-blue);border-radius:6px;padding:12px 20px;background:var(--kl-blue);color:white!important;font-size:14px;font-weight:700;line-height:1.4}
.kl-button:hover{background:#25198d}
.kl-button.kl-white{background:white;border-color:white;color:var(--kl-blue)!important}
.kl-button.kl-outline{background:white;border-color:var(--kl-line);color:var(--kl-ink)!important}
.kl-button.kl-outline:hover{border-color:var(--kl-blue)}
.kl-menu-toggle{display:none}
.kl-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--kl-blue)}
.kl-home-intro{padding-block:42px 29px}
.kl-home-intro h1{font-size:clamp(32px,4vw,54px);font-weight:750;margin-top:11px!important}
.kl-home-intro p{margin-top:14px!important;font-size:16px}
.kl-resource-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.kl-lead-article,.kl-feature{grid-column:span 4;min-height:330px}
.kl-home-latest{padding-block:40px}
.kl-home-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kl-home-article-grid .kl-lead-article{grid-column:auto;min-height:0}
.kl-home-resources{border-top:1px solid var(--kl-line);padding-top:34px}
.kl-home-resources .kl-section-head{align-items:flex-end}
.kl-home-resources .kl-section-head .kl-eyebrow{display:block;margin-bottom:7px}
.kl-home-resources-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px}
.kl-home-resources-grid>.kl-feature{grid-column:auto;grid-row:auto;min-height:316px;border-radius:8px}
.kl-home-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0}
.kl-home-tools-grid>.kl-resource{grid-column:auto;min-width:0;border-radius:8px;padding:19px 16px;flex-direction:column;gap:10px}
.kl-home-tools-grid>.kl-resource>div{min-width:0;width:100%;overflow-wrap:anywhere}
.kl-home-tools-grid .kl-resource h3{font-size:17px;line-height:1.3;letter-spacing:0}
.kl-home-tools-grid .kl-resource p{font-size:13px}
@media(max-width:1100px) and (min-width:901px){.kl-home-tools-grid>.kl-resource{padding:16px 13px}.kl-home-resources-grid>.kl-feature{padding:24px}.kl-home-resources-grid>.kl-feature h2{font-size:30px}}
.kl-article-card{border:1px solid var(--kl-line);border-radius:12px;background:#fff;overflow:hidden;display:block}
.kl-article-image{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:contain;background:var(--kl-pale)}
.kl-image-placeholder{aspect-ratio:5/3;display:flex;align-items:center;justify-content:center;background:var(--kl-soft);color:var(--kl-blue)}
.kl-image-placeholder .kl-icon{width:56px;height:56px}
.kl-card-copy{padding:20px 22px}
.kl-card-copy h2{font-size:24px;margin-block:10px 16px!important;line-height:1.2!important}
.kl-meta{font-size:13px;color:var(--kl-muted)}
.kl-feature{border-radius:12px;background:var(--kl-blue);color:white;padding:28px;display:flex;flex-direction:column;position:relative}
.kl-feature .kl-eyebrow{color:#c9c5ff;padding-right:28px}
.kl-feature-icon{position:absolute;top:26px;right:24px;color:#c9c5ff}
.kl-feature h2{font-size:34px;max-width:280px;margin:35px 0 14px!important}
.kl-feature p{font-size:14px;color:#d5d2f2!important;max-width:280px;margin-bottom:26px!important}
.kl-feature .kl-button{align-self:flex-start;margin-top:auto}
.kl-icon{width:24px;height:24px;display:inline-block;flex-shrink:0;vertical-align:middle}
.kl-resource{grid-column:span 3;display:flex;gap:14px;align-items:flex-start;border:1px solid var(--kl-line);border-radius:12px;padding:21px 20px;background:white}
.kl-resource:hover{border-color:#a59ed2}
.kl-resource .kl-iconbox{border-radius:8px;background:var(--kl-soft);color:var(--kl-blue);padding:9px;line-height:0}
.kl-resource h3{font-size:18px;margin-block:3px 8px!important}
.kl-resource p{font-size:14px;line-height:1.5}
.kl-tag{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--kl-blue);margin-top:12px}
.kl-resource-band{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:14px;color:var(--kl-muted)}
.kl-resource-band .kl-icon{width:16px;height:16px;margin-right:7px}
.kl-resource-band a{color:var(--kl-blue)!important;font-weight:700}
.kl-more-resources{border:1px solid var(--kl-line);border-radius:8px;margin-top:20px;scroll-margin-top:24px}
.kl-more-resources summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:700;padding:17px 21px;list-style:none}
.kl-more-resources summary::-webkit-details-marker{display:none}
.kl-more-resources[open] summary{border-bottom:1px solid var(--kl-line)}
.kl-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px}
.kl-more-grid .kl-resource{grid-column:auto}
.kl-podcast{border-top:1px solid var(--kl-line);padding-block:34px 40px;margin-top:36px}
.kl-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.kl-section-head h2{font-size:28px}
.kl-section-head>a{font-weight:700;font-size:14px;color:var(--kl-blue)!important}
.kl-podcast iframe{display:block;width:100%;height:180px;border:0}
.kl-latest{padding-block:42px 48px;background:var(--kl-pale);border-block:1px solid var(--kl-line)}
.kl-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.kl-join{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--kl-line);border-radius:10px;padding:32px 34px;margin-block:42px}
.kl-join h2{font-size:25px;margin-bottom:9px!important}
.kl-join p{font-size:14px}
.kl-join .kl-button{flex-shrink:0}
.kl-site-footer{border-top:1px solid var(--kl-line)}
.kl-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;font-size:13px;color:var(--kl-muted)}
.kl-footer-inner p{margin:0}
.kl-post-layout{padding-block:45px 20px}
.kl-post{width:min(100%,1000px);min-width:0;margin-inline:auto}
.kl-post-heading h1{font-size:clamp(32px,4vw,46px);margin-block:13px 18px!important}
.kl-post-heading .kl-meta{margin-bottom:26px!important}
.kl-post-image{width:100%;height:auto;display:block;border-radius:8px;margin-bottom:26px}
.kl-prose{font-size:17px;line-height:1.8;width:100%;max-width:none;margin-inline:auto;overflow-wrap:break-word}
.kl-prose :where(p,ul,ol,figure){margin-block:0 24px}
.kl-prose :where(h2,h3,h4){line-height:1.25;letter-spacing:-.025em;margin-block:30px 18px}
.kl-prose h2{font-size:29px}
.kl-prose a{color:var(--kl-blue)!important;text-decoration:underline!important;text-underline-offset:3px}
.kl-prose img,.kl-prose video,.kl-prose iframe{max-width:100%}
.kl-prose iframe{width:100%}
.kl-prose img{height:auto}
.kl-prose blockquote{border-left:3px solid var(--kl-blue);padding-left:22px;margin-inline:0}
.kl-prose .alignwide{max-width:100%}
.kl-prose .wp-block-embed__wrapper{max-width:100%}
.kl-inline-member-ad{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--kl-line);border-left:4px solid var(--kl-blue);border-radius:8px;background:var(--kl-pale);padding:24px 26px;margin-block:30px}
.kl-inline-member-ad h2{font-size:24px;margin-block:7px 8px!important}
.kl-inline-member-ad p{font-size:15px;line-height:1.55;margin:0!important;color:var(--kl-muted)}
.kl-prose .kl-inline-member-ad .kl-button{flex-shrink:0;color:white!important;text-decoration:none!important}
.kl-post-membership-wrap{max-width:1064px;padding-bottom:54px}
.kl-post-membership{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.65fr);border:1px solid var(--kl-line);border-radius:8px;overflow:hidden}
.kl-post-membership-intro{padding:34px;background:var(--kl-blue);color:white}
.kl-post-membership-intro .kl-eyebrow{color:#c9c5ff}
.kl-post-membership-intro h2{font-size:28px;line-height:1.15;letter-spacing:-.04em;margin:15px 0 12px}
.kl-post-membership-intro p{font-size:15px;color:#d5d2f2;margin:0 0 24px}
.kl-post-membership-resources{padding:30px 34px}
.kl-post-membership-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding-bottom:20px;border-bottom:1px solid var(--kl-line)}
.kl-post-membership-heading h3{font-size:24px;line-height:1.2;letter-spacing:-.03em;margin:6px 0 0}
.kl-post-membership-heading>a{color:var(--kl-blue)!important;font-size:13px;font-weight:700}
.kl-post-membership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.kl-post-membership-grid>a{display:flex;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid var(--kl-line);font-size:14px;font-weight:650}
.kl-post-membership-grid .kl-icon{width:20px;height:20px;color:var(--kl-blue)}
.kl-sidebar{position:sticky;top:24px;border:1px solid var(--kl-line);border-radius:12px;overflow:hidden}
.kl-sidebar-intro{padding:28px;background:var(--kl-blue);color:white}
.kl-sidebar-intro .kl-eyebrow{color:#c9c5ff}
.kl-sidebar-intro h2{font-size:27px;margin-block:18px!important}
.kl-sidebar-intro p{font-size:15px;color:#d5d2f2!important;margin-bottom:24px!important}
.kl-sidebar-links{padding:26px}
.kl-sidebar-links h3{font-size:20px;margin-bottom:18px!important}
.kl-sidebar-links>a{display:flex;align-items:center;gap:13px;padding-block:16px;border-bottom:1px solid var(--kl-line);font-size:14px}
.kl-sidebar-links .kl-icon{color:var(--kl-blue)}
.kl-sidebar-links>a.kl-all-resources{border:0;font-weight:700;color:var(--kl-blue);padding-bottom:0}
.kl-page{padding-block:44px 64px;min-height:60vh}
.kl-page-title{font-size:clamp(30px,4vw,44px);max-width:1000px;margin:0 0 30px!important}
.kl-wide-page{max-width:1500px}
.kl-wide-page .kl-page-title{max-width:none}
.kl-plugin-content{min-width:0}
.kl-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-block:20px}
.kl-table-scroll table.tablepress{margin:0;min-width:700px}
.kl-plugin-content .tablepress{font-size:14px}
.kl-plugin-content .tablepress thead th{background:var(--kl-blue);color:white}
.kl-plugin-content .tablepress tbody td{padding:12px}
.kl-plugin-content .tablepress tbody tr:nth-child(even) td{background:var(--kl-pale)}
.kl-archive{padding-block:42px 60px}
.kl-archive>h1{font-size:40px;margin-top:0;margin-bottom:28px}
.kl-member-intro{text-align:center;padding-block:48px 34px}
.kl-member-intro h1{font-size:48px;max-width:760px;margin:13px auto 18px!important}
.kl-member-intro>p{font-size:17px;max-width:620px;margin:auto!important}
.kl-member-billing{font-size:13px;color:var(--kl-muted);margin-top:22px}
.kl-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kl-plan{border:1px solid var(--kl-line);border-radius:12px;padding:30px 28px;background:white}
.kl-plan.kl-gold{border:2px solid var(--kl-blue);padding:29px 27px;background:#f7f7ff}
.kl-plan-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--kl-muted);margin-bottom:15px}
.kl-gold .kl-plan-label{color:var(--kl-blue)}
.kl-plan h2{font-size:30px;margin-bottom:10px!important}
.kl-plan>p{font-size:14px}
.kl-plan-price{display:flex;align-items:baseline;gap:7px;margin-block:22px 7px}
.kl-plan-price strong{font-size:42px;letter-spacing:-.05em}
.kl-plan-price span{font-size:14px;color:var(--kl-muted)}
.kl-plan p.kl-annual-price{font-size:13px;line-height:1.6;min-height:43px;margin-bottom:22px!important}
.kl-plan>.kl-button{width:100%;font-size:15px}
.kl-plan-features{border-top:1px solid var(--kl-line);margin-top:25px;padding-top:21px}
.kl-plan-features>strong{display:block;font-size:14px;margin-bottom:17px}
.kl-plan-features ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.kl-plan-features li{display:flex;gap:10px;font-size:14px;line-height:1.5}
.kl-check{color:var(--kl-blue);font-size:17px;font-weight:700;flex-shrink:0}
.kl-membership-terms{text-align:center;padding-block:25px 40px}
.kl-membership-terms p{font-size:13px;color:var(--kl-muted);margin:0}
.kl-membership-terms a{color:var(--kl-blue)!important;text-decoration:underline!important}
.kl-plan-comparison>h2{font-size:28px;letter-spacing:-.04em}
.kl-comparison-wrap{border:1px solid var(--kl-line);border-radius:10px;overflow:hidden}
.kl-comparison-wrap table{border-collapse:collapse;width:100%;font-size:14px}
.kl-comparison-wrap th,.kl-comparison-wrap td{padding:15px 22px;border-bottom:1px solid var(--kl-line);text-align:center}
.kl-comparison-wrap th:first-child{text-align:left;width:48%}
.kl-comparison-wrap tbody th{font-weight:400}
.kl-comparison-wrap thead{background:var(--kl-pale)}
.kl-membership-page{padding-bottom:24px}
.kl-login-page{padding-block:56px 80px;min-height:65vh}
.kl-login-card{max-width:560px;margin:auto;padding:34px;border:1px solid var(--kl-line);border-radius:12px}
.kl-login-card h1{font-size:38px;margin-block:15px!important}
.kl-login-card p{font-size:15px}
.kl-member-form{margin-top:30px}
.kl-member-form .mepr-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.kl-member-form .mepr-form select{font:inherit;width:100%;padding:12px;border:1px solid var(--kl-line);border-radius:6px;box-sizing:border-box}
.kl-member-form .mepr-form label{font-size:14px;font-weight:700}
.kl-member-form .mepr-submit{font:inherit;border:0;border-radius:6px;background:var(--kl-blue);color:white;padding:12px 22px;cursor:pointer}
.kl-member-form .mp-form-row{margin-bottom:18px}
.kl-login-join{border-top:1px solid var(--kl-line);padding-top:24px;margin-top:26px!important}
.kl-login-join a{font-weight:700;color:var(--kl-blue)!important}
.kl-account-page{max-width:1114px;padding-block:52px 80px}
.kl-account-page .kl-page-title{max-width:none;margin:0 0 24px!important;font-size:clamp(36px,4vw,48px)}
.kl-account-content{font-size:15px;line-height:1.55}
.kl-account-content>.mp_wrapper{margin:0 0 22px}
.kl-account-content #mepr-account-nav{margin:0}
.kl-account-content #mepr-account-nav ul{display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;list-style:none;margin:0;padding:4px;border:1px solid var(--kl-line);border-radius:8px;background:var(--kl-pale)}
.kl-account-content #mepr-account-nav li{margin:0;padding:0}
.kl-account-content #mepr-account-nav a{display:block;padding:10px 16px;border-radius:5px;color:var(--kl-muted);font-size:14px;font-weight:650;text-decoration:none}
.kl-account-content #mepr-account-nav a:hover{color:var(--kl-blue);background:white}
.kl-account-content #mepr-account-nav .mepr-active-nav-tab a{background:var(--kl-blue);color:white}
.kl-account-content .mepr_error,.kl-account-content .mepr_updated{margin:0;padding:17px 19px;border:1px solid #efb1b5;border-left:4px solid #ba2732;border-radius:6px;background:#fff4f4;color:#68161d;font-size:14px;line-height:1.6}
.kl-account-content .mepr_updated{border-color:#a8d7bc;border-left-color:#187744;background:#f0faf4;color:#125a35}
.kl-account-content .mepr_error a,.kl-account-content .mepr_updated a{color:inherit;font-weight:750;text-decoration:underline;text-underline-offset:2px}
.kl-account-content #mepr-account-welcome-message{font-size:19px;font-weight:750;letter-spacing:-.015em;margin-bottom:22px}
.kl-account-content .mepr-account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 22px;max-width:820px;padding:28px;border:1px solid var(--kl-line);border-radius:8px;background:white}
.kl-account-content .mepr-account-form .mp-form-row{margin:0}
.kl-account-content .mepr-account-form .mepr_email,.kl-account-content .mepr-account-form .mepr_mepr-address-one,.kl-account-content .mepr-account-form .mepr_mepr-address-two{grid-column:1/-1}
.kl-account-content .mp-form-label{margin-bottom:7px}
.kl-account-content .mp-form-label label{display:block;color:var(--kl-ink);font-size:13px;font-weight:700}
.kl-account-content .mepr-account-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.kl-account-content .mepr-account-form select{width:100%;min-height:46px;box-sizing:border-box;border:1px solid #d4d5df;border-radius:6px;background:white;padding:10px 12px;color:var(--kl-ink);font:inherit;box-shadow:none}
.kl-account-content .mepr-account-form input:focus,.kl-account-content .mepr-account-form select:focus{border-color:var(--kl-blue);outline:3px solid #e3e0ff;outline-offset:0}
.kl-account-content .mepr-account-form .mepr_spacer{display:none}
.kl-account-content .mepr-account-form .mepr-submit{justify-self:start;border:1px solid var(--kl-blue);border-radius:6px;background:var(--kl-blue);color:white;padding:11px 20px;font:inherit;font-weight:700;cursor:pointer}
.kl-account-content .mepr-account-form .mepr-submit:hover{background:#25198d}
.kl-account-content .mepr-account-form .mepr-loading-gif{align-self:center}
.kl-account-content .mepr-account-change-password{display:block;margin-top:18px}
.kl-account-content .mepr-account-change-password a,.kl-account-content>a[href*="membership"]{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--kl-line);border-radius:6px;padding:10px 15px;color:var(--kl-blue);font-size:14px;font-weight:700;text-decoration:none}
.kl-account-content .mepr-account-change-password a:hover,.kl-account-content>a[href*="membership"]:hover{border-color:var(--kl-blue);background:var(--kl-pale)}
.kl-account-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--kl-line);border-radius:8px;background:white}
.kl-account-content table.mepr-account-table{width:100%;min-width:780px;margin:0;border:0;border-collapse:collapse;font-size:14px}
.kl-account-content table.mepr-account-table caption{padding:0}
.kl-account-content table.mepr-account-table th{background:var(--kl-pale);color:var(--kl-muted);font-size:11px;font-weight:750;letter-spacing:.08em;text-align:left;text-transform:uppercase}
.kl-account-content table.mepr-account-table :where(th,td){padding:16px 14px;border:0;border-bottom:1px solid var(--kl-line);vertical-align:middle}
.kl-account-content table.mepr-account-table tbody tr:last-child td{border-bottom:0}
.kl-account-content table.mepr-account-table tbody tr:hover td{background:#fafaff}
.kl-account-content .mepr-account-product{font-size:15px;font-weight:700;color:var(--kl-ink)}
.kl-account-content .mepr-account-subscr-id{max-width:190px;margin-top:5px;color:var(--kl-muted);font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.kl-account-content :where(.mepr-account-terms,.mepr-account-rebill){font-size:12px;line-height:1.5;color:var(--kl-muted)}
.kl-account-content .mepr-account-auto-rebill{font-weight:650;margin-bottom:4px}
.kl-account-content :where(.mepr-active,.mepr-inactive){font-weight:750}
.kl-account-content .mepr-active{color:#187744}
.kl-account-content .mepr-inactive{color:#9d2029}
.kl-account-content .mepr-account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.kl-account-content .mepr-account-row-action,.kl-account-content .mepr-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--kl-line);border-radius:5px;background:white;padding:7px 9px;color:var(--kl-blue);font:inherit;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer}
.kl-account-content .mepr-account-row-action:hover,.kl-account-content .mepr-btn:hover{border-color:var(--kl-blue);background:var(--kl-pale)}
.kl-account-content #mepr-subscriptions-paging{padding-top:16px}
.kl-comments{margin-top:40px}
.kl-comments input:not([type=checkbox]),.kl-comments textarea{max-width:100%;padding:10px;border:1px solid var(--kl-line);border-radius:4px;font:inherit}
.kl-comments .submit{background:var(--kl-blue);color:white}
.kl-post .nav-links,.kl-archive .nav-links{display:flex;justify-content:space-between;gap:20px;margin-block:30px}
/* Do not style app headings, tables, buttons, inputs or nested headers globally. */
.mvp-sec-pad{max-width:1500px;padding:32px;margin:auto}
@media(max-width:1050px){.kl-header-inner{gap:22px}.kl-main-nav ul{gap:18px}.kl-account{gap:14px}.kl-account .kl-button{padding:10px 14px;font-size:12px}.kl-post-layout{gap:32px}}
@media(max-width:900px){.kl-header-inner{min-height:82px;flex-wrap:wrap;padding-block:12px;gap:20px}.kl-menu-toggle{display:block;margin-left:auto;font:inherit;color:white;border:1px solid #ffffff55;border-radius:5px;background:transparent;padding:8px 12px}.kl-main-nav{display:none;order:4;width:100%}.kl-main-nav.kl-open{display:block}.kl-main-nav ul{flex-wrap:wrap;padding-block:10px}.kl-main-nav .sub-menu{position:static;display:flex;box-shadow:none;padding:10px;flex-wrap:wrap}.kl-account{margin-left:0}.kl-resource-grid>.kl-lead-article{grid-column:span 6;min-height:0}.kl-resource-grid>.kl-feature{grid-column:1/-1;min-height:250px}.kl-home-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kl-home-article-grid .kl-lead-article:first-child{grid-column:1/-1}.kl-home-resources-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.kl-home-resources-grid>.kl-feature{grid-column:1/-1;grid-row:auto;min-height:250px}.kl-home-resources-grid>.kl-resource{grid-column:auto}.kl-feature h2{max-width:none;margin-top:20px!important}.kl-feature p{max-width:450px}.kl-feature .kl-button{margin-top:0}.kl-resource{grid-column:span 6}.kl-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kl-post-layout{grid-template-columns:minmax(0,1fr)}.kl-sidebar{position:static;max-width:760px;width:100%;margin:auto}.kl-post-membership{grid-template-columns:1fr}.kl-plan-grid{gap:14px}.kl-plan{padding:24px 18px}.kl-plan.kl-gold{padding:23px 17px}.kl-plan-price strong{font-size:36px}}
@media(max-width:700px){.kl-plan-grid{grid-template-columns:1fr;max-width:520px;margin:auto}.kl-plan{padding:28px}.kl-plan.kl-gold{padding:27px}.kl-plan-comparison{display:none}.kl-article-grid{grid-template-columns:1fr 1fr}.kl-member-intro h1{font-size:36px}.kl-join,.kl-inline-member-ad{align-items:flex-start;flex-direction:column;padding:26px}.kl-member-intro>p{font-size:16px}.kl-footer-inner{align-items:flex-start;flex-direction:column}.kl-account-content #mepr-account-nav{overflow-x:auto;padding-bottom:4px}.kl-account-content #mepr-account-nav ul{width:max-content}.kl-account-content .mepr-account-form{grid-template-columns:1fr;padding:22px}.kl-account-content .mepr-account-form .mp-form-row{grid-column:1}.kl-account-content #mepr-account-subscriptions-table{min-width:0;border-collapse:separate}.kl-account-content #mepr-account-subscriptions-table thead{display:none}.kl-account-content #mepr-account-subscriptions-table :where(tbody,tr,td){display:block;width:100%;box-sizing:border-box}.kl-account-content #mepr-account-subscriptions-table tbody{display:grid;gap:14px;padding:14px;background:var(--kl-pale)}.kl-account-content #mepr-account-subscriptions-table tr{overflow:hidden;border:1px solid var(--kl-line);border-radius:7px;background:white}.kl-account-content #mepr-account-subscriptions-table td{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;padding:12px 14px;border-bottom:1px solid var(--kl-line)}.kl-account-content #mepr-account-subscriptions-table td::before{color:var(--kl-muted);font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.kl-account-content #mepr-account-subscriptions-table td:nth-child(1)::before{content:'Product'}.kl-account-content #mepr-account-subscriptions-table td:nth-child(2)::before{content:'Subscription'}.kl-account-content #mepr-account-subscriptions-table td:nth-child(3)::before{content:'Active'}.kl-account-content #mepr-account-subscriptions-table td:nth-child(4)::before{content:'Created'}.kl-account-content #mepr-account-subscriptions-table td:nth-child(5)::before{content:'Card expiry'}.kl-account-content #mepr-account-subscriptions-table td:nth-child(6)::before{content:'Actions'}.kl-account-content #mepr-account-subscriptions-table tr td:last-child{border-bottom:0}.kl-account-content #mepr-account-subscriptions-table tbody tr:hover td{background:white}.kl-account-content .mepr-account-subscr-id{max-width:none}}
@media(max-width:600px){.kl-wrap{padding-inline:20px}.kl-header-inner{gap:12px}.kl-logo img{width:90px}.kl-account{gap:13px;font-size:12px}.kl-account .kl-button{display:none}.kl-menu-toggle{font-size:13px}.kl-home-intro{padding-top:30px}.kl-home-intro h1{font-size:36px}.kl-home-intro p{font-size:15px}.kl-home-latest{padding-block:32px}.kl-home-latest .kl-section-head,.kl-home-resources .kl-section-head{align-items:flex-start;flex-direction:column;gap:8px}.kl-home-article-grid,.kl-home-resources-grid{grid-template-columns:1fr}.kl-home-article-grid .kl-lead-article:first-child,.kl-home-resources-grid>.kl-feature{grid-column:auto}.kl-home-resources{padding-top:28px}.kl-lead-article{grid-column:1/-1!important}.kl-card-copy h2{font-size:25px}.kl-feature{padding:25px}.kl-feature h2{font-size:30px}.kl-resource{padding:18px 14px;flex-direction:column;gap:9px}.kl-home-resources-grid>.kl-resource{flex-direction:row;gap:14px}.kl-resource h3{font-size:16px}.kl-resource p{font-size:13px}.kl-resource .kl-iconbox{padding:8px}.kl-tag{font-size:9px}.kl-resource-band{flex-direction:column;gap:10px;font-size:13px}.kl-more-grid{grid-template-columns:1fr;padding:14px}.kl-more-grid .kl-resource{flex-direction:row;gap:14px}.kl-section-head h2{font-size:23px}.kl-podcast .kl-button{font-size:12px;padding:9px 12px}.kl-podcast iframe{height:180px}.kl-article-grid{grid-template-columns:1fr}.kl-post-layout{padding-top:30px}.kl-post-heading h1{font-size:34px}.kl-prose{font-size:16px}.kl-post-membership-wrap{padding-bottom:34px}.kl-post-membership-intro,.kl-post-membership-resources{padding:25px}.kl-post-membership-heading{align-items:flex-start;flex-direction:column}.kl-post-membership-grid{grid-template-columns:1fr}.kl-member-intro{padding-top:32px}.kl-member-intro h1{font-size:34px}.kl-login-card{padding:25px}.kl-login-card h1{font-size:34px}.kl-site-footer ul{flex-wrap:wrap;gap:18px}.mvp-sec-pad{padding:20px}.kl-plan-price strong{font-size:42px}.kl-account-page{padding-block:34px 52px}.kl-account-content #mepr-account-nav a{padding:9px 12px;font-size:13px}.kl-account-content .mepr_error,.kl-account-content .mepr_updated{padding:14px 15px}.kl-account-content #mepr-account-subscriptions-table td{grid-template-columns:84px minmax(0,1fr);gap:10px}.kl-account-content .mepr-account-actions{align-items:stretch;flex-direction:column}.kl-account-content .mepr-account-row-action{width:100%;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 1.1: local font, resource navigation, hub and Ninja Forms contact layout. */
@font-face{font-family:Inter;src:url('assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.kl-rankings-page{max-width:1240px}
.kl-resource-nav-label{display:flex;align-items:center;gap:5px}
.kl-resource-toggle{font:inherit;background:transparent;border:0;color:inherit;cursor:pointer;padding:5px 8px;min-width:30px;font-size:19px;line-height:1}
.kl-resource-dropdown{position:absolute;top:calc(100% + 18px);left:-45px;width:600px;max-width:calc(100vw - 40px);background:white;color:var(--kl-ink);border:1px solid var(--kl-line);border-radius:10px;padding:24px;box-shadow:0 16px 40px #0002;z-index:40}
.kl-resource-dropdown[hidden]{display:none}
.kl-dropdown-groups{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.kl-dropdown-groups h2{font-size:11px;color:var(--kl-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px;line-height:1.4}
.kl-main-nav .kl-dropdown-groups ul{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:0}
.kl-site .kl-resource-dropdown a{color:var(--kl-ink);font-size:13px;line-height:1.5}
.kl-site .kl-resource-dropdown a:hover{color:var(--kl-blue);text-decoration:underline}
.kl-dropdown-all{display:block;border-top:1px solid var(--kl-line);padding-top:17px;margin-top:22px;font-weight:700}
.kl-resource-hub{padding-block:44px 30px}
.kl-hub-intro h1{font-size:clamp(34px,4vw,50px);line-height:1.1;letter-spacing:-.045em;margin-block:14px 18px}
.kl-hub-intro p{max-width:690px;color:var(--kl-muted);margin:0}
.kl-hub-section{margin-top:40px}
.kl-hub-section>h2{font-size:26px;letter-spacing:-.035em;margin:0 0 20px}
.kl-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kl-hub-grid .kl-resource{grid-column:auto;min-height:150px}
.kl-contact-page{padding-block:58px 80px;min-height:65vh}
.kl-contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.kl-contact-intro h1{font-size:clamp(36px,4vw,50px);line-height:1.1;letter-spacing:-.045em;margin-block:15px 22px}
.kl-contact-intro p{font-size:16px;color:var(--kl-muted);margin:0;line-height:1.7;max-width:430px}
.kl-contact-help{border-top:1px solid var(--kl-line);padding-top:28px;margin-top:35px}
.kl-contact-help h2{font-size:20px;margin:0 0 12px;letter-spacing:-.025em}
.kl-contact-help p{font-size:14px;margin-bottom:20px}
.kl-contact-help a{display:block;font-size:14px;font-weight:650;color:var(--kl-blue)!important;margin-top:13px}
.kl-contact-card{padding:32px;border:1px solid var(--kl-line);border-radius:12px;background:white}
.kl-contact-card>h2{font-size:25px;letter-spacing:-.035em;margin:0 0 22px}
.kl-contact-content{font-size:15px}
.kl-contact-content p{color:var(--kl-muted);line-height:1.7}
.kl-contact-content .nf-form-cont{font-family:inherit}
.kl-contact-content .nf-form-content{padding:0}
.kl-contact-content .nf-form-content label{font-size:14px;font-weight:650;color:var(--kl-ink)}
.kl-contact-content .nf-field-container{margin-bottom:22px}
.kl-contact-content .nf-field-label{margin-bottom:8px}
.kl-contact-content .nf-form-content input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=hidden]),.kl-contact-content .nf-form-content select,.kl-contact-content .nf-form-content textarea{background:#fff;border:1px solid #d7d8e3;border-radius:6px;padding:12px;font:inherit;color:var(--kl-ink);width:100%;box-sizing:border-box;box-shadow:none;height:auto;min-height:46px}
.kl-contact-content .nf-form-content textarea{min-height:170px;resize:vertical}
.kl-contact-content .nf-form-content input[type=button],.kl-contact-content .nf-form-content input[type=submit],.kl-contact-content .nf-form-content button{background:var(--kl-blue);color:white;border:1px solid var(--kl-blue);border-radius:6px;padding:12px 22px;font:inherit;font-weight:650;cursor:pointer;height:auto}
.kl-contact-content .nf-error-msg,.kl-contact-content .ninja-forms-req-symbol{color:#a42a3a;font-size:13px}
.kl-contact-content .nf-form-fields-required{font-size:12px;color:var(--kl-muted);margin-bottom:20px}
.kl-contact-content .nf-response-msg{border:1px solid var(--kl-line);background:var(--kl-soft);border-radius:8px;padding:18px}
@media(max-width:900px){.kl-resource-dropdown{position:static;max-width:100%;width:100%;margin-top:14px;padding:20px}.kl-resource-nav{width:100%}.kl-main-nav>.menu,.kl-main-nav>ul{align-items:flex-start}.kl-contact-layout{gap:32px}.kl-contact-card{padding:26px}}
@media(max-width:700px){.kl-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kl-contact-layout{grid-template-columns:1fr}.kl-contact-page{padding-top:35px}.kl-contact-intro p{max-width:620px}.kl-contact-help{margin-top:25px}.kl-contact-card{padding:25px}}
@media(max-width:600px){.kl-dropdown-groups{grid-template-columns:1fr;gap:24px}.kl-hub-grid{grid-template-columns:1fr}.kl-hub-grid .kl-resource{flex-direction:row;gap:14px;min-height:0}.kl-contact-card{padding:22px}}

/* Compact vector chevron aligned with the resource link. */
.kl-resource-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:30px;padding:6px;margin-left:0;line-height:1}
.kl-nav-chevron{display:block;width:12px;height:12px;flex-shrink:0}
.kl-resource-toggle[aria-expanded="true"] .kl-nav-chevron{transform:rotate(180deg)}

/* 1.1.2: the Resources label is the entire trigger; no separate arrow. */
.kl-resource-toggle{font:inherit;font-size:14px;font-weight:600;letter-spacing:inherit;color:inherit;min-width:0;min-height:30px;display:inline-flex;align-items:center;justify-content:flex-start;padding:0;border:0;background:transparent;cursor:pointer}
.kl-resource-dropdown::before{content:'';position:absolute;top:-20px;left:0;right:0;height:20px}
@media(min-width:901px){.kl-resource-dropdown{max-height:calc(100dvh - 140px);overflow-y:auto}.kl-resource-nav::after{content:'';position:absolute;top:100%;left:-45px;width:600px;max-width:calc(100vw - 40px);height:20px}}
@media(max-width:900px){.kl-resource-nav-label .kl-resource-toggle{min-height:44px;width:100%}.kl-resource-dropdown::before{display:none}.kl-resource-dropdown{max-height:none;overflow:visible}}
@media(max-width:900px){
  .kl-main-nav>ul,.kl-main-nav>.menu{width:100%;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;padding-block:8px}
  .kl-main-nav>ul>li,.kl-main-nav>.menu>li{width:100%;border-top:1px solid rgba(255,255,255,.18)}
  .kl-main-nav>ul>li>a,.kl-main-nav>.menu>li>a,.kl-resource-nav-label .kl-resource-toggle{display:flex;align-items:center;width:100%;min-height:46px;padding:10px 0}
  .kl-resource-dropdown{margin:0 0 12px;border-radius:6px;box-shadow:none;padding:18px 20px}
  .kl-dropdown-groups{grid-template-columns:1fr;gap:22px}
  .kl-main-nav .kl-dropdown-groups ul{gap:0;padding:0}
  .kl-main-nav .kl-dropdown-groups li{width:100%;border-top:1px solid var(--kl-line)}
  .kl-main-nav .kl-dropdown-groups li:first-child{border-top:0}
  .kl-site .kl-resource-dropdown .kl-dropdown-groups a{display:block;width:100%;padding:10px 0}
  .kl-dropdown-all{padding-block:16px 2px;margin-top:18px}
}
@media(max-width:900px){
  .kl-home-resources-grid{grid-template-columns:minmax(0,1fr)}
  .kl-home-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kl-home-resources-grid>.kl-feature{min-height:250px}
}
@media(max-width:700px){.kl-home-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){
  .kl-home-tools-grid{grid-template-columns:minmax(0,1fr)}
  .kl-home-tools-grid>.kl-resource{flex-direction:row;gap:14px;padding:18px 16px}
  .kl-home-tools-grid>.kl-resource>div{width:auto;flex:1}
}