@charset "UTF-8";
:root{color-scheme:light;--ink:#20262c;--muted:#58626b;--border:#e4e1db;--canvas:#f7f7f4;--paper:#ffffff;--link:#204d6c;--accent:#856848}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",Meiryo,sans-serif;line-height:1.85}
a{color:var(--link);text-underline-offset:3px}
main{max-width:860px;margin:32px auto 64px;background:var(--paper);padding:48px 55px 64px;border:1px solid var(--border);border-radius:12px}
.site-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:38px;font-size:.86rem;color:var(--muted)}
.brand{font-weight:800;letter-spacing:.1em;text-decoration:none;color:var(--ink)}
.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 8px}
h1{font-size:clamp(1.8rem,4vw,2.3rem);line-height:1.45;margin:0 0 .7em}
h2{font-size:1.12rem;line-height:1.5;margin:2em 0 .75em;border-bottom:1px solid var(--border);padding-bottom:.4em}
p,li{overflow-wrap:anywhere}ul{padding-left:1.4em}
.sub{color:var(--muted);margin-top:-.4em}
.card-list{display:grid;gap:18px;margin:24px 0 42px}
.app-card{display:block;padding:26px 28px;border:1px solid var(--border);border-radius:10px;color:var(--ink);text-decoration:none;background:var(--paper)}
.app-card:hover,.app-card:focus-visible{border-color:#ad9b87;background:#faf9f6}
.app-title{font-size:1.16rem;font-weight:700;margin:0 0 5px}
.app-desc{font-size:.93rem;color:var(--muted);margin:0 0 12px}
.go{font-weight:600;color:var(--link)}
footer{margin-top:46px;border-top:1px solid var(--border);padding-top:20px;font-size:.87rem;color:var(--muted)}
@media(max-width:720px){main{margin:0;padding:26px 20px 40px;border:0;border-radius:0}.site-head{margin-bottom:26px}.app-card{padding:20px}h2{margin-top:1.7em}}