body.eup-article-page{margin:0;background:#fbfcfa;color:#213047;font-family:Cairo,sans-serif}.article-review{text-align:center;padding:8px 16px;background:#eaf1ea;color:#51715e;font:600 12px/1.7 Cairo,sans-serif}.article{max-width:1190px;margin:auto;padding:28px 30px 80px}.article *{box-sizing:border-box}.article a{color:#406e53;text-decoration:none}.article a:is(:hover,:focus){color:#28523b}.article-breadcrumb{display:flex;flex-wrap:wrap;gap:15px;font-size:13px;color:#758179}.article-breadcrumb a{font-weight:800}.article-hero{display:flex;align-items:center;justify-content:space-between;gap:45px;margin:25px 0 46px;padding:44px 48px;border:1px solid #d6e1d8;border-radius:26px;background:#edf2e9;position:relative;overflow:hidden}.article-hero-copy{max-width:800px}.article h1{font:800 clamp(30px,3.4vw,46px)/1.65 Cairo,sans-serif;color:#203047;margin:0 0 8px}.article-subtitle{font-size:20px;color:#64766a;text-align:right;margin:0 0 25px}.article-meta{display:flex;align-items:center;gap:15px;font-size:12px;color:#62716a;margin-top:24px}.article-meta time{font-weight:700;letter-spacing:.04em}.article-hero-mark{flex:0 0 115px;color:#567963;text-align:center;transform:rotate(-8deg)}.article-hero-mark span{display:block;font:800 13px/2 Cairo,sans-serif;letter-spacing:.2em}.article-hero-mark svg{width:100%;margin-top:12px}.article-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:65px;align-items:start}.article-sidebar{position:sticky;top:24px}.article-toc{border:1px solid #dce4dc;border-radius:18px;background:#f5f7f2;padding:20px}.article-toc summary{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:16px;cursor:pointer;list-style:none}.article-toc summary::-webkit-details-marker{display:none}.article-toc[open] summary{margin-bottom:15px}.article-toc nav{display:grid;max-height:57vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b5c7b8 transparent}.article-toc a{font-size:13px;line-height:1.9;padding:10px 0;border-top:1px solid #e0e7df;color:#57665c}.article-toc a.is-sub{font-size:12px}.article-toc a[aria-current]{color:#214e34;font-weight:800}.article-all{display:flex;justify-content:space-between;margin:20px 8px;font-size:13px;font-weight:800}.article-prose{min-width:0;font:400 17px/2.2 Cairo,sans-serif;overflow-wrap:anywhere}.article-prose>:first-child{margin-top:0}.article-prose p{margin:0 0 24px}.article-prose h2,.article-prose h3,.article-prose h4{color:#213047;font-family:Cairo,sans-serif;font-weight:800;line-height:1.8;scroll-margin-top:28px}.article-prose h2{font-size:27px;margin:48px 0 22px;padding-top:26px;border-top:1px solid #dce5dc}.article-prose h3{font-size:22px;margin:36px 0 18px}.article-prose h4{font-size:19px;margin:28px 0 14px}.article-prose strong,.article-prose b{font-weight:800}.article .article-prose a:not(.article-image){color:#376947;text-decoration:underline;text-decoration-color:#a4b9a8;text-underline-offset:5px}.article .article-prose a:not(.article-image):is(:hover,:focus){color:#1e4e32;text-decoration-color:currentColor}.article-prose ul,.article-prose ol{margin:20px 0 30px;padding-inline-start:26px}.article-prose li{margin-bottom:12px;scroll-margin-top:25px}.article-prose li::marker{color:#5b7c61;font-weight:800}.article-prose>ol{padding:0;list-style:none;counter-reset:article-step}.article-prose>ol>li{counter-increment:article-step;position:relative;padding:22px 58px 24px 0;margin:0;border-top:1px solid #e0e6de}.article-prose>ol>li::before{content:counter(article-step,decimal-leading-zero);position:absolute;right:0;top:25px;display:grid;place-items:center;width:37px;height:37px;border:1px solid #d2dfd3;border-radius:50%;color:#4d7158;background:#eef3e9;font:700 13px/1 Cairo,sans-serif}.article-prose img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:7px}.article-image{display:block;width:fit-content;max-width:100%;padding:10px;border:1px solid #dfe5dd;background:white;border-radius:13px;margin:24px auto 28px;cursor:zoom-in;box-shadow:0 6px 22px #233c2710;transition:border-color .2s,box-shadow .2s}.article-image:is(:hover,:focus){border-color:#95ad99;box-shadow:0 8px 30px #233c271b}.article-prose figure{max-width:100%;margin:28px 0}.article-prose figcaption{font-size:12px;color:#748075;text-align:center}.article-prose blockquote{margin:25px 0;padding:22px 25px;background:#eff4eb;border-inline-start:3px solid #78967b;border-radius:12px;font:inherit}.article-prose blockquote p:last-child{margin-bottom:0}.article-prose hr{margin:36px 0;border:0;border-top:1px solid #dce5dc}.article-table{width:100%;overflow:auto;margin:28px 0;direction:rtl;border:1px solid #d7e2d8;border-radius:14px}.article-table table{width:100%;min-width:480px;margin:0;border-collapse:collapse;font-size:15px}.article-table th{background:#eaf1e6;font-weight:800}.article-table td,.article-table th{padding:16px 20px;border:0;border-bottom:1px solid #dfe7dc;text-align:right}.article-table tr:last-child td{border-bottom:0}.article-video{aspect-ratio:16/9;position:relative;width:100%;margin:28px 0;border-radius:16px;overflow:hidden;background:#203047}.article-video iframe{width:100%;height:100%;position:absolute;inset:0;border:0}.article-prose video,.article-prose .wp-video{max-width:100%!important;height:auto}.article-prose .gallery{display:flex;flex-wrap:wrap;gap:12px}.article-prose .gallery-item{width:calc(33.33% - 8px)!important;float:none!important;margin:0!important}.article-prose .gallery br{display:none}.article-related{border-top:1px solid #d9e3d9;margin-top:65px;padding-top:35px}.article-related-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.article-related-heading h2{font:800 26px/1.7 Cairo,sans-serif;margin:0;color:#213047}.article-related-heading>a{font-size:13px;font-weight:800}.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.article-related-grid>a{display:flex;flex-direction:column;padding:26px;border:1px solid #dce5da;border-radius:18px;background:#f1f5ec;color:#213047;transition:background .2s}.article-related-grid>a:is(:hover,:focus){background:#e7efdf;color:#315f41}.article-related-grid time{font-size:11px;color:#79877b;align-self:flex-start}.article-related-grid h3{font:800 18px/1.9 Cairo,sans-serif;margin:16px 0 25px;color:inherit}.article-related-grid span{font-size:13px;font-weight:800;margin-top:auto;color:#4c7455}.article a:focus-visible,.article summary:focus-visible,.article-table:focus-visible{outline:3px solid #b79242;outline-offset:5px}
@media(max-width:900px){.article-layout{grid-template-columns:220px minmax(0,1fr);gap:32px}.article-hero{padding:32px}.article-hero-mark{flex-basis:80px}.article-prose{font-size:16px}.article-related-grid{gap:12px}.article-related-grid>a{padding:20px}}
@media(max-width:700px){.article{padding:20px 20px 50px}.article-breadcrumb{font-size:11px;gap:10px}.article-hero{padding:25px 23px;margin:20px 0 26px;border-radius:20px}.article h1{font-size:29px;line-height:1.65}.article-hero-mark{display:none}.article-subtitle{font-size:15px;line-height:1.8;margin:12px 0 20px}.article-meta{font-size:11px;gap:12px;margin-top:20px}.article-layout{display:flex;flex-direction:column;gap:28px}.article-sidebar{position:static;width:100%}.article-toc{padding:17px 20px;border-radius:14px}.article-toc summary{font-size:15px}.article-toc nav{max-height:260px}.article-all{display:none}.article-prose{width:100%;font-size:16px;line-height:2.15}.article-prose h2{font-size:23px;margin-top:35px;padding-top:22px}.article-prose h3{font-size:20px}.article-prose>ol>li{padding-inline-start:45px}.article-prose>ol>li::before{width:31px;height:31px;font-size:11px}.article-image{padding:6px;border-radius:10px;margin:20px auto 24px}.article-prose ul,.article-prose ol{padding-inline-start:20px}.article-prose>ol{padding:0}.article-prose blockquote{padding:18px}.article-related{margin-top:38px;padding-top:25px}.article-related-heading h2{font-size:23px}.article-related-grid{grid-template-columns:1fr}.article-related-grid>a{padding:22px}.article-related-grid h3{font-size:18px;margin:10px 0 15px}}
@media(prefers-reduced-motion:reduce){.article *{transition:none!important;scroll-behavior:auto!important}}

.student-lightbox{position:fixed;inset:0;width:calc(100vw - 40px);height:calc(100dvh - 40px);max-width:1400px;max-height:none;margin:auto;padding:0;border:1px solid #ffffff30;border-radius:16px;background:#17232c;color:white;overflow:hidden}.student-lightbox,.student-lightbox *{box-sizing:border-box}.student-lightbox::backdrop{background:#09151ee8}.student-lightbox-bar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;direction:rtl;font:600 15px/1.5 Cairo,sans-serif;border-bottom:1px solid #ffffff20}.student-lightbox-bar>div{display:flex;gap:10px}.student-lightbox button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;line-height:1;border:1px solid #ffffff40;border-radius:9px;background:#ffffff10;color:white;cursor:pointer;font-size:26px}.student-lightbox-stage{height:calc(100% - 64px);overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:18px;direction:ltr;overscroll-behavior:contain}.student-lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain;margin:auto}.student-lightbox-stage.is-zoomed{display:block}.student-lightbox-stage.is-zoomed img{width:auto;max-width:none;max-height:none;margin:0 auto;display:block}.student-lightbox-stage:focus-visible{outline:2px solid #b79242;outline-offset:-4px}
@media(max-width:700px){.student-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.student-lightbox-stage{padding:10px}}

.student-lightbox button:is(:hover,:focus){background:#344d3e;color:#fff;border-color:#9db798}.student-lightbox button:focus-visible{outline:2px solid #d7b970;outline-offset:2px}
.article .article-prose .article-image--cover{margin:0 auto 30px;padding:8px}
.article .article-prose .article-image--cover img{width:auto;height:auto;max-width:min(100%,360px);max-height:220px;object-fit:contain}
@media(max-width:700px){.article .article-prose .article-image--cover{margin-bottom:24px;padding:6px}.article .article-prose .article-image--cover img{max-width:min(100%,280px);max-height:170px}}