/*
Theme Name: Cyber Kendra
Theme URI: https://www.cyberkendra.com/themes/cyber-kendra/
Author: Cyber Kendra
Author URI: https://www.cyberkendra.com
Description: A fast, search-first WordPress theme for how-to and technology publishers. Built on the Signal design language: hairline-separated editorial listings, boxed data instruments, self-hosted open-licence fonts and a five-picker Customizer palette. Ships with schema.org Article/HowTo/FAQ output, an automatic table of contents, and zero external asset requests.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cyber-kendra
Tags: blog, news, two-columns, right-sidebar, custom-colors, custom-menu, custom-logo, featured-images, translation-ready, block-styles, wide-blocks, threaded-comments, editor-style, full-width-template
*/

/* ==========================================================================
   1. TOKENS
   Light-first on bare :root; redefined for the two dark states so the OS
   setting and an explicit toggle both resolve correctly.
   ========================================================================== */
:root{
  --ck-paper:#FBFAF7;
  --ck-surface:#FFFFFF;
  --ck-sunken:#F3F1EB;
  --ck-ink:#141A1E;
  --ck-ink-2:#3D4A44;
  --ck-muted:#6B7671;
  --ck-rule:#DFDCD4;
  --ck-rule-strong:#C6C2B8;
  --ck-accent:#0F6E5C;
  --ck-accent-hover:#0A5748;
  --ck-accent-soft:#E6F0EC;
  --ck-signal:#D64518;
  --ck-signal-soft:#FBEAE3;
  --ck-on-accent:#FBFAF7;

  --ck-font-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --ck-font-body:"Source Serif 4",Georgia,"Times New Roman",serif;
  --ck-font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;

  --ck-step--2:.6875rem;
  --ck-step--1:.8125rem;
  --ck-step-0:1.0625rem;
  --ck-step-1:1.3125rem;
  --ck-step-2:1.625rem;
  --ck-step-3:2.125rem;
  --ck-step-4:2.75rem;

  --ck-wrap:1180px;
  --ck-read:66ch;
  --ck-gap:32px;
  --ck-radius:4px;
  --ck-sidebar:320px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ck-paper:#0E1214; --ck-surface:#151B1D; --ck-sunken:#1B2224;
    --ck-ink:#ECEFEC; --ck-ink-2:#B6C0BA; --ck-muted:#8A968F;
    --ck-rule:#262E30; --ck-rule-strong:#3A4442;
    --ck-accent:#4FBFA3; --ck-accent-hover:#6FD3B9; --ck-accent-soft:#14312A;
    --ck-signal:#FF7A4D; --ck-signal-soft:#3A1D12; --ck-on-accent:#0E1214;
  }
}
:root[data-theme="dark"]{
  --ck-paper:#0E1214; --ck-surface:#151B1D; --ck-sunken:#1B2224;
  --ck-ink:#ECEFEC; --ck-ink-2:#B6C0BA; --ck-muted:#8A968F;
  --ck-rule:#262E30; --ck-rule-strong:#3A4442;
  --ck-accent:#4FBFA3; --ck-accent-hover:#6FD3B9; --ck-accent-soft:#14312A;
  --ck-signal:#FF7A4D; --ck-signal-soft:#3A1D12; --ck-on-accent:#0E1214;
}

/* ==========================================================================
   2. RESET / BASE
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
body{
  margin:0;background:var(--ck-paper);color:var(--ck-ink);
  font-family:var(--ck-font-display);font-size:var(--ck-step-0);line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  display:flex;flex-direction:column;min-height:100vh;
}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.18;letter-spacing:-.022em;text-wrap:balance}
p,ul,ol,figure,blockquote,pre,table{margin:0}
img,svg,video,iframe{max-width:100%;height:auto;display:block}
a{color:var(--ck-accent);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--ck-accent-hover)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--ck-accent);outline-offset:3px;border-radius:2px;
}
button,input,select,textarea{font:inherit;color:inherit}
code,kbd,pre,samp{font-family:var(--ck-font-mono)}

.ck-screen-reader-text{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.ck-skip-link{
  position:absolute;left:-9999px;top:8px;z-index:1000;
  background:var(--ck-accent);color:var(--ck-on-accent);
  padding:10px 18px;border-radius:var(--ck-radius);font-size:var(--ck-step--1);font-weight:600;
}
.ck-skip-link:focus{left:8px}

.ck-wrap{max-width:var(--ck-wrap);margin:0 auto;padding:0 24px;width:100%}
.ck-site{display:flex;flex-direction:column;flex:1}

/* ==========================================================================
   3. HEADER
   ========================================================================== */
