/*
Theme Name: skel-wp
Theme URI: https://blackplasmastudios.net
Description: restore31 clean redesign v2
Author: PBN restore31
Version: 2.0
*/
:root{
  --bg:#f7f7f5;--card:#ffffff;--ink:#1a1d21;--muted:#6d7278;
  --accent:#c0392b;--accent-dark:#96281b;--border:#e6e4df;
  --serif:Georgia,'Times New Roman',serif;--sans:-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.65;display:flex;min-height:100vh;flex-direction:column}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-dark)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px;width:100%}

/* header */
.site-header{background:var(--card);border-bottom:3px solid var(--accent);position:sticky;top:0;z-index:50;box-shadow:0 1px 8px rgba(0,0,0,.06)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px;flex-wrap:wrap}
.brand{font-family:var(--serif);font-weight:700;font-size:1.35rem;color:var(--ink);letter-spacing:.5px}
.brand:hover{color:var(--accent)}
.site-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.site-nav a{display:block;padding:8px 14px;border-radius:6px;color:var(--muted);font-weight:600;font-size:.95rem}
.site-nav a:hover,.site-nav .current-menu-item>a{color:var(--accent);background:rgba(192,57,43,.07)}
.nav-toggle{display:none;background:none;border:1px solid var(--border);border-radius:8px;font-size:1.2rem;padding:6px 12px;cursor:pointer}

/* main */
.site-main{flex:1 0 auto;padding:28px 0 48px}
.page-head{margin:0 0 24px;padding-bottom:14px;border-bottom:2px solid var(--border)}
.page-head h1{font-family:var(--serif);font-size:2rem;margin:0 0 4px}
.page-head .meta{color:var(--muted);font-size:.9rem}

/* blog cards */
.blog-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px 24px;margin-bottom:16px;transition:box-shadow .15s,transform .15s}
.blog-card:hover{box-shadow:0 4px 18px rgba(0,0,0,.08);transform:translateY(-1px)}
.blog-card h2{margin:0 0 6px;font-size:1.25rem;line-height:1.35}
.blog-card h2 a{color:var(--ink)}
.blog-card h2 a:hover{color:var(--accent)}
.blog-card .date{color:var(--muted);font-size:.85rem;margin-bottom:8px}
.blog-card .excerpt{color:#3d4249;margin:0}
.btn-read{display:inline-block;margin-top:10px;padding:6px 16px;border:1.5px solid var(--accent);border-radius:6px;color:var(--accent);font-weight:600;font-size:.9rem}
.btn-read:hover{background:var(--accent);color:#fff}

/* pagination */
.pagination{display:flex;gap:6px;justify-content:center;margin:28px 0;flex-wrap:wrap}
.pagination a,.pagination span{padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink);font-weight:600}
.pagination .current{background:var(--accent);color:#fff;border-color:var(--accent)}

/* single content */
.entry{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:32px 36px;font-size:1.05rem}
.entry h1,.entry h2,.entry h3{font-family:var(--serif);line-height:1.3}
.entry img{border-radius:8px}
.entry blockquote{border-left:4px solid var(--accent);margin:1.2em 0;padding:.4em 1.2em;background:#fbf5f4;color:#4a4f55;font-style:italic}
.breadcrumbs{font-size:.88rem;color:var(--muted);margin-bottom:14px}
.breadcrumbs a{color:var(--muted);text-decoration:underline}

/* footer */
.site-footer{background:#22262a;color:#a8adb3;margin-top:auto}
.site-footer .wrap{display:flex;justify-content:space-between;gap:16px;padding:26px 20px;flex-wrap:wrap}
.site-footer a{color:#d3d7db}
.hub-links{columns:2;column-gap:32px;font-size:.9rem;padding:0 20px 20px;margin:0}
.hub-links li{margin-bottom:4px;break-inside:avoid}

/* static page content */
.page-static{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:32px 36px}

@media(max-width:768px){
  .site-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--card);border-bottom:2px solid var(--accent);padding:8px 16px 16px;max-height:70vh;overflow:auto}
  .nav-open .site-nav{display:block}
  .nav-toggle{display:block}
  .entry,.page-static{padding:20px 18px}
}