:root{
      --bg:#f8fafc; --text:#0f172a; --muted:#475569; --accent:#ef4444; --accent-700:#b91c1c; --card:#ffffff; --border:#e2e8f0; --shadow:0 10px 24px rgba(2,6,23,.08); --radius:16px; --maxw:1120px;
    }
    @media (prefers-color-scheme: dark){
      :root{--bg:#0b1220; --text:#e5e7eb; --muted:#9ca3af; --accent:#f97316; --accent-700:#c2410c; --card:#0f172a; --border:#1f2937; --shadow:0 10px 24px rgba(0,0,0,.35)}
    }
    body{margin:0; background:var(--bg); color:var(--text); font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
    a{color:var(--accent); text-decoration:none}
    a:hover{color:var(--accent-700)}
    .wrap{max-width:var(--maxw); margin-inline:auto; padding:24px}
    .site-header{position:sticky; top:0; z-index:50; backdrop-filter:saturate(140%) blur(8px); background:color-mix(in srgb, var(--bg) 80%, transparent); border-bottom:1px solid var(--border)}
    .nav{display:flex; align-items:center; justify-content:space-between; gap:16px}
    .brand{display:flex; align-items:center; gap:12px; font-weight:700}
  .logo {
  width: 56px;
  height: 56px;
  border-radius: 9px;
  background:
    url('../fuji-72.png') no-repeat center / contain;
   
}
    .nav ul{display:flex; list-style:none; margin:0; padding:0; gap:18px; flex-wrap:wrap}
    .nav a{padding:10px 8px; border-radius:10px}
    .nav a[aria-current="page"],.nav a:hover{background:color-mix(in srgb,var(--accent) 12%, transparent); color:inherit}
    .hero{margin-top:24px; padding:clamp(24px,4vw,48px); border-radius:calc(var(--radius) + 8px); background:linear-gradient(180deg, color-mix(in srgb,var(--card) 80%, transparent), transparent 70%); box-shadow:var(--shadow)}
    .hero h1{font-size:clamp(28px,5vw,46px); margin:0 0 10px}
    .hero p{font-size:clamp(16px,2.3vw,18px); color:var(--muted); margin:0 0 18px}
    .grid{display:grid; gap:18px; grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
    .card{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; display:flex; flex-direction:column; min-height:100%}
    .thumb{width:100%; aspect-ratio:16/9; background:#cbd5e1; border-bottom:1px solid var(--border)}
    .thumb img{width:100%; height:100%; object-fit:cover; display:block}
    .card-body{padding:16px}
    .card h3{margin:10px 0 8px; font-size:18px}
    .card p{margin:0; color:var(--muted)}
    .profile-box{margin-top:48px; padding:20px; background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); display:flex; gap:16px; align-items:center;}

/* 共通: 記事内の画像は幅に収める */
article img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-inline: auto;
}

.console-history .cards {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  margin-top: 12px;
}

.console-history .console-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: var(--shadow);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.console-history .console-card img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-bottom: 1px solid var(--border);
}

.console-history .console-card h3 {
  margin: 10px 12px 6px;
  font-size: 16px;
}

.console-history .console-card p {
  margin: 0 12px 10px;
  font-size: 14px;
  color: var(--muted);
}

.console-history .console-card a {
  margin: 0 12px 12px;
  color: var(--accent);
}


    .profile-box img{width:72px; height:72px; border-radius:50%; object-fit:cover; box-shadow:var(--shadow)}
    .profile-box div{flex:1}
    .profile-box h3{margin:0 0 6px; font-size:18px}
    .profile-box p{margin:0; color:var(--muted)}
    footer{margin-top:64px; border-top:1px solid var(--border); padding:24px 0; color:var(--muted)}
    .footer-links{display:flex; gap:14px; flex-wrap:wrap}
  /* Mission quote block */
    .mission{margin-top: clamp(24px,5vw,48px);} 
    .mission blockquote{margin:0; padding:18px 20px; border-left:4px solid var(--accent); background:color-mix(in srgb, var(--card) 60%, transparent); border-radius:12px; box-shadow:var(--shadow); font-size:clamp(16px,2.2vw,18px)}
    .mission cite{display:block; margin-top:8px; color:var(--muted); font-style:normal}