:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fa;--card:#fff;--text:#17202a;--muted:#5d6d7e;--accent:#1769aa}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Noto Sans JP,sans-serif}a{color:var(--accent)}header{background:#fff;border-bottom:1px solid #dfe6e9}.container{width:min(960px,100% - 32px);margin:0 auto}.header-inner{justify-content:space-between;align-items:center;min-height:64px;display:flex}.brand{color:var(--text);font-size:1.35rem;font-weight:700;text-decoration:none}main{padding:40px 0 64px}.hero,.card{background:var(--card);border:1px solid #e3e8ee;border-radius:14px;padding:24px;box-shadow:0 4px 18px #14283c0d}.hero h1{margin-top:0}.search{gap:10px;margin-top:20px;display:flex}input,select,textarea,button{font:inherit}input,select,textarea{background:#fff;border:1px solid #b8c2cc;border-radius:8px;width:100%;padding:12px}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 18px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px;display:grid}.muted{color:var(--muted)}label{margin:14px 0 6px;font-weight:700;display:block}footer{background:#fff;border-top:1px solid #dfe6e9;padding:24px 0}@media (max-width:600px){.search{flex-direction:column}main{padding-top:24px}}