:root { --bg:#fff; --fg:#111; --muted:#666; --link:#0b57d0; --border:#e6e6e6; --maxw:1100px; --pad:24px; --radius:14px; }
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--fg);line-height:1.65}
.container{max-width:var(--maxw);margin:40px auto;padding:0 var(--pad)}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:calc(var(--pad)*1.2);box-shadow:0 1px 2px rgba(0,0,0,.04)}
h1,h2,h3{line-height:1.25} h1{font-size:1.8rem;margin:0 0 12px} h2{font-size:1.2rem;margin-top:28px}
.meta{color:var(--muted);font-size:.95rem}
a{color:var(--link)} nav a{margin-right:14px;text-decoration:none}
hr{border:0;border-top:1px solid var(--border);margin:24px 0}
ul{padding-left:22px} footer{margin-top:28px;color:var(--muted);font-size:.9rem}
.lang-switch{float:right;font-size:.95rem}
.docs-grid{display:grid;grid-template-columns:260px 1fr;gap:24px}
.sidebar{border:1px solid var(--border);border-radius:var(--radius);padding:16px;height:fit-content}
.sidebar h3{margin-top:0;font-size:1.05rem}
.sidebar a{display:block;padding:6px 0;color:var(--fg);text-decoration:none}
.sidebar a:hover{text-decoration:underline}
.breadcrumb{font-size:.95rem;color:var(--muted);margin-bottom:12px}
.searchbar{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.searchbar input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px}
.search-results{margin-top:8px;font-size:.95rem}
.search-results .hit{padding:8px 0;border-top:1px solid var(--border)}
.search-results .hit a{text-decoration:none}
code,pre{background:#f7f7f7;padding:2px 6px;border-radius:8px}

.screenshot {
  margin: 12px 0 20px;
  /* text-align は指定しない → 画像は左寄せ */
}

.screenshot img {
  display: block;
  max-width: 420px;  /* PC での最大幅。大きければ 360px とかにしてもOK */
  width: 100%;       /* 画面が狭いときはコンテナ幅いっぱいに */
  height: auto;
  border: 1px solid var(--border);
  border-radius: 10px;
  margin: 8px 0;     /* 左寄せなので左右の auto は不要 */
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
}