.ck-header{
  background:var(--ck-surface);border-bottom:1px solid var(--ck-rule);
  position:sticky;top:0;z-index:80;
}
.ck-header__bar{display:flex;align-items:center;gap:26px;padding:14px 0;min-height:62px;position:relative}
.ck-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ck-ink);flex:none}
.ck-brand__text{font-size:var(--ck-step-1);font-weight:800;letter-spacing:-.035em;white-space:nowrap}
.ck-brand__text em{font-style:normal;color:var(--ck-accent)}
.ck-brand__logo img{max-height:38px;width:auto}
.ck-brand__tagline{
  display:block;font-family:var(--ck-font-mono);font-size:var(--ck-step--2);
  color:var(--ck-muted);letter-spacing:.02em;margin-top:2px;font-weight:400;
}

.ck-nav{flex:1;min-width:0}
.ck-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.ck-nav li{position:relative}
.ck-nav a{
  display:inline-block;font-size:var(--ck-step--1);font-weight:600;color:var(--ck-ink-2);
  text-decoration:none;padding:5px 0;border-bottom:2px solid transparent;
  transition:color .12s,border-color .12s;
}
.ck-nav a:hover{color:var(--ck-accent);border-bottom-color:var(--ck-accent)}
.ck-nav .current-menu-item>a,.ck-nav .current_page_item>a,.ck-nav .current-menu-ancestor>a{
  color:var(--ck-ink);border-bottom-color:var(--ck-accent);
}
.ck-nav ul ul{
  position:absolute;top:100%;left:0;display:block;min-width:216px;
  background:var(--ck-surface);border:1px solid var(--ck-rule);border-radius:var(--ck-radius);
  padding:6px 0;flex-direction:column;gap:0;box-shadow:0 6px 22px rgba(20,26,30,.09);
  opacity:0;visibility:hidden;transform:translateY(-4px);
  transition:opacity .13s,transform .13s,visibility .13s;z-index:90;
}
.ck-nav li:hover>ul,.ck-nav li:focus-within>ul{opacity:1;visibility:visible;transform:translateY(0)}
.ck-nav ul ul li{width:100%}
.ck-nav ul ul a{display:block;padding:8px 16px;border-bottom:0;width:100%}
.ck-nav ul ul a:hover{background:var(--ck-accent-soft);color:var(--ck-accent)}
.ck-nav ul ul ul{top:0;left:100%}

.ck-header__tools{display:flex;align-items:center;gap:10px;flex:none}
.ck-searchtoggle,.ck-themetoggle,.ck-navtoggle{
  background:var(--ck-paper);border:1px solid var(--ck-rule-strong);border-radius:100px;
  color:var(--ck-muted);cursor:pointer;display:inline-flex;align-items:center;gap:7px;
  padding:7px 14px;font-family:var(--ck-font-mono);font-size:var(--ck-step--2);
  letter-spacing:.02em;transition:color .12s,border-color .12s;
}
.ck-searchtoggle:hover,.ck-themetoggle:hover,.ck-navtoggle:hover{color:var(--ck-accent);border-color:var(--ck-accent)}
.ck-themetoggle,.ck-navtoggle{padding:7px 11px}
.ck-navtoggle{display:none}
.ck-icon{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ck-themetoggle .ck-icon--sun{display:none}
:root[data-theme="dark"] .ck-themetoggle .ck-icon--sun{display:block}
:root[data-theme="dark"] .ck-themetoggle .ck-icon--moon{display:none}

.ck-headersearch{display:none;border-top:1px solid var(--ck-rule);padding:16px 0;background:var(--ck-sunken)}
.ck-headersearch.is-open{display:block}

@media (max-width:900px){
  .ck-navtoggle{display:inline-flex}
  .ck-nav{
    display:none;position:absolute;top:100%;left:0;right:0;background:var(--ck-surface);
    border-bottom:1px solid var(--ck-rule);padding:10px 24px 18px;
  }
  .ck-nav.is-open{display:block}
  .ck-nav ul{flex-direction:column;gap:0;align-items:stretch}
  .ck-nav > div > ul > li{border-bottom:1px solid var(--ck-rule)}
  .ck-nav a{display:block;padding:11px 0;border-bottom:0}
  .ck-nav ul ul{
    position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    border:0;border-left:2px solid var(--ck-rule);border-radius:0;margin:0 0 8px 6px;padding:0 0 0 12px;
  }
}

/* ==========================================================================
   4. LAYOUT
   ========================================================================== */
.ck-main{padding:34px 0 56px;min-height:52vh}
.ck-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--ck-sidebar);gap:var(--ck-gap)}
.ck-layout--full{grid-template-columns:minmax(0,1fr)}
.ck-layout--narrow{grid-template-columns:minmax(0,1fr);max-width:820px;margin:0 auto}
@media (max-width:1040px){
  .ck-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .ck-sidebar{margin-top:44px}
}

