/* CYBI journal story: readable explanations, visual process and concrete examples. */
.cybi-story .page-hero{background:radial-gradient(ellipse at 95% 0,#e8f1e2,transparent 65%),#f7f5ef}
.cybi-story .editorial-hero-grid{grid-template-columns:1.1fr 1fr}
.cybi-story .editorial-hero-copy .page-meta{justify-content:flex-start;line-height:1.7}
.cybi-story .page-hero .page-lead{font-size:1.125rem}
.cybi-story .document-body>section{margin-top:44px}
.cybi-story .document-body>section:first-of-type{margin-top:34px}
.cybi-story .document-body h2{font-size:2.125rem;line-height:1.2}
.cybi-story .document-body h3{font-size:1.25rem;line-height:1.35;margin:25px 0 12px}
.cybi-story .document-body p{margin-block:18px;line-height:1.85}
.cybi-story .editorial-figure{margin-block:34px 38px}
.cybi-story .editorial-figure figcaption{font-size:1rem}
.cybi-story .document-sidebar nav{gap:10px}
.cybi-process{list-style:none;padding:0!important;margin:24px 0!important;counter-reset:cybi-step;display:grid;gap:13px}
.cybi-process>li{display:grid;grid-template-columns:38px 1fr;gap:8px 15px;padding:22px;background:#f4f7ef;border:1px solid #dae3d1;border-radius:21px;counter-increment:cybi-step;margin:0!important}
.cybi-process>li::before{content:counter(cybi-step);display:grid;place-items:center;background:#dcebd4;color:#365533;border-radius:50%;width:36px;height:36px;font-size:1rem;font-weight:650;grid-row:1/3}
.cybi-process>li strong{line-height:1.5;font-size:1.0625rem}
.cybi-process>li>p{margin:0!important;grid-column:2;font-size:1rem;line-height:1.75!important}
.cybi-grade-note{margin:26px 0;padding:27px 30px;border-radius:25px;background:#24382c;color:#f0f5eb}
.cybi-grade-note strong{color:#fff!important;font-size:1.375rem;font-weight:650;display:block;line-height:1.4}
.cybi-grade-note p{margin-bottom:0!important;color:#e0ebd9}
.cybi-benchmark{border:1px solid #dfd5c1;border-radius:26px;padding:27px;background:#faf6ed;margin:26px 0}
.cybi-benchmark .cybi-benchmark-number{display:block;color:#435d37;font-size:3rem;line-height:1.1;font-weight:700;letter-spacing:-.055em}
.cybi-benchmark h3{margin-top:12px!important}
.cybi-benchmark p:last-child{margin-bottom:0}
.cybi-disclosure{font-size:1rem;color:#5d6458}
.cybi-dialogue{margin:26px 0;border:1px solid #dce4d5;border-radius:25px;overflow:hidden;background:#f6f8f2;padding:25px}
.cybi-dialogue>p:first-child{margin-top:0}
.cybi-bubble{padding:18px 21px;border-radius:20px;background:white;border:1px solid #dce4d5;margin-top:15px}
.cybi-bubble--student{margin-left:35px;background:#e8f0e2;border-color:#d0dfc5;border-bottom-right-radius:5px}
.cybi-bubble--ai{margin-right:20px;border-bottom-left-radius:5px}
.cybi-bubble strong{display:block;margin-bottom:7px}
.cybi-bubble p{margin:0!important;font-size:1rem;line-height:1.7!important}
.cybi-examples{margin:23px 0}
.cybi-examples details{border-bottom:1px solid #dce4d5;padding:16px 0}
.cybi-examples summary{font-size:1.0625rem;font-weight:650;line-height:1.6;cursor:pointer;padding-right:10px}
.cybi-examples details p{font-size:1rem;margin-bottom:7px}
.cybi-story .article-bottom{flex-wrap:wrap}
.cybi-story .article-bottom .button{text-decoration:none;color:#0c2914;font-weight:650}
.cybi-feature{background:#edf3e8;border:1px solid #d4dfcc;border-radius:32px;display:grid;grid-template-columns:1fr 1.05fr;gap:35px;padding:28px;margin-bottom:32px;align-items:center}
.cybi-feature-art{display:block;border-radius:23px;overflow:hidden}
.cybi-feature-art img{width:100%;aspect-ratio:3/2;object-fit:cover}
.cybi-feature h2{font-family:var(--font-body);font-weight:650;font-size:2.25rem;line-height:1.2;margin-top:14px;letter-spacing:-.045em}
.cybi-feature p{font-size:1.0625rem;line-height:1.75;color:var(--muted);margin:19px 0 24px}
.cybi-feature .blog-category{font-size:1rem;color:#4b653f}
.cybi-feature .button{font-size:1rem}
@media(max-width:899px){.cybi-story .editorial-hero-grid{grid-template-columns:1fr}.cybi-feature{grid-template-columns:1fr;gap:25px;padding:27px}.cybi-feature-art{max-width:620px}.cybi-feature h2{max-width:660px}}
@media(max-width:699px){.cybi-story .page-hero .page-lead{font-size:.9375rem}.cybi-story .document-body>section{margin-top:32px}.cybi-story .document-body h2{font-size:1.75rem}.cybi-story .document-body h3{font-size:1.125rem}.cybi-story .document-body p{margin-block:15px;line-height:1.8}.cybi-process>li{grid-template-columns:28px 1fr;padding:18px;gap:6px 10px;border-radius:18px}.cybi-process>li::before{width:28px;height:28px;font-size:.8125rem}.cybi-process>li strong{font-size:.9375rem}.cybi-process>li>p{font-size:.875rem}.cybi-grade-note{padding:22px;border-radius:22px}.cybi-grade-note strong{font-size:1.1875rem}.cybi-benchmark{padding:22px;border-radius:23px}.cybi-benchmark .cybi-benchmark-number{font-size:2.5rem}.cybi-disclosure,.cybi-story .editorial-figure figcaption{font-size:.8125rem}.cybi-dialogue{padding:18px;border-radius:21px}.cybi-bubble{padding:15px;border-radius:17px}.cybi-bubble--student{margin-left:15px}.cybi-bubble--ai{margin-right:8px}.cybi-bubble p,.cybi-examples details p{font-size:.875rem}.cybi-examples summary{font-size:.9375rem}.cybi-feature{padding:20px;border-radius:26px;gap:23px}.cybi-feature h2{font-size:1.75rem}.cybi-feature p{font-size:.9375rem;margin:16px 0 21px}.cybi-feature .blog-category{font-size:.75rem}.cybi-feature .button{font-size:.9375rem;min-height:51px}.cybi-feature-art{border-radius:19px}}
