/* kutsu-size 専用スタイル。共有 styles.css は変更せず、このツール配下だけで読み込む（削除＝ロールバックが完結する）。 */
html[data-site="kutsu-size"]{--ink:#1f1a2e;--muted:#6b6480;--line:#e4dfee;--paper:#f7f5fb;--accent-color:#6d28d9;--deep:#3b1e78;--accent:#e9dcff;--card-bg:#f1eaff}
html[data-site="kutsu-size"] .breadcrumbs{font-size:13px;color:var(--muted)}
html[data-site="kutsu-size"] a{color:var(--deep)}
html[data-site="kutsu-size"] .conversion-fields{grid-template-columns:minmax(200px,.8fr) minmax(220px,1fr) minmax(120px,.4fr);max-width:820px;align-items:end}
html[data-site="kutsu-size"] .unit-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #a996d6;border-radius:9px;background:#fff;overflow:hidden}
html[data-site="kutsu-size"] .unit-input input{border:0;border-radius:0;min-width:0}
html[data-site="kutsu-size"] .unit-input span{padding:0 14px;color:var(--muted);font-weight:800}
html[data-site="kutsu-size"] .source-help{font-size:13px;color:var(--muted);margin:-12px 0 18px}
html[data-site="kutsu-size"] .preset-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
html[data-site="kutsu-size"] .preset-row button{border:1px solid var(--line);border-radius:999px;background:var(--card-bg);color:var(--deep);padding:7px 12px;cursor:pointer;font:700 13px inherit}
html[data-site="kutsu-size"] .form-error{color:#a83200;font-size:13px;font-weight:700;margin:0 0 16px}
html[data-site="kutsu-size"] .conversion-results{grid-template-columns:repeat(3,1fr)}
html[data-site="kutsu-size"] .cards article{min-width:0;overflow-wrap:anywhere}
html[data-site="kutsu-size"] .cards article.primary-card{background:var(--accent)}
html[data-site="kutsu-size"] .formula{border-top:1px solid var(--line);padding-top:18px;font-weight:700;color:var(--deep);overflow-wrap:anywhere}
html[data-site="kutsu-size"] .cv-row{display:flex;gap:10px;flex-wrap:wrap}
html[data-site="kutsu-size"] .save.secondary{background:#fff;color:var(--deep);border:2px solid var(--deep)}
html[data-site="kutsu-size"] button:disabled{opacity:.6;cursor:default}
html[data-site="kutsu-size"] textarea{width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:9px}
html[data-site="kutsu-size"] .table-scroll{overflow-x:auto}
html[data-site="kutsu-size"] table td:first-child,html[data-site="kutsu-size"] table th:first-child{font-weight:800;white-space:nowrap}
html[data-site="kutsu-size"] .faq h3{font-size:16px;margin:22px 0 5px}
html[data-site="kutsu-size"] .faq p{margin:0}
html[data-site="kutsu-size"] .method a{color:var(--deep);font-weight:700}
html[data-site="kutsu-size"] .method ol{padding-left:20px}
html[data-site="kutsu-size"] :focus-visible{outline:3px solid var(--accent-color);outline-offset:3px}
@media(max-width:760px){html[data-site="kutsu-size"] .conversion-fields{grid-template-columns:1fr}}
@media(max-width:470px){
  html[data-site="kutsu-size"] .conversion-results{grid-template-columns:1fr 1fr}
  html[data-site="kutsu-size"] th:nth-child(4),html[data-site="kutsu-size"] td:nth-child(4){display:table-cell}
  html[data-site="kutsu-size"] .cv-row .save{width:100%}
}