/* KK Civic theme layer (2026-10-24). Fonts self-hosted (Libre Baskerville, Source Sans 3; SIL OFL). */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/LibreBaskerville-latin-ext-768f75.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/LibreBaskerville-latin-eeb780.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/LibreBaskerville-latin-ext-768f75.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/LibreBaskerville-latin-eeb780.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/SourceSans3-latin-ext-7ee8ef.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/SourceSans3-latin-263ee0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/SourceSans3-latin-ext-7ee8ef.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/SourceSans3-latin-263ee0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/SourceSans3-latin-ext-7ee8ef.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/SourceSans3-latin-263ee0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--kk-main:#13294b;--kk-accent:#8a1c2b;--kk-soft:#c9d3e3;--kk-link:#1b4f8c}
/* KK Civic: formal traditional style for kevinkatovic.com (child of Twenty Twelve) */
:root{--kk-ink:#1d232b;--kk-muted:#5a636e;--kk-paper:#ffffff;--kk-bg:#f2f1ed;--kk-rule:#d9d6cf}
body,body .site{font-family:'Source Sans 3',Arial,sans-serif;color:var(--kk-ink)}
body.custom-background,body{background:var(--kk-bg)!important}
/* funny.jpg tiled outside the blog column: 90x60 tiles, ~191 visible at 1920x1080 (2026-10-24) */
@media (min-width:961px){body.custom-background,body{background:var(--kk-bg) url(funny-tile.jpg) repeat fixed!important;background-size:90px 60px!important}}
body .site{background:var(--kk-paper);box-shadow:0 1px 0 var(--kk-rule),0 10px 30px rgba(0,0,0,.06);border-top:6px solid var(--kk-main);padding:0 40px 1.5rem;margin-top:0;box-sizing:border-box}
/* masthead */
.site-header{background:var(--kk-main);padding:26px 40px 0!important;margin:0 -40px}
.site-header hgroup{border-bottom:3px solid var(--kk-accent);padding-bottom:18px}
.site-header h1.site-title,.site-header h1.site-title a{font-family:'Libre Baskerville',Georgia,serif;font-weight:700;color:#fff!important;font-size:2.15rem;letter-spacing:.01em;line-height:1.2}
.site-header h2.site-description{font-family:'Source Sans 3',Arial,sans-serif;color:var(--kk-soft)!important;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:600;margin-top:6px}
.main-navigation{margin-top:0;background:var(--kk-main);border:0}
.main-navigation ul.nav-menu,.main-navigation div.nav-menu>ul{border:0;padding:0}
.main-navigation li a{color:#fff!important;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;line-height:3.4}
.main-navigation li a:hover{color:var(--kk-soft)!important;text-decoration:underline;text-underline-offset:6px}
.header-image{display:none}
/* content */
.entry-header .entry-title,.entry-title a,.archive-title,.page-title{font-family:'Libre Baskerville',Georgia,serif!important;color:var(--kk-ink)!important;font-weight:700;line-height:1.3}
.entry-header .entry-title{font-size:2rem;border-bottom:1px solid var(--kk-rule);padding-bottom:14px}
.entry-content h2,.entry-content h3,.comments-title,#reply-title{font-family:'Libre Baskerville',Georgia,serif!important;color:var(--kk-main)!important}
.entry-content h2{border-left:4px solid var(--kk-accent);padding-left:12px;margin-top:2em}
.entry-content{font-size:1.06rem;line-height:1.75}
.entry-content a,.comment-content a,.widget-area .widget a{color:var(--kk-link)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.entry-content a:hover{color:var(--kk-accent)!important}
.entry-meta,.entry-meta a{color:var(--kk-muted)!important;font-size:.82rem}
.entry-content blockquote{border-left:4px solid var(--kk-accent);background:var(--kk-bg);padding:12px 18px;font-style:normal}
/* sidebar */
.widget-area .widget h3,.widget-area .widget .wp-block-heading{font-family:'Source Sans 3',Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem!important;color:var(--kk-main)!important;border-bottom:2px solid var(--kk-accent);padding-bottom:6px;font-weight:700}
/* buttons */
.wp-block-button__link,input[type=submit],button{background:var(--kk-main)!important;color:#fff!important;border-radius:2px!important;border:0!important;box-shadow:none!important;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.wp-block-button__link:hover,input[type=submit]:hover{background:var(--kk-accent)!important}
/* footer */
footer[role=contentinfo],#colophon{border-top:3px solid var(--kk-accent)!important;background:var(--kk-main);color:var(--kk-soft);padding:18px 40px!important;margin:24px -40px -1.5rem!important;max-width:none!important}
#colophon a{color:#fff!important}
@media (max-width:600px){body .site{padding:0 20px 1.5rem}.site-header{padding:18px 20px 0!important;margin:0 -20px}.site-header h1.site-title,.site-header h1.site-title a{font-size:1.6rem}.entry-header .entry-title{font-size:1.55rem}#colophon{margin:24px -20px -1.5rem!important;padding:16px 20px!important}}

/* breathing room inside the white column (2026-10-24) */
.site-content article,.widget-area{padding-top:4px}
.entry-content img,.wp-block-image img{max-width:100%;height:auto}