.migration-body{background:#fff;color:#08152f}.migration-container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.migration-page{padding:38px 0 100px}.migration-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#526488;margin:0 0 44px}.migration-breadcrumb a{text-decoration:none}.migration-heading{max-width:1000px;margin:0 0 48px}.migration-heading h1{font-size:clamp(30px,3.6vw,48px);line-height:1.5;letter-spacing:.025em;font-weight:750;text-wrap:balance;margin:0 0 22px}.migration-heading>p{font-size:17px;line-height:2;max-width:880px;color:#526488}.migration-section{margin:0 0 52px;max-width:1040px}.migration-section h2,.migration-page h2{font-size:clamp(23px,2.3vw,31px);line-height:1.65;margin:0 0 23px;scroll-margin-top:100px}.migration-page h3{font-size:20px;margin:27px 0 14px}.migration-page p{line-height:2}.migration-page p+p{margin-top:18px}.migration-page ul,.migration-page ol{padding-left:1.5em;line-height:2}.migration-page li+li{margin-top:8px}.migration-page a:not(.migration-button){text-underline-offset:5px}.migration-page input,.migration-page select,.migration-page textarea,.migration-page button{font:inherit}.migration-page input,.migration-page textarea,.migration-page select{max-width:100%;border:1px solid #a9bddb;border-radius:4px;padding:10px 12px;background:#fff;color:#08152f}.migration-page textarea{min-height:140px;resize:vertical;width:100%}.migration-page input{min-height:46px}.migration-form{max-width:760px}.migration-form label{display:block;font-size:15px;font-weight:600;margin-bottom:22px}.migration-form label>input,.migration-form label>textarea,.migration-form label>select{display:block;width:100%;margin-top:8px}.migration-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px}.migration-button,.migration-page button.migration-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border:1px solid #0065ff;border-radius:999px;background:#0065ff;color:#fff;text-decoration:none;font-weight:600;line-height:1.6}.migration-button:hover{background:#004fd3}.migration-button.secondary{background:#fff;color:#0058d7}.migration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.migration-grid>section,.migration-grid>article{padding:26px 0;border-top:1px solid #cddbf0}.migration-grid h2,.migration-grid h3{margin-top:0}.migration-note{padding:18px 22px;border-left:3px solid #0065ff;background:#f4f8ff;color:#405773;font-size:14px;line-height:1.9;margin:24px 0}.migration-table{width:100%;border-collapse:collapse;font-size:16px}.migration-table th,.migration-table td{padding:17px 20px;text-align:left;vertical-align:top;border-bottom:1px solid #dce8fa;overflow-wrap:anywhere}.migration-table th{width:26%;font-weight:650;background:#f6f9fe}.migration-table-wrap{max-width:100%;overflow-x:auto}.migration-page details{border-block-start:1px solid #dce8fa;padding:20px 0}.migration-page summary{cursor:pointer;font-weight:650}.migration-page details>*+*{margin-top:18px}.migration-page figure{margin:28px 0}.migration-page figure img{border:1px solid #dce8fa;border-radius:4px;height:auto;max-width:100%}.migration-page figcaption{font-size:14px;color:#526488;margin-top:12px}.migration-related{padding-block:56px;border-top:1px solid #dce8fa}.migration-related h2{font-size:26px;margin-bottom:24px}.migration-related ul{display:flex;gap:16px 28px;flex-wrap:wrap;list-style:none;padding:0}.migration-related a{font-size:16px;color:#0058d7}.migration-footer-links{width:min(1180px,calc(100% - 80px));margin:22px auto 0;display:flex;flex-wrap:wrap;gap:12px 25px;color:#dae6ff;font-size:13px}.migration-footer-links a{color:inherit}.migration-page dialog{border:1px solid #b7c9e4;border-radius:12px;padding:28px;max-width:min(90vw,780px)}.migration-page dialog::backdrop{background:#04132999}.migration-page [hidden]{display:none!important}.migration-page :focus-visible{outline:3px solid #0065ff;outline-offset:4px}.migration-page dl{margin:22px 0}.migration-page dt{font-weight:700}.migration-page dd{margin:10px 0 25px}.migration-page .migration-reading{max-width:900px}.migration-page .migration-reading>h2{margin-top:52px}.migration-page .migration-reading>h3{margin-top:30px}.migration-page .migration-reading .wp-block-image{margin-block:28px}.migration-page .migration-reading img{max-height:none}.migration-page .migration-reading a img{cursor:zoom-in}.migration-page .migration-reading table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%}.migration-page .migration-reading td,.migration-page .migration-reading th{padding:12px;border:1px solid #dce8fa}.migration-page .migration-reading pre{overflow-x:auto;max-width:100%;padding:18px;background:#f4f8ff}.migration-page .migration-reading .wp-block-columns{display:block}
@media(max-width:980px){.migration-body .site-header{height:auto;min-height:86px}.migration-container{width:calc(100% - 48px)}.migration-heading{margin-bottom:36px}.migration-grid{gap:24px}.migration-footer-links{width:calc(100% - 48px)}}
@media(max-width:640px){.migration-container{width:calc(100% - 36px)}.migration-page{padding-top:24px;padding-bottom:64px}.migration-breadcrumb{font-size:11px;gap:8px;margin-bottom:28px}.migration-heading h1{font-size:30px}.migration-heading>p{font-size:15px}.migration-grid{grid-template-columns:1fr;gap:12px}.migration-section{margin-bottom:38px}.migration-page p,.migration-page li{font-size:15px}.migration-page h3{font-size:18px}.migration-table{font-size:14px}.migration-table th,.migration-table td{padding:13px 10px}.migration-table th{width:32%}.migration-note{padding:15px}.migration-actions{gap:12px}.migration-actions .migration-button{width:100%}.migration-related{padding-block:36px}.migration-related ul{display:grid;gap:15px}.migration-footer-links{width:calc(100% - 36px)}.migration-page dialog{padding:20px}.migration-page .migration-reading>h2{margin-top:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.site-footer,.migration-breadcrumb,.migration-actions,.migration-footer-links{display:none}.migration-page{padding:0}.migration-container{width:100%}.migration-heading h1{font-size:26px}.migration-page p,.migration-page li{font-size:11pt}.migration-page a{color:inherit}.migration-page details>*,.migration-page details:not([open])>*{display:block}.migration-page .migration-note{border-color:#999;background:#fff}}
.migration-page[data-migration-page="colors"] .migration-heading h1{font-size:clamp(40px,5vw,64px);line-height:1.3;letter-spacing:.05em}.migration-color-title{background:linear-gradient(110deg,#0065ff,#00aeef 50%,#ed16d8);color:transparent;background-clip:text;-webkit-background-clip:text}