/* ==========================================================================
   5. SECTION CHROME - the index-tab device
   ========================================================================== */
.ck-sectionhead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:6px}
.ck-sectionhead h1,.ck-sectionhead h2{
  font-size:var(--ck-step-2);font-weight:700;
  padding-left:15px;border-left:3px solid var(--ck-accent);
}
.ck-sectionhead--sm h2{font-size:var(--ck-step-1);padding-left:13px}
.ck-sectionhead__more{
  font-family:var(--ck-font-mono);font-size:var(--ck-step--2);font-weight:600;
  text-transform:uppercase;letter-spacing:.07em;text-decoration:none;white-space:nowrap;
}
.ck-sectionhead__more:hover{text-decoration:underline}
.ck-sectiondesc{
  font-family:var(--ck-font-body);color:var(--ck-muted);
  max-width:var(--ck-read);padding-left:18px;margin-bottom:20px;
}
.ck-section{margin-bottom:48px}
.ck-section:last-child{margin-bottom:0}

/* ==========================================================================
   6. THE RIVER - editorial listings. Hairlines only, never cards.
   ========================================================================== */
.ck-river--2col{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
@media (max-width:680px){.ck-river--2col{grid-template-columns:1fr}}

.ck-item{padding:18px 0;border-bottom:1px solid var(--ck-rule)}
.ck-item:last-child{border-bottom:0}
.ck-item--media{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:520px){.ck-item--media{grid-template-columns:96px minmax(0,1fr);gap:14px}}
.ck-item__thumb{border-radius:var(--ck-radius);overflow:hidden;background:var(--ck-sunken);aspect-ratio:16/10}
.ck-item__thumb img{width:100%;height:100%;object-fit:cover}
.ck-item__kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:7px}
.ck-cat{
  font-size:var(--ck-step--2);font-weight:700;text-transform:uppercase;
  letter-spacing:.09em;color:var(--ck-accent);text-decoration:none;
}
.ck-cat:hover{text-decoration:underline}
.ck-fresh{
  display:inline-flex;align-items:center;gap:5px;font-family:var(--ck-font-mono);
  font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ck-signal);
}
.ck-fresh::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ck-signal);flex:none}
.ck-item__title{font-size:var(--ck-step-0);font-weight:700;letter-spacing:-.012em;line-height:1.32}
.ck-item__title a{color:inherit;text-decoration:none}
.ck-item__title a:hover{color:var(--ck-accent)}
.ck-item--lead .ck-item__title{font-size:var(--ck-step-1)}
.ck-item__dek{
  font-family:var(--ck-font-body);font-size:.9375rem;color:var(--ck-muted);
  line-height:1.55;margin-top:7px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.ck-item__meta{
  font-family:var(--ck-font-mono);font-size:var(--ck-step--2);color:var(--ck-muted);
  margin-top:9px;letter-spacing:.02em;
}

/* ==========================================================================
   7. SINGLE / PAGE
   ========================================================================== */
.ck-breadcrumbs{
  font-family:var(--ck-font-mono);font-size:var(--ck-step--2);color:var(--ck-muted);
  margin-bottom:14px;letter-spacing:.02em;
}
.ck-breadcrumbs a{text-decoration:none}
.ck-breadcrumbs a:hover{text-decoration:underline}
.ck-breadcrumbs .sep{margin:0 7px;opacity:.55}
.ck-entry__title{font-size:var(--ck-step-4);font-weight:800;letter-spacing:-.033em;line-height:1.1}
@media (max-width:640px){.ck-entry__title{font-size:var(--ck-step-3)}}
.ck-entry__standfirst{
  font-family:var(--ck-font-body);font-size:1.1875rem;line-height:1.6;
  color:var(--ck-ink-2);margin-top:15px;max-width:var(--ck-read);
}
.ck-byline{
  display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;
  font-family:var(--ck-font-mono);font-size:var(--ck-step--2);color:var(--ck-muted);
  padding:13px 0;margin-top:20px;border-top:1px solid var(--ck-rule);border-bottom:1px solid var(--ck-rule);
  letter-spacing:.02em;
}
.ck-byline a{color:var(--ck-ink-2);text-decoration:none}
.ck-byline a:hover{color:var(--ck-accent)}
.ck-byline__avatar{border-radius:50%;width:22px;height:22px}
.ck-byline__verified{color:var(--ck-accent);font-weight:600}
.ck-entry__thumb{margin:26px 0 0;border-radius:var(--ck-radius);overflow:hidden}
.ck-entry__thumb figcaption{
  font-family:var(--ck-font-mono);font-size:var(--ck-step--2);color:var(--ck-muted);
  padding:9px 2px 0;line-height:1.5;
}

.ck-prose{
  font-family:var(--ck-font-body);font-size:var(--ck-step-0);line-height:1.75;
  color:var(--ck-ink-2);max-width:var(--ck-read);margin-top:26px;
}
.ck-prose > *+*{margin-top:17px}
.ck-prose p{margin:0}
.ck-prose h2,.ck-prose h3,.ck-prose h4{font-family:var(--ck-font-display);color:var(--ck-ink);scroll-margin-top:86px}
.ck-prose h2{font-size:var(--ck-step-2);margin-top:40px;padding-left:15px;border-left:3px solid var(--ck-accent)}
.ck-prose h3{font-size:var(--ck-step-1);margin-top:32px}
.ck-prose h4{font-size:var(--ck-step-0);margin-top:26px}
.ck-prose ul,.ck-prose ol{padding-left:22px}
.ck-prose li+li{margin-top:8px}
.ck-prose a{font-weight:600}
.ck-prose strong{color:var(--ck-ink);font-weight:600}
.ck-prose blockquote{
  border-left:3px solid var(--ck-accent);padding:2px 0 2px 20px;margin-left:0;
  font-size:1.125rem;color:var(--ck-ink);font-style:italic;
}
.ck-prose blockquote cite{
  display:block;font-family:var(--ck-font-mono);font-size:var(--ck-step--2);
  font-style:normal;color:var(--ck-muted);margin-top:10px;
}
.ck-prose hr{border:0;border-top:1px solid var(--ck-rule);margin:34px 0}
.ck-prose figure{margin:0}
.ck-prose figcaption{
  font-family:var(--ck-font-mono);font-size:var(--ck-step--2);
  color:var(--ck-muted);padding-top:9px;line-height:1.5;
}
.ck-prose :where(code):not(pre code){
  font-size:.85em;background:var(--ck-accent-soft);color:var(--ck-accent);
  padding:2px 6px;border-radius:3px;font-weight:500;
}
.ck-prose pre{
  background:#141A1E;color:#E8EDEA;border-radius:var(--ck-radius);
  padding:15px 18px;overflow-x:auto;font-size:var(--ck-step--1);line-height:1.7;
}
.ck-prose pre code{background:none;color:inherit;padding:0;font-size:inherit}
kbd{
  font-size:.8125em;font-weight:500;background:var(--ck-surface);
  border:1px solid var(--ck-rule-strong);border-bottom-width:2px;
  border-radius:4px;padding:1px 6px;color:var(--ck-ink);white-space:nowrap;
}
.ck-prose table{width:100%;border-collapse:collapse;font-family:var(--ck-font-display);font-size:.9375rem}
.ck-prose table th{
  font-family:var(--ck-font-mono);font-size:.625rem;font-weight:600;text-transform:uppercase;
  letter-spacing:.08em;color:var(--ck-muted);text-align:left;padding:10px 14px;
  background:var(--ck-sunken);border-bottom:1px solid var(--ck-rule);
}
.ck-prose table td{padding:11px 14px;border-bottom:1px solid var(--ck-rule)}
.ck-tablewrap{overflow-x:auto;border:1px solid var(--ck-rule);border-radius:var(--ck-radius)}

.ck-prose .alignwide{max-width:min(1000px,92vw);margin-left:calc(50% - min(500px,46vw));margin-right:auto}
.ck-prose .alignfull{max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.ck-prose .alignleft{float:left;margin:6px 24px 16px 0;max-width:50%}
.ck-prose .alignright{float:right;margin:6px 0 16px 24px;max-width:50%}
.ck-prose .aligncenter{margin-left:auto;margin-right:auto}
.ck-prose .wp-caption{max-width:100%}
@media (max-width:900px){
  .ck-prose .alignwide,.ck-prose .alignfull{max-width:100%;margin-left:0;margin-right:0}
}

/* table of contents - a boxed instrument */
.ck-toc{
  background:var(--ck-sunken);border:1px solid var(--ck-rule);border-radius:var(--ck-radius);
  padding:16px 19px;margin-top:28px;max-width:var(--ck-read);
}
.ck-toc__title{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-family:var(--ck-font-display);font-size:var(--ck-step--2);font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;color:var(--ck-muted);margin:0 0 10px;
}
.ck-toc__toggle{
  background:none;border:0;color:var(--ck-accent);cursor:pointer;
  font-family:var(--ck-font-mono);font-size:var(--ck-step--2);padding:0;
}
.ck-toc ol{margin:0;padding-left:19px;font-size:.875rem;line-height:1.95}
.ck-toc ol ol{padding-left:17px;font-size:.8125rem}
.ck-toc a{text-decoration:none}
.ck-toc a:hover{text-decoration:underline}
.ck-toc.is-collapsed ol{display:none}

.ck-step{display:flex;gap:16px;align-items:flex-start;margin-top:26px;max-width:var(--ck-read)}
.ck-step__num{
  flex:none;width:27px;height:27px;border-radius:50%;background:var(--ck-accent);color:var(--ck-on-accent);
  font-family:var(--ck-font-mono);font-size:.75rem;font-weight:600;
  display:flex;align-items:center;justify-content:center;margin-top:2px;
}
.ck-step__body{flex:1;min-width:0}
.ck-step__body h3{font-family:var(--ck-font-display);font-size:.9375rem;font-weight:700;margin:0 0 6px}

.ck-entry__foot{margin-top:40px;padding-top:22px;border-top:1px solid var(--ck-rule)}
.ck-tags{display:flex;flex-wrap:wrap;gap:8px}
.ck-tag{
  font-family:var(--ck-font-mono);font-size:var(--ck-step--2);text-decoration:none;
  border:1px solid var(--ck-rule-strong);border-radius:100px;padding:4px 12px;color:var(--ck-muted);
}
.ck-tag:hover{border-color:var(--ck-accent);color:var(--ck-accent)}
.ck-authorbox{display:flex;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid var(--ck-rule)}
.ck-authorbox img{border-radius:50%;flex:none;width:56px;height:56px}
.ck-authorbox h2{font-size:var(--ck-step-0);font-weight:700}
.ck-authorbox p{
  font-family:var(--ck-font-body);font-size:.9375rem;color:var(--ck-muted);
  margin-top:6px;line-height:1.6;max-width:58ch;
}

.ck-postnav{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:34px;border-top:1px solid var(--ck-rule)}
@media (max-width:640px){.ck-postnav{grid-template-columns:1fr}}
.ck-postnav a{
  display:block;padding:18px 20px 18px 0;text-decoration:none;color:var(--ck-ink);
  border-bottom:1px solid var(--ck-rule);
}
.ck-postnav a+a{border-left:1px solid var(--ck-rule);padding-left:20px}
@media (max-width:640px){.ck-postnav a+a{border-left:0;padding-left:0}}
.ck-postnav span{
  display:block;font-family:var(--ck-font-mono);font-size:var(--ck-step--2);
  text-transform:uppercase;letter-spacing:.07em;color:var(--ck-muted);margin-bottom:7px;
}
.ck-postnav strong{font-size:.9375rem;font-weight:700;line-height:1.4;display:block}
.ck-postnav a:hover strong{color:var(--ck-accent)}

/* ==========================================================================
   8. SIDEBAR
   ========================================================================== */
.ck-sidebar{position:sticky;top:86px;align-self:start}
@media (max-width:1040px){.ck-sidebar{position:static}}
.ck-widget{margin-bottom:34px}
.ck-widget:last-child{margin-bottom:0}
.ck-widget__title{
  font-size:var(--ck-step--2);font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:var(--ck-muted);padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--ck-rule);
}
.ck-widget ul{list-style:none;margin:0;padding:0}
.ck-widget li{padding:10px 0;border-bottom:1px solid var(--ck-rule);font-size:.9375rem;line-height:1.45}
.ck-widget li:last-child{border-bottom:0}
.ck-widget a{text-decoration:none;color:var(--ck-ink)}
.ck-widget a:hover{color:var(--ck-accent)}
.ck-widget .ck-tags{padding-top:14px}
.ck-rank{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:baseline}
.ck-rank__n{font-family:var(--ck-font-mono);font-size:var(--ck-step--1);color:var(--ck-accent);font-weight:600}

/* ==========================================================================
   9. SEARCH / FORMS / BUTTONS
   ========================================================================== */
.ck-searchform{display:flex;gap:8px}
.ck-searchform input[type="search"]{
  flex:1;min-width:0;background:var(--ck-surface);border:1px solid var(--ck-rule-strong);
  border-radius:100px;padding:10px 18px;font-size:.9375rem;color:var(--ck-ink);
}
.ck-searchform input[type="search"]::placeholder{color:var(--ck-muted)}
.ck-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--ck-accent);color:var(--ck-on-accent);border:1px solid var(--ck-accent);
  border-radius:100px;padding:10px 22px;font-size:.9375rem;font-weight:600;
  text-decoration:none;cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap;
}
.ck-btn:hover{background:var(--ck-accent-hover);border-color:var(--ck-accent-hover);color:var(--ck-on-accent)}
.ck-btn--ghost{background:transparent;color:var(--ck-ink);border-color:var(--ck-rule-strong)}
.ck-btn--ghost:hover{background:transparent;border-color:var(--ck-accent);color:var(--ck-accent)}

