.result-page{max-width:1040px;margin:0 auto;padding:2rem 1.5rem 4rem}
.result-page h1,.result-page h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#173f3a}
#result-answer{font-size:1.04rem;line-height:1.55;max-width:820px}
#result-count{margin:.5rem 0 1rem;font-weight:600;color:#4c5b55}
.ways-entire-group-link{display:inline-block;margin:.25rem 0 1.1rem;padding:.72rem 1rem;background:#173f3a;color:#fff!important;text-decoration:none!important;font-weight:600;border-radius:2px}
.ways-preview-accordion{max-width:880px;border-top:1px solid rgba(35,64,48,.2);border-bottom:1px solid rgba(35,64,48,.2)}
.ways-preview-accordion summary{cursor:pointer;padding:.72rem 0;font-family:Georgia,"Times New Roman",serif;font-size:1.18rem;font-weight:600;color:#274b44}
.ways-preview-scroll{max-height:520px;overflow-y:auto;padding-right:.8rem}
.ways-preview-record{padding:.5rem 0;border-top:1px solid rgba(35,64,48,.1)}
.ways-preview-record:first-child{border-top:0}
.ways-preview-record a{font-family:Georgia,"Times New Roman",serif;font-size:1.06rem;font-weight:600;color:#173f3a;text-decoration:none}
.ways-preview-record a:hover,.ways-preview-record a:focus{text-decoration:underline;text-underline-offset:3px}
.ways-preview-record p{margin:.14rem 0 0;font-size:.9rem;color:#5e6762}
.ways-error{padding:1rem 0;color:#6d2e2e}
.ways-back-link{color:#173f3a;text-decoration:none}

.warships-index{margin-top:1rem;border-top:1px solid rgba(35,64,48,.18)}
.warships-row{display:grid;grid-template-columns:minmax(11rem,1.4fr) minmax(6rem,.7fr) minmax(15rem,2fr) minmax(5rem,.55fr);gap:1rem;padding:.72rem .4rem;border-bottom:1px solid rgba(35,64,48,.12);align-items:start}
.warships-head{font-size:.9rem;color:#5b625f}
.warships-row a{font-family:Georgia,'Times New Roman',serif;color:#173f3a;text-decoration:none;font-size:1.08rem}
.warships-row a:hover,.warships-row a:focus{color:#6d3d2f}
@media(max-width:760px){.warships-row{grid-template-columns:1fr}.warships-head{display:none}}

.warships-accordion{max-width:100%}
.warships-scroll{max-height:560px;overflow-y:auto;padding-right:.8rem}
@media(max-width:760px){
  .warships-scroll{max-height:70vh;padding-right:.35rem}
  .warships-row{display:block;padding:.8rem .2rem}
  .warships-row>div{margin:.16rem 0}
  .warships-row>div:nth-child(2)::before{content:"Type: ";font-weight:600}
  .warships-row>div:nth-child(3)::before{content:"State / service: ";font-weight:600}
  .warships-row>div:nth-child(4)::before{content:"Crew records: ";font-weight:600}
  .warships-head{display:none}
}