:root{--c-bg:#f3f7f6;--c-card:#fff;--c-border:#d3e2df;--c-text:#17312d;--c-muted:#60746f;--c-accent:#0b6b62;--c-good:#087f5b;--c-bad:#ad2525;--c-warn:#9b5d00;--c-soft:#e8f5f2;--c-shadow:0 14px 34px rgba(24,58,51,.08)}*{box-sizing:border-box}.check-body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:"Noto Sans JP","Yu Gothic",sans-serif;font-size:16px;line-height:1.65}.check-header{background:#fff;border-bottom:1px solid var(--c-border)}.check-header-inner{max-width:1450px;margin:auto;padding:12px 22px;display:flex;align-items:center;justify-content:space-between}.check-brand{display:flex;gap:12px;align-items:center}.check-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--c-accent);color:#fff;font-weight:800}.check-brand strong,.check-brand small{display:block}.check-brand small{color:var(--c-muted)}.header-actions{display:flex;gap:9px}.check-shell{max-width:1400px;margin:auto;padding:30px 24px 70px}.check-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.eyebrow{color:var(--c-accent);font-size:13px;font-weight:800;letter-spacing:.12em;margin:0}.check-hero h1{font-size:34px;line-height:1.25;margin:.2rem 0}.check-hero p{margin:.2rem 0;color:var(--c-muted)}.overall-card{min-width:180px;padding:15px 18px;background:#fff;border:2px solid var(--c-border);border-radius:18px}.overall-card span,.overall-card small{display:block}.overall-card strong{font-size:28px}.overall-card.good{border-color:#7bcbb3;background:#effbf7;color:var(--c-good)}.overall-card.bad{border-color:#e49a9a;background:#fff0f0;color:var(--c-bad)}.demo-banner{display:flex;gap:12px;padding:12px 16px;margin-bottom:16px;border:1px solid #efc878;background:#fff6e5;border-radius:13px;color:#794900}.control-card,.check-card{background:#fff;border:1px solid var(--c-border);border-radius:19px;padding:18px;box-shadow:var(--c-shadow)}.control-card{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}.code-control{display:flex;align-items:end;gap:8px}.code-control label{display:grid;gap:5px;font-weight:700}.code-control input{min-height:46px;border:1px solid #bcd0cc;border-radius:11px;padding:9px 12px;font:inherit}.control-actions{display:flex;gap:9px;flex-wrap:wrap}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.summary-grid article{background:#fff;border:1px solid var(--c-border);border-radius:16px;padding:15px}.summary-grid span{display:block;color:var(--c-muted)}.summary-grid strong{font-size:28px}.check-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.card-heading{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.card-heading h2{margin:0;font-size:22px}.card-heading p{margin:2px 0;color:var(--c-muted)}.card-heading a{color:var(--c-accent);font-weight:700}.api-groups{display:grid;gap:15px}.group-block{border:1px solid var(--c-border);border-radius:14px;overflow:hidden}.group-block h3{margin:0;padding:10px 13px;background:#f4f8f7;font-size:17px}.check-row{display:grid;grid-template-columns:28px minmax(160px,.7fr) 1fr;gap:10px;padding:9px 13px;border-top:1px solid #e7efed;align-items:center}.check-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-weight:900}.check-icon.good{background:#dff7ee;color:var(--c-good)}.check-icon.bad{background:#ffe3e3;color:var(--c-bad)}.check-row span:last-child{color:var(--c-muted)}.page-list{display:grid;gap:9px}.page-row{display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;border:1px solid var(--c-border);border-radius:12px;padding:10px}.page-row a{color:var(--c-accent)}.empty{padding:30px;text-align:center;color:var(--c-muted);border:1px dashed #bcd0cc;border-radius:13px}.url-card{margin-top:16px}.url-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.url-item{border:1px solid var(--c-border);border-radius:12px;padding:11px}.url-item strong,.url-item code{display:block}.url-item code{overflow-wrap:anywhere;color:var(--c-muted)}.loading-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;align-content:center;gap:12px;background:rgba(255,255,255,.75)}.spinner{width:42px;height:42px;border:4px solid #c6dad6;border-top-color:var(--c-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:22px;bottom:22px;z-index:110;background:#174a43;color:#fff;padding:13px 18px;border-radius:12px}.toast.error{background:#a52424}
@media(max-width:950px){.check-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.control-card{align-items:start;display:grid}.check-shell{padding:22px 16px 60px}}
@media(max-width:620px){.header-actions{display:none}.check-hero{display:grid}.check-hero h1{font-size:27px}.overall-card{width:100%}.code-control{display:grid}.control-actions{display:grid;grid-template-columns:1fr 1fr}.summary-grid{grid-template-columns:1fr 1fr}.check-row{grid-template-columns:26px 1fr}.check-row span:last-child{grid-column:2}.url-list{grid-template-columns:1fr}}

/* STEP HOMECARE-12: UI/UX横断ブラッシュアップ */
.check-body { font-size: 17px; }
.eyebrow { font-size: 14px; }
.check-row,
.page-row { min-height: 48px; }
.check-row span:last-child,
.url-item code { font-size: 14px; }
.control-card .button { min-height: 48px; }
@media(max-width:620px) {
  .check-body { font-size: 17px; }
  .control-actions .button { min-height: 52px; }
}