input[type="text"],input[type="email"],input[type="url"],input[type="password"],
input[type="number"],input[type="tel"],textarea,select{
  background:var(--ck-surface);border:1px solid var(--ck-rule-strong);border-radius:var(--ck-radius);
  padding:10px 14px;width:100%;font-size:.9375rem;color:var(--ck-ink);
}
textarea{min-height:150px;resize:vertical}

/* ==========================================================================
   10. PAGINATION
   ========================================================================== */
.ck-pagination{margin-top:34px;padding-top:24px;border-top:1px solid var(--ck-rule)}
.ck-pagination .nav-links{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.ck-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;
  padding:0 12px;border:1px solid var(--ck-rule);border-radius:var(--ck-radius);
  font-family:var(--ck-font-mono);font-size:var(--ck-step--1);text-decoration:none;color:var(--ck-ink-2);
}
.ck-pagination .page-numbers:hover{border-color:var(--ck-accent);color:var(--ck-accent)}
.ck-pagination .page-numbers.current{
  background:var(--ck-accent);border-color:var(--ck-accent);color:var(--ck-on-accent);font-weight:600;
}
.ck-pagination .page-numbers.dots{border-color:transparent}

/* ==========================================================================
   11. COMMENTS
   ========================================================================== */
.ck-comments{margin-top:48px;padding-top:26px;border-top:1px solid var(--ck-rule)}
.ck-comments__list{list-style:none;margin:22px 0 0;padding:0}
.ck-comments__list .children{list-style:none;margin:0;padding-left:26px;border-left:1px solid var(--ck-rule)}
.ck-comment{padding:18px 0;border-bottom:1px solid var(--ck-rule)}
.ck-comment__head{display:flex;align-items:center;gap:11px;margin-bottom:9px}
.ck-comment__head img{border-radius:50%;width:34px;height:34px;flex:none}
.ck-comment__author{font-size:.9375rem;font-weight:700}
.ck-comment__date{font-family:var(--ck-font-mono);font-size:var(--ck-step--2);color:var(--ck-muted)}
.ck-comment__body{font-family:var(--ck-font-body);font-size:.9375rem;line-height:1.65;color:var(--ck-ink-2)}
.ck-comment__body p+p{margin-top:12px}
.comment-reply-link{
  font-family:var(--ck-font-mono);font-size:var(--ck-step--2);text-decoration:none;
  text-transform:uppercase;letter-spacing:.06em;
}
.comment-respond{margin-top:30px}
.comment-form p{margin-bottom:14px}
.comment-form label{display:block;font-size:var(--ck-step--1);font-weight:600;margin-bottom:6px}

