/* 組み合わせ（セッティング）とシャフト比較（2026-10-22）。部品は hikaku.css の物を使い、足りない所だけ */
.st-warn{border:2px solid var(--sand);background:#FBF6E8;border-radius:10px;padding:12px 14px;margin:0 0 18px;font-size:14px;line-height:1.75}
.st-warn p{margin:0}
.st-warn p+p{margin-top:6px;font-size:13px;color:var(--gray)}
.st-h3{font-size:18px;font-weight:900;color:var(--turf-dark);margin:0 0 10px;padding-left:10px;border-left:5px solid var(--turf)}
.st-h3 small{display:block;font-size:12px;font-weight:500;color:var(--gray);margin-top:2px}
.st-rec,.st-my{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:18px}
.st-rec__out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
.st-card{border:1px solid var(--line);border-top:4px solid var(--turf-dark);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}
.st-card__no{margin:0;font-size:12px;font-weight:900;color:var(--turf)}
.st-card h4,.st-my__ttl{margin:0;font-size:15px;line-height:1.5;font-weight:900;color:var(--text)}
.st-card h4 a,.st-my__ttl a{color:var(--turf-dark)}
.st-card h4 span,.st-my__ttl span{margin:0 4px;color:var(--gray);font-weight:500}
.st-try{margin-top:auto;font:inherit;font-size:13px;font-weight:700;min-height:40px;border-radius:8px;border:1px solid var(--turf-dark);background:var(--white);color:var(--turf-dark);cursor:pointer}
.st-try:hover{background:var(--turf-pale)}
.st-res{margin:0;display:grid;gap:4px}
.st-row{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:8px}
.st-row dt{font-size:13px;font-weight:700;color:var(--text)}
.st-row dt small{display:inline-block;margin-left:4px;padding:0 5px;border-radius:4px;background:#FBF6E8;color:#8A6D1E;font-size:12px;font-weight:700;vertical-align:1px}
.st-row dd{margin:0;display:flex;align-items:center;gap:6px}
.st-dots{display:inline-flex;gap:3px}
.st-dots i{width:16px;height:10px;border-radius:3px;background:var(--turf-pale);border:1px solid var(--line)}
.st-dots i.on{background:var(--turf);border-color:var(--turf)}
.st-n{font-size:13px;font-weight:700;min-width:1em}
.st-up{color:var(--turf-dark)}.st-dn{color:var(--danger)}.st-eq{color:var(--gray);font-weight:500}
.st-h{font-size:13px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--turf-pale);color:var(--turf-dark)}
.st-h--hi::before{content:"↗ "}.st-h--lo::before{content:"↘ "}
.st-use{margin:0;font-size:12px;line-height:1.6;color:var(--gray)}
.st-use--custom,.st-use--std{color:var(--turf-dark);font-weight:700}
.st-my__form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,.9fr);gap:10px;margin-bottom:10px}
.st-my__form label{min-width:0;display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--gray)}
.st-my__form select{font:inherit;font-size:14px;min-height:44px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--text);width:100%;max-width:100%;min-width:0;text-overflow:ellipsis}
.st-my__form select:disabled{background:var(--turf-pale);color:var(--text);cursor:not-allowed}
.st-my__form select:focus-visible,.st-try:focus-visible{outline:3px solid var(--sand);outline-offset:2px}
.st-my__out{border-top:1px dashed var(--line);padding-top:12px;display:flex;flex-direction:column;gap:10px}
.st-my__out .st-res{max-width:420px}
.st-why{font-size:13px;line-height:1.7}
.st-why summary,.st-how summary{cursor:pointer;font-weight:700;color:var(--turf-dark);min-height:32px}
.st-why ul,.st-how ul{margin:6px 0 0;padding-left:1.2em}
.st-bal{margin:0;font-size:13px;line-height:1.7;background:var(--turf-pale);border-radius:8px;padding:8px 10px}
.st-bal b{display:block;color:var(--turf-dark)}
.st-tip{margin:0;font-size:13px;color:var(--gray)}
.st-how{border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.8;background:var(--white)}

/* シャフト比較 */
.sh-k{color:#fff !important;border-color:transparent !important}
.sh-k--0,.sh-k--1{background:var(--turf) !important}
.sh-k--2{background:var(--gray) !important}
.sh-k--3,.sh-k--4{background:var(--turf-dark) !important}
.sh-t{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0}
.sh-t th,.sh-t td{border-bottom:1px solid var(--line);padding:5px 6px;text-align:left}
.sh-t thead th{font-size:12px;color:var(--gray);font-weight:700}
.sh-t td{font-variant-numeric:tabular-nums}
.sh-use{margin:6px 0 0;font-size:13px;line-height:1.6}
.sh-use b{display:block;font-size:12px;color:var(--turf-dark)}
.sh-act{display:grid;gap:8px;padding:12px;border-top:1px solid var(--line)}
.sh-act .sg-rank__pr{margin-right:6px}

@media (max-width:900px){.st-rec__out{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .st-rec__out{grid-template-columns:1fr}
  .st-my__form{grid-template-columns:minmax(0,1fr)}
  .st-rec,.st-my{padding:12px}
}
/* シャフト比較のカード：公表値の表と「選べるドライバー」にも、カードの左右の余白を付ける（2026-10-22） */
.sh-c .sh-t{margin-left:14px;margin-right:14px;width:calc(100% - 28px)}
.sh-c .sh-use{padding:0 14px}
/* シャフト比較：たたんだ絞り込みと「もっと見る」（2026-10-22） */
.sh-fm summary{cursor:pointer;font-size:13px;font-weight:900;color:var(--turf-dark);padding:10px 0;min-height:44px;display:flex;align-items:center}
.sh-fm[open] summary{margin-bottom:4px}
.sh-more{text-align:center;margin:22px 0 14px}
.sh-more .hk-btn{display:inline-flex;min-width:240px}
.sh-more[hidden]{display:none}
.sh-fm summary{list-style:none}.sh-fm summary::-webkit-details-marker{display:none}
.sh-fm summary::after{content:"＋";margin-left:8px;font-size:15px}.sh-fm[open] summary::after{content:"－"}