.st-tee-roll-controls{margin:22px 0;padding:20px;border:1px solid #c8d2be;border-radius:12px;background:#f1f4ea}
.strategy-page .st-tee-roll-controls h3,.strategy-page .st-tee-roll-result h3{font-size:20px;line-height:1.35;color:#214b38;margin:8px 0 17px}
.strategy-page .st-tee-roll-controls label{display:flex;justify-content:space-between;align-items:start;gap:14px;font-size:14px;line-height:1.5;margin:18px 0 8px}
.st-tee-roll-controls label b{font-size:14px;font-weight:600;text-align:right;color:#526344}
.strategy-page .st-tee-roll-controls p{font-size:16px;line-height:1.65;margin:14px 0}
.strategy-page .st-tee-roll-controls .st-small{font-size:13px}
.st-tee-roll-controls input{width:100%;min-height:44px;accent-color:#315b41}
.st-tee-roll-controls select{width:100%;min-height:48px;font-size:15px;padding:10px;border-radius:8px}
.st-tee-roll-controls :is(input,select):focus-visible{outline:3px solid #a67c3d;outline-offset:3px}
.st-tee-roll-result{border-top:1px solid #ced6c4;margin:20px 0;padding-top:18px}
.st-tee-roll-result dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.st-tee-roll-result dl>div{background:#edf1e5;border-radius:9px;padding:14px}
.st-tee-roll-result dl>div:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.st-tee-roll-result dt{font-size:14px;line-height:1.5;color:#506348}.st-tee-roll-result dd{font-size:24px;font-weight:600;margin:7px 0 0;color:#274e38}
.st-tee-roll-result dd small{font-size:14px;font-weight:400}.st-tee-roll-result dl>div:last-child dd{margin:0;white-space:nowrap}
.strategy-page .st-tee-roll-result p{font-size:15px;line-height:1.65}.strategy-page .st-tee-roll-result summary{font-size:14px;min-height:44px;padding:12px 0}
.st-tee-roll-arrows{fill:none;stroke:#f3daa1;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #152c1a)}
.st-tee-map .st-runout-line{stroke:#fff9df;stroke-width:1.5;stroke-dasharray:2 2}.st-tee-map .st-first-bounce{fill:#244d32;fill-opacity:.55;stroke:#fff8ce;stroke-width:1.3}
@media(max-width:760px){.st-tee-roll-controls{padding:16px}.st-tee-roll-controls label{flex-wrap:wrap}.st-tee-roll-arrows{stroke-width:2.2}.st-tee-map .st-runout-line{stroke-width:2}.st-tee-map .st-first-bounce{stroke-width:1.8}.st-tee-roll-result dl>div{padding:12px}.st-tee-roll-result dl>div:last-child{display:block}.st-tee-roll-result dl>div:last-child dd{margin-top:5px}}