/* ==========================================================================
   12. ARCHIVE / 404 / NO RESULTS
   ========================================================================== */
.ck-archivehead{padding-bottom:22px;margin-bottom:8px;border-bottom:1px solid var(--ck-rule)}
.ck-archivehead h1{
  font-size:var(--ck-step-3);font-weight:800;letter-spacing:-.03em;
  padding-left:16px;border-left:3px solid var(--ck-accent);
}
.ck-archivehead__count{
  font-family:var(--ck-font-mono);font-size:var(--ck-step--2);color:var(--ck-muted);
  margin-top:11px;padding-left:19px;letter-spacing:.02em;
}
.ck-archivehead__desc{
  font-family:var(--ck-font-body);color:var(--ck-ink-2);
  margin-top:12px;padding-left:19px;max-width:var(--ck-read);
}
.ck-none{padding:44px 0;text-align:center;max-width:52ch;margin:0 auto}
.ck-none h1{font-size:var(--ck-step-3);font-weight:800;letter-spacing:-.03em}
.ck-none__code{
  font-family:var(--ck-font-mono);font-size:3.6rem;font-weight:600;
  color:var(--ck-accent);letter-spacing:-.04em;line-height:1;
}
.ck-none p{font-family:var(--ck-font-body);color:var(--ck-muted);margin:16px 0 24px;line-height:1.65}
.ck-none .ck-searchform{max-width:400px;margin:0 auto}

