/* === 元のインラインCSSをそのまま外出し === */
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:980px;margin:32px auto;padding:0 16px}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
nav a{margin-right:10px;text-decoration:none}
input[type=text],input[type=password],input[type=datetime-local],textarea{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:8px}
textarea{min-height:220px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btn{padding:.6rem 1rem;border:0;border-radius:8px;cursor:pointer}
.primary{background:#111;color:#fff}
.muted{background:#f1f1f1}
.danger{background:#b00020;color:#fff}
pre{white-space:pre-wrap;background:#fafafa;padding:10px;border-radius:8px}
table{border-collapse:collapse;width:100%}
td,th{border:1px solid #ddd;padding:.5rem;text-align:left}
code{background:#f6f6f6;padding:2px 4px;border-radius:4px}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.badge{padding:.2rem .5rem;background:#eef;border-radius:999px;font-size:.8rem;margin-left:.5rem}
.hint{font-size:.9rem;color:#555}

/* === MOBILE ENHANCEMENTS START === */
:root {-webkit-tap-highlight-color: transparent;}
@media (max-width: 768px) {
  html, body { font-size: 16px; }
  body { padding: 12px; }
  .row { display: grid; grid-template-columns: 1fr !important; gap: 10px; }
  input[type=text],input[type=password],input[type=datetime-local],textarea,select,input[type=file]{
    font-size:16px!important;padding:.8rem!important;line-height:1.4;-webkit-appearance:none;width:100%;
  }
  .btn{min-height:44px;width:100%;font-size:16px}
  .btn + .btn{margin-top:8px}
  header nav a{display:inline-block;margin:6px 8px 0 0}
  pre,code,.mono{overflow-x:auto;white-space:pre}
  table{display:block;width:100%;overflow-x:auto}
  table thead,table tbody,table tr{display:table;width:100%;table-layout:fixed}
  td,th{white-space:nowrap;padding:.6rem}
  details > summary{padding:.6rem .8rem;border:1px solid #ddd;border-radius:8px;cursor:pointer;list-style:none;user-select:none}
  details[open] > summary{border-bottom-left-radius:0;border-bottom-right-radius:0}
  details > form{border:1px solid #ddd;border-top:0;padding:.8rem;border-radius:0 0 8px 8px}
  h3{margin-top:20px}
  label{display:block;margin:6px 0 4px}
  #files-area input[type=file]{margin-top:6px;display:block}
}
/* === MOBILE ENHANCEMENTS END === */