/* Shared learner experience. Every selector stays within its owning surface. */
:root { --experience-plum: #3b2053; --experience-purple: #572594; --experience-lilac: #eee7f4; --experience-paper: #fbf9f6; --experience-line: #ded7e6; }
.practice-dashboard { background: var(--experience-paper); }
.practice-dashboard .layout { max-width: 1540px; grid-template-columns: 232px minmax(0, 1fr); }
.practice-dashboard .sidebar { background: #f1edf4; border-right: 1px solid #e2dbe9; padding-top: 34px; }
.practice-dashboard main { max-width: 1240px; width: 100%; padding: 38px 42px 64px; }
.practice-dashboard .topbar { background: #fffefa; border-bottom: 1px solid var(--experience-line); }
.practice-dashboard .identity-name { font-weight: 700; }
.practice-dashboard #navigation .nav-primary { display: flex; flex-direction: column; gap: 6px; }
.practice-dashboard #navigation .nav-primary a { display: flex; gap: 12px; align-items: center; min-height: 47px; padding: 12px; font-size: 15px; }
.practice-dashboard #navigation .nav-primary a[aria-current=page] { background: var(--experience-purple); color: white; border-radius: 8px; }
.practice-dashboard #navigation .nav-primary a[data-active=true] { background: #e5daee; }
.practice-dashboard #navigation .nav-support { border-top: 1px solid #dcd3e5; padding-top: 18px; margin-top: 22px; }
.practice-dashboard .sidebar .chair-link { display: block; font-size: 13px; padding: 14px 12px; }
.practice-dashboard .intro { max-width: 65ch; }
.practice-dashboard .industry-member-welcome { margin-bottom: 24px; }
.practice-dashboard .industry-member-welcome h1 { font-size: clamp(31px, 3.2vw, 46px); letter-spacing: -.045em; }
.practice-dashboard .experience-welcome { max-width: 65ch; font-size: 17px; color: var(--becoming-muted); margin: -9px 0 26px; }
.practice-dashboard .home-jump { display: none; }
.experience-intentions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 20px 0 32px; }
.experience-intention { display: flex; flex-direction: column; text-decoration: none; border: 1px solid #dcd3e5; border-radius: 10px; padding: 19px 18px; background: #fffdfa; color: #32263c; }
.experience-intention:hover { background: #f1eaf7; border-color: #9b7bb6; }
.experience-intention strong { font-size: 16px; line-height: 1.4; }
.experience-intention span { font-size: 13px; line-height: 1.55; margin-top: 8px; color: #685f70; }
.experience-intention .intention-arrow { color: #572594; margin-top: auto; padding-top: 12px; font-size: 20px; }
.practice-dashboard .dashboard-activities { grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 22px; align-items: stretch; }
.practice-dashboard .daily-practice-feature { background: var(--experience-plum); border: 0; padding: 30px; border-radius: 14px; color: white; }
.practice-dashboard .daily-practice-feature :is(h2, .eyebrow, .feature-person, .feature-role, a, .small, summary) { color: #fff; }
.practice-dashboard .daily-practice-feature h2 { font-family: Georgia, serif; font-size: clamp(26px, 2.6vw, 35px); font-weight: 400; line-height: 1.17; }
.practice-dashboard .daily-practice-feature blockquote { color: #fff; background: transparent; border-left: 2px solid #a787c1; padding-left: 18px; font-size: 18px; line-height: 1.6; }
.practice-dashboard .daily-practice-feature .button { background: #faf6ff; border-color: #faf6ff; color: #3b2053; }
.practice-dashboard .daily-practice-feature .badge { background: #63477a; color: white; }
.practice-dashboard .daily-practice-feature .home-case-details { border-color: #715881; }
.practice-dashboard .home-check-in { background: #eee6f5; border: 1px solid #dfd1ea; border-radius: 14px; padding: 28px; }
.practice-dashboard .home-check-in h2 { font-size: 26px; line-height: 1.25; }
.practice-dashboard .home-secondary { margin-top: 26px; gap: 22px; }
.practice-dashboard .home-library, .practice-dashboard .chosen-focus { border-radius: 12px; }
.experience-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; margin: 34px 0 18px; }
.experience-section-heading h2 { margin: 0; font-size: 25px; }
.experience-section-heading a { font-size: 14px; }
.experience-library { margin: 38px 0; }
.experience-library-heading h2 { font-size: 29px; margin: 0 0 8px; }
.experience-library-heading p { max-width: 65ch; color: #6a6170; }
.experience-filter { display: flex; flex-wrap: wrap; gap: 9px; margin: 20px 0; }
.experience-filter a { border: 1px solid #d9cde2; background: white; padding: 10px 14px; border-radius: 24px; font-size: 14px; text-decoration: none; }
.experience-filter a[aria-current=true] { background: #572594; color: white; border-color: #572594; }
.experience-library-search { display: block; max-width: 450px; margin-bottom: 20px; font-size: 14px; }
.experience-library-search input { margin-top: 7px; width: 100%; }
.experience-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.experience-card { display: flex; flex-direction: column; padding: 23px; background: #fff; border: 1px solid #e2dbe8; border-radius: 12px; min-width: 0; }
.experience-card .experience-format { color: #786886; font-size: 12px; line-height: 1.55; margin: 0 0 14px; }
.experience-card h3 { font-size: 22px; letter-spacing: -.025em; line-height: 1.2; margin: 0 0 13px; }
.experience-card h3 a { color: #36243e; text-decoration: none; }
.experience-card > p:not(.experience-format) { color: #655b6c; font-size: 15px; line-height: 1.6; margin: 0 0 16px; }
.experience-preview { font-size: 14px; margin: auto 0 20px; }
.experience-preview summary { cursor: pointer; color: #572594; line-height: 1.5; padding: 8px 0; }
.experience-preview p { line-height: 1.6; }
.experience-card-action { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 17px; border-top: 1px solid #ebe5ef; font-size: 14px; }
.experience-card-action a { font-weight: 700; text-decoration: none; }
.experience-card-action > span { color: #746b7b; font-size: 12px; }
.practice-dashboard .practice-choices { margin-bottom: 28px; padding: 28px; }
.experience-chapter { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 26px; margin: 28px 0; }
.experience-chapter .card { margin: 0; }
.experience-chapter h2 { font-size: 27px; }
.experience-note { padding: 24px 28px; border-left: 3px solid #9674b0; background: #f2ecf6; margin: 28px 0; }
.experience-note p { max-width: 70ch; line-height: 1.6; }
.experience-path { list-style: none; margin: 22px 0; padding: 0; }
.experience-path li { padding: 18px 0; border-top: 1px solid #e2dbe8; }
.experience-path strong { display: block; margin-bottom: 5px; }
.experience-path p { font-size: 15px; line-height: 1.6; color: #6b6171; margin: 0; }
.experience-origin { display: grid; grid-template-columns: 70px minmax(0,1fr); gap: 20px; border-top: 1px solid #ddd4e5; padding: 28px 0; margin-top: 32px; align-items: center; }
.experience-origin img { width: 52px; height: 70px; }
.experience-origin p { font-size: 15px; line-height: 1.65; margin: 0 0 9px; max-width: 70ch; }
.experience-origin a { font-size: 14px; }
.experience-orientation { width: 100%; }
.experience-orientation nav { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 14px; }
.experience-orientation details { margin-top: 9px; font-size: 14px; }
.experience-orientation summary { cursor: pointer; padding: 8px 0; }
.experience-orientation p { max-width: 75ch; }
.experience-orientation dl { display: grid; grid-template-columns: 180px 1fr; gap: 12px; margin: 16px 0; font-size: 14px; }
.experience-orientation dt { font-weight: 700; }
.experience-orientation dd { margin: 0; }
.chair-story { padding: 45px 0 60px; border-top: 1px solid var(--experience-line); display: grid; grid-template-columns: 90px 1fr; gap: 30px; }
.chair-story > img { width: 65px; height: 90px; }
.chair-story h2 { max-width: 22ch; }
.chair-story p { max-width: 70ch; }
.our-practice .story-heading { padding: 70px 0 40px; max-width: 900px; }
.our-practice .story-heading h1 { max-width: 18ch; }
.our-practice .story-heading .lead { max-width: 50ch; }
.our-practice .story-portrait { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 50px; padding: 28px 0 60px; align-items: center; }
.our-practice .story-portrait p { font-size: 17px; }
.lab-landing .chair-illustration { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px; margin: 0; padding: 48px 28px 32px; width: 100%; height: auto; min-height: 370px; background: #eee7f2; border-radius: 48% 48% 12px 12px; overflow: visible; }
.lab-landing .chair-illustration img { display: block; width: min(54%, 230px); height: auto; max-height: none; aspect-ratio: 407 / 500; object-fit: contain; object-position: center; border-radius: 0; margin: 0; filter: none; }
.lab-landing .chair-illustration figcaption { display: block; max-width: 28ch; font: 17px/1.5 Georgia,serif; text-align: center; color: #574462; }
.our-practice .story-growth { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px; margin: 28px 0; }
.our-practice .story-growth h3 { font-size: 22px; line-height: 1.3; }
.our-practice .story-roots { padding: 45px 0; border-top: 1px solid #ddd4e5; }
.our-practice .story-roots > p { max-width: 70ch; }
.our-practice .source-link { font-size: 14px; }
.our-practice .story-invite { background: #eee6f4; border-radius: 14px; padding: 36px; margin: 20px 0 60px; }
@media (max-width: 1100px) {
 .practice-dashboard .layout { grid-template-columns: 208px minmax(0,1fr); }
 .practice-dashboard main { padding: 30px 26px 55px; }
 .experience-intentions { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .experience-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
 .practice-dashboard .layout { display: block; }
 .practice-dashboard .sidebar { border-right: 0; padding: 10px 18px 0; }
 .practice-dashboard #identity { display: none; }
 .practice-dashboard #navigation .nav-primary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; }
 .practice-dashboard #navigation .nav-primary a { flex-direction: column; justify-content: center; text-align: center; font-size: 11px; gap: 5px; padding: 8px 3px; min-height: 62px; }
 .practice-dashboard #navigation .nav-primary a svg { width: 19px; height: 19px; }
 .practice-dashboard #navigation .nav-support { margin: 0; border: 0; padding: 6px 0 0; }
 .practice-dashboard .sidebar .chair-link { display: none; }
 .practice-dashboard main { padding: 26px 20px 46px; }
 .practice-dashboard .dashboard-activities { grid-template-columns: 1fr; }
 .practice-dashboard .daily-practice-feature, .practice-dashboard .home-check-in { padding: 24px; }
 .experience-grid { grid-template-columns: 1fr; }
 .experience-intentions { gap: 10px; margin-bottom: 24px; }
 .experience-intention { padding: 16px 13px; }
 .experience-intention strong { font-size: 14px; }
 .experience-intention span { font-size: 13px; }
 .experience-chapter { grid-template-columns: 1fr; gap: 18px; }
 .experience-section-heading { align-items: start; }
 .experience-section-heading h2 { font-size: 24px; }
 .experience-filter { gap: 8px; }
 .experience-filter a { font-size: 13px; padding: 9px 11px; }
 .experience-origin { grid-template-columns: 40px 1fr; gap: 16px; }
 .experience-origin img { width: 35px; height: 50px; }
 .experience-orientation dl { grid-template-columns: 1fr; gap: 5px; }
 .experience-orientation dd { margin-bottom: 10px; }
 .chair-story { grid-template-columns: 40px 1fr; gap: 18px; padding: 30px 0; }
 .chair-story > img { width: 35px; height: 48px; }
 .our-practice .story-heading { padding: 38px 0 20px; }
 .our-practice .story-portrait { grid-template-columns: 1fr; gap: 30px; }
 .lab-landing .chair-illustration { min-height: 0; padding: 30px 24px 25px; gap: 20px; border-radius: 80px 80px 12px 12px; }
 .lab-landing .chair-illustration img { width: 130px; height: auto; }
 .lab-landing .chair-illustration figcaption { font-size: 16px; }
 .our-practice .story-growth { grid-template-columns: 1fr; gap: 20px; }
 .our-practice .story-invite { padding: 24px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.experience-conversation-choice { padding: 22px; background: white; border: 1px solid #ded7e6; border-radius: 12px; margin: 26px 0; }
.experience-conversation-choice > summary { cursor: pointer; font-weight: 700; font-size: 18px; color: #572594; }
.experience-conversation-choice[open] > summary { margin-bottom: 24px; }
.experience-card h2 { font-size: 25px; line-height: 1.2; }
@media(max-width:760px) { .experience-conversation-choice { padding: 18px; } .lab-landing .landing-header nav { flex-wrap:wrap; gap:10px; } }

/* The conversation emblem keeps the two seats legible at every size. */
.lab-landing .chair-illustration img{width:min(88%,390px);aspect-ratio:1000 / 560}
.chair-story{grid-template-columns:115px 1fr}
.chair-story>img{width:105px;height:auto;aspect-ratio:1000 / 560}
.practice-dashboard #navigation .practice-field-nav{padding:0 10px 16px;margin-bottom:15px;border-bottom:1px solid #dcd3e5;display:flex;flex-direction:column;gap:4px}
.practice-field-nav>span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#665a6f}
.practice-field-nav>strong{font-size:14px;line-height:1.5;color:#462265;overflow-wrap:anywhere}
.practice-dashboard #navigation .practice-field-nav>a{padding:3px 0;min-height:36px;font-size:13px;text-decoration:underline;text-underline-offset:3px;border:0;background:none}
@media(max-width:700px){.practice-dashboard #navigation .practice-field-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:0;margin:0 0 8px;padding:9px 4px}.practice-field-nav>span{grid-column:1}.practice-field-nav>strong{grid-column:1;font-size:13px}.practice-dashboard #navigation .practice-field-nav>a{grid-column:2;grid-row:1 / 3;align-self:center;min-height:44px;font-size:12px}.chair-story{grid-template-columns:66px 1fr}.chair-story>img{width:64px;height:auto}.lab-landing .chair-illustration img{width:min(95%,300px)}}
@media(max-width:360px){
 .practice-dashboard .sidebar{padding-inline:10px}
 .practice-dashboard #navigation .nav-primary a{font-size:10.5px;padding-inline:1px}
 .practice-dashboard .topbar .becoming-wordmark{font-size:23px}
 .practice-dashboard .topbar .becoming-byline{font-size:9px}
 .practice-dashboard .topbar #signout{white-space:nowrap}
}