.knowledge-hub{margin:10px 0 82px;padding:30px;border:1px solid #cce5f1;border-radius:25px;background:linear-gradient(125deg,rgba(255,255,255,.96),#edf9ff);box-shadow:0 16px 45px rgba(20,89,128,.08)}.knowledge-hub.wrap{margin-left:auto;margin-right:auto}
.hub-head{display:grid;grid-template-columns:minmax(230px,.72fr) 1.28fr;gap:8px 36px;align-items:end;margin-bottom:24px}
.hub-head .tag{grid-column:1/-1}.hub-head h2{font:900 31px/1.02 var(--display);letter-spacing:-.04em;margin:0}.hub-head p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}
.hub-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hub-links a{display:flex;flex-direction:column;gap:7px;min-width:0;padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;transition:transform .2s,border-color .2s}.hub-links a:hover{transform:translateY(-2px);border-color:#7dc7e5}.hub-links b{font:850 15px/1.2 var(--display);color:var(--navy)}.hub-links span{color:var(--muted);font-size:12px;line-height:1.45}
.field-notes{padding:74px 0;border-top:1px solid var(--line)}.field-notes-head{display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;align-items:end;margin-bottom:28px}.field-notes h2{font:900 clamp(35px,5vw,58px)/1 var(--display);letter-spacing:-.05em;margin:8px 0 0}.field-notes-head p{margin:0;color:var(--muted);font-size:16px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field-card{position:relative;overflow:hidden;padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.field-card:before{content:attr(data-code);position:absolute;right:18px;top:13px;font:800 10px var(--mono);color:var(--blue)}.field-card h3{font:850 21px/1.15 var(--display);margin:24px 0 9px}.field-card p{color:var(--muted);font-size:14px;margin:0}.field-card a{display:inline-block;margin-top:15px;color:var(--blue);font-weight:800;text-decoration:none}.departure-board{margin:0 0 76px;padding:30px;border-radius:24px;background:linear-gradient(125deg,var(--navy),#087fbd);color:#fff}.departure-board h2{font:900 34px/1 var(--display);letter-spacing:-.04em;margin:8px 0 20px}.departure-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2);border-radius:15px;overflow:hidden}.departure-steps div{padding:18px;background:rgba(7,59,92,.92)}.departure-steps b{display:block;color:var(--yellow);font:800 10px var(--mono);margin-bottom:8px}.departure-steps span{font-size:13px;line-height:1.45;color:#e7f5fb}
@media (max-width:920px){.hub-links{grid-template-columns:1fr 1fr}}
@media (max-width:820px){
  html,body{max-width:100%;overflow-x:clip}
  .wrap{width:min(1140px,calc(100% - 24px))}
  main,.layout,.content,.hero,.buybox,.knowledge-hub,.card,.side{min-width:0;max-width:100%}
  h1,h2,h3,p,li,.cta{overflow-wrap:anywhere}
  .reveal{opacity:1!important;transform:none!important}
  .top{height:70px;position:sticky;top:0;z-index:30;background:rgba(251,253,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(213,232,241,.72)}
  .top>.nav,.top .topnav{display:none;position:absolute;top:62px;left:0;right:0;padding:10px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 55px rgba(7,59,92,.18)}
  .top.menu-open>.nav,.top.menu-open .topnav{display:grid}
  .top>.nav a,.top .topnav a{display:block;padding:12px 14px;border-radius:11px;color:var(--ink);font-size:15px;margin:0}
  .top>.nav a:hover,.top .topnav a:hover{background:var(--soft)}
  .top .top-actions{position:static;display:flex;align-items:center}
  .menu-toggle{display:grid;width:44px;height:44px;place-content:center;gap:5px;border:1px solid #c4dce8;border-radius:13px;background:#fff;box-shadow:0 7px 18px rgba(7,59,92,.09);cursor:pointer}
  .menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:var(--navy);transition:transform .2s,opacity .2s}
  .menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-open .menu-toggle span:nth-child(2){opacity:0}
  .menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  body.nav-open{overflow:hidden}
  .layout{gap:30px;padding-bottom:60px}
  .hero{padding:28px 0 48px}
  .breadcrumbs{padding-top:18px}
  .content h2{margin-top:48px}.knowledge-hub{margin-bottom:58px}.hub-head,.field-notes-head{grid-template-columns:1fr}.hub-head .tag{grid-column:auto}.hub-head p{margin-top:5px}.field-grid{grid-template-columns:1fr 1fr}.departure-steps{grid-template-columns:1fr 1fr}.buybox>*{min-width:0;max-width:100%}.buybox .cta{white-space:normal;width:100%;text-align:center;line-height:1.3}.table-wrap{width:100%;max-width:100%;overscroll-behavior-inline:contain}.compare{max-width:none}
}
@media (min-width:821px){.menu-toggle{display:none}}
@media (max-width:620px){
  .compare-lab{border-radius:20px;margin:0 -4px 52px;padding:20px 16px}
  .lab-head{align-items:flex-start;flex-direction:row;gap:12px}
  .lab-head h2{font-size:34px;line-height:.98;letter-spacing:-.045em}
  .lab-count{flex:0 0 auto;text-align:right;margin-left:auto}
  .lab-count b{font-size:31px}
  .filter-grid{grid-template-columns:1fr 1fr;gap:11px 8px;margin-top:23px}
  .filter-grid label:first-child{grid-column:1/-1}
  .filter-grid select{font-size:13px;padding:11px 30px 11px 10px;border-radius:11px}
  .lab-checks{gap:8px 14px;margin:15px 0 19px}
  .lab-checks label{font-size:12px}
  .reset-filter{width:100%;text-align:left;padding:3px 0}
  .plan-grid{grid-template-columns:1fr;gap:10px}
  .plan-ticket{min-height:0;padding:16px;border-radius:15px}
  .plan-ticket:after{top:48px}
  .ticket-top{padding-bottom:14px;font-size:9px}
  .plan-ticket h3{font-size:22px;margin:15px 0 6px}
  .ticket-flags{margin:10px 0}
  .ticket-bottom{align-items:center}
  .ticket-price{font-size:26px}
  .ticket-link{font-size:14px}
  .best-badge{right:-38px;top:13px}
  .lab-foot{line-height:1.5;margin-bottom:0}
}
@media (max-width:520px){
  body{font-size:15px;line-height:1.62}
  h1{font-size:clamp(38px,12vw,48px);line-height:.98}
  .lede{font-size:16px;line-height:1.55}
  .wrap{width:min(100% - 24px,1140px)}
  .brand{font-size:18px}.mark{width:32px;height:32px}.mark:after{left:13px;top:13px}
  .buybox{padding:20px;width:100%}.table-wrap{margin-inline:0}.content h2{font-size:30px}.card,.side{padding:20px}.knowledge-hub{padding:20px;margin-top:0}.hub-links,.field-grid{grid-template-columns:1fr}.hub-head h2{font-size:27px}.field-notes{padding:54px 0}.field-notes h2{font-size:34px}.field-card{padding:20px}.departure-board{padding:21px;margin-bottom:54px}.departure-board h2{font-size:28px}.departure-steps{grid-template-columns:1fr}.footer{overflow-wrap:anywhere}
}
@media (max-width:370px){
  .lab-head{display:block}.lab-count{text-align:left;margin-top:14px}
  .filter-grid{grid-template-columns:1fr}.filter-grid label:first-child{grid-column:auto}
  .ticket-bottom{align-items:flex-end}.ticket-link{max-width:82px;text-align:right;line-height:1.25}
}
@media (prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}