.clog-browser{
  --clog-line:#e3dfd8;--clog-ink:#0b0e0c;--clog-muted:#5e626a;--clog-paper:#fffefa;
  --clog-feature:#1c654b;--clog-improvement:#2866b2;--clog-fix:#ad3535;
  min-block-size:calc(100dvh - 72px);padding-block:42px 80px;color:var(--clog-ink);
  background:#faf8f4;background:linear-gradient(125deg,#f4eee5 0%,#faf7f2 40%,#fffdfa 70%,#fff 100%);background-attachment:fixed;
}
@supports(background:linear-gradient(125deg in oklab,white,black)){
  .clog-browser{background-image:linear-gradient(125deg in oklab,#f4eee5 0%,#faf7f2 40%,#fffdfa 70%,#fff 100%)}
}
.clog-browser>.wrap,.post-type-archive-changelog .site-header>.wrap{max-inline-size:1360px;padding-inline:26px}
.clog-intro h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.1;letter-spacing:-.045em;font-weight:800;margin:0 0 10px}
.clog-intro p{font-size:1.35rem;line-height:1.5;color:var(--clog-muted);margin:0}
.clog-search-form{display:grid;grid-template-columns:minmax(0,1fr) 236px auto;gap:18px;align-items:end;margin-block:30px 32px}
.clog-browser.is-enhanced .clog-search-form{grid-template-columns:minmax(0,1fr) 236px}
.clog-search-form label{display:block;font-size:.94rem;line-height:1.5;font-weight:600;margin-block-end:7px}
.clog-input-wrap{position:relative}
.clog-input-wrap>i{position:absolute;inset-inline-start:17px;inset-block-start:19px;color:#777d86;font-size:16px;pointer-events:none}
.clog-search-form input,.clog-search-form select{min-inline-size:0;inline-size:100%;block-size:52px;border:1px solid #cfc9bf;border-radius:9px;background:rgba(255,253,248,.96);color:#17252c;font:inherit;font-size:1rem;padding:12px 16px}
.clog-search-form input{padding-inline-start:45px;color:var(--clog-ink)}
.clog-search-form input::placeholder{color:#777d86;opacity:1}
.clog-select-wrap{position:relative}
.clog-search-form select{cursor:pointer;appearance:none;padding-inline-end:44px}
.clog-select-wrap>i{position:absolute;inset-inline-end:18px;inset-block-start:50%;transform:translateY(-50%);font-size:12px;color:#17252c;pointer-events:none}
@supports(appearance:base-select){
  .clog-search-form select,.clog-search-form select::picker(select){appearance:base-select}
  .clog-search-form select{display:flex;align-items:center}
  .clog-search-form select::picker-icon{display:none}
  .clog-search-form select::picker(select){background:var(--clog-paper);border:1px solid #d8d4cd;border-radius:9px;padding:5px;margin-block-start:6px;max-block-size:320px;overflow:auto;box-shadow:0 8px 24px #17252c12;opacity:0;translate:0 -4px;transition:opacity 160ms ease,translate 160ms ease,display 160ms allow-discrete,overlay 160ms allow-discrete}
  .clog-search-form select:open::picker(select){opacity:1;translate:0 0}
  @starting-style{.clog-search-form select:open::picker(select){opacity:0;translate:0 -4px}}
  .clog-search-form option{padding:10px 12px;border-radius:5px}
  .clog-search-form option:checked{font-weight:700;background:#edf2ec}
  .clog-search-form option:hover,.clog-search-form option:focus-visible{background:#f0f3ee}
  .clog-select-wrap:has(select:open)>i{transform:translateY(-50%) rotate(180deg)}
}
.clog-submit{border:0;cursor:pointer;min-block-size:52px;font-family:inherit}
.clog-browser.is-enhanced .clog-submit{display:none}
.clog-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px;align-items:start}
.clog-sidebar{min-inline-size:0;padding-block-start:18px;position:sticky;inset-block-start:96px;max-block-size:calc(100dvh - 120px);overflow-y:auto;scrollbar-width:thin}
.clog-date-browser summary{font-weight:700;font-size:1.25rem;letter-spacing:-.025em;cursor:pointer;list-style:none}
.clog-date-browser summary::-webkit-details-marker{display:none}
.clog-date-browser summary>i{display:none}
.clog-calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block:26px 16px}
.clog-calendar-nav p{font-weight:600;font-size:1rem;line-height:1.4;margin:0;text-align:center}
.clog-month-step{display:inline-grid;place-items:center;inline-size:38px;block-size:38px;flex:none;background:var(--clog-paper);border:1px solid #d9d1c4;border-radius:8px;color:#132529;cursor:pointer;font-size:13px}
.clog-month-step:hover{border-color:var(--green)}
.clog-month-step:disabled,.clog-month-step.is-disabled{opacity:.3;cursor:default}
.clog-calendar-table{inline-size:100%;table-layout:fixed;border-collapse:collapse;text-align:center;font-size:1rem}
.clog-calendar-table th{font-weight:400;color:#66666b;font-size:.78rem;block-size:32px}
.clog-calendar-table abbr{text-decoration:none}
.clog-calendar-table td{padding:0;block-size:44px;text-align:center}
.clog-calendar-table td>span,.clog-calendar-day{display:inline-grid;place-items:center;inline-size:36px;block-size:36px;border-radius:6px}
.clog-calendar-day{position:relative;font:inherit;color:var(--clog-ink);font-weight:700;text-decoration:none;border:0;background:transparent;cursor:pointer;padding:0 0 7px}
.clog-calendar-day[data-release-types="feature"]{color:var(--clog-feature)}
.clog-calendar-day[data-release-types="improvement"]{color:var(--clog-improvement)}
.clog-calendar-day[data-release-types="fix"]{color:var(--clog-fix)}
.clog-calendar-day:hover{background:#edf0e9}
.clog-calendar-day.is-selected{background:#e9eee7;outline:2px solid #667468;outline-offset:-2px}
.clog-calendar-markers{position:absolute;inset-block-end:4px;inset-inline:0;display:flex;justify-content:center;gap:3px}
.clog-calendar-marker{display:inline-block;inline-size:5px;block-size:5px;border-radius:50%;flex:none;background:currentColor}
.clog-type-feature{color:var(--clog-feature)}
.clog-type-improvement{color:var(--clog-improvement)}
.clog-type-fix{color:var(--clog-fix)}
.clog-calendar-legend{display:flex;flex-wrap:wrap;gap:8px 14px;list-style:none;padding:0;margin:16px 0 0;font-size:.71rem;line-height:1.5;color:var(--clog-muted)}
.clog-calendar-legend li{display:flex;align-items:center;gap:6px}
.clog-month-links{display:flex;flex-direction:column;gap:4px;border-block-start:1px solid #d5ccbe;margin-block-start:26px;padding-block-start:20px}
.clog-month-links a{display:block;padding:9px 14px;border-inline-start:3px solid transparent;line-height:1.4;color:var(--clog-muted);font-size:.96rem}
.clog-month-links a:hover{color:var(--green)}
.clog-month-links a[aria-current]{border-inline-start-color:var(--green);color:var(--green);font-weight:700}
.clog-month-links a[hidden]{display:none}
.clog-results-panel{position:relative;min-inline-size:0;background:var(--clog-paper);border-radius:16px;padding:24px 32px 12px}
.clog-month{padding:0;scroll-margin-block-start:100px}
.clog-month+.clog-month{border-block-start:1px solid var(--clog-line);padding-block-start:28px;margin-block-start:8px}
.clog-month h2,.clog-empty h2{font-size:2.1rem;font-weight:700;line-height:1.2;letter-spacing:-.035em;margin:0}
.clog-count{color:var(--clog-muted);font-size:1rem;line-height:1.5;margin-block:4px 0}
.clog-release-list{margin-block-start:28px}
.clog-release{display:grid;grid-template-columns:100px minmax(0,1fr);gap:44px;padding-block:0 24px;scroll-margin-block-start:100px}
.clog-release+.clog-release{border-block-start:1px solid var(--clog-line);padding-block-start:24px}
.clog-release-date{display:flex;flex-direction:column;align-items:flex-start;border-inline-end:1px solid var(--clog-line);padding-inline-end:18px}
.clog-day-number{font-size:2.75rem;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--green)}
.clog-day-month{font-size:.88rem;line-height:1.5;text-transform:uppercase;color:var(--clog-muted);margin-block-start:3px}
.clog-release-copy{min-inline-size:0}
.clog-release-copy h3{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;line-height:1.35;margin:0 0 7px;overflow-wrap:anywhere}
.clog-release-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.clog-version{font-family:var(--mono);font-size:.73rem;line-height:1.5;letter-spacing:.02em;padding:3px 10px;border-radius:100px;background:#f0efec;color:#24252b}
.clog-badge{font-size:.74rem;line-height:1.5;padding:3px 11px;border-radius:100px;white-space:nowrap}
.clog-badge-feature{color:#14603a;background:#e2f5e7}
.clog-badge-improvement{color:#0b55b3;background:#e2effe}
.clog-badge-fix{color:#992e2e;background:#fce7e5}
.clog-release-body{margin-block-start:14px;font-size:1rem;line-height:1.65;color:var(--clog-muted);overflow-wrap:anywhere}
.clog-release-body p{margin:0 0 .65em}
.clog-release-body p:last-child{margin-block-end:0}
.clog-release-body ul,.clog-release-body ol{padding-inline-start:18px;margin:0 0 .65em}
.clog-release-body li{margin-block-end:.25em}
.clog-release-body li:last-child{margin-block-end:0}
.clog-release-body strong,.clog-release-body b{color:#3c4145;font-weight:600}
.clog-release-body a{text-decoration:underline;text-underline-offset:3px}
.clog-release-body img{max-inline-size:100%;block-size:auto}
.clog-release-body code{font-family:var(--mono);font-size:.88em;background:#eeebe5;padding:1px 4px;border-radius:3px}
.clog-empty{padding-block:16px 36px}
.clog-empty p{color:var(--clog-muted);margin-block:14px 24px}
.clog-empty .btn{font-family:inherit;cursor:pointer;border:0}
.clog-native-pagination{margin-block-start:28px}
.clog-native-pagination ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none}
.clog-native-pagination a,.clog-native-pagination .current{display:inline-block;padding:8px 12px;background:var(--clog-paper);border-radius:6px}
.clog-browser.is-enhanced .clog-native-pagination{display:none}
.clog-calendar-stage{position:relative;overflow:clip;isolation:isolate}
.clog-calendar-outgoing{position:absolute;inset-block-start:0;inset-inline:0;pointer-events:none}
.clog-release-ghost{position:absolute;pointer-events:none;z-index:1;margin:0;transform-origin:center top;background:var(--clog-paper)}
@media(prefers-reduced-motion:no-preference){
  .clog-calendar-day,.clog-month-step,.clog-month-links a{transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease}
  .clog-select-wrap>i{transition:transform 160ms ease}
}
@media(prefers-reduced-motion:reduce){
  .clog-search-form select::picker(select),.clog-select-wrap>i{transition:none!important}
}
@media(max-width:1024px){
  .clog-browser>.wrap,.post-type-archive-changelog .site-header>.wrap{padding-inline:28px}
  .clog-layout{grid-template-columns:236px minmax(0,1fr);gap:24px}
  .clog-results-panel{padding:24px 24px 8px}
  .clog-release{grid-template-columns:56px minmax(0,1fr);gap:18px}
  .clog-day-number{font-size:2.3rem}
}
@media(max-width:760px){
  .clog-browser{padding-block:30px 48px;background-attachment:scroll}
  .clog-browser>.wrap,.post-type-archive-changelog .site-header>.wrap{padding-inline:22px}
  .clog-intro p{font-size:1rem;margin-block-start:12px}
  .clog-search-form,.clog-browser.is-enhanced .clog-search-form{grid-template-columns:minmax(0,1fr);gap:16px;margin-block:26px 24px}
  .clog-layout{grid-template-columns:minmax(0,1fr);gap:20px}
  .clog-sidebar{position:static;padding-block-start:0;max-block-size:none;overflow:visible}
  .clog-date-browser{border:1px solid #d5ccbe;border-radius:10px;background:rgba(255,253,248,.6);padding:14px 16px}
  .clog-date-browser summary{font-size:1rem;display:flex;align-items:center;justify-content:space-between}
  .clog-date-browser summary>i{display:block;font-size:12px}
  .clog-date-browser[open] summary>i{transform:rotate(180deg)}
  .clog-calendar{max-inline-size:340px;margin-inline:auto}
  .clog-calendar-nav{margin-block-start:20px}
  .clog-calendar-table td{block-size:42px}
  .clog-month-links{flex-direction:row;flex-wrap:wrap;gap:6px;border:0;padding:0;margin-block-start:14px;max-block-size:180px;overflow-y:auto}
  .clog-month-links a{padding:7px 10px;border:0;border-radius:7px;font-size:.83rem}
  .clog-month-links a[aria-current]{background:#e4ebdf}
  .clog-results-panel{padding:24px 20px 4px;border-radius:12px}
  .clog-month h2,.clog-empty h2{font-size:1.65rem}
  .clog-release-list{margin-block-start:24px}
  .clog-release{grid-template-columns:45px minmax(0,1fr);gap:14px}
  .clog-release-date{padding-inline-end:10px}
  .clog-day-number{font-size:2rem}
  .clog-day-month{font-size:.75rem}
  .clog-release-copy h3{font-size:1.02rem;line-height:1.4}
  .clog-release-body{font-size:.9rem;line-height:1.65}
  .clog-release-meta{gap:5px}
  .clog-version,.clog-badge{font-size:.67rem;padding:3px 8px}
}