/* V36.5 — clean balanced home layout. Loaded after v36.css. */

@media (min-width:1181px){
  .v36-start{
    min-height:100svh;
    height:100svh;
    overflow:hidden;
    padding:0;
  }

  .v36-header{
    width:min(1320px,94vw);
    height:70px;
    margin:0 auto;
    padding:7px 0 5px;
    gap:14px;
  }
  .v36-header-tools{gap:8px}
  .v36-icon-btn{width:46px;height:46px;border-radius:15px;font-size:20px}
  .v36-mini-pill{padding:8px 13px;font-size:12px}
  .v36-school-brand{padding:7px 13px 7px 16px;border-radius:20px;gap:9px}
  .v36-school-brand img{width:46px;height:46px}
  .v36-school-copy b{font-size:20px;line-height:1.05}
  .v36-school-copy span{font-size:11px;margin-top:2px}

  .v36-home{
    width:min(1244px,92vw);
    margin:0 auto;
    display:grid;
    grid-template-columns:520px 700px;
    gap:24px;
    align-items:start;
    justify-content:center;
    direction:ltr;
  }

  .v36-intro-card,
  .v36-map-card{
    box-sizing:border-box;
    direction:rtl;
    border-radius:28px;
    border:3px solid rgba(255,255,255,.78);
    box-shadow:0 22px 50px rgba(1,39,63,.22);
  }

  .v36-intro-card{
    width:520px;
    height:670px;
    min-height:0;
    padding:18px 20px 16px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }

  .v36-intro-top{
    display:grid;
    grid-template-columns:132px minmax(0,1fr);
    align-items:center;
    gap:14px;
    min-height:0;
    height:auto;
    direction:ltr;
  }
  .v36-intro-top>*{direction:rtl}
  .v36-mascot-box{height:220px;align-self:center}
  .v36-mascot-box::before{inset:42px 4px 2px;border-radius:70px 70px 28px 28px}
  .v36-mascot-box img{max-height:216px}
  .v36-compass{width:45px;height:45px;font-size:19px;bottom:5px;left:0}

  .v36-copy{display:block;text-align:right;min-width:0}
  .v36-eyebrow{font-size:12.5px;margin:0 0 4px}
  .v36-copy h1{font-size:48px;line-height:.98;letter-spacing:-.7px;margin:0}
  .v36-ribbon{margin:9px 0 8px;padding:7px 12px;font-size:18px;line-height:1.25;transform:none}
  .v36-copy p{font-size:13.5px;line-height:1.6;margin:0}
  .v36-english{
    display:block;
    width:100%;
    margin:6px 0 0!important;
    padding:0!important;
    font-size:9.8px!important;
    line-height:1.35!important;
    white-space:normal;
    overflow-wrap:anywhere;
    position:static!important;
    transform:none!important;
  }

  .v36-section-title{
    position:static!important;
    clear:both;
    margin:10px 0 8px!important;
    gap:10px;
    font-size:14px!important;
    line-height:1.2;
    flex:0 0 auto;
  }

  .v36-steps{
    grid-template-columns:1fr 12px 1fr 12px 1fr 12px 1fr;
    gap:4px;
    flex:0 0 auto;
  }
  .v36-step{min-height:82px;border-radius:15px;padding:6px 4px}
  .v36-step i{width:23px;height:23px;top:-6px;right:5px;font-size:10px}
  .v36-step-icon{font-size:23px}
  .v36-step b{font-size:12px;margin-top:2px;line-height:1.15}
  .v36-step small{font-size:9px;line-height:1.15;margin-top:2px}
  .v36-arrow{font-size:17px}

  .v36-evidence{gap:5px;margin:8px 0 9px;flex:0 0 auto}
  .v36-evidence span{padding:6px 3px;font-size:9.3px;line-height:1;white-space:nowrap}

  .v36-actions{margin-top:auto;flex:0 0 auto}
  .v36-start-btn{font-size:20px!important;padding:12px 14px!important;border-radius:15px!important}
  .v36-secondary-actions{gap:8px;margin-top:7px}
  .v36-secondary-actions .big-btn{font-size:14px!important;padding:9px 7px!important;border-radius:13px!important}
  .ab-icon{font-size:11px!important;letter-spacing:.5px!important}

  .v36-map-card{
    width:700px;
    height:auto;
    min-height:0;
    padding:0;
    background:transparent;
    overflow:hidden;
    display:block;
    aspect-ratio:846/810;
  }
  .v36-map-card img{
    display:block;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:none!important;
    border-radius:25px;
  }
  .v36-map-label{top:16px;right:16px;font-size:12px;padding:8px 13px}
  .v36-map-caption{display:none!important}

  .v36-credit{
    width:min(1244px,92vw);
    height:20px;
    margin:5px auto 0;
    gap:9px;
    font-size:9.8px;
    line-height:1;
  }
  .v36-credit em{padding:2px 6px}
}

/* Common 13–15 inch laptop browser viewport */
@media (min-width:1181px) and (max-height:800px){
  .v36-header{height:62px;padding:5px 0 3px}
  .v36-school-brand img{width:42px;height:42px}
  .v36-school-copy b{font-size:18px}
  .v36-school-copy span{font-size:10px}
  .v36-icon-btn{width:42px;height:42px}

  .v36-home{
    width:min(1209px,92vw);
    grid-template-columns:510px 675px;
    gap:24px;
  }
  .v36-intro-card{width:510px;height:646px;padding:15px 18px 13px}
  .v36-map-card{width:675px;aspect-ratio:846/810}

  .v36-intro-top{grid-template-columns:124px minmax(0,1fr);gap:12px}
  .v36-mascot-box{height:205px}
  .v36-mascot-box img{max-height:201px}
  .v36-copy h1{font-size:44px}
  .v36-ribbon{font-size:17px;margin:7px 0 6px;padding:6px 11px}
  .v36-copy p{font-size:12.8px;line-height:1.5}
  .v36-english{font-size:9.1px!important;margin-top:4px!important}
  .v36-section-title{margin:7px 0 6px!important;font-size:13px!important}
  .v36-step{min-height:76px}
  .v36-step-icon{font-size:21px}
  .v36-step b{font-size:11.5px}
  .v36-step small{font-size:8.6px}
  .v36-evidence{margin:6px 0 7px}
  .v36-evidence span{font-size:8.9px;padding:5px 2px}
  .v36-start-btn{font-size:18px!important;padding:10px 12px!important}
  .v36-secondary-actions{margin-top:6px}
  .v36-secondary-actions .big-btn{font-size:13.5px!important;padding:8px 6px!important}
  .v36-credit{display:none!important}
}

/* Tablet / mobile: keep natural document flow and full map */
@media (max-width:1180px){
  .v36-start{height:auto;min-height:100svh;overflow:auto}
  .v36-home{width:94vw;grid-template-columns:1fr;gap:14px}
  .v36-intro-card{height:auto;min-height:0}
  .v36-intro-top{min-height:0;height:auto}
  .v36-english{position:static!important;transform:none!important}
  .v36-map-card{width:100%;height:auto;min-height:0;padding:0;background:transparent;aspect-ratio:846/810}
  .v36-map-card img{width:100%!important;height:auto!important;min-height:0!important;object-fit:contain!important;filter:none!important}
}