/* スケッチ サポートサイト。配色はアプリアイコン（深い青緑の等高線）から取る */
:root { --accent:#2F767D; --ink:#1E2A2C; --text:#39474A; --muted:#6E7E82;
        --bg:#FBFCFC; --line:#DFE6E6; --card:#FFFFFF; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --accent:#7FBFC4; --ink:#E9EDED; --text:#CDD6D6;
    --muted:#8E9C9F; --bg:#14181A; --line:#2B3335; --card:#1B2123; }
}
:root[data-theme="dark"] { --accent:#7FBFC4; --ink:#E9EDED; --text:#CDD6D6;
  --muted:#8E9C9F; --bg:#14181A; --line:#2B3335; --card:#1B2123; }

* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;
  line-height:1.8; }
.wrap { max-width:680px; margin:0 auto; padding:28px 22px 64px; }
a { color:var(--accent); text-underline-offset:3px; }
h1 { color:var(--ink); font-size:clamp(1.4rem, 4vw, 1.75rem); margin:1.2em 0 .4em; }
h2 { color:var(--ink); font-size:1.08rem; margin:2em 0 .5em;
  border-top:1px solid var(--line); padding-top:1.2em; }
.meta { color:var(--muted); font-size:.86rem; }
ul { padding-left:1.3em; } li { margin:.3em 0; }
.lead { font-size:clamp(1rem, 2.6vw, 1.12rem); color:var(--ink); }
.card { background:var(--card); border:1px solid var(--line); border-radius:12px;
  padding:16px 20px; margin:14px 0; }
.icon { width:84px; height:84px; border-radius:19px; display:block; }
.head { display:flex; align-items:center; gap:16px; margin-top:8px; }
.head h1 { margin:0; }
.note { color:var(--muted); font-size:.9rem; }