.kl-suite,.kl-suite-dash{--ks-ink:#071b33;--ks-blue:#145cff;--ks-yellow:#ffd06a;--ks-mint:#baf5df;--ks-paper:#f6f8fc;--ks-red:#d84b43;color:var(--ks-ink)}.kl-suite{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:62px 0 100px}.kl-suite-hero{min-height:520px;display:grid;grid-template-columns:1.35fr .65fr;background:var(--ks-ink);color:#fff;border:2px solid var(--ks-ink);border-radius:23px;box-shadow:11px 13px 0 var(--ks-blue);overflow:hidden}.kl-suite-hero>div{padding:65px}.kl-suite-hero>div>span,.kl-suite-layout main>header span,.kl-suite-action>span,.kl-suite-affiliate>span,.kl-suite-related>span{font:800 9px "SFMono-Regular",Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:#84a7ff}.kl-suite-hero h1{max-width:850px;margin:22px 0 25px;font:900 clamp(56px,7vw,94px)/.86 "Arial Narrow","Aptos Display",Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase}.kl-suite-hero>div>p{max-width:730px;margin:0;color:#b6c7d8;font-size:18px;line-height:1.65}.kl-suite-hero>div>div{display:flex;flex-wrap:wrap;gap:10px 23px;margin-top:29px}.kl-suite-hero>div>div b{font:800 9px monospace;text-transform:uppercase}.kl-suite-hero>aside{position:relative;min-height:340px;padding:42px;display:grid;place-items:center;align-content:center;background:var(--ks-blue);border-left:2px solid #fff;overflow:hidden}.kl-suite-hero>aside>span{font:800 9px monospace;letter-spacing:.1em}.kl-suite-hero>aside>strong{position:relative;z-index:2;margin-top:25px;font:900 99px/.8 "Arial Narrow",Arial,sans-serif}.kl-suite-hero>aside>small{position:relative;z-index:2;font:800 12px monospace}.kl-suite-hero>aside>i{--suite-score:0;position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--ks-blue) 55%,transparent 56%),conic-gradient(var(--ks-yellow) calc(var(--suite-score)*1%),rgba(255,255,255,.19) 0);transform:rotate(-8deg)}.kl-suite-warning .kl-suite-hero>aside,.kl-suite-red .kl-suite-hero>aside{background:var(--ks-red)}.kl-suite-warning .kl-suite-hero>aside>i,.kl-suite-red .kl-suite-hero>aside>i{background:radial-gradient(circle,var(--ks-red) 55%,transparent 56%),conic-gradient(var(--ks-yellow) calc(var(--suite-score)*1%),rgba(255,255,255,.2) 0)}.kl-suite-mint .kl-suite-hero>aside{background:#087d59}.kl-suite-mint .kl-suite-hero>aside>i{background:radial-gradient(circle,#087d59 55%,transparent 56%),conic-gradient(var(--ks-yellow) calc(var(--suite-score)*1%),rgba(255,255,255,.2) 0)}.kl-suite-yellow .kl-suite-hero>aside{background:var(--ks-yellow);color:var(--ks-ink)}.kl-suite-yellow .kl-suite-hero>aside>i{background:radial-gradient(circle,var(--ks-yellow) 55%,transparent 56%),conic-gradient(var(--ks-blue) calc(var(--suite-score)*1%),rgba(7,27,51,.18) 0)}.kl-suite-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:30px;margin-top:70px}.kl-suite-layout main>header{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:end;margin-bottom:25px}.kl-suite-layout h2{margin:10px 0 0;font:900 clamp(37px,4vw,57px)/.92 "Arial Narrow",Arial,sans-serif;letter-spacing:-.035em;text-transform:uppercase}.kl-suite-layout main>header p{margin:0;color:#5b6e83;font-size:13px}.kl-suite-list{display:grid;gap:10px}.kl-suite-row{display:grid;grid-template-columns:30px minmax(0,1fr) 34px;gap:15px;align-items:center;padding:18px 20px;background:#fff;border:2px solid #d6e0eb;border-radius:13px;cursor:pointer;transition:.18s}.kl-suite-row:hover{transform:translateY(-2px);border-color:var(--ks-blue)}.kl-suite-row>input{position:absolute;opacity:0}.kl-suite-row:has(>input:focus-visible){outline:3px solid var(--ks-yellow);outline-offset:3px}.kl-suite-row>span:first-of-type{color:#94a5b7;font:800 9px monospace}.kl-suite-row>span:nth-of-type(2){min-width:0;display:grid;gap:4px}.kl-suite-row strong{font-size:15px}.kl-suite-row small{color:#5a6e84;font-size:12px;line-height:1.5}.kl-suite-row>b{width:32px;height:32px;display:grid;place-items:center;border:2px solid #a2b3c5;border-radius:50%;color:var(--ks-blue)}.kl-suite-row.is-done{background:#edf9f4;border-color:#8bcdb3}.kl-suite-row.is-done>b{background:#087d59;border-color:#087d59;color:#fff}.kl-suite-date{width:min(210px,100%);margin-top:8px;padding:8px 10px;border:1px solid #9aabbd;border-radius:7px;background:#fff;font:inherit;font-size:12px}.kl-suite-save{display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:#607187;font-size:11px}.kl-suite-save a{font-weight:850;color:var(--ks-blue)}.kl-suite-action{position:sticky;top:105px;align-self:start;padding:28px;background:var(--ks-yellow);border:2px solid var(--ks-ink);border-radius:16px;box-shadow:7px 8px 0 var(--ks-ink)}.kl-suite-action>span{color:#815e00}.kl-suite-action>strong{display:block;margin:21px 0 9px;font:900 32px/.95 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.kl-suite-action>p{color:#405268;font-size:13px;line-height:1.55}.kl-suite-action>div{margin:24px 0;padding:16px 0;border-top:2px solid var(--ks-ink);border-bottom:2px solid var(--ks-ink)}.kl-suite-action>div b{font:800 9px monospace;text-transform:uppercase}.kl-suite-action>div p{margin:7px 0 0;font-size:11px;line-height:1.5}.kl-suite-action>a{font-size:11px;font-weight:850}.kl-suite-affiliate{margin:70px 0 0;padding:28px 32px;display:grid;grid-template-columns:160px 1fr 1.2fr auto;gap:24px;align-items:center;background:#fff;border:2px solid var(--ks-ink);border-radius:15px;box-shadow:6px 7px 0 #9db7ff}.kl-suite-affiliate>span{color:var(--ks-blue)}.kl-suite-affiliate>strong{font:900 27px "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.kl-suite-affiliate>p{margin:0;color:#5a6d83;font-size:12px}.kl-suite-affiliate>a{padding:11px 16px;background:var(--ks-blue);color:#fff;border-radius:999px;text-decoration:none;font-size:12px;font-weight:850}.kl-suite-affiliate>small{grid-column:2/-1;color:#7a8999;font-size:9px}.kl-suite-related{margin-top:72px;padding-top:26px;border-top:2px solid var(--ks-ink)}.kl-suite-related>span{color:var(--ks-blue)}.kl-suite-related>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.kl-suite-related a{padding:8px 11px;background:#fff;border:1px solid #aab9c8;border-radius:999px;text-decoration:none;font-size:10px;font-weight:800}
.kl-suite-dash{width:min(1180px,calc(100% - 48px));margin:0 auto 65px}.kl-suite-dash>header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:26px}.kl-suite-dash h2{margin:9px 0 5px;font:900 clamp(40px,5vw,58px)/.9 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.kl-suite-dash header p{margin:0;color:#607187}.kl-suite-dash>header>a{padding:11px 15px;background:var(--ks-yellow);border:2px solid var(--ks-ink);border-radius:999px;text-decoration:none;font-size:11px;font-weight:850}.kl-suite-dash>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.kl-suite-dash>div>a{min-width:0;min-height:215px;padding:19px;display:flex;flex-direction:column;background:#fff;border:2px solid var(--ks-ink);border-radius:13px;box-shadow:4px 5px 0 var(--ks-ink);text-decoration:none;transition:.18s}.kl-suite-dash>div>a:hover{transform:translateY(-3px);box-shadow:6px 8px 0 var(--ks-blue)}.kl-suite-dash>div>a>span{color:var(--ks-blue);font:800 8px monospace}.kl-suite-dash>div>a>strong{margin:22px 0 8px;font:900 23px/.95 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.kl-suite-dash>div>a>p{margin:0;color:#607187;font-size:11px;line-height:1.45}.kl-suite-dash footer{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;margin-top:auto;padding-top:18px}.kl-suite-dash footer b{font:900 18px "Arial Narrow",Arial}.kl-suite-dash footer i{height:5px;background:#d7e0ea;border-radius:9px;overflow:hidden}.kl-suite-dash footer em{display:block;height:100%;background:var(--ks-blue)}.kl-suite-dash footer span{font-size:9px;font-weight:850}
@media(max-width:1000px){.kl-suite-dash>div{grid-template-columns:repeat(2,1fr)}.kl-suite-affiliate{grid-template-columns:1fr 1fr}.kl-suite-affiliate>small{grid-column:1/-1}}
@media(max-width:850px){.kl-suite-hero{grid-template-columns:1fr}.kl-suite-hero>aside{border-left:0;border-top:2px solid #fff}.kl-suite-layout{grid-template-columns:1fr}.kl-suite-action{position:static}.kl-suite-layout main>header{grid-template-columns:1fr}}
@media(max-width:600px){.kl-suite{width:calc(100% - 24px);padding-top:28px}.kl-suite-hero{min-height:0;box-shadow:6px 7px 0 var(--ks-blue)}.kl-suite-hero>div{padding:38px 22px}.kl-suite-hero h1{font-size:clamp(46px,14vw,66px)}.kl-suite-hero>div>p{font-size:15px}.kl-suite-hero>aside{min-height:280px}.kl-suite-layout{margin-top:48px}.kl-suite-row{grid-template-columns:24px minmax(0,1fr) 30px;padding:15px 12px;gap:9px}.kl-suite-save{flex-direction:column}.kl-suite-affiliate{grid-template-columns:1fr;padding:23px 19px}.kl-suite-affiliate>small{grid-column:auto}.kl-suite-related{margin-top:52px}.kl-suite-dash{width:calc(100% - 24px)}.kl-suite-dash>header{align-items:flex-start;flex-direction:column}.kl-suite-dash>div{grid-template-columns:1fr}.kl-suite-dash>div>a{min-height:190px}}
@media(prefers-reduced-motion:reduce){.kl-suite-row,.kl-suite-dash>div>a{transition:none}}
.kl-journal{margin-top:28px;padding:24px;background:#dce8ff;border:2px solid var(--ks-ink);border-radius:14px}.kl-journal>header{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.kl-journal>header span{color:var(--ks-blue);font:800 9px monospace}.kl-journal>header strong{font-size:13px}.kl-journal form{display:grid;grid-template-columns:150px 1fr 1.5fr auto;gap:10px;align-items:end}.kl-journal form label{display:grid;gap:5px;font-size:10px;font-weight:850}.kl-journal input,.kl-journal select{min-width:0;width:100%;height:44px;padding:9px;border:2px solid var(--ks-ink);border-radius:8px;background:#fff;font:inherit;font-size:12px}.kl-journal form .kl-button{height:44px;padding:8px 13px;font-size:11px}.kl-journal [data-journal-list]{display:grid;gap:8px;margin-top:20px}.kl-journal article{display:grid;grid-template-columns:90px 1fr 1.5fr auto;gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid #9fb0c2;border-radius:8px}.kl-journal article span{font:800 9px monospace;color:var(--ks-blue)}.kl-journal article strong{font-size:12px}.kl-journal article p{margin:0;color:#5b6e83;font-size:11px}.kl-journal article button{border:0;background:transparent;color:#9a2525;font-size:10px;font-weight:850;cursor:pointer}@media(max-width:1000px){.kl-journal form{grid-template-columns:1fr 1fr}.kl-journal form .wide{grid-column:1/-1}.kl-journal article{grid-template-columns:80px 1fr auto}.kl-journal article p{grid-column:2/-1}}@media(max-width:600px){.kl-journal{padding:18px 12px}.kl-journal>header{flex-direction:column}.kl-journal form,.kl-journal article{grid-template-columns:1fr}.kl-journal form .wide,.kl-journal article p{grid-column:auto}.kl-journal article button{justify-self:start}}
