/*
Theme Name: Wonderwall Blog (SEO Clean)
Theme URI: https://wonderwall-lp.net/
Description: Minimal blog theme for /blog with fixed header + mobile drawer + blog.css override. Strong built-in SEO readiness (lightweight).
Author: Wonderwall
Version: 1.0
*/

:root{
  --brand:#1e90ff; --line:#22c55e; --ink:#0f172a; --muted:#64748b; --bg:#f8fafc; --card:#ffffff;
  --shadow:0 10px 30px rgba(2,6,23,.08);
}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:#fff;font:16px/1.8 system-ui,Segoe UI,Roboto,Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
a{color:var(--brand);text-decoration:none}
img{max-width:100%;height:auto}

/* ===== Header ===== */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);border-bottom:1px solid #eef2f7}
.site-header .wrap{max-width:1120px;margin:auto;padding:12px 16px;display:flex;align-items:center;gap:12px}
.logo__txt{font-weight:900;letter-spacing:.08em;font-size:15px}
.nav{margin-left:auto}
.nav__list{display:flex;gap:18px;align-items:center;list-style:none;margin:0;padding:0}
.btn{display:inline-flex;align-items:center;gap:.5em;border-radius:999px;padding:10px 14px;font-weight:700;border:1px solid #e5e7eb;background:#fff}
.btn--line{background:var(--line);color:#fff;border-color:var(--line)}
.btn--ghost{background:#fff;color:var(--ink)}
/* burger */
.burger{margin-left:auto;display:inline-grid;gap:5px;width:36px;height:36px;place-items:center;border-radius:10px;border:1px solid #e5e7eb;background:#fff}
.burger span{display:block;width:18px;height:2px;background:#111;border-radius:2px}
@media(min-width:1025px){ .burger{display:none} .pc-only{display:block} }

/* Drawer */
#wwx-scrim{position:fixed;inset:0;background:rgba(2,6,23,.5)}
#wwx-drawer{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);background:#fff;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr auto}
.drawer__list{list-style:none;margin:0;padding:20px}
.drawer__list li{border-bottom:1px solid #eef2f7}
.drawer__list a{display:block;padding:14px 6px;color:var(--ink)}
/* hidden helper */
[hidden]{display:none !important}

/* ===== Main container ===== */
.container{max-width:1100px;margin:0 auto;padding:24px 16px}
.card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:20px;margin:16px 0}

/* default content */
.entry-title a{color:inherit}
.entry-content h2{margin-top:2em}
hr{border:none;border-top:1px solid #eef2f7;margin:32px 0}

.entry__thumb img,
.card__thumb img,
.wp-post-image { display:block; width:100%; height:auto; }