/* hub-sub.css 16.9.2026 — Hub-alasivujen yhteinen rakenne ja mobiili (Mikko: "appinäkymä ei jäsentelyä") */
header .wrap{gap:.8rem}
.logo{white-space:nowrap}
header .wrap>span{display:flex;align-items:center;gap:.9rem;white-space:nowrap}
header .wrap>span a:first-child{margin-right:0 !important}
header .btn{padding:11px 20px;font-size:.95rem}
main>p>a.btn,main>p>a.btn-ghost,.cta-box a.btn,.cta-box a.btn-ghost{margin:0 .55rem .6rem 0}
main>ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1rem 0 1.4rem}
main>ul>li{margin:0;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--bg2);line-height:1.5}
main>ul>li strong{color:var(--cream)}
details summary{list-style:none;position:relative;padding-right:1.6rem}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";position:absolute;right:.2rem;top:0;color:var(--accent);font-weight:700}
details[open] summary::after{content:"–"}
@media(max-width:640px){
  header{padding:12px 0}
  header .wrap{flex-wrap:nowrap}
  header .wrap>span{gap:.6rem}
  header .wrap>span a:first-child{font-size:.86rem}
  header .btn{padding:9px 14px;font-size:.86rem}
  .logo{font-size:1.05rem}
  h1{font-size:2.05rem;margin-top:.7em}
  h2{margin-top:1.7em;font-size:1.45rem}
  .lead{font-size:1.04rem}
  main>p>a.btn,main>p>a.btn-ghost,.cta-box a.btn,.cta-box a.btn-ghost{display:block;width:100%;text-align:center;margin:0 0 .6rem}
  main>ul{grid-template-columns:1fr;gap:.5rem}
  .cta-box{padding:22px 18px;border-radius:14px;margin:30px 0}
  th,td{padding:10px 10px;font-size:.88rem}
  footer{font-size:.82rem;line-height:1.7}
}