/* Quick-start reading bar: top of the home pages, above the menu. Source: main-site/quickstart/ in TWMC_WebApp. */
.quickstart{background:#171d19;color:#f8f2e6;border-bottom:1px solid #3a3a2e;font:14px/1.3 system-ui,-apple-system,sans-serif}
.quickstart form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;max-width:1440px;margin:auto;padding:12px 5vw}
.quickstart .qs-title{font:600 12px/1.2 system-ui,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#d9b66a;align-self:center;margin-right:6px}
.quickstart label{display:flex;flex-direction:column;gap:4px;min-width:0}
.quickstart label span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#c9c2b2}
.quickstart select{font:16px system-ui,-apple-system,sans-serif;min-height:44px;padding:8px 30px 8px 10px;border:1px solid #6d6450;border-radius:8px;background:#f8f5ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23232620' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 10px center;color:#232620;-webkit-appearance:none;appearance:none;max-width:100%}
.quickstart select:focus-visible,.quickstart button:focus-visible{outline:3px solid #d9b66a;outline-offset:2px}
.quickstart button{font:600 16px system-ui,-apple-system,sans-serif;min-height:44px;padding:8px 22px;border:0;border-radius:8px;background:#b98b32;color:#171d19;cursor:pointer}
.quickstart button:hover{background:#d9b66a}
.quickstart .qs-testament select{width:11.5em}
@media (max-width:700px){
 .quickstart form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px 16px 12px}
 .quickstart .qs-title{display:none}
 .quickstart label{gap:2px}
 .quickstart label span{font-size:10px}
 .quickstart label.qs-testament,.quickstart label.qs-language{grid-column:span 3}
 .quickstart label.qs-book,.quickstart label.qs-chapter,.quickstart label.qs-verse{grid-column:span 2}
 .quickstart select{width:100%;padding-left:8px;padding-right:24px;background-position:right 8px center}
 .quickstart button{grid-column:1/-1;width:100%}
}