.comfort-intro{max-width:900px;margin-inline:auto}.comfort-steps li,.comfort-intro li{margin-block:.6em}.comfort-scheme{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style:none;margin:24px 0}.comfort-scheme li{flex:1 1 140px;padding:16px;background:#edf5f3;border:1px solid #bdd2cc;border-radius:12px;font-weight:700;position:relative}.comfort-scheme li:not(:last-child)::after{content:'→';position:absolute;right:-11px;top:50%;transform:translateY(-50%);color:#23675c}.comfort-help{margin-block:12px 20px}.comfort-help>summary{font-weight:600}.comfort-next{margin-block:18px}.comfort-next .card-pager{flex-wrap:wrap;gap:12px}.comfort-reading .inline{flex-wrap:wrap;margin-block:12px}.comfort-reading .porre-slide-text{white-space:pre-wrap;overflow-wrap:anywhere}.game-main select{max-width:100%}.game-main input,.game-main textarea{max-width:100%;box-sizing:border-box}.game-main .inline{flex-wrap:wrap}.comfort-intro,.comfort-help,.comfort-reading{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.pf-slide-layout{display:flex!important;flex-direction:column}.pf-slide-layout>*{width:100%;min-width:0;box-sizing:border-box}.comfort-reading .porre-slide-text{font-size:18px!important;line-height:1.5!important;padding:16px}.pf-feedback .pf-choice,.pf-feedback p,.pf-feedback label{font-size:18px;line-height:1.5}.comfort-reading button,.comfort-next button{min-height:44px}.comfort-scheme{display:block}.comfort-scheme li{margin-block:12px}.comfort-scheme li:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-17px;transform:none}.comfort-next .card-pager{display:flex}.comfort-next .card-pager b{flex-basis:100%;order:-1}.porre-main,.porre-reader,.pf-feedback{min-width:0}.porre-slide-text{max-width:100%;box-sizing:border-box}}
.game-header .tabs{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;max-width:100%;gap:6px}.game-header .tabs>button{flex:0 0 auto;min-width:100px;max-width:190px;padding-inline:10px}.game-header .tabs .pq-project-link{flex:0 0 185px;min-width:185px;color:#125e64;font-size:14px;line-height:1.25;white-space:normal;padding:6px 12px}.pf-slide-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.pf-slide-layout>.porre-reader:has([data-reading="text"]){position:static;max-height:none;overflow:visible}
@media(max-width:1049px){#journey-nav{grid-template-columns:repeat(9,minmax(44px,1fr));overflow-x:auto}}