.selection-study-view{max-width:1120px;margin:0 auto;padding:8px 0 40px}
.selection-study-view[hidden]{display:none!important}
.selection-study-header{margin-bottom:24px}
.selection-study-back{min-height:44px;margin-bottom:10px}
.selection-study-header h1{margin:0 0 8px;font-size:clamp(28px,3vw,38px);letter-spacing:-.8px;line-height:1.25}
.selection-study-header p{margin:0;color:var(--muted,#596a60);line-height:1.65}
.selection-study-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:start;gap:24px}
.selection-study-custom,.selection-study-individual{min-width:0;padding:24px;border:1px solid var(--line,#dce7de);border-radius:20px;background:var(--surface,#fff)}
.selection-study-layout h2{margin:0 0 16px;font-size:22px;letter-spacing:-.35px}
.selection-study-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}
.selection-study-field{display:grid;gap:8px;min-width:0;font-size:15px;font-weight:600}
.selection-study-field select{min-width:0;width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--line,#dce7de);border-radius:10px;color:var(--ink,#17392e);background:var(--surface,#fff);font:inherit}
.selection-study-studied{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;cursor:pointer}
.selection-study-studied input{width:22px;height:22px;min-height:22px;margin:0;accent-color:var(--pine,#245b44);flex:none}
.selection-study-order{padding-top:18px;border-top:1px solid var(--line,#dce7de)}
.selection-study-order .studio-route-settings{margin:0}
.selection-study-start{display:grid;gap:10px;margin-top:20px}
.selection-study-start .primary-button{width:100%;min-height:48px;padding:12px 16px;white-space:normal}
.selection-study-start .settings-note,.selection-study-individual>.settings-note{margin:0;line-height:1.7}
.selection-study-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.selection-study-mode{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:104px;padding:15px;text-align:start;border:1px solid var(--line,#dce7de);border-radius:12px;background:var(--surface,#fff);color:var(--ink,#17392e);font:inherit;cursor:pointer}
.selection-study-mode strong{font-size:16px;line-height:1.4}
.selection-study-mode span{font-size:13px;line-height:1.65;color:var(--muted,#596a60)}
.selection-study-mode:hover{border-color:var(--pine,#245b44);background:var(--soft,#eef5ee)}
.selection-study-extras{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--line,#dce7de)}
.selection-study-extras button{min-height:44px;white-space:normal}
.selection-study-view :is(button,select,input):focus-visible{outline:3px solid var(--pine,#245b44);outline-offset:3px}
.selection-study-header h1:focus-visible{outline:3px solid var(--pine,#245b44);outline-offset:6px;border-radius:4px}
@media(max-width:840px){.selection-study-layout{grid-template-columns:minmax(0,1fr);gap:18px}.selection-study-custom,.selection-study-individual{padding:20px}.selection-study-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.selection-study-view{padding-top:0}.selection-study-header{margin-bottom:20px}.selection-study-custom,.selection-study-individual{padding:18px;border-radius:16px}.selection-study-fields{gap:12px}.selection-study-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-study-mode{min-height:110px;padding:13px}.selection-study-extras .secondary-button{flex:1}}
@media(prefers-reduced-motion:reduce){.selection-study-view *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.selection-study-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.selection-study-choice{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-height:280px;padding:32px;text-align:start;font:inherit;color:var(--ink,#17392e);background:var(--surface,#fff);border:1px solid var(--line,#dce7de);border-radius:24px;cursor:pointer;box-shadow:0 8px 26px #17392e06;transition:transform .2s,border-color .2s,box-shadow .2s}
.selection-study-choice:hover{transform:translateY(-3px);border-color:var(--pine,#176e55);box-shadow:0 12px 32px #17392e0d}
.selection-study-choice strong{font-size:clamp(21px,2vw,27px);line-height:1.35;letter-spacing:-.5px}
.selection-study-choice-icon{display:grid;place-items:center;min-width:90px;height:54px;padding:0 16px;border-radius:16px;background:#edf5f0;color:var(--pine,#176e55);font-size:18px;font-weight:700}
.selection-study-choice-description{color:var(--muted,#596a60);font-size:15px;line-height:1.65}
.selection-study-choice-action{margin-top:auto;color:var(--pine,#176e55);font-size:14px;font-weight:600}
.selection-study-detail{max-width:900px;margin:0 auto;padding:28px;border:1px solid var(--line,#dce7de);border-radius:24px;background:var(--surface,#fff)}
.selection-study-detail .selection-study-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.selection-study-wordbook{width:100%;margin-top:18px;min-height:48px}
@media(max-width:760px){.selection-study-choices{grid-template-columns:1fr;gap:16px}.selection-study-choice{min-height:230px;padding:24px}.selection-study-detail{padding:20px}.selection-study-detail .selection-study-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}