/* 모바일 전용: 기존 PC 규칙과 헤더, 본문 템플릿은 변경하지 않습니다. */
@media(max-width:767px){
  .mobile-home-intro[hidden]{display:block;margin:12px 16px 0;color:#202640}
  .mobile-home-welcome{padding:20px 18px 18px;border:1px solid #e4dff4;border-radius:24px;background:radial-gradient(ellipse at 95% 35%,#e2f3ec80,transparent 65%),linear-gradient(135deg,#f7f3ff,#f5f8fb);box-shadow:inset 0 1px 0 #fff,0 6px 20px #58477606}
  .mobile-home-label{display:block;font-size:9px;letter-spacing:.07em;font-weight:750;color:#766493}
  .mobile-home-feature{display:grid;grid-template-columns:minmax(0,1fr) 124px;align-items:center;gap:0;margin:4px -6px 4px 0;min-height:112px}
  .mobile-home-art{display:block;width:100%;height:auto;pointer-events:none}
  .mobile-home-welcome h2{font-size:24px;line-height:1.4;letter-spacing:-.055em;margin:0;color:#292442;word-break:keep-all;position:relative;z-index:1}
  .mobile-home-welcome p{font-size:13px;line-height:1.7;color:#5e647a;margin:0;word-break:keep-all}
  .mobile-home-welcome p strong{color:#6351ba}
  .mobile-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
  .mobile-home-actions a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 6px;border-radius:13px;background:linear-gradient(120deg,#7257da,#6045c4);color:#fff;font-size:12px;font-weight:750;text-decoration:none;box-shadow:0 5px 12px #6850d022}
  .mobile-home-actions a+a{background:#ffffffc9;color:#5947a2;border:1px solid #dfd8ef;box-shadow:none}
  .mobile-home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 0}
  body:has(.mobile-home-intro) a[href^="interview.php"]{display:none!important}
  .mobile-home-shortcuts a{min-width:0;border:1px solid #e3e3ef;background:linear-gradient(#fff,#fcfbff);border-radius:12px;padding:12px 2px;text-align:center;font-size:12px;font-weight:750;color:#423676;text-decoration:none;box-shadow:0 2px 5px #41336504}
  .mobile-home-shortcuts a{min-height:44px;display:flex;align-items:center;justify-content:center}
  .mobile-home-discover{display:flex;gap:16px;flex-wrap:wrap;margin:4px 0 10px}
  .mobile-home-discover a{display:flex;align-items:center;min-height:44px;font-size:12px;color:#625780;font-weight:650}
  body:has(.mobile-home-intro) .site-header{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;min-height:0;height:auto}
  body:has(.mobile-home-intro) .site-header .site-logo{min-width:0;margin:0;width:auto}
  body:has(.mobile-home-intro) .site-header .site-logo strong{font-size:24px}
  body:has(.mobile-home-intro) .site-header .site-logo span{font-size:18px}
  body:has(.mobile-home-intro) .site-header .site-logo-symbol{width:22px;height:26px}
  body:has(.mobile-home-intro) .site-header-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0;width:100%;justify-content:space-between}
  body:has(.mobile-home-intro) .site-header .login-scoreboard{gap:8px;padding:4px 6px;box-shadow:none;flex:0 0 auto}
  body:has(.mobile-home-intro) .login-scoreboard .score-group{gap:3px}
  body:has(.mobile-home-intro) .login-scoreboard .score-digit{min-width:52px;height:23px}
  body:has(.mobile-home-intro) .login-scoreboard .score-digit b{font-size:16px;height:23px;padding:3px 5px}
  body:has(.mobile-home-intro) .login-scoreboard .score-digit::after{display:none}
  body:has(.mobile-home-intro) .site-auth-actions a.primary{padding:10px;font-size:12px;min-height:44px;display:flex;align-items:center}
  body:has(.mobile-home-intro) .site-language summary{min-height:44px;padding:0 8px;font-size:12px;gap:4px}
  .mobile-home-community .portal-card{padding:20px;border-radius:20px}
  .mobile-home-community .card-title h3{font-size:18px}
  .mobile-home-community .community-preview{padding:12px 0}
  .mobile-home-community .community-preview-meta{font-size:10px}
  .mobile-home-intro a:focus-visible{outline:3px solid #9278ec;outline-offset:3px}
  .mobile-home-intro + .portal-shell{display:flex!important;flex-direction:column;gap:22px}
  .mobile-home-intro + .portal-shell>.portal-main{order:0;min-width:0;width:100%}
  .mobile-home-intro + .portal-shell>.portal-ad-rail{order:1;position:static;display:flex;flex-direction:row;align-items:stretch;gap:12px;overflow-x:auto;width:100%;min-width:0;padding:12px 0;scroll-snap-type:x proximity}
  .mobile-home-intro + .portal-shell>.portal-ad-rail>.ad-partner-slot,.mobile-home-intro + .portal-shell>.portal-ad-rail>.ad-empty-slot{display:none!important}
  .mobile-home-intro + .portal-shell>.portal-ad-rail>.banner-card{flex:0 0 250px;width:250px;height:auto!important;min-height:0!important;margin:0;border-radius:16px;scroll-snap-align:start}
  .mobile-home-intro + .portal-shell>.portal-ad-rail .banner-visual,.mobile-home-intro + .portal-shell>.portal-ad-rail .banner-visual img{height:108px!important;min-height:0!important;object-fit:cover}
  .mobile-home-intro + .portal-shell>.portal-ad-rail .banner-copy{padding:14px!important}
  .mobile-home-intro + .portal-shell>.portal-ad-rail .banner-copy strong{font-size:14px!important}
  .mobile-home-intro + .portal-shell>.portal-ad-rail .banner-copy>span,.mobile-home-intro + .portal-shell>.portal-ad-rail .banner-copy em{font-size:11px!important}
  /* 모바일에서만 중첩 그리드를 풀어 콘텐츠를 읽는 순서대로 배치합니다. */
  .mobile-home-community{display:none}
  .mobile-home-intro + .portal-shell.template-01 .portal-main>.portal-grid{display:contents}
  .mobile-home-intro + .portal-shell.template-01 .hero{order:0;display:block;min-height:0;padding:0;background:transparent;box-shadow:none}
  .mobile-home-intro + .portal-shell.template-01 .hero::after{display:none}
  .mobile-home-intro + .portal-shell.template-01 .hero-copy{display:none}
  .mobile-home-intro + .portal-shell.template-01 .country-filter-panel{order:1}
  .mobile-home-intro + .portal-shell.template-01 .portal-card:has(.rank-list-photo){order:2}
  .mobile-home-intro + .portal-shell.template-01 .home-content-row>.portal-card:has(.mini-card-grid){order:3}
  .mobile-home-intro + .portal-shell.template-01 .learning-invitation{order:4}
  .mobile-home-intro + .portal-shell.template-01 .weather{order:5}
  .mobile-home-intro + .portal-shell.template-01 .fx-card{order:6}
  .mobile-home-intro + .portal-shell.template-01 .home-services-row>:first-child{order:7}
  .mobile-home-intro + .portal-shell.template-01 .portal-card:has(.community-mini){display:block;order:8}
  @media(max-width:374px){
    .mobile-home-feature{grid-template-columns:minmax(0,1fr) 100px}
    .mobile-home-welcome h2{font-size:22px}
    .mobile-home-actions a{font-size:11px}
  }
}
