.lo-hub{--lo-paper:#fff;--lo-ink:#211a20;--lo-dim:#524951;--lo-line:#d9cdd3;--lo-rose:#882855;--lo-soft:#fff3f8;display:grid;gap:clamp(14px,2.4vw,26px);max-width:1100px;min-width:0;margin-inline:auto;color:var(--lo-ink);background:var(--lo-paper);padding:clamp(14px,3vw,32px);overflow-wrap:break-word}
html[data-theme=dark] .lo-hub,html[data-theme=teal] .lo-hub{--lo-paper:#151316;--lo-ink:#fff8fc;--lo-dim:#d6cbd3;--lo-line:#52454f;--lo-rose:#ffacd0;--lo-soft:#32232c}
.lo-hub *{box-sizing:border-box;min-width:0}.lo-hub h1,.lo-hub h2,.lo-hub h3,.lo-hub p{margin:0}
.lo-hub small,.lo-list li small{display:block;color:var(--lo-dim);font-size:.96rem;line-height:1.42}.lo-hub a,.lo-hub button{white-space:normal;touch-action:manipulation}
.lo-hub .lo-heading,.lo-hub .lo-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.4rem}.lo-hub .lo-tools{justify-content:flex-end}.lo-tools .lo-back{margin-inline-end:auto}
.lo-hub .lo-link,.lo-hub .lo-back,.lo-hub .lo-title{font:inherit;color:var(--lo-rose);border:0;padding:.4em 0;background:transparent;min-height:44px;text-align:start;justify-self:start;font-weight:700;text-decoration:underline;text-underline-offset:.17em}
.lo-hub .lo-welcome,.lo-hub .lo-choice{color:var(--lo-ink);background:var(--lo-paper);font:inherit;display:flex;text-align:start;border:0;border-block:1px solid var(--lo-line);border-radius:0;text-decoration:none;gap:14px;padding:.6em 0;align-items:center}
.lo-hub .lo-welcome>span:last-child{margin-inline-start:auto;color:var(--lo-rose)}
.lo-hub .lo-welcome{display:grid;grid-template-columns:clamp(56px,15%,110px) minmax(0,1fr) auto}
.lo-hub .lo-welcome>.v16-card-art{width:100%;min-width:0}
.lo-hub .lo-choice strong,.lo-hub .lo-welcome strong{font-size:1.12rem;color:var(--lo-ink);display:block;line-height:1.28}
.lo-hub .lo-welcome:hover strong,.lo-hub .lo-choice:hover strong{text-decoration:underline}
.lo-hub .lo-welcome>.v16-card-art{margin:0;flex:0 0 clamp(56px,15%,110px)}
.lo-hub .lo-welcome img{aspect-ratio:1.6;object-fit:cover}
.lo-hub .lo-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,22px)}
.lo-hub .lo-choice{align-items:stretch;justify-content:flex-start;flex-direction:column;border-block-start:0;gap:.6em;padding-top:0}
.lo-hub .lo-choice>.v16-card-art{width:100%;margin:0}.lo-hub .lo-choice img{aspect-ratio:2.5;object-fit:cover}
.lo-hub .lo-resume{display:grid;justify-items:start;background:var(--lo-soft);padding:1em;border-inline-start:3px solid var(--lo-rose)}.lo-hub .lo-meta{color:var(--lo-dim);font-size:.93rem;font-weight:650}
.lo-hub .lo-feature{display:grid;grid-template-columns:minmax(85px,32%) 1fr;gap:clamp(12px,3vw,28px);align-items:center}
.lo-hub .lo-feature>.v16-card-art{margin:0}.lo-hub .lo-feature img{width:100%;aspect-ratio:1.55;object-fit:cover}
.lo-hub .lo-feature>div{display:grid;gap:.65rem;justify-items:start}.lo-hub .lo-feature h3{font-size:clamp(1.2rem,2vw,1.9rem);line-height:1.19}.lo-hub .lo-feature p{color:var(--lo-dim)}
.lo-hub .lo-practices{display:flex;gap:8px;flex-wrap:wrap}.lo-hub .lo-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lo-hub .lo-roles button,.lo-hub .lo-roles a,.lo-hub .lo-practices button,.lo-hub .lo-practices a{font:inherit;font-weight:650;background:var(--lo-soft);color:var(--lo-ink);border:1px solid var(--lo-line);border-radius:4px;padding:.65rem .9rem;text-decoration:none;min-height:44px;text-align:start;line-height:1.3}
.lo-hub .lo-practices [aria-current=page],.lo-hub .lo-practices [aria-pressed=true]{background:var(--lo-ink);color:var(--lo-paper)}
.lo-hub .lo-catalog-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.75em}.lo-catalog label{display:grid;gap:.25em;flex:1 1 15em}
.lo-catalog input[type=search],.lo-catalog select{font:inherit;padding:.65em;border:1px solid var(--lo-line);background:var(--lo-paper);color:var(--lo-ink);min-height:44px;width:100%;border-radius:4px}
.lo-hub [hidden]{display:none!important}
.lo-list{padding:0;list-style:none}.lo-list li{padding:.75em 0;border-bottom:1px solid var(--lo-line)}.lo-list a{font-weight:700;color:var(--lo-rose)}
.lo-topics summary{cursor:pointer;font-weight:650}.lo-catalog #libraryResults{margin-top:1rem}.lo-catalog .library-grid .library-card{padding:clamp(12px,2vw,22px)}
.v16-app .resource-page-shell>.v16-banner,.v16-learning-public .article-wrap>.v16-banner{margin-block:12px 20px!important}
.v16-app .resource-page-shell>.v16-banner img,.v16-learning-public .article-wrap>.v16-banner img{height:clamp(100px,16vw,205px)!important;object-fit:cover}
.lo-reflect-link{display:inline-flex;align-items:center;min-height:44px;font-weight:650;text-underline-offset:.18em}
@media(max-width:650px){
 html body.lo-hub-public .shell{width:100%;padding:12px clamp(12px,4vw,20px) 24px!important}
 html body.lo-hub-public .header{padding-block:0 10px;gap:8px}
 html body.lo-hub-public .header .tools{gap:6px}
 html body.lo-hub-public .header .tools>a:not(:last-child){display:none}
 html body.lo-hub-public .lo-hub{padding:12px 0;gap:14px}
 html body.v16-app .lo-hub{padding:12px 0;gap:14px}
 .lo-hub .lo-welcome{grid-template-columns:clamp(50px,15vw,76px) minmax(0,1fr) auto;gap:8px}
 .lo-hub .lo-welcome small{display:none}
 .lo-hub .lo-welcome strong,.lo-hub .lo-choice strong{overflow-wrap:break-word;word-break:normal}
 .lo-hub .lo-choices{grid-template-columns:1fr;gap:0}.lo-hub .lo-choice{flex-direction:row;align-items:center;padding:.55rem 0;gap:.8em}.lo-hub .lo-choice>.v16-card-art{width:clamp(60px,19vw,82px);flex:none}.lo-hub .lo-choice img{aspect-ratio:1.35}
 .lo-hub .lo-feature{grid-template-columns:1fr}.lo-hub .lo-feature img{aspect-ratio:3;max-height:140px}.lo-hub .lo-practices>a,.lo-hub .lo-practices>button{flex:1 1 auto}.lo-hub .lo-roles a,.lo-hub .lo-roles button{padding:.55em}
}
.lo-hub .lo-guide-link{font:inherit;font-weight:700;color:var(--lo-rose);background:transparent;border:0;padding:.35em 0;text-align:start;text-decoration:underline;text-underline-offset:.17em;min-height:44px}
.lo-catalog h2{margin-bottom:.6em}.lo-hub .lo-collection-intro{grid-template-columns:clamp(80px,19%,165px) minmax(0,1fr)}
.lo-hub .lo-collection-intro img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}
.lo-collection h1{font-size:clamp(1.55rem,3.8vw,2.8rem);line-height:1.12}.lo-hub .lo-catalog-controls details{align-self:end}
.lo-list li .lo-guide-link{min-height:0}.lo-hub .lo-list li{display:grid;align-content:start;justify-items:start;gap:.15em;padding:.65em 0}
.lo-list a,.lo-list .lo-guide-link{padding-block:.3em}.lo-collection-intro>.v16-card-art{min-width:0;margin:0}
.lo-hub .lo-shelf{margin:1.2rem 0 0;padding:0}
.lo-hub .lo-shelf h3{margin:0;padding:.45rem 0 .1rem;border-top:2px solid var(--lo-line);font-size:1.15rem;line-height:1.3;color:var(--lo-ink)}
.lo-hub .lo-shelf .lo-list{margin:0}
.lo-hub .lo-shelf li:last-child{border-bottom:0}
.lo-hub .lo-count{margin-top:.65rem;color:var(--lo-dim);font-size:.95rem}
.lo-hub .lo-catalog [data-lo-more]{margin-top:1rem}
@media(max-width:650px){.lo-hub .lo-collection-intro{grid-template-columns:1fr}.lo-collection-intro>.v16-card-art{order:1;max-width:100px}.lo-collection .crumbs{margin:0}}
/* Chapter library: approved illustrated B direction, shared by public and entered readers. */
.lo-hub{--lo-paper:var(--v18-bg,#fff);--lo-ink:var(--v18-ink,#171417);--lo-line:var(--v18-line,#d8d2d7);--lo-link:var(--v18-link,#892551);color:var(--lo-ink);background:var(--lo-paper)}
.lo-hub .lo-heading{align-items:center;margin-bottom:12px}.lo-hub .lo-heading h1{margin:0;font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.12}
.lo-hub .lo-intro{max-width:78ch;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.55;margin:0 0 18px}
.lo-path-links{display:flex;flex-wrap:wrap;gap:10px 26px;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid var(--lo-line)}
.lo-path-links a{color:var(--lo-link);font-weight:750;text-decoration:underline;text-underline-offset:4px;min-height:40px;display:inline-flex;align-items:center;gap:8px}
.lo-hub .lo-welcome{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 18px;margin:0 0 26px;border:1px solid var(--lo-line);border-left:5px solid #e582b2;background:var(--lo-paper);color:var(--lo-ink);text-align:left;text-decoration:none;border-radius:0;box-shadow:none;width:100%}
.lo-hub .lo-welcome .v16-card-art{width:90px;height:72px;margin:0!important;aspect-ratio:auto}.lo-hub .lo-welcome img{width:100%;height:100%;object-fit:cover}
.lo-hub .lo-welcome strong{font-size:1.2rem;line-height:1.25}.lo-hub .lo-welcome small{font-size:.95rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;color:var(--lo-ink)}
.lo-catalog-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 14px}.lo-catalog-heading h2,.lo-catalog>h2{margin:0 0 12px}.lo-catalog-heading>span{font-size:.9rem}
.lo-catalog-controls{display:flex;align-items:flex-end;gap:16px}.lo-catalog-controls>label{flex:1}.lo-catalog label{display:block;font-size:.95rem;font-weight:650}.lo-catalog input[type=search]{width:100%;min-height:48px;border:1px solid var(--lo-line);border-radius:4px;background:var(--lo-paper);color:var(--lo-ink);margin-top:7px;padding:10px 14px;font-size:1rem;box-shadow:none}
.lo-catalog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;margin:5px 0 12px}.lo-catalog-actions .lo-count{margin:0}.lo-hub .lo-link{color:var(--lo-link);background:transparent;border:0;padding:8px 0;text-decoration:underline;text-underline-offset:4px;font-size:.95rem;min-height:40px}
.lo-hub details.lo-chapter{margin:0 0 12px;border:1px solid var(--lo-line);border-radius:0;padding:0;background:var(--lo-paper);box-shadow:none;overflow:hidden}
.lo-hub details.lo-chapter>summary{display:grid;grid-template-columns:104px minmax(0,1fr) auto 20px;gap:18px;align-items:center;cursor:pointer;padding:14px 20px;list-style:none;min-height:106px}
.lo-hub details.lo-chapter>summary::-webkit-details-marker{display:none}.lo-hub details.lo-chapter>summary::marker{content:''}.lo-hub details.lo-chapter[open]>summary{border-bottom:1px solid var(--lo-line)}
.lo-hub .lo-chapter>summary .v16-card-art{width:104px;height:76px;aspect-ratio:auto;max-width:none;margin:0!important;border-radius:0}.lo-hub .lo-chapter>summary img{width:100%;height:100%;object-fit:cover}
.lo-chapter-copy{display:flex;flex-direction:column;gap:5px}.lo-chapter-copy strong{font-size:1.3rem;line-height:1.2}.lo-chapter-copy>span{font-size:.98rem;line-height:1.4;font-weight:400}.lo-chapter-count{font-weight:700;font-size:1rem;border:1px solid var(--lo-line);padding:5px 10px;border-radius:30px;min-width:38px;text-align:center}.lo-chapter-chevron{font-size:1.4rem;color:var(--lo-link)}.lo-chapter[open] .lo-chapter-chevron{transform:rotate(180deg)}
.lo-chapter-content{padding:20px}.lo-hub .lo-list.lo-card-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}.lo-hub .lo-card-list>li{display:flex;min-width:0;border:0;margin:0;padding:0}.lo-hub .lo-card-list .lo-guide-link{display:flex;flex-direction:column;align-items:stretch;position:relative;width:100%;height:100%;border:0;background:transparent;color:var(--lo-ink);padding:0;text-align:left;text-decoration:none;box-shadow:none;white-space:normal;line-height:1.35}
.lo-hub .lo-guide-link .v16-card-art{margin:0 0 12px!important;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;max-width:none}.lo-hub .lo-guide-link img{width:100%;height:100%;object-fit:cover}.lo-guide-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.lo-guide-copy strong{font-size:1.1rem;font-weight:750;line-height:1.3}.lo-hub .lo-guide-copy small{font-size:.86rem;font-weight:400;margin:0;color:var(--lo-ink)}.lo-guide-excerpt{font-size:.92rem;font-weight:400;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lo-guide-arrow{color:var(--lo-link);margin-top:8px;line-height:1;font-size:1.2rem}.lo-chapter-content>[data-lo-group-more]{display:block;margin:18px 0 0 auto;text-align:right}
.lo-hub .lo-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lo-hub .lo-roles>a,.lo-hub .lo-roles>button{display:flex;flex-direction:column;gap:14px;align-items:stretch;background:var(--lo-paper);color:var(--lo-ink);border:1px solid var(--lo-line);padding:16px;text-align:left;text-decoration:none;white-space:normal;min-width:0}.lo-hub .lo-roles .v16-card-art{width:100%;aspect-ratio:2/1;margin:0!important;height:auto}.lo-roles img{width:100%;height:100%;object-fit:cover}.lo-roles span{font-size:1.15rem;line-height:1.3;font-weight:700}
.lo-hub a:focus-visible,.lo-hub button:focus-visible,.lo-hub summary:focus-visible,.lo-hub input:focus-visible,.lo-hub select:focus-visible{outline:3px solid var(--lo-link);outline-offset:4px}
.lo-hub [hidden]{display:none!important}
@media(max-width:700px){.lo-hub .lo-tools{margin-bottom:12px}.lo-hub .lo-heading{display:block}.lo-path-links{gap:4px 18px;margin-bottom:16px}.lo-hub .lo-intro{font-size:1rem}.lo-hub .lo-welcome{grid-template-columns:64px minmax(0,1fr) 14px;gap:12px;padding:12px;margin-bottom:22px}.lo-hub .lo-welcome .v16-card-art{width:64px;height:64px}.lo-hub .lo-welcome strong{font-size:1.05rem}.lo-hub .lo-welcome small{font-size:.88rem;-webkit-line-clamp:2}.lo-catalog-controls{display:block}.lo-filter{margin-top:8px}.lo-hub details.lo-chapter>summary{grid-template-columns:66px minmax(0,1fr) auto 14px;gap:10px;padding:12px;min-height:92px}.lo-hub .lo-chapter>summary .v16-card-art{width:66px;height:66px}.lo-chapter-copy strong{font-size:1.08rem}.lo-chapter-copy>span{font-size:.84rem;line-height:1.3}.lo-chapter-count{font-size:.84rem;padding:4px 7px;min-width:28px}.lo-chapter-content{padding:14px}.lo-hub .lo-list.lo-card-list{grid-template-columns:1fr;gap:0}.lo-hub .lo-card-list>li+li{border-top:1px solid var(--lo-line);padding-top:14px;margin-top:14px}.lo-hub .lo-card-list .lo-guide-link{display:grid;grid-template-columns:76px minmax(0,1fr) 14px;gap:12px;align-items:start}.lo-hub .lo-guide-link .v16-card-art{width:76px;height:76px;aspect-ratio:1;margin:0!important}.lo-guide-copy{gap:5px}.lo-guide-copy strong{font-size:1rem}.lo-hub .lo-guide-copy small{font-size:.81rem}.lo-guide-excerpt{display:none}.lo-guide-arrow{align-self:center;margin:0}.lo-chapter-content>[data-lo-group-more]{margin-top:14px;text-align:left}.lo-hub .lo-roles{gap:12px}.lo-hub .lo-roles>a,.lo-hub .lo-roles>button{padding:12px;gap:10px}.lo-roles span{font-size:1rem}}
@media(max-width:360px){.lo-hub details.lo-chapter>summary{grid-template-columns:52px minmax(0,1fr) auto 10px;gap:8px}.lo-hub .lo-chapter>summary .v16-card-art{width:52px;height:60px}.lo-chapter-copy strong{font-size:1rem}.lo-chapter-copy>span{font-size:.8rem}}
.lo-hub .lo-collection-intro{grid-template-columns:minmax(180px,.6fr) minmax(0,1fr);margin:22px 0 30px;gap:28px}.lo-hub .lo-collection-intro>.v16-card-art{width:100%;max-width:none;height:210px;order:0}.lo-hub .lo-collection-intro img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.lo-hub .lo-collection-intro h1{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.13;margin:0}.lo-hub .lo-collection-intro p{font-size:1.1rem;line-height:1.5}.lo-hub.lo-collection>.lo-card-list{margin-top:22px}
@media(max-width:700px){.lo-hub .lo-collection-intro{display:flex;flex-direction:column-reverse;gap:18px;margin:12px 0 24px;align-items:stretch}.lo-hub .lo-collection-intro>.v16-card-art{height:150px;max-width:none}.lo-hub .lo-collection-intro img{max-height:none}.lo-hub .lo-collection-intro h1{font-size:2rem}.lo-hub .lo-collection-intro p{font-size:1rem}}

.lo-hub .lo-library-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:center;margin:0 0 18px;border-bottom:1px solid var(--lo-line);padding-bottom:18px}
.lo-hub .lo-path-start{display:flex;flex-direction:column;gap:5px;border-left:4px solid #e582b2;padding:9px 14px;margin-top:6px}.lo-path-start>small{font-size:.85rem;color:var(--lo-link);font-weight:700}.lo-path-start>a,.lo-path-start>button{font-size:1.05rem!important;font-weight:700;text-align:left;margin:0!important;padding:0!important;min-height:0!important;line-height:1.35;color:var(--lo-link)}.lo-path-start>span{font-size:.85rem}
.lo-hub .lo-library-hero h1{font-size:clamp(30px,3vw,42px)!important;line-height:1.12!important;margin:0 0 10px!important}
.lo-hub .lo-library-hero .lo-intro{font-size:1rem;line-height:1.45;margin:0 0 10px}
.lo-hub .lo-library-hero .lo-path-links{border:0;margin:0;padding:0;gap:6px 20px}.lo-hub .lo-library-hero .v16-card-art{height:145px;width:230px;max-width:none;margin:0!important;aspect-ratio:auto}.lo-hub .lo-library-hero img{width:100%;height:100%;object-fit:cover}
.lo-hub .lo-tools:empty{display:none}.lo-hub .lo-welcome{grid-template-columns:90px minmax(0,1fr) auto;margin-bottom:22px}.lo-hub .lo-welcome strong{font-size:1.3rem}.lo-hub .lo-welcome small.lo-start-label{display:table;background:#e582b2;color:#171417;padding:2px 8px;border-radius:20px;font-size:.78rem;font-weight:700;margin:0 0 4px;line-height:1.2}
.lo-hub details.lo-chapter>summary{grid-template-columns:80px minmax(0,1fr) auto 20px;min-height:78px;padding:10px 14px;gap:14px}.lo-hub details.lo-chapter>summary .v16-card-art{width:80px;height:56px}.lo-hub .lo-chapter-copy strong{font-size:1.2rem}.lo-hub .lo-chapter-copy>span{font-size:.9rem}.lo-hub .lo-chapter-content .lo-guide-excerpt{display:none}
@media(max-width:700px){.lo-hub .lo-library-hero{display:block;margin-bottom:16px;padding-bottom:12px}.lo-hub .lo-library-hero>.v16-card-art{display:none}.lo-hub .lo-library-hero h1{font-size:30px!important}.lo-hub .lo-library-hero .lo-intro{font-size:.94rem}.lo-hub .lo-library-hero .lo-path-links{gap:4px 14px}.lo-hub .lo-welcome{grid-template-columns:64px minmax(0,1fr) 14px}.lo-hub .lo-welcome strong{font-size:1.1rem}.lo-hub details.lo-chapter>summary{grid-template-columns:62px minmax(0,1fr) auto 14px;gap:10px;padding:10px;min-height:78px}.lo-hub details.lo-chapter>summary .v16-card-art{width:62px;height:52px}.lo-hub .lo-chapter-copy strong{font-size:1rem}.lo-hub .lo-chapter-copy>span{font-size:.82rem}}
/* Keep the gallery canvas truly black and avoid doubled grid/item spacing. */
html[data-theme=dark] .lo-hub,html[data-theme=teal] .lo-hub{--lo-paper:#000;--lo-ink:#fff;--lo-dim:#d6cbd3;--lo-line:#51464e;background:#000}
.lo-hub{gap:18px}.lo-hub .lo-library-hero,.lo-hub .lo-welcome{margin-bottom:0}
@media(max-width:700px){.lo-hub .lo-catalog-controls{display:block}.lo-hub .lo-catalog-controls>label{width:100%}.lo-hub .lo-filter{margin-top:8px}.lo-hub .lo-library-hero,.lo-hub .lo-welcome{margin-bottom:0}}


/* Keep search and its theme selector together in either entry experience. */
.lo-hub .lo-catalog-controls {
  display: grid; grid-template-columns: minmax(0, 3fr) minmax(13rem, 2fr);
  align-items: end; gap: 1rem;
}
.lo-hub .lo-catalog-controls label { display: grid; gap: .35rem; min-width: 0; }
.lo-hub .lo-catalog-controls input, .lo-hub .lo-catalog-controls select {
  box-sizing: border-box; margin: 0; min-height: 48px; width: 100%; min-width: 0;
}
.lo-hub .lo-intro strong { display: block; margin-bottom: .2em; }
/* Every chapter uses the same ink on the brand rose, including in dark mode. */
.lo-hub details.lo-chapter > summary {
  --lo-chapter-ink: #171417;
  background: var(--v18-rose, #e582b2);
  color: var(--lo-chapter-ink);
}
html[data-theme] .lo-hub details.lo-chapter > summary :is(.lo-chapter-copy, .lo-chapter-copy strong, .lo-chapter-copy > span, .lo-chapter-count, .lo-chapter-chevron) {
  color: var(--lo-chapter-ink) !important;
  -webkit-text-fill-color: currentColor;
}
.lo-hub details.lo-chapter > summary .lo-chapter-count {
  background: transparent;
  border-color: currentColor;
}
html[data-theme] body .lo-hub details.lo-chapter > summary:focus-visible {
  outline: 3px solid var(--lo-chapter-ink) !important;
  outline-offset: -4px !important;
}
@media (forced-colors: active) {
  html[data-theme] body .lo-hub details.lo-chapter > summary:focus-visible {
    outline-color: Highlight !important;
  }
}
.lo-topic-section { min-width: 0; scroll-margin-top: 1rem; }
.lo-hub .lo-topic-section > h2 { margin: .5em 0; }
.lo-compact-list { margin: 0; }
.lo-hub .lo-compact-list > li { padding: 0; display: block; }
.lo-hub .lo-compact-list .lo-guide-link {
  display: flex; width: 100%; align-items: center; justify-content: space-between;
  gap: 1rem; min-height: 44px; text-align: start; padding: .8rem .2rem;
  background: transparent; border: 0; text-decoration: none; color: var(--lo-ink);
}
.lo-hub .lo-compact-list .lo-guide-arrow { margin: 0; }
.lo-hub .lo-compact-list .lo-guide-excerpt { display: none; }
.lo-hub .lo-compact-list .lo-guide-link:hover strong { text-decoration: underline; }
/* Two adjacent controls share the chapter's rose banner. The link stays available while collapsed. */
.lo-hub .lo-ds-chapter {
  margin: 0 0 12px; padding: 0; border: 1px solid var(--lo-line); background: var(--lo-paper);
  container: lo-ds-chapter / inline-size;
}
.lo-ds-chapter:has([data-lo-ds-disclosure]:not([open])) > .lo-chapter-content {display: none}
.lo-hub .lo-ds-banner details[data-lo-ds-disclosure] {display: block; min-width: 0; margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none}
.lo-ds-banner [data-lo-ds-toggle]::-webkit-details-marker {display: none}
.lo-ds-banner [data-lo-ds-toggle]::marker {content: ''}
.lo-hub .lo-ds-banner {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center;
  column-gap: 12px; padding-inline-end: 14px;
  background: var(--v18-rose, #e582b2); color: #171417;
}
html[data-theme] body .lo-hub .lo-ds-banner :is(summary, a, strong, span) {
  color: #171417 !important; -webkit-text-fill-color: currentColor;
}
html[data-theme] body .lo-hub .lo-ds-banner [data-lo-ds-toggle] {
  display: grid; grid-template-columns: 80px minmax(0,1fr) auto 20px;
  align-items: center; gap: 14px; min-width: 0; width: 100%; min-height: 78px;
  padding: 10px 14px; margin: 0; text-align: start; white-space: normal;
  font: inherit; background: transparent; border: 0; border-radius: 0; box-shadow: none; list-style: none; cursor: pointer;
}
.lo-ds-banner [data-lo-ds-toggle] .v16-card-art {
  margin: 0!important; width: 80px; height: 56px; max-width: 100%; aspect-ratio: auto;
}
.lo-ds-banner .v16-card-art img {width: 100%; height: 100%; object-fit: cover}
.lo-ds-banner .lo-chapter-count {border-color: currentColor}
.lo-ds-banner .lo-chapter-copy {min-width: 0; overflow-wrap: anywhere}
.lo-ds-banner details[open] .lo-chapter-chevron {transform: rotate(180deg)}
html[data-theme] body .lo-hub .lo-ds-banner a[data-lo-ds-paths] {
  display: inline-flex; align-items: center; justify-content: center; gap: .4em;
  min-height: 44px; max-width: 20rem; padding: .35em .75em; box-sizing: border-box;
  text-decoration: underline; text-underline-offset: .18em; white-space: normal;
  border: 1px solid currentColor; background: transparent;
  font: inherit; font-weight: 650; line-height: 1.3;
}
html[data-theme] body .lo-hub .lo-ds-banner :is(summary, a):focus-visible {
  outline: 3px solid #171417 !important; outline-offset: -4px !important;
}
.lo-hub #ds-learning-paths {scroll-margin-block-start: 1.5rem}
@container lo-ds-chapter (max-width: 750px) {
  .lo-hub .lo-ds-banner {grid-template-columns: minmax(0,1fr); padding-inline-end: 0; padding-bottom: 8px}
  html[data-theme] body .lo-hub .lo-ds-banner a[data-lo-ds-paths] {
    justify-self: start; margin-inline: 10px; max-width: calc(100% - 20px);
  }
}
@media (max-width: 850px) {.lo-hub #ds-learning-paths {scroll-margin-block-start: 5.5rem}}
@media (max-width: 700px) {
  html[data-theme] body .lo-hub .lo-ds-banner [data-lo-ds-toggle] {
    grid-template-columns: 62px minmax(0,1fr) auto 14px; gap: 10px; padding: 10px;
  }
  .lo-ds-banner [data-lo-ds-toggle] .v16-card-art {width: 62px; height: 52px}
}
@media (forced-colors: active) {
  html[data-theme] body .lo-hub .lo-ds-banner :is(summary, a):focus-visible {outline-color: Highlight !important}
}
@media (max-width: 700px) {
  .lo-hub .lo-catalog-controls { grid-template-columns: minmax(0,1fr); gap: .65rem; }
}