/* ==========================================================================
   13. FOOTER
   ========================================================================== */
.ck-footer{background:#141A1E;color:#C9D2CE;margin-top:auto;padding:46px 0 26px}
.ck-footer a{color:#C9D2CE;text-decoration:none}
.ck-footer a:hover{color:#4FBFA3}
.ck-footer__top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(auto-fit,minmax(140px,1fr));gap:34px}
@media (max-width:760px){.ck-footer__top{grid-template-columns:1fr;gap:26px}}
.ck-footer__brand .ck-brand__text{color:#FBFAF7;font-size:var(--ck-step-1)}
.ck-footer__brand .ck-brand__text em{color:#4FBFA3}
.ck-footer__tagline{
  font-family:var(--ck-font-body);font-size:.9375rem;color:#93A19B;
  margin-top:9px;max-width:44ch;line-height:1.6;
}
.ck-footer__col h2{
  font-size:var(--ck-step--2);font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:#8A968F;margin-bottom:13px;
}
.ck-footer__col ul{list-style:none;margin:0;padding:0}
.ck-footer__col li{padding:5px 0;font-size:.875rem}
.ck-footer__bottom{
  margin-top:34px;padding-top:18px;border-top:1px solid #2A3335;
  display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;
  font-family:var(--ck-font-mono);font-size:var(--ck-step--2);color:#8A968F;letter-spacing:.02em;
}
.ck-credit a{color:#4FBFA3;font-weight:600}
.ck-credit a:hover{text-decoration:underline}

/* ==========================================================================
   14. WP CORE CLASSES / PRINT
   ========================================================================== */
.sticky .ck-item__title::before{content:"\2605\00a0";color:var(--ck-signal)}
.bypostauthor > .ck-comment .ck-comment__author::after{
  content:"\00a0\00b7\00a0author";color:var(--ck-accent);font-weight:400;font-size:.75em;
}
.wp-caption-text{font-family:var(--ck-font-mono);font-size:var(--ck-step--2);color:var(--ck-muted);padding-top:8px}
.gallery-caption{font-size:var(--ck-step--2);color:var(--ck-muted)}
.ck-clear::after{content:"";display:table;clear:both}

@media print{
  .ck-header,.ck-footer,.ck-sidebar,.ck-postnav,.ck-comments,.ck-toc__toggle{display:none!important}
  body{background:#fff;color:#000}
  .ck-layout{grid-template-columns:1fr}
  .ck-prose a::after{content:" (" attr(href) ")";font-size:.75em;color:#555}
}