@scope(body[data-academy=reading]){
 :scope{--accent:#0c765c;--accent-soft:#e0f2e9;background-color:#eaf4ef;background-image:linear-gradient(#eaf4ef90,#eaf4ef90),url('/static/atelier/academy-research.svg');background-size:auto,900px 680px}.atelier-header{background:#f0f8f3f2;border-color:#bddccd}.atelier-brand img{width:52px;object-fit:contain;padding:5px;border-radius:10px;background:#0c5c4b}.academy-intro,.collection-heading{position:relative;isolation:isolate;padding:36px;border:1px solid #a8d7c5;border-radius:24px;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#effff6;background-color:#104f47;background-repeat:no-repeat;background-size:cover;background-position:58% 50%;overflow:hidden;box-shadow:0 14px 32px #0a5a4220}.collection-heading{background-image:linear-gradient(90deg,#063c3acc,transparent 90%),url('/static/atelier/digital144/library.webp');margin-bottom:24px}.atelier-sales .academy-intro{background-image:linear-gradient(90deg,#083d3bc9,transparent 100%),url('/static/atelier/digital144/sales.webp')}.atelier-about .academy-intro{background-image:linear-gradient(90deg,#083d3bc9,transparent 100%),url('/static/atelier/digital144/company.webp')}.academy-intro:after{display:none}.academy-intro h1,.collection-heading h1{max-width:70%;color:#f0fff6;font-size:clamp(29px,3.6vw,45px)}.academy-intro :is(p,.poster-top,.company-copy),.collection-heading :is(.overline,em){color:#e0f5e8}.academy-intro p{max-width:65%;font-size:16px;line-height:1.75}.collection-stamp{display:none}.book-jacket{background-color:#cce8dd;background-image:linear-gradient(130deg,#dcf4e4aa,#7dc3aa30),url('/static/atelier/academy-research.svg');color:#155d49}.book-copy{background:linear-gradient(#f2fbf4,#e5f2e9)}.atelier-book{border-color:#a4cdbb;box-shadow:0 8px 22px #0c5d4310}.book-format,.book-category,.book-pin,.book-graphic{color:#1a5a47}.book-copy>span{color:#07634a}.academy-topic{border-color:#a7cebd;border-top-color:#188468;background:linear-gradient(135deg,#eff8ee,#dcedeb)}.academy-topic:nth-child(3n+2){background:linear-gradient(135deg,#e6f5f0,#d5e8eb)}.academy-editorial-section{border-color:#bed8c7;border-left-color:#168b69;background:#f2f9f1}.academy-editorial-section .poster-top{color:#276d58}.reading-page,.reader-cover{background:#f6faf2;border-color:#b5d8c3}.reader-navigation{background:#e5f2e7;border-color:#accfb9}.pg-overview{position:relative;overflow:hidden;background:linear-gradient(120deg,#d1eada,#e6f7ea)}.pg-overview:after{content:'';position:absolute;width:260px;height:260px;right:-80px;top:-100px;border:1px solid #449f7b3b;border-radius:50%;box-shadow:0 0 0 28px #449f7b0b,0 0 0 70px #449f7b0b;pointer-events:none}.pg-ring{background:conic-gradient(#16856b var(--pg-percent,0%),#d6e7df 0)}.pg-attention,.pg-last{background:#edf8ee;border-top-color:#1b8062}.pg-task-row{background:#f8fbf3;border-color:#bfd9bd}.scene-finish{background:#dbefe0;border-color:#afd0b6}.at-button.primary{background:#0d7456;border-color:#0d7456}
 @media(max-width:700px){.academy-intro,.collection-heading{padding:24px 20px;min-height:230px;background-position:48% 50%;border-radius:18px}.academy-intro h1,.collection-heading h1{max-width:90%;font-size:29px}.academy-intro p{max-width:95%;font-size:14px;line-height:1.7}.academy-intro :is(.poster-top,.company-copy){text-shadow:0 1px 4px #06352f}.atelier-brand img{width:40px}}
}
@scope(body[data-academy=quiet]){.atelier-brand img{padding:5px;border-radius:10px;background:#155b49}.test-question-card,.test-experience-head,.assessment-card,.case-library-card{border-color:#b7d2c2}.test-question-card{background:#f8fbf4}.test-run-controls{border-color:#bbd2c3}.section-kicker,.overline{color:#316451}}

@scope (body[data-academy=reading], body[data-academy=quiet]) {
 :is(.academy-intro-copy, .academy-editorial-section, .academy-topic, .book-copy,
     .assessment-card, .case-library-card, .experience-panel) :is(h1,h2,h3,h4) {
  min-width: 0;
  overflow-wrap: anywhere;
  text-wrap: pretty;
 }
 :is(.academy-intro-copy, .academy-editorial-section, .academy-topic) .poster-top {
  flex-wrap: wrap;
  gap: 6px 14px;
  line-height: 1.45;
 }
 :is(.academy-intro-copy, .academy-editorial-section, .academy-topic) .poster-top > span {
  min-width: 0;
  overflow-wrap: anywhere;
 }
 .academy-intro-copy h1 { line-height: 1.16; }
 @media (max-width: 700px) {
  .academy-intro-copy h1 { font-size: clamp(25px, 7.2vw, 34px); }
 }
}

/* The library illustration is 1280 by 640. Keep the entire composition visible. */
body.atelier-library .collection-heading {
 min-height: 0;
 aspect-ratio: 2 / 1;
 background-size: contain;
 background-position: center;
}
body.atelier-library .collection-heading > div {
 background: transparent;
 text-shadow: 0 1px 5px #062729;
}
@media (max-width: 700px) {
 body.atelier-library .collection-heading {
  padding: clamp(12px, 4vw, 20px);
 }
 body.atelier-library .collection-heading > div {
  padding: 0;
 }
}


/* Learning library: one title and a compact search. */
body.atelier-library .learning-library-toolbar{margin-block:0 1rem;gap:.65rem}
body.atelier-library .learning-library-toolbar h1{margin:0;font-size:clamp(1.65rem,5vw,2.8rem);line-height:1.1}

/* Personal test results. The list shares the reading palette on native and soft navigation. */
.personal-progress {
 width: min(100%, 880px);
 margin-inline: auto;
 display: grid;
 gap: 20px;
 color: #133d36;
}
.personal-progress-summary {
 display: flex;
 align-items: center;
 gap: clamp(14px, 4vw, 30px);
 padding: clamp(16px, 4vw, 30px);
 border: 1px solid #a8d7c5;
 border-radius: 22px;
 background: linear-gradient(115deg, #d9f3e8, #f5fbf7);
}
.personal-progress-summary .results-dial {
 width: clamp(85px, 24vw, 142px);
 height: clamp(85px, 24vw, 142px);
 padding: 7px;
 background: conic-gradient(#117963 var(--result-percent), #b6dcd1 0);
}
.personal-progress-summary .results-dial > div { background: #f1fcf6; }
.personal-progress-summary .results-dial strong { color: #105546; }
.personal-progress-summary h1 {
 margin: 0 0 6px;
 font-size: clamp(1.38rem, 4.6vw, 2.4rem);
 line-height: 1.15;
 color: #133d36;
}
.personal-progress-summary p { margin: 0; color: #365f56; font-size: .9rem; }
.personal-test-results {
 padding: clamp(14px, 3vw, 24px);
 border: 1px solid #b0d3c7;
 border-radius: 20px;
 background: #f5fcf8;
}
.personal-test-results h2 { margin: 0; font-size: 1.35rem; color: #133d36; }
.personal-test-list, .personal-test-history ul { list-style: none; padding: 0; margin: 0; }
.personal-test { padding: 14px 0; border-bottom: 1px solid #cde3da; }
.personal-test:last-child { border-bottom: 0; }
.personal-test-row {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto auto;
 gap: 9px 18px;
 align-items: center;
}
.personal-test h3 { margin: 0 0 4px; color: #133d36; font-size: 1rem; overflow-wrap: anywhere; }
.personal-test-status, .personal-test-archived { font-size: .78rem; color: #486760; }
.personal-test-status[data-status=passed] { color: #13624b; font-weight: 750; }
.personal-test-status[data-status=failed] { color: #8c4836; font-weight: 750; }
.personal-test-archived { margin-inline-start: .45rem; }
.personal-test-score { display: grid; text-align: right; }
.personal-test-score strong { font-size: 1.14rem; }
.personal-test-score time, .personal-test-history time { color: #486760; font-size: .77rem; }
.personal-test-link, .personal-test-pagination a {
 display: inline-flex;
 align-items: center;
 gap: .35em;
 min-height: 44px;
 padding: 6px 10px;
 border: 1px solid #a8cfc1;
 border-radius: 10px;
 color: #164f42;
 font-size: .82rem;
 font-weight: 700;
 text-decoration: none;
}
.personal-test-link:hover, .personal-test-pagination a:hover { background: #deefe7; }
.personal-test-history { margin-block-start: 8px; font-size: .8rem; }
.personal-test-history summary { width: fit-content; padding-block: 6px; cursor: pointer; }
.personal-test-history li {
 display: grid;
 grid-template-columns: minmax(0,1fr) auto auto;
 align-items: center;
 gap: 10px;
 padding: 6px 0;
}
.personal-test-history a { color: #13624b; font-weight: 750; }
.personal-test-pagination { display: flex; align-items: center; justify-content: center; gap: 14px; }
@media (max-width: 620px) {
 .personal-test-row { grid-template-columns: minmax(0, 1fr) auto; }
 .personal-test-link { grid-column: 1 / -1; justify-self: start; }
}


.learning-interface-block {
 margin: 0 0 1rem; padding: 1rem 1.25rem; border: 1px solid #bad4c9; border-radius: 15px;
 background: #f5fcf8; color: #16433a; overflow-wrap: anywhere;
}
.learning-interface-block p { white-space: pre-wrap; }
.learning-interface-block img { display: block; max-width: 100%; max-height: 340px; object-fit: contain; margin-block: .6rem; border-radius: 10px; }