/* Stratmill changelog — buildmidas' weekly changelog page, on the marketing theme. */
.cl-main{max-width:1200px;margin:auto;padding:64px 32px 100px}
.cl-hero{max-width:850px;padding-bottom:45px}
.cl-hero h1{font-size:clamp(40px,5.2vw,68px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:0 0 22px}
.cl-hero p{max-width:670px;font-size:18px;line-height:1.7;color:#63656d;margin:0}
.cl-hero-links{display:flex;gap:24px;margin-top:24px;font-size:14px;font-weight:600}
.cl-hero-links a{text-decoration:none;color:#15171c}
.cl-hero-links a:hover{text-decoration:underline}
.cl-tools{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:42px}
.cl-search{width:270px;border:1px solid #dedee4;border-radius:999px;padding:13px 18px;background:#fff;min-height:46px;color:#15171c;font:inherit}
.cl-tabs{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;max-width:100%;padding:3px 0}
.cl-tabs button{flex:none;white-space:nowrap;border:0;border-radius:999px;background:#f6f6f8;padding:12px 17px;font:inherit;font-size:13px;color:#15171c;cursor:pointer}
.cl-tabs button[aria-pressed=true]{background:#15171c;color:#fff}
.cl-tabs button:hover{background:#e9e9ee}
.cl-tabs button[aria-pressed=true]:hover{background:#2d303d}
.cl-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:56px}
.cl-archive{position:sticky;top:100px;align-self:start;font-size:13px}
.cl-archive h2{font-size:13px;font-weight:600;margin:0 0 18px}
.cl-archive a{display:block;padding:9px 0;text-decoration:none;color:#63656d}
.cl-archive a:hover{color:#15171c}
.cl-archive-note{border-top:1px solid #e8e8ed;padding-top:20px;margin-top:20px;color:#63656d;font-size:12px;line-height:1.8}
.cl-week{padding:0 0 42px;margin:0 0 40px;border-bottom:1px solid #e8e8ed;scroll-margin-top:100px}
.cl-date{display:flex;align-items:center;gap:12px;color:#63656d;font-size:13px;margin-bottom:15px}
.cl-date a{text-decoration:none;color:inherit}
.cl-current{border-radius:999px;background:#f1f2f6;color:#535662;padding:5px 9px;font-size:11px}
.cl-week h2{font-size:32px;font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:0 0 14px}
.cl-summary{font-size:16px;color:#63656d;line-height:1.75;margin:0 0 28px;max-width:760px}
.cl-item{margin:30px 0}
.cl-item-meta{display:flex;gap:10px;align-items:center;font-size:11px;color:#63656d;margin-bottom:10px}
.cl-kind{border-radius:5px;background:#edf4ef;color:#316044;padding:4px 7px}
.cl-kind.improved{background:#f0f1fa;color:#535f87}
.cl-kind.fixed{background:#faf3e9;color:#7b6242}
.cl-item h3{font-size:21px;letter-spacing:-.02em;font-weight:600;line-height:1.4;margin:0 0 10px}
.cl-item p{font-size:15px;line-height:1.85;margin:0;color:#555762;max-width:76ch}
.cl-empty{padding:44px 0;font-size:17px;color:#63656d}
.cl-status{font-size:12px;color:#63656d;margin:0 0 20px}
.cl-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.cl-mobile-archive{display:none}
.cl-main [hidden]{display:none!important}
.cl-top-link{font-size:14px;text-underline-offset:4px;color:#15171c}
@media(max-width:820px){.cl-main{padding:42px 24px 64px}.cl-hero{padding-bottom:30px}.cl-hero p{font-size:16px}.cl-hero h1{font-size:42px}.cl-layout{display:block}.cl-archive{display:none}.cl-search{width:100%}.cl-tools{gap:10px;margin-bottom:30px}.cl-tabs{width:100%}.cl-tabs button{padding:11px 14px}.cl-mobile-archive{display:block;width:100%;border:1px solid #dedee4;background:#fff;border-radius:999px;padding:12px 16px;margin:0 0 28px;color:#15171c;font:inherit}.cl-week h2{font-size:28px}.cl-item h3{font-size:20px}.cl-week{padding-bottom:24px;margin-bottom:30px}.cl-item{margin:25px 0}.cl-date{flex-wrap:wrap}}