/* Shared website shell, including the independently built learning web. */
[data-agl-navigation]{--home-line:#a3bee92e;position:fixed;inset:0 0 auto;z-index:100;padding:0 max(4vw,calc((100vw - 1440px)/2));background:linear-gradient(180deg,#0c192bf5,#071021f5);border-bottom:1px solid var(--home-line);box-shadow:0 12px 35px #01061166;backdrop-filter:blur(16px);color:#eaf0fc;font-family:Pretendard,'Noto Sans KR',Arial,sans-serif;line-height:1.4;box-sizing:border-box}
[data-agl-navigation] a{text-decoration:none;cursor:pointer;box-sizing:border-box}
[data-agl-navigation] .home-nav-top{display:flex;align-items:center;justify-content:space-between;gap:14px;height:auto;min-height:58px;flex-wrap:wrap;padding:8px 0;box-sizing:border-box}
[data-agl-navigation] .home-nav-top .brand{flex-shrink:0}
[data-agl-navigation] .home-nav-top nav{min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end}
[data-agl-navigation] .brand{display:inline-flex;align-items:center;gap:10px;padding:0;color:#e1ebff;font-size:18px;font-weight:760;letter-spacing:.12em}
[data-agl-navigation] .brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid #a8cafa77;border-radius:10px;background:linear-gradient(145deg,#7593cd44,#101c35);box-shadow:inset 0 1px 0 #d7e9ff44,0 0 16px #769bff1c;color:#d4e5ff;font-size:14px}
[data-agl-navigation] .home-nav-top nav{display:flex;align-items:center;gap:10px}
[data-agl-navigation] .home-nav-top nav a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 15px;border:1px solid #98b5df2b;border-radius:8px;background:linear-gradient(145deg,#bcd9ff0c,#36557e0a);color:#b9cce5;font-size:13px;font-weight:600;letter-spacing:.03em;box-shadow:inset 0 1px 0 #d6eaff13;white-space:nowrap}
[data-agl-navigation] .home-nav-top nav a:hover,[data-agl-navigation] .home-nav-top nav a[aria-current]{color:#eff6ff;border-color:#a3ccff99;background:linear-gradient(140deg,#456fa63b,#1a2e4b);box-shadow:0 0 18px #6faaff33,inset 0 1px 0 #d8ebff44}
[data-agl-navigation] .home-section-nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;padding:7px 0;border-top:1px solid var(--home-line)}
[data-agl-navigation] .home-section-nav a{position:relative;display:flex;justify-content:center;align-items:center;padding:11px 6px;border:1px solid transparent;border-radius:9px;color:#93a9c8;font-size:14px;line-height:1.3;font-weight:550;white-space:nowrap}
[data-agl-navigation] .home-section-nav a{white-space:normal;text-align:center;overflow-wrap:anywhere}
[data-agl-navigation] .home-section-nav a:hover{color:#dcecff;background:#92baff13;border-color:#7ea7e333}
[data-agl-navigation] .home-section-nav a[aria-current]{color:#f1f7ff;font-weight:750;text-shadow:0 0 12px #91c0ff99;background:radial-gradient(ellipse at 50% 0,#bcdfff33,transparent 75%),linear-gradient(135deg,#41699b70,#172b4a);border-color:#8db9fa8c;box-shadow:inset 0 1px 0 #d9ebff88,inset 0 -1px 0 #92bfff44,0 0 22px #508bff27}
[data-agl-navigation] .home-section-nav a[aria-current]::after{content:'';position:absolute;bottom:-2px;left:25%;right:25%;height:2px;background:#c5e0ff;box-shadow:0 0 8px 2px #77acff}
[data-agl-navigation] .home-section-picker{display:none}
[data-agl-navigation] a:focus-visible,[data-agl-navigation] select:focus-visible,.service-trail a:focus-visible,.service-trail button:focus-visible,.navigation-status button:focus-visible{outline:2px solid #b9d4ff;outline-offset:3px}
[data-agl-navigation] a[data-navigation-pending]{animation:navigation-pulse 1.2s ease-in-out infinite;border-color:#a3ccff}
.service-trail{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:24px max(6vw,calc((100vw - 1440px)/2)) 20px;background:#0a0e16;color:#afc4e2;font:14px/1.5 Pretendard,'Noto Sans KR',Arial,sans-serif}
.service-trail button{appearance:none;cursor:pointer;border:1px solid #88a9d74d;border-radius:7px;padding:7px 12px;background:#17283f;color:#d6e6ff;font:inherit}
.service-trail a{color:#b7cdef;text-decoration:underline;text-underline-offset:5px}
.service-trail span{margin-left:auto;font-size:11px;letter-spacing:.15em;color:#839bbd}
.cis-premium .service-trail + .cis-hero{padding-top:50px;min-height:760px}
.navigation-status{position:fixed;z-index:200;bottom:24px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:26px minmax(0,1fr);gap:4px 14px;width:min(500px,calc(100% - 32px));padding:20px;border:1px solid #94b9ee80;border-radius:16px;background:#0e2036f5;color:#eef5ff;font:14px/1.5 Pretendard,'Noto Sans KR',Arial,sans-serif;box-shadow:0 12px 50px #0009;backdrop-filter:blur(12px);box-sizing:border-box}
.navigation-status[hidden]{display:none}
.navigation-status strong{font-size:16px}
.navigation-status p{grid-column:2;margin:0;color:#b5c9e3;font-size:14px;word-break:keep-all}
.navigation-status .navigation-actions{grid-column:2;display:flex;gap:10px;margin-top:10px}
.navigation-status button{cursor:pointer;background:#a8c8ff15;border:1px solid #91b3e566;border-radius:6px;padding:6px 12px;color:#dceaff;font:inherit}
.navigation-spinner{width:23px;height:23px;border:2px solid #8eb6ef33;border-top-color:#b5d5ff;border-radius:50%;animation:navigation-spin .8s linear infinite;grid-row:1/3;box-sizing:border-box}
.navigation-status.is-download .navigation-spinner{animation:none;border-color:#8dbbea;background:#8dbbea26}
.learn-host .layout{min-height:calc(100dvh - 80px)}
.learn-host #root{position:relative}
.apk-transfer{max-width:100%}.apk-transfer p{margin:12px 0 0;color:#acbdd7;line-height:1.6;font-size:14px}.apk-transfer small{font-size:14px}.apk-transfer progress{display:block;width:100%;height:8px;accent-color:#9fc2ff;margin:16px 0 10px}.apk-transfer .apk-cancel{cursor:pointer;font:inherit;font-size:14px;color:#bdd5f9;border:1px solid #8eacd95c;border-radius:6px;background:#18304c;padding:6px 12px}.apk-transfer button:disabled{cursor:wait;opacity:.75}
@media(max-width:900px){.learn-host .sidebar{top:0}}
@media(min-width:901px){.learn-host .sidebar{top:0;height:100dvh}}
@keyframes navigation-spin{to{transform:rotate(360deg)}}
@keyframes navigation-pulse{50%{box-shadow:0 0 18px #77acff55}}
@media(max-width:900px){[data-agl-navigation] .home-section-nav{display:none}[data-agl-navigation] .home-section-picker{display:flex;align-items:center;gap:12px;height:48px;border-top:1px solid var(--home-line);font-size:14px}[data-agl-navigation] .home-section-picker label{color:#90a8ce;white-space:nowrap}[data-agl-navigation] .home-section-picker select{flex:1;min-width:0;height:34px;border:1px solid #9ac0f3a6;border-radius:6px;background:#183151;color:#edf5ff;font:inherit;padding:0 10px}[data-agl-navigation] .home-section-picker option{background:#10213b;color:#edf5ff}[data-agl-navigation] .home-section-picker>a{white-space:nowrap;color:#b6d0f5;border:1px solid #9cb9df33;border-radius:6px;padding:6px 7px}.service-trail{padding-top:20px;gap:14px}.cis-premium .service-trail + .cis-hero{padding-top:32px;min-height:0}}
@media(max-width:560px){[data-agl-navigation]{padding:0 16px}[data-agl-navigation] .home-nav-top{gap:8px}[data-agl-navigation] .home-nav-top nav{gap:5px}[data-agl-navigation] .home-nav-top nav a{font-size:12px;padding:0 8px;min-height:30px}[data-agl-navigation] .brand{gap:7px;font-size:17px}[data-agl-navigation] .home-section-picker{gap:8px}.service-trail{padding-left:20px;padding-right:20px;font-size:13px}.service-trail span{display:none}.navigation-status{bottom:16px;padding:16px}.navigation-status strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){[data-agl-navigation] a[data-navigation-pending],.navigation-spinner{animation:none}}
/* The picker occupies its own row, even with folding/zoom/font changes. */
@media(max-width:900px){
  [data-agl-navigation] .home-section-picker{height:auto;min-height:48px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:8px 0;box-sizing:border-box}
  [data-agl-navigation] .home-section-picker select{width:100%;max-width:100%}
}