.jtsc-calculator{--jtsc-accent:#1457a6;max-width:1120px;margin:28px auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:#1f2937;line-height:1.65}.jtsc-calculator *{box-sizing:border-box}.jtsc-heading{padding:28px;border-radius:16px 16px 0 0;background:linear-gradient(135deg,var(--jtsc-accent),#0b3769);color:#fff}.jtsc-heading h2{margin:2px 0 8px;color:#fff;font-size:clamp(24px,4vw,36px)}.jtsc-heading p{margin:0}.jtsc-kicker{font-weight:700;letter-spacing:.06em;opacity:.9}.jtsc-form{padding:24px;border:1px solid #d9e0e8;border-top:0;background:#fff}.jtsc-grid{display:grid;gap:16px}.jtsc-grid-main{grid-template-columns:minmax(0,3fr) minmax(180px,1fr)}.jtsc-field{display:flex;flex-direction:column;gap:7px}.jtsc-field>span{font-weight:700}.jtsc-field strong{font-size:12px;color:#b42318}.jtsc-field input,.jtsc-field select{width:100%;min-height:48px;border:1px solid #aeb8c4;border-radius:8px;padding:10px 12px;font:inherit;background:#fff;color:#111827}.jtsc-field input:focus,.jtsc-field select:focus{outline:3px solid color-mix(in srgb,var(--jtsc-accent) 22%,transparent);border-color:var(--jtsc-accent)}.jtsc-field small{color:#5b6573}.jtsc-check{display:flex;align-items:flex-start;gap:9px;margin:17px 0}.jtsc-check input{margin-top:6px}.jtsc-rear-fields{margin:16px 0;padding:18px;border-radius:10px;background:#f4f7fb}.jtsc-fieldset{margin:20px 0 0;padding:20px;border:1px solid #d9e0e8;border-radius:12px}.jtsc-fieldset legend{font-weight:800;padding:0 8px}.jtsc-options-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.jtsc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.jtsc-actions button,.jtsc-result-toolbar button{border-radius:8px;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer}.jtsc-primary{border:1px solid var(--jtsc-accent);background:var(--jtsc-accent);color:#fff}.jtsc-secondary{border:1px solid #8b96a5;background:#fff;color:#273244}.jtsc-form-error{margin:14px 0 0;padding:12px;border-radius:8px;background:#fff1f0;color:#9f1c13}.jtsc-loading{padding:24px;text-align:center;background:#f5f8fc;border:1px solid #d9e0e8}.jtsc-results{margin-top:22px}.jtsc-result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px;border:1px solid #d9e0e8;border-radius:12px;background:#f7f9fc}.jtsc-filter-buttons,.jtsc-export-buttons{display:flex;gap:7px;flex-wrap:wrap}.jtsc-result-toolbar button{padding:8px 11px;border:1px solid #bcc5d0;background:#fff;color:#273244}.jtsc-result-toolbar button.is-active{border-color:var(--jtsc-accent);background:var(--jtsc-accent);color:#fff}.jtsc-axle{margin-top:20px}.jtsc-axle-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding:18px;border-radius:12px;background:#101827;color:#fff}.jtsc-axle-header h3{margin:0;color:#fff}.jtsc-original-spec{font-size:14px;text-align:right}.jtsc-inch-group{margin-top:12px;border:1px solid #d9e0e8;border-radius:12px;overflow:hidden;background:#fff}.jtsc-inch-group summary{display:flex;justify-content:space-between;gap:12px;padding:15px 18px;cursor:pointer;font-weight:800;background:#f4f7fb}.jtsc-inch-group summary::-webkit-details-marker{display:none}.jtsc-inch-group summary:after{content:"＋"}.jtsc-inch-group[open] summary:after{content:"－"}.jtsc-empty{padding:18px;color:#687386}.jtsc-table-wrap{overflow:auto}.jtsc-result-table{width:100%;min-width:1080px;border-collapse:collapse;font-size:14px}.jtsc-result-table th,.jtsc-result-table td{padding:11px 10px;border-bottom:1px solid #e4e8ed;text-align:center;vertical-align:middle}.jtsc-result-table th{position:sticky;top:0;background:#edf2f7;font-weight:800;white-space:nowrap}.jtsc-result-table td:first-child{text-align:left}.jtsc-size-main{font-size:16px;font-weight:800;white-space:nowrap}.jtsc-size-sub{font-size:12px;color:#657080}.jtsc-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.jtsc-badge--recommended{background:#e6f6ec;color:#176b35}.jtsc-badge--attention{background:#fff1cc;color:#805b00}.jtsc-badge--danger{background:#fde8e7;color:#a5221a}.jtsc-row--hidden{display:none}.jtsc-reasons{max-width:220px;text-align:left!important;color:#5b6573}.jtsc-safety-note{margin-top:20px;padding:17px;border-radius:10px;border-left:5px solid #dba617;background:#fff8e5}.jtsc-toast{position:fixed;right:20px;bottom:20px;z-index:9999;padding:12px 16px;border-radius:8px;background:#111827;color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.25)}@media(max-width:850px){.jtsc-grid-main,.jtsc-options-grid{grid-template-columns:1fr 1fr}.jtsc-axle-header{display:block}.jtsc-original-spec{text-align:left;margin-top:6px}}@media(max-width:560px){.jtsc-heading,.jtsc-form{padding:18px}.jtsc-grid-main,.jtsc-options-grid{grid-template-columns:1fr}.jtsc-result-toolbar{align-items:stretch}.jtsc-filter-buttons,.jtsc-export-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.jtsc-result-toolbar button{width:100%}}
@media print{.jtsc-form,.jtsc-result-toolbar,.jtsc-safety-note{display:none!important}.jtsc-results{display:block!important}.jtsc-inch-group{break-inside:avoid}.jtsc-inch-group:not([open])>*:not(summary){display:block}.jtsc-result-table{min-width:0;font-size:10px}}

/* 1.1.0: 入力欄と検索条件を縦並びへ統一 */
.jtsc-grid-main{grid-template-columns:minmax(0,1fr)}
.jtsc-options-grid{grid-template-columns:minmax(0,1fr);max-width:720px}
.jtsc-front-size-select{font-variant-numeric:tabular-nums}
.jtsc-front-standard-display{color:var(--jtsc-accent)}

/* 1.2.0: 純正サイズを項目別の連動プルダウンへ変更 */
.jtsc-size-selector{max-width:720px;padding:20px;border:1px solid #d9e0e8;border-radius:12px;background:#f8fafc}
.jtsc-size-selector h3{margin:0 0 16px;font-size:18px;color:#1f2937}
.jtsc-size-selector h3 strong{font-size:12px;color:#b42318}
.jtsc-size-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.jtsc-selected-size{margin:16px 0 0;padding:12px 14px;border-radius:8px;background:#eaf2fb;color:#334155}
.jtsc-selected-size strong{color:var(--jtsc-accent);font-variant-numeric:tabular-nums}
.jtsc-rear-fields .jtsc-size-selector{max-width:none;border:0;padding:0;background:transparent}
.jtsc-field select:disabled{background:#eef1f4;color:#7b8490;cursor:not-allowed}
.jtsc-primary:disabled{opacity:.55;cursor:not-allowed}


/* 1.2.1: 純正サイズの6項目を横3列×縦2段で表示 */
@media(max-width:720px){.jtsc-size-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.jtsc-size-fields{grid-template-columns:minmax(0,1fr)}}