/* A compact visual choice that follows the existing orange/navy title design. */
#ts .hero-choice{border:0;padding:0;margin:0 0 18px;min-width:0;font-family:var(--reading-font)}
#ts .hero-choice legend{padding:0;margin-bottom:3px;font-size:17px;font-weight:700;color:#f6e5c5}
#ts .hero-choice-note{font-size:13px;line-height:1.5;color:#d3dcea;margin:0 0 9px}
#ts .hero-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#ts .hero-option{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:9px;min-height:108px;padding:7px 10px;border:1px solid #8298b475;background:#101f33eb;cursor:pointer;transition:border-color .15s,background .15s}
#ts .hero-option input{position:absolute;top:8px;right:8px;width:17px;height:17px;margin:0;accent-color:#ffb34c;cursor:pointer}
#ts .hero-option:has(input:checked){border-color:#ffb34c;background:#3d3023ed;box-shadow:inset 0 0 0 1px #ffb34c}
#ts .hero-option:focus-within{outline:3px solid #f6e5c5;outline-offset:3px}
#ts .hero-option:hover{border-color:#f6d19a}
#ts .hero-option img{display:block;width:72px;height:100px;object-fit:contain;filter:drop-shadow(0 3px 4px #070e2077);pointer-events:none}
#ts .hero-option-copy{display:flex;flex-direction:column;gap:6px;padding-top:9px;min-width:0}
#ts .hero-style-name{font-size:15px;line-height:1.4;font-weight:700;color:#f3eee5;white-space:nowrap}
#ts .hero-choice-mark{font-size:12px;line-height:1.5;color:#d3dcea}
#ts .hero-option:has(input:checked) .hero-choice-mark{color:#ffd191;font-weight:700}
#ts .title-left{padding-bottom:42px}
#ts .title-version{position:static;align-self:flex-start;margin-top:20px;grid-column:1/-1}
@media(max-width:700px){
 #ts .hero-choice{margin-bottom:15px}
 #ts .hero-choice legend{font-size:16px}
 #ts .hero-choice-note{font-size:12px}
 #ts .hero-option{grid-template-columns:52px minmax(0,1fr);gap:6px;padding:6px;min-height:92px}
 #ts .hero-option img{width:52px;height:82px}
 #ts .hero-style-name{font-size:14px}
}
@media(max-width:360px){
 #ts .hero-option{grid-template-columns:42px minmax(0,1fr);gap:4px}
 #ts .hero-option img{width:42px;height:74px}
 #ts .hero-style-name{font-size:12px}
 #ts .hero-choice-mark{font-size:11px}
}
@media(max-height:500px) and (orientation:landscape){
 #ts .hero-option{grid-template-columns:38px minmax(0,1fr);min-height:75px;padding:5px;gap:5px}
 #ts .hero-option img{width:38px;height:64px}
 #ts .hero-style-name{font-size:12px}
 #ts .hero-choice-mark{font-size:11px}
 #ts .hero-option input{width:14px;height:14px;top:5px;right:5px}
 #ts .hero-choice{margin-bottom:12px}
 #ts .hero-choice legend{font-size:15px}
 #ts .hero-choice-note{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#ts .hero-option{transition:none}}
/* Growing controls must expand the scrollable page, never center above its top. */
#ts .title-left{height:max-content}
@media(max-height:560px) and (orientation:landscape){
 #ts .title-left{height:max-content;align-content:start;grid-template-rows:auto auto auto 1fr;padding-block:16px 24px}
 #ts .opening-controls{align-self:start}
}
@media(min-width:701px) and (min-height:561px) and (max-height:850px){
 #ts .title-left{padding-block:24px 26px}
 #ts .opening-brand{margin-bottom:14px}
 #ts .amz-logo{width:156px}
 #ts .opening-eyebrow{margin-bottom:8px}
 #ts h1{font-size:42px;margin-bottom:8px}
 #ts .sub{margin-bottom:12px}
 #ts .opening-copy{font-size:17px;line-height:1.55;margin-bottom:14px}
 #ts .hero-option{min-height:94px}
 #ts .hero-option img{height:86px}
 #ts .hero-choice{margin-bottom:12px}
 #ts .opening-meta{margin-top:12px;font-size:13px}
 #ts .title-version{margin-top:12px}
}