/*
Theme Name: Max Klein Journal
Author: Max Klein
Version: 1.1.0
Text Domain: maxklein-journal
*/
:root{--bg:#08090d;--surface:#111319;--surface2:#181b23;--ink:#f2f3f6;--muted:#a5acbb;--line:#2c303b;--accent:#a3e7d4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3{letter-spacing:-.035em;line-height:1.2;color:#fafbfc}button,input{font:inherit}.container{width:min(1460px,calc(100% - 40px));margin-inline:auto}.site-header{background:#0b0c11;border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:74px}.logo{font-size:23px;font-weight:900;letter-spacing:-.06em;color:#fff}.logo span{color:var(--accent)}.logo small{font-size:10px;letter-spacing:.12em;color:#9ba9ba;font-weight:500}.header-links,.topic-scroller{display:flex;gap:7px;align-items:center}.header-links a{padding:9px 12px;border-radius:7px;color:#dce1e9;font-size:13px;font-weight:700}.header-links a:hover,.topic-scroller a:hover{background:#222833;color:#fff;text-decoration:none}.header-links .language{background:#273a3b;color:#b8fae5}.topic-nav{background:#101218;border-bottom:1px solid var(--line)}.topic-scroller{padding:8px 0;gap:6px;overflow-x:auto}.topic-scroller>a,.topic-dropdown>summary{display:block;white-space:nowrap;padding:9px 14px;border:1px solid transparent;border-radius:7px;color:#e1e5ec;font-size:13px;font-weight:700;cursor:pointer;list-style:none}.topic-dropdown{position:relative;flex-shrink:0}.topic-dropdown>summary::-webkit-details-marker{display:none}.topic-dropdown>summary:after{content:"⌄";margin-left:9px;color:var(--accent)}.topic-dropdown[open]>summary{background:#202631}.topic-dropdown .submenu{position:absolute;top:100%;left:0;z-index:30;min-width:210px;background:#1b1e28;padding:8px;border:1px solid #414753;border-radius:9px;box-shadow:0 20px 45px #0009;display:grid;gap:3px}.topic-dropdown .submenu a{color:#e5ebf2;white-space:nowrap;padding:8px 12px;border-radius:6px;font-size:13px}.topic-dropdown .submenu a:hover{background:#303746;text-decoration:none}.intro{padding:23px 0 10px}.intro h1{font-size:clamp(28px,3vw,39px);margin:5px 0}.intro p{font-size:14px;color:var(--muted);margin:0}.eyebrow{font-size:11px;color:var(--accent);font-weight:900;letter-spacing:.13em}.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:18px;align-items:start;margin:15px auto 70px}.section-label{padding:5px 12px;border-left:3px solid var(--accent);font-size:14px;font-weight:800;margin:0 0 13px}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.post-entry{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.post-entry:hover{border-color:#52605e}.article-thumb{height:126px;position:relative;display:block;overflow:hidden;background:#151d29}.article-thumb img{width:100%;height:100%;object-fit:cover;display:block}.article-topic-badge{position:absolute;left:9px;top:9px;background:#0b101bdc;color:#fff;border-radius:4px;font-size:10px;padding:4px 8px}.post-inside{padding:12px 13px 14px;display:flex;flex-direction:column;flex:1}.post-meta{font-size:10px;color:#94a2b4}.post-meta a{color:#a9bccb}.post-entry h2{font-size:15px;line-height:1.32;margin:6px 0 8px}.post-entry h2 a{color:#fff}.post-entry p{color:#aeb7c5;font-size:12px;line-height:1.52;margin:0 0 10px}.readmore{color:var(--accent);font-weight:800;font-size:11px;margin-top:auto}.sidebar .side-section{background:var(--surface);padding:15px;border:1px solid var(--line);border-radius:9px;margin-bottom:13px}.side-section h3{margin:0 0 13px;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:9px}.bio-box p{color:var(--muted);font-size:13px}.author-avatar{width:130px;height:130px;display:block;margin:0 auto 12px;object-fit:cover;object-position:center 24%;border-radius:10px}.author-name{text-align:center;font-size:22px;margin:0}.author-position{text-align:center;color:#abb5c3;font-size:12px}.author-badges,.tag-cloud{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:12px 0}.author-badges span,.tag-cloud a{font-size:11px;background:#1e3035;padding:5px 8px;color:#c3eee3;border-radius:5px}.sidebar-list{padding:0;list-style:none}.sidebar-list li{border-bottom:1px solid var(--line);padding:9px 0}.sidebar-list a{font-size:12px;color:#d6dce7}.side-search{width:100%;background:#080a0f;color:#fff;padding:10px;border:1px solid #3b4352;border-radius:7px}.search-submit,.btn{display:inline-block;background:#b7e8db;color:#10151b;border:0;border-radius:8px;padding:10px 17px;font-weight:800;cursor:pointer}.search-submit{margin-top:10px}.btn:hover{background:#e3fff6;text-decoration:none}.site-footer{background:#0c0d11;border-top:1px solid var(--line);padding:35px 0;color:#b2bcc7}.footer-layout{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-layout a{margin-right:14px;color:#d6e8e4;font-size:13px}.single-layout{max-width:830px;margin:30px auto 65px;padding:35px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.single-layout .entry-content{font-size:17px;color:#dbe0e8}.single-layout pre{background:#080b11;color:#d6f1e9;border-radius:9px;padding:18px;overflow:auto}.single-layout img{border-radius:10px}.pager{margin-top:24px}.pager a{margin-right:12px}.page-content{padding:28px 0 70px}.page-content .entry-content{width:100%;max-width:none}.page-content .entry-content>.mx,.page-content .entry-content>.mk-contact-wrap,.page-content .entry-content>.mk-legal-page,.page-content .entry-content>.mk-privacy-page{max-width:none}.profile{width:min(1100px,100%);margin:0 auto}.profile-hero{display:grid;grid-template-columns:1fr 200px;align-items:center;gap:35px;padding:36px 0}.profile-hero h1{font-size:clamp(32px,4vw,54px);margin:6px 0 15px}.profile-hero p{font-size:17px;color:var(--muted)}.profile-hero img{border-radius:15px;object-fit:cover;width:200px;height:220px}.profile-panel{border:1px solid var(--line);background:var(--surface);padding:24px;border-radius:12px;margin:0 0 20px}.profile-panel h2{font-size:22px;margin:0 0 14px}.profile-panel p,.profile-panel li{color:#c3ccd8}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profile-item{border-left:2px solid #7fd5c0;padding:0 15px;margin:17px 0}.profile-item strong{color:#fff}.profile-item p{margin:6px 0}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tags span{background:#242a34;color:#b7ece1;border:1px solid #303d43;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:700}.screen-reader-text{position:absolute;left:-10000px}.screen-reader-text:focus{left:10px;top:10px;z-index:100;background:#fff;color:#111}
@media(max-width:1190px){.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.journal-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sidebar .side-section{margin:0}.profile-grid{grid-template-columns:1fr}.topic-dropdown .submenu{position:fixed;left:12px;right:12px;top:auto}}@media(max-width:570px){.container{width:calc(100% - 24px)}.header-row{flex-direction:column;align-items:flex-start;padding:14px 0}.header-links{flex-wrap:wrap}.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.article-thumb{height:93px}.post-inside{padding:9px}.post-entry h2{font-size:12px}.post-entry p{display:none}.sidebar{grid-template-columns:1fr}.profile-hero{grid-template-columns:1fr}.profile-hero img{width:170px;height:180px}.single-layout{padding:19px}.topic-scroller{overflow:visible;flex-wrap:wrap}.topic-dropdown .submenu{position:absolute;min-width:180px;left:0;right:auto}}