/* Custom GPT & Gem migration resource: scoped guide reading/print styles */
.mg-submenu{padding-top:24px;padding-bottom:24px;border-bottom:1px solid #d5e1f4}
.mg-submenu-label{display:block;margin-bottom:12px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#506383}
.mg-submenu-links{display:flex;flex-wrap:wrap;gap:8px}
.mg-page .mg-submenu-links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #d5e1f4;border-radius:24px;background:#f0f5fc;color:#1c3970;font-size:14px;font-weight:600;text-decoration:none}
.mg-page .mg-submenu-links a:hover{background:#dfe9ff;border-color:#2350ed}
.mg-page .mg-submenu-links a:focus-visible{outline:2px solid #2350ed;outline-offset:3px}
.mg-page [id^="mg-"]{scroll-margin-top:110px}
.mg-page{--mg-blue:#2350ed;--mg-ink:#10182b;--mg-muted:#506383;--mg-line:#d5e1f4;--mg-soft:#f0f5fc;--mg-lime:#c9f27a;--mg-err:#b42318}
.mg-hero{padding:72px 0 64px;background:radial-gradient(ellipse at 85% 30%,#dbe8ff 0,transparent 55%),radial-gradient(ellipse at 95% 90%,#e8f9c8 0,transparent 32%),#f3f6fc}
.mg-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:56px;align-items:end}
.mg-page .mg-hero h1{font-size:clamp(34px,4.2vw,58px)}
.mg-byline a{color:inherit}
.mg-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:none}
.mg-steps li{display:flex;gap:18px;align-items:flex-start;padding:18px 20px;background:#fff;border:1px solid var(--mg-line);border-radius:18px;box-shadow:0 14px 40px -32px #58749f;opacity:0;transform:translateY(10px);animation:mg-in .5s ease-out forwards}
.mg-steps li:nth-child(2){animation-delay:.08s}.mg-steps li:nth-child(3){animation-delay:.16s}.mg-steps li:nth-child(4){animation-delay:.24s}
.mg-steps b{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:12px;color:var(--mg-blue);padding-top:3px}
.mg-steps strong{display:block;font-size:16px;margin-bottom:3px;color:var(--mg-ink)}
.mg-steps span{font-size:13px;line-height:1.65;color:var(--mg-muted)}
@keyframes mg-in{to{opacity:1;transform:none}}
.mg-preview{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;padding-top:72px;padding-bottom:40px}
.mg-page .mg-preview h2,.mg-page .mg-gate h2{font-size:clamp(25px,2.4vw,33px);letter-spacing:-.8px;line-height:1.25;margin:0 0 24px}
.mg-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mg-date{border:1px solid var(--mg-line);border-radius:16px;padding:18px;background:#fff}
.mg-date p{margin:0;font-size:13px;line-height:1.65;color:var(--mg-muted)}
.mg-date .mg-plat{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#3d64a2}
.mg-date .mg-when{font-size:20px;letter-spacing:-.5px;color:var(--mg-ink);margin:6px 0 8px;font-weight:500}
.mg-disclaimer{margin:16px 0 0;padding:16px 18px;border-left:3px solid var(--mg-blue);background:var(--mg-soft);border-radius:0 12px 12px 0;font-size:13px;line-height:1.75;color:#435778}
.mg-disclaimer a,.mg-privacy a{color:#2350cf;text-underline-offset:3px}
.mg-check{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:10px}
.mg-check li{position:relative;padding-left:32px;font-size:14px;line-height:1.7;color:#435778}
.mg-check li::before{content:'';position:absolute;left:0;top:3px;width:18px;height:18px;border:1.5px solid #9fb6dd;border-radius:5px;background:#fff}
.mg-toc-k{margin-top:8px!important}
.mg-contents{margin:0;padding:0 0 0 20px;font-size:14px;line-height:2;color:var(--mg-muted)}
.mg-gate-wrap{padding-top:36px;padding-bottom:90px;scroll-margin-top:100px}
.mg-gate{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding:44px;border-radius:28px;background:radial-gradient(ellipse at 10% 0,#253f67,transparent 65%),#0d162a;color:#fff}
.mg-gate .resource-kicker{color:#a4c8ff!important}
.mg-page .mg-gate h2{color:#fff}
.mg-page .mg-gate .mg-privacy{color:#cad7eb}
.mg-page a.btn-p{color:#fff}
.mg-gate-intro p:not(.resource-kicker){color:#cad7eb;line-height:1.8;font-size:15px}
.mg-form{display:grid;gap:16px}
.mg-form[hidden],.mg-unlocked[hidden],.mg-skeleton[hidden]{display:none!important}
.mg-field label{display:block;font-size:12px;margin-bottom:8px;color:#cad7eb}
.mg-field input{font:inherit;font-size:15px;width:100%;min-height:52px;padding:13px 16px;border-radius:12px;border:1px solid #33486e;background:#14203a;color:#fff;box-sizing:border-box}
.mg-field input:focus-visible{outline:3px solid #85aeff;outline-offset:2px}
.mg-field input[aria-invalid="true"]{border-color:#ff9b8f}
.mg-err{margin:6px 0 0;font-size:12px;color:#ffb4aa;min-height:0}
.mg-err:empty{display:none}
.mg-hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.mg-privacy{margin:4px 0 0;font-size:12px;line-height:1.7;color:#a9b9d3}
.mg-gate .mg-privacy a{color:#a8caff}
.mg-status:empty{display:none}
.mg-status{font-size:13px;line-height:1.6;padding:12px 14px;border-radius:10px;background:#3a1b1f;color:#ffd2cc;border:1px solid #7a3a3f}
.mg-status[data-tone="pending"]{background:#14203a;color:#cad7eb;border-color:#33486e}
.mg-submit{justify-self:start;min-width:200px}
.mg-submit[aria-busy="true"]{opacity:.75;cursor:progress}
.mg-skeleton{display:grid;gap:14px;align-content:start}
.mg-skeleton i{display:block;height:52px;border-radius:12px;background:linear-gradient(90deg,#14203a,#1d2d4f,#14203a);background-size:200% 100%;animation:mg-sh 1.3s linear infinite}
@keyframes mg-sh{to{background-position:-200% 0}}
.mg-toolbar{position:sticky;top:84px;z-index:3;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;padding:14px 18px;margin-bottom:34px;border:1px solid var(--mg-line);border-radius:18px;background:rgba(243,246,252,.94);backdrop-filter:blur(8px)}
.mg-notice{margin:0;font-size:13px;color:var(--mg-muted)}
.mg-notice strong{color:#1a7a3c}
.mg-actions{display:flex;flex-wrap:wrap;gap:10px}
.mg-dl{border:1px solid #c6d7f2;color:#183b80!important;background:#fff}
.mg-guide-host:focus{outline:none}
.mg-feature{padding-top:44px}
.mg-feature-card{display:grid;grid-template-columns:1fr auto;gap:6px 40px;align-items:center;padding:30px 34px;border-radius:24px;text-decoration:none;color:#fff;background:radial-gradient(ellipse at 90% 0,#2b4b80,transparent 60%),#0d162a;transition:transform .25s}
.mg-feature-card:hover{transform:translateY(-3px)}
.mg-feature-card .resource-kicker{color:#c9f27a!important;margin:0!important;grid-column:1}
.mg-feature-card strong{grid-column:1;font-size:clamp(21px,2.2vw,28px);font-weight:500;letter-spacing:-.6px;line-height:1.3}
.mg-feature-deck{grid-column:1;font-size:14px;line-height:1.7;color:#cad7eb}
.mg-feature-go{grid-column:2;grid-row:1/4;padding:14px 22px;border-radius:999px;background:#fff;color:#10182b;font-size:14px;white-space:nowrap}
/* Guide reading styles (server HTML) */
.migration-guide{max-width:780px;margin:0 auto;color:#10182b}
.migration-guide h1{font-size:clamp(30px,3.6vw,46px);letter-spacing:-1.2px;line-height:1.15;margin:0 0 22px}
.migration-guide h2{font-size:26px;letter-spacing:-.5px;line-height:1.3;margin:52px 0 16px;padding-top:24px;border-top:1px solid #d8e4f7}
.migration-guide h3{font-size:19px;margin:30px 0 10px}
.migration-guide p,.migration-guide li{font-size:16px;line-height:1.9;color:#435778}
.migration-guide ol,.migration-guide ul{padding-left:22px}
.migration-guide a{color:#2350cf;text-underline-offset:4px}
.migration-guide table{width:100%;border-collapse:collapse;margin:20px 0 28px;font-size:14px;display:block;overflow-x:auto}
.migration-guide th,.migration-guide td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid #e0e8f6;line-height:1.6}
.migration-guide th{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#3d64a2;background:#f0f5fc;font-weight:500}
.migration-guide .guide-callout{margin:26px 0;padding:20px 22px;border-left:3px solid #2350ed;border-radius:0 14px 14px 0;background:#f0f5fc}
.migration-guide .guide-callout p{margin:0;color:#24375a}
.migration-guide .guide-checklist{list-style:none;padding:0}
.migration-guide .guide-checklist li{position:relative;padding-left:32px;margin-bottom:6px}
.migration-guide .guide-checklist li::before{content:'';position:absolute;left:0;top:6px;width:17px;height:17px;border:1.5px solid #9fb6dd;border-radius:4px}
.migration-guide .guide-checklist li>span[aria-hidden]{display:none}
.migration-guide .guide-table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:900px){.mg-hero-grid,.mg-preview,.mg-gate{grid-template-columns:1fr;gap:34px}.mg-gate{padding:30px 22px}}
@media(max-width:650px){.mg-hero{padding:40px 0 44px}.mg-dates{grid-template-columns:1fr}.mg-feature-card{grid-template-columns:1fr;padding:24px}.mg-feature-go{grid-column:1;grid-row:auto;justify-self:start;margin-top:10px}.mg-toolbar{position:static}.mg-submit{width:100%}}
@media(prefers-reduced-motion:reduce){.mg-steps li{animation:none;opacity:1;transform:none}.mg-skeleton i{animation:none}.mg-feature-card{transition:none}}
@media print{
 body.mg-print-mode>*:not(#app){display:none!important}
 body.mg-print-mode #app .mg-print-hide,body.mg-print-mode .mg-toolbar{display:none!important}
 body.mg-print-mode,body.mg-print-mode #app,body.mg-print-mode .mg-page{background:#fff!important}
 body.mg-print-mode .mg-gate-wrap{padding:0!important;max-width:none}
 body.mg-print-mode .migration-guide{max-width:none;color:#000}
 body.mg-print-mode .migration-guide p,body.mg-print-mode .migration-guide li,body.mg-print-mode .migration-guide td{color:#222;font-size:11pt}
 body.mg-print-mode .migration-guide h2{break-after:avoid;page-break-after:avoid}
 body.mg-print-mode .migration-guide table,body.mg-print-mode .guide-callout,body.mg-print-mode .guide-checklist li{break-inside:avoid}
 body.mg-print-mode .migration-guide table{display:table}
}
