.article-content{color:var(--color-gray-800);font-feature-settings:"palt" 1;letter-spacing:.04em}.article-content h2{margin-bottom:1.5rem;margin-top:3rem;border-left-width:4px;border-color:var(--color-secondary-600);background-color:var(--color-gray-50);padding:.75rem .75rem .75rem 1rem;font-family:var(--font-noto-sans-jp),var(--font-inter),system-ui,sans-serif;font-weight:700;color:var(--color-primary-800);font-size:1.5rem;line-height:1.6;letter-spacing:.02em;scroll-margin-top:5rem}@media (min-width:768px){.article-content h2{font-size:1.875rem;line-height:1.5}}.article-content h3{position:relative;margin-bottom:1rem;margin-top:2.5rem;padding-bottom:.5rem;font-family:var(--font-noto-sans-jp),var(--font-inter),system-ui,sans-serif;font-weight:700;color:var(--color-primary-800);font-size:1.25rem;line-height:1.6;letter-spacing:.02em;scroll-margin-top:5rem;border-bottom:.125rem solid #e5e7eb}@media (min-width:768px){.article-content h3{font-size:1.5rem;line-height:1.5}}.article-content h3:after{content:"";position:absolute;bottom:-.125rem;left:0;width:3rem;height:.125rem;background-color:#c4a052}.article-content h4{position:relative;margin-bottom:.75rem;margin-top:2rem;padding-left:1.25rem;font-family:var(--font-noto-sans-jp),var(--font-inter),system-ui,sans-serif;font-weight:700;color:var(--color-gray-800);font-size:1.125rem;line-height:1.7;letter-spacing:.02em;scroll-margin-top:5rem}@media (min-width:768px){.article-content h4{font-size:1.25rem;line-height:1.6}}.article-content h4:before{content:"■";position:absolute;left:0;color:#c4a052;font-size:.6em;top:.45em}.article-content h5{margin-bottom:.75rem;margin-top:1.5rem;font-weight:700;color:var(--color-gray-900);font-size:1rem;line-height:1.7;letter-spacing:.02em}@media (min-width:768px){.article-content h5{font-size:1.125rem}}.article-content h4:has(+h5){margin-bottom:.5rem;margin-top:2.5rem;padding-left:2.5rem;color:var(--color-primary-800)}@media (min-width:768px){.article-content h4:has(+h5){padding-left:2.75rem}}.article-content h4:has(+h5):before{content:"Q";position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background-color:#1b2640;color:#ffffff;font-size:.875rem;font-weight:700;border-radius:.375rem}@media (min-width:768px){.article-content h4:has(+h5):before{width:2rem;height:2rem;font-size:1rem}}.article-content h4+h5{position:relative;margin-bottom:1rem;margin-top:.75rem;padding-left:2.5rem;font-weight:400;color:var(--color-gray-700)}@media (min-width:768px){.article-content h4+h5{padding-left:2.75rem}}.article-content h4+h5:before{content:"A";position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background-color:#c4a052;color:#1b2640;font-size:.875rem;font-weight:700;border-radius:.375rem}@media (min-width:768px){.article-content h4+h5:before{width:2rem;height:2rem;font-size:1rem}}.article-content h6{margin-bottom:.5rem;margin-top:1rem;font-weight:700;color:var(--color-gray-800);font-size:1rem;line-height:1.7;letter-spacing:.02em}.article-content p{margin-bottom:1.5rem;color:var(--color-gray-700);font-size:1rem;line-height:2;letter-spacing:.04em}@media (min-width:768px){.article-content p{font-size:1.0625rem;line-height:2}}.article-content ol,.article-content ul{margin-bottom:1.5rem}.article-content ol>:not([hidden])~:not([hidden]),.article-content ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.article-content ol,.article-content ul{padding-left:1.5rem}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content li{color:var(--color-gray-700);font-size:1rem;line-height:1.9;letter-spacing:.04em;padding-left:.5rem}@media (min-width:768px){.article-content li{font-size:1.0625rem;line-height:1.85}}.article-content li::marker{color:var(--color-secondary-600)}.article-content a{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1));text-decoration-line:underline;text-decoration-color:rgb(37 99 235/.5);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;text-decoration-thickness:.0625rem;text-underline-offset:.25rem}.article-content a:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1));text-decoration-color:rgb(30 64 175/.7)}.article-content a[href^=http]:not([href*="eltschool.jp"]):not([href*=localhost]):after{content:"";display:inline-block;width:.85em;height:.85em;margin-left:.2em;margin-right:.1em;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-position:50%;opacity:.8}.article-content a[href^=http]:not([href*="eltschool.jp"]):not([href*=localhost]):hover:after{opacity:1}.article-content b,.article-content strong{font-weight:700;color:var(--color-primary-800)}.article-content b u,.article-content strong u,.article-content u b,.article-content u strong{font-weight:700;color:var(--color-primary-800);background:linear-gradient(transparent 50%,#f7f79a 0);text-decoration:none}.article-content em{font-style:italic;color:var(--color-gray-700)}.article-content blockquote{position:relative;margin-top:2rem;margin-bottom:2rem;border-radius:.5rem;color:var(--color-gray-700);padding:1.25rem 1.25rem 1.25rem 3rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:.0625rem solid #bae6fd}@media (min-width:768px){.article-content blockquote{padding:1.5rem 1.5rem 1.5rem 3.5rem}}.article-content blockquote:before{content:'"';position:absolute;top:.5rem;left:.75rem;font-family:Georgia,serif;font-size:3rem;line-height:1;color:#0ea5e9;opacity:.4}.article-content blockquote p{margin-bottom:0;font-style:normal;font-size:1rem;line-height:1.9;letter-spacing:.04em}@media (min-width:768px){.article-content blockquote p{font-size:1.0625rem}}.article-content blockquote cite,.article-content blockquote footer{margin-top:.75rem;display:block;text-align:right;font-style:normal;color:var(--color-gray-500);font-size:.875rem}.article-content blockquote cite:before,.article-content blockquote footer:before{content:"— "}.article-content code{border-radius:.25rem;background-color:var(--color-gray-100);font-family:var(--font-mono),Consolas,monospace;color:var(--color-gray-800);font-size:.875rem;padding:.125rem .5rem}.code-block-wrapper{position:relative;margin-top:1.5rem;margin-bottom:1.5rem}.article-content pre{overflow-x:auto;border-radius:.75rem;border-width:1px;border-color:var(--color-gray-200);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:var(--color-gray-50) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f8fafc var(--tw-gradient-to-position);padding:1.25rem 4rem 1.25rem 1.25rem}.article-content pre code{background-color:transparent;color:var(--color-gray-700);font-size:.9375rem;line-height:1.7;padding:0;white-space:pre-wrap;word-break:break-word}.code-copy-button{position:absolute;right:.5rem;top:.5rem;display:flex;align-items:center;gap:.375rem;border-radius:.5rem;border-width:1px;border-color:var(--color-gray-200);background-color:rgb(255 255 255/.9);padding:.375rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500;color:var(--color-gray-600);--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.code-copy-button,.code-copy-button:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.code-copy-button:hover{border-color:var(--color-secondary-600);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:var(--color-primary-800);--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.code-copy-button:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.code-copy-button--success,.code-copy-button--success:hover{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.code-copy-icon{width:.875rem;height:.875rem}.code-copy-icon--success{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.code-copy-text{display:none}@media (min-width:640px){.code-copy-text{display:inline}}@media (max-width:768px){.article-content pre{padding:1rem 3rem 1rem 1rem;font-size:.875rem;border-radius:.75rem}.article-content pre code{font-size:.875rem}.code-copy-button{padding:.25rem .5rem}}.article-content img{border-radius:.5rem;--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);max-width:100%;height:auto}.article-content figure,.article-content img{margin-top:2rem;margin-bottom:2rem}.article-content figcaption{margin-top:.5rem;text-align:center;color:var(--color-gray-600);font-size:.875rem;line-height:1.6}.article-content .table-wrapper{margin-top:1.5rem;margin-bottom:1.5rem;overflow-x:auto;border-radius:.5rem;border-width:1px;border-color:var(--color-gray-200);-webkit-overflow-scrolling:touch}.article-content .table-wrapper table{margin-top:0;margin-bottom:0;min-width:100%;border-width:0}.article-content table{margin-top:1.5rem;margin-bottom:1.5rem;width:100%;border-collapse:collapse;overflow:hidden;border-radius:.5rem;border-width:1px;border-color:var(--color-gray-200)}.article-content thead{background-color:var(--color-primary-800);box-shadow:0 2px 4px rgba(27,38,64,.15)}.article-content thead th{text-align:left;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));padding:.75rem 1rem;font-size:.875rem;white-space:nowrap;border-right:1px solid rgba(255,255,255,.15)}.article-content thead th:last-child{border-right:none}.article-content tbody th{text-align:left;font-weight:700;color:var(--color-primary-800);background-color:rgba(27,38,64,.04)}.article-content tbody th,.article-content td{border-bottom-width:1px;border-color:var(--color-gray-200);padding:.75rem 1rem;font-size:.9375rem;line-height:1.7}.article-content td{color:var(--color-gray-700)}.article-content tr:last-child td{border-bottom-width:0}.responsive-table-wrapper{margin-top:1.5rem;margin-bottom:1.5rem;width:100%}.responsive-table-wrapper table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:.5rem;border-width:1px;border-color:var(--color-gray-200)}.responsive-table-wrapper thead{background-color:var(--color-primary-800);box-shadow:0 2px 4px rgba(27,38,64,.15)}.responsive-table-wrapper thead th{text-align:left;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));padding:.75rem 1rem;font-size:.875rem;border-right:1px solid rgba(255,255,255,.15)}.responsive-table-wrapper thead th:last-child{border-right:none}.responsive-table-wrapper tbody th{text-align:left;font-weight:700;color:var(--color-primary-800);background-color:rgba(27,38,64,.04)}.responsive-table-wrapper tbody th,.responsive-table-wrapper td{border-bottom-width:1px;border-color:var(--color-gray-200);padding:.75rem 1rem;font-size:.9375rem;line-height:1.7}.responsive-table-wrapper td{color:var(--color-gray-700)}.responsive-table-wrapper tr:last-child td{border-bottom-width:0}.scroll-table-container{position:relative;margin-top:1.5rem;margin-bottom:1.5rem}.scroll-table-container .responsive-table-wrapper{margin-top:0;margin-bottom:0}.scroll-fade-overlay,.scroll-swipe-hint{display:none}@media (max-width:768px){.responsive-table-wrapper[data-mode=scroll]{position:relative;overflow-x:auto;border-radius:.5rem;border-width:1px;border-color:var(--color-gray-200);-webkit-overflow-scrolling:touch}.responsive-table-wrapper[data-mode=scroll] table{margin-top:0;margin-bottom:0;min-width:100%;border-width:0}.responsive-table-wrapper[data-mode=scroll] .sticky-first-column{position:sticky;left:0;z-index:10;background-color:rgba(27,38,64,.04);box-shadow:2px 0 4px -2px rgba(0,0,0,.1)}.responsive-table-wrapper[data-mode=scroll] thead .sticky-first-column{background-color:var(--color-primary-800)}.responsive-table-wrapper[data-mode=scroll] td,.responsive-table-wrapper[data-mode=scroll] th{white-space:nowrap;font-size:.875rem;line-height:1.25rem}.scroll-fade-overlay{display:block;pointer-events:none;position:absolute;right:0;top:0;z-index:20;height:100%;width:2rem;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.95))}.scroll-fade-overlay.is-hidden{opacity:0}.scroll-swipe-hint{display:block;position:absolute;right:.5rem;top:50%;z-index:30;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.scroll-swipe-hint-text{display:flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background-color:rgba(27,38,64,.9);animation:swipe-hint-pulse 1.5s ease-in-out infinite}.scroll-swipe-hint-icon{width:1rem;height:1rem;animation:swipe-hint-arrow 1s ease-in-out infinite}@keyframes swipe-hint-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes swipe-hint-arrow{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}.scroll-swipe-hint.is-hidden{pointer-events:none;opacity:0}.scroll-swipe-hint.fade-out{pointer-events:none;animation:swipe-hint-fade-out .5s ease-out forwards}@keyframes swipe-hint-fade-out{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-50%) translateX(10px)}}}@media (max-width:768px){.responsive-table-wrapper[data-mode=card]{border-width:0}.responsive-table-wrapper[data-mode=card] table{display:block;border-width:0}.responsive-table-wrapper[data-mode=card] thead,.responsive-table-wrapper[data-mode=card] tr[data-header-row=true]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.responsive-table-wrapper[data-mode=card] tbody{display:block}.responsive-table-wrapper[data-mode=card] tr{margin-bottom:1rem;display:block;border-radius:.75rem;border-width:1px;border-color:var(--color-gray-200);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.responsive-table-wrapper[data-mode=card] tbody tr:first-child{margin-top:0}.responsive-table-wrapper[data-mode=card] tr:last-child{margin-bottom:0}.responsive-table-wrapper[data-mode=card] tbody th{position:relative;display:block;border-bottom-width:1px;border-color:var(--color-gray-200);padding:0 0 .75rem;font-size:1rem;line-height:1.5rem;font-weight:700;color:var(--color-primary-800);background-color:transparent;text-align:left;word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.6}.responsive-table-wrapper[data-mode=card] td{position:relative;display:block;border-bottom-width:1px;border-color:var(--color-gray-100);font-size:1rem;line-height:1.5rem;padding:.75rem 0;text-align:left}.responsive-table-wrapper[data-mode=card] td:last-child{border-bottom-width:0;padding-bottom:0}.responsive-table-wrapper[data-mode=card] td:first-child{padding-top:0}.responsive-table-wrapper[data-mode=card] tbody th+td{padding-top:.75rem}.responsive-table-wrapper[data-mode=card] td[data-label]:before{content:attr(data-label);margin-bottom:.25rem;display:block;font-size:.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;color:var(--color-primary-800)}.responsive-table-wrapper[data-mode=card] td{word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.6}.responsive-table-wrapper:not([data-mode]){overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table-wrapper:not([data-mode]) table{min-width:100%}.responsive-table-wrapper:not([data-mode]) td,.responsive-table-wrapper:not([data-mode]) th{white-space:nowrap}.article-content>table:not([data-table-mode]){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-content>table:not([data-table-mode]) td,.article-content>table:not([data-table-mode]) th{white-space:nowrap}}.article-content hr{margin-top:2rem;margin-bottom:2rem;border-color:var(--color-gray-200)}@media (max-width:768px){.article-content blockquote:before{font-size:2.5rem;left:.5rem;top:.25rem}.article-content table{font-size:.875rem}.article-content td,.article-content th{padding:.5rem .75rem}}