.story-hero{padding-top:65px;padding-bottom:55px}.story-hero h1{margin:15px 0 20px}.story-hero .lead{max-width:760px}.back-link{display:inline-block;color:#a8caff;margin-bottom:45px}.story-hero .tags{margin:25px 0}.status-line,.illustration-note{font-size:.77rem;letter-spacing:.04em;color:#a7b8ce}.story-terminal{border:1px solid #3b5270;border-radius:14px;overflow:hidden;background:#0e192a;max-width:850px;margin-top:42px}.story-terminal pre{margin:0;padding:30px;overflow:auto;line-height:1.9;color:#b8d2f1;font-size:clamp(.74rem,2vw,.98rem)}.story-terminal b{color:#8ae1bc}.story-terminal pre span{color:#86b6ff}.illustration-note{margin-top:10px}.story-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px;padding-bottom:110px}.story-toc{position:sticky;top:100px;align-self:start;display:grid;gap:15px;border-left:1px solid #33455f;padding-left:20px}.story-toc strong{font-size:.73rem;letter-spacing:.16em;color:#86b6ff}.story-toc a{font-size:.85rem;color:#afc0d5}.story-toc a:hover{color:white}.story-content{max-width:770px}.story-content section{padding:48px 0;border-bottom:1px solid #29394e;scroll-margin-top:85px}.story-content section:first-child{padding-top:0}.story-content p,.story-content li{color:#bac9dc}.story-content h3{margin-bottom:7px}.story-content h2{font-size:clamp(1.9rem,3vw,2.6rem)}.callout,.lesson-card{background:#14243a;border:1px solid #34516f;padding:20px 24px;border-radius:10px;margin:22px 0}.callout strong{color:#a5ceff}.timeline{border-left:1px solid #4774a7;margin-left:13px}.timeline>div{position:relative;padding:0 0 28px 33px}.timeline>div>span{position:absolute;left:-15px;top:0;border-radius:50%;background:#2d66c4;color:white;width:30px;height:30px;text-align:center;font-size:.73rem;line-height:30px}.architecture{display:flex;flex-direction:column;align-items:center;gap:10px;margin:30px auto;max-width:480px}.architecture div{width:100%;text-align:center;border:1px solid #46668d;background:#15263d;border-radius:10px;padding:15px;font-weight:750;letter-spacing:.06em}.architecture small{font-weight:400;color:#b2c7e0;letter-spacing:0}.architecture span{color:#8bbaff;font-size:1.4rem}.exercise{padding-left:22px}.exercise li{padding:12px 0}.story-content pre{overflow:auto;background:#07111f;border:1px solid #2e4563;border-radius:8px;padding:16px;line-height:1.7}.story-content code{color:#a4e2ce}.story-content .button{margin:8px 8px 8px 0}@media(max-width:750px){.story-layout{display:block}.story-toc{position:static;display:flex;flex-wrap:wrap;gap:10px;padding:0 0 22px;border-left:0;border-bottom:1px solid #33455f;margin-bottom:40px}.story-toc strong{width:100%}.story-toc a{font-size:.78rem}.story-hero{padding-top:38px}.story-terminal pre{padding:16px}}

/* v1.2: screenshot slots and student centre */
.evidence-gallery{margin-top:32px}.evidence-gallery>p{color:#aab9d0}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.evidence-slot{display:flex;min-height:160px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;border:1px dashed #536b8d;border-radius:14px;background:#162238;text-align:center}.evidence-slot>span{font-size:32px;color:#88b3ff}.evidence-slot small{color:#acbdd4}.learning-page{padding-top:90px;padding-bottom:100px}.learning-page h1{font-size:clamp(2.5rem,7vw,5rem);line-height:1.08}.learning-page h1 span{color:#85b5ff}.learning-page .lead{max-width:760px}.learning-paths{display:grid;gap:20px;margin:50px 0}.learning-paths article{padding:28px;border:1px solid #35435e;border-radius:18px;background:#142034}.learning-paths h2{margin:14px 0}.learning-paths li{margin:12px 0;line-height:1.7}.learning-paths code{overflow-wrap:anywhere;color:#a5ccff}@media(max-width:650px){.evidence-grid{grid-template-columns:1fr}.learning-page{padding-top:45px}}

/* v1.3: featured Prime Server concept artwork */
.featured-concept{margin:42px 0 28px;overflow:hidden;border:1px solid #425a7c;border-radius:18px;background:#0d1728;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.concept-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;font-size:.69rem;font-weight:750;letter-spacing:.13em;color:#aabed9}
.concept-pill{display:inline-block;background:#243959;border:1px solid #5682ba;border-radius:99px;padding:8px 12px;color:#b7d7ff}
.featured-concept a{display:block;line-height:0}.featured-concept img{display:block;width:100%;height:auto}.featured-concept figcaption{padding:17px 20px;color:#b5c7dd;font-size:.85rem;line-height:1.65;border-top:1px solid #34475e}
@media(max-width:650px){.featured-concept{margin:26px 0}.concept-heading{padding:14px}.featured-concept figcaption{padding:14px}}