/*
Theme Name: Slate Note Studio
Author: Custom Blog Collection
Description: Split dark header with compact posts — Studio edition. Lightweight and customizable without extra plugins.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: slate-note-studio
Tags: blog, custom-colors, custom-logo, custom-menu, featured-images, left-sidebar, right-sidebar, theme-options
*/

:root{--accent:#e11d48;--secondary:#881337;--header-bg:#fff1f2;--header-text:#4c0519;--canvas:#fff8f8;--surface:#ffffff;--text:#3c1822;--muted:#80636c;--line:rgba(127,127,127,.25);--radius:7px;--container:1180px;--shadow:0 10px 30px rgba(15,23,42,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--text);font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{display:block;max-width:100%;height:auto}.site-container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.screen-reader-text:focus{position:fixed;z-index:9999;top:10px;left:10px;width:auto;height:auto;padding:10px;clip:auto;background:#fff;color:#111}
.top-strip{background:var(--secondary);color:#fff;font:13px/1.4 Arial,sans-serif}.top-strip-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header{background:var(--header-bg);color:var(--header-text);border-bottom:1px solid var(--line)}.branding-row{position:relative;min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-branding{flex:1;text-align:center}.custom-logo{max-height:72px;width:auto}.site-title{margin:0;font:800 clamp(30px,4vw,48px)/1.08 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif}.site-description{margin:7px 0 0;color:var(--muted);font-size:13px;letter-spacing:.07em;text-transform:uppercase}.header-search{width:230px}.search-form{display:flex;gap:7px}.search-field{min-width:0;width:100%;padding:10px;border:1px solid var(--line);background:var(--surface);color:var(--text)}.search-submit{border:0;padding:10px 14px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}
.main-navigation{background:var(--header-bg);border-top:1px solid var(--line);border-bottom:2px solid var(--accent)}.main-navigation ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}.main-navigation li{position:relative}.main-navigation a{display:block;padding:14px 18px;font:700 14px/1.2 Arial,sans-serif}.main-navigation ul ul{display:none;position:absolute;z-index:30;min-width:210px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.main-navigation li:hover>ul{display:block}.main-navigation ul ul a{border-bottom:1px solid var(--line)}.menu-toggle{display:none;width:100%;border:0;padding:13px;background:var(--accent);color:#fff;font-weight:800}
.blog-main{padding:38px 0 58px}.blog-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;align-items:start}.blog-shell.sidebar-left{grid-template-columns:290px minmax(0,1fr)}.blog-shell.sidebar-left .widget-area{order:-1}.blog-shell.no-sidebar{grid-template-columns:minmax(0,820px);justify-content:center}.posts-area{display:grid;gap:24px}.posts-area.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-post{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.posts-area.style-grid .blog-post{padding:0}.posts-area.style-grid .post-inner{padding:22px}.post-thumbnail{display:block;margin:-26px -26px 22px;aspect-ratio:16/8;overflow:hidden;background:linear-gradient(135deg,var(--secondary),var(--accent))}.posts-area.style-grid .post-thumbnail{margin:0;aspect-ratio:16/10}.post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-post:hover .post-thumbnail img{transform:scale(1.03)}.post-title{margin:0 0 9px;font:800 30px/1.18 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif}.posts-area.style-grid .post-title{font-size:23px}.post-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px}.post-meta span+span:before{content:"|";margin-right:8px}.entry-summary{margin-top:15px}.entry-summary p{margin:0}.read-more{display:inline-flex;margin-top:15px;color:var(--accent);font-weight:800}.posts-area.style-compact .blog-post{display:grid;grid-template-columns:190px minmax(0,1fr);padding:0}.posts-area.style-compact .blog-post:not(.has-post-thumbnail){grid-template-columns:1fr}.posts-area.style-compact .post-thumbnail{height:100%;margin:0;aspect-ratio:auto}.posts-area.style-compact .post-inner{padding:20px}.posts-area.style-compact .post-title{font-size:24px}
.page-header{margin-bottom:24px;padding:20px 25px;background:var(--surface);border-left:5px solid var(--accent)}.page-title{margin:0;font:800 34px/1.2 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif}.widget-area{display:grid;gap:20px}.widget{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.widget-title{margin:0 0 14px;font:800 20px/1.2 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif}.widget ul{list-style:none;margin:0;padding:0}.widget li{padding:8px 0;border-bottom:1px solid var(--line)}.widget li:last-child{border-bottom:0}.widget-note{color:var(--muted);font-size:13px}.pagination{margin-top:28px}.nav-links{display:flex;flex-wrap:wrap;gap:8px}.page-numbers{padding:8px 13px;background:var(--surface);border:1px solid var(--line)}.page-numbers.current{background:var(--accent);color:#fff}
.entry-single{padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.entry-title{margin:0 0 10px;font:800 clamp(34px,5vw,52px)/1.12 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif}.single-thumbnail{margin:25px 0}.entry-content a{color:var(--accent);text-decoration:underline}.entry-content blockquote{margin:24px 0;padding:4px 22px;border-left:5px solid var(--accent);font:700 21px/1.55 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif}.entry-footer{margin-top:25px;padding-top:17px;border-top:1px solid var(--line)}
.site-footer{background:var(--secondary);color:#fff}.footer-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-menu ul{display:flex;flex-wrap:wrap;gap:18px;list-style:none;margin:0;padding:0}.telegram-float{position:fixed;z-index:80;right:24px;bottom:24px;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#229ed9;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.25)}.telegram-float svg{width:30px;height:30px;fill:currentColor}
/* Unique blog layout: split-header */
.branding-row{min-height:100px}.site-branding{text-align:left}.site-title{font-size:38px}.main-navigation ul{justify-content:flex-start}.blog-post{border-left:5px solid var(--accent)}.widget-title{background:var(--secondary);color:#fff;padding:11px 14px;margin:-18px -18px 16px}
/* Unique visual edition */
.blog-post{border-style:dashed}.main-navigation a{text-transform:uppercase;letter-spacing:.05em}
@media(max-width:920px){.blog-shell,.blog-shell.sidebar-left{grid-template-columns:1fr}.blog-shell.sidebar-left .widget-area{order:0}.header-search{display:none}.posts-area.style-grid{grid-template-columns:1fr}.blog-post:nth-child(even){transform:none}.site{width:auto;margin:0;box-shadow:none}.main-navigation{width:auto;margin:0;border-radius:0}}
@media(max-width:680px){.site-container{width:min(calc(100% - 26px),var(--container))}.top-strip-inner{justify-content:center}.top-strip-inner span:last-child{display:none}.branding-row{min-height:100px}.site-branding{text-align:center!important}.menu-toggle{display:block}.main-navigation ul{display:none}.main-navigation.toggled ul{display:block}.main-navigation ul ul{display:block;position:static;padding-left:15px;box-shadow:none}.posts-area.style-compact .blog-post,.blog-post{display:block!important;grid-template-columns:1fr!important}.posts-area.style-compact .post-thumbnail{aspect-ratio:16/9}.blog-post{padding:20px}.post-thumbnail{margin:-20px -20px 18px}.footer-inner{padding:24px 0;display:block;text-align:center}.footer-menu ul{justify-content:center;margin-top:13px}}