/*
Theme Name: Teamworks WF Lite
Theme URI: https://teamworkswf.com/
Author: Site Installer
Description: Lightweight informational theme for Teamworks WF guides.
Version: 1.0.0
Text Domain: teamworkswf-lite
*/
:root{--bg:#f7f7f8;--card:#fff;--text:#202124;--muted:#60646c;--line:#e4e6e8;--accent:#6b1027;--accent2:#9b1c3b}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:min(1120px,92%);margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.brand{font-size:1.2rem;font-weight:800;color:var(--accent)}
nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.hero{padding:72px 0 42px}.hero h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.05;margin:0 0 18px;max-width:900px}.hero p{max-width:780px;font-size:1.12rem;color:var(--muted)}
.notice{background:#fff7f2;border:1px solid #efd8c8;padding:16px 18px;border-radius:14px;margin:22px 0}
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:24px 0 64px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.card h2{font-size:1.28rem;line-height:1.25;margin-top:0}.card p{color:var(--muted)}.meta{font-size:.88rem;color:var(--muted)}
.content{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(24px,5vw,54px);margin:42px auto;max-width:900px}.content h1{line-height:1.12}.content h2{margin-top:2em}.content ul{padding-left:1.25rem}
.footer{border-top:1px solid var(--line);background:#fff;padding:28px 0;color:var(--muted);font-size:.92rem}
@media(max-width:850px){.posts-grid{grid-template-columns:1fr 1fr}.header-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.posts-grid{grid-template-columns:1fr}.hero{padding-top:46px}nav ul{gap:12px}}