/* AFL members: one palette and one component vocabulary.
   Historical member skins are excluded from this document at build time.
   Museum and rank ceremony remain independent, lazily loaded experiences. */
html.afl-member-document{background:#142832;color-scheme:dark;scrollbar-color:#536975 #142832}
body.member-page{
 --canvas:#142832;--surface:#203540;--surface-high:#2c4550;--field:#172d38;
 --ink:#f2ede3;--muted:#becbd0;--line:#526772;--bronze:#c6a07b;
 --gold:var(--bronze);--blue:var(--ink);--night:var(--canvas);--raised:var(--surface-high);
 --bronze-light:#e0be99;--focus:#f3d4af;--success-bg:#23443b;--success-ink:#c9edda;
 --notice-bg:#403b31;--notice-ink:#f1d4b0;--error-bg:#4b3038;--error-ink:#ffd0c9;
 --radius:4px;--control-radius:4px;--classical:Georgia,"Times New Roman",serif;
 --greek-corner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M1 2H26V27M7 8H20V21H13V14H16' fill='none' stroke='%23C6A07B' stroke-width='1.3'/%3E%3C/svg%3E");
 margin:0;min-height:100dvh;isolation:isolate;background:var(--canvas);color:var(--ink);
 font:1rem/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color-scheme:dark;
}
body.member-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#142832e8,#142832e8),url('/member-slate-v3.webp') center/cover no-repeat}
body.member-page *{box-sizing:border-box}
body.member-page [hidden]{display:none!important}
body.member-page :is(h1,h2,h3,h4){color:var(--ink);line-height:1.25;overflow-wrap:anywhere;letter-spacing:-.025em}
body.member-page :is(h1,h2){font-family:var(--classical);font-weight:400}
body.member-page h1{font-size:2rem;margin:0 0 16px}
body.member-page h2{font-size:1.5rem;margin:0 0 12px}
body.member-page h3{font-size:1.125rem}
body.member-page h1[tabindex="-1"]:focus{outline:none}
body.member-page p{margin:10px 0 16px}
body.member-page :is(small,.hint,.view-intro,.participants-session,.rank-home-stats){color:var(--muted);font-size:0.875rem;line-height:1.5}
body.member-page .view-intro{margin-top:0}
body.member-page :is(a,summary,.text-action,.password-toggle){color:var(--bronze-light);text-underline-offset:3px}
body.member-page :is(.eyebrow,.athena-kicker,.rank-eyebrow,.participant-rank,.participants-total,.distinction-mark){color:var(--bronze-light)}
body.member-page :is(.eyebrow,.athena-kicker,.rank-eyebrow){font:750 0.625rem/1.6 system-ui,sans-serif;letter-spacing:.12em}
body.member-page .member-main{width:100%;max-width:1100px;margin:0 auto;padding:28px 32px 40px}
body.member-page .brand{font-size:0.75rem;letter-spacing:.07em;margin-bottom:24px;gap:10px;line-height:1.25;color:var(--ink);max-width:100%}
body.member-page .brand .logo-shell{flex:0 0 56px;width:56px;height:56px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
body.member-page .brand .club-logo{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
body.member-page .brand small{font-size:0.5rem;letter-spacing:.04em;display:block;margin-top:5px;color:var(--bronze-light)}
body.member-page :is(button,.button){min-height:44px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface-high);color:var(--ink);padding:10px 14px;font:650 0.875rem/1.4 system-ui,sans-serif;white-space:normal;max-width:100%;box-shadow:none;cursor:pointer}
body.member-page button:hover{background:#36515b;border-color:#83939b}
body.member-page :is(button.primary,.course-book){background:var(--bronze);border-color:var(--bronze);color:var(--canvas)}
body.member-page :is(button.primary,.course-book):hover{background:var(--bronze-light);border-color:var(--bronze-light);color:var(--canvas)}
body.member-page button:disabled{opacity:.55;cursor:not-allowed}
body.member-page :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
body.member-page :is(input,select,textarea){display:block;width:100%;min-width:0;max-width:100%;min-height:48px;margin-top:6px;padding:12px;font:inherit;font-size:1rem;line-height:1.5;color:var(--ink);background:var(--field);border:1px solid #78909b;border-radius:var(--control-radius);accent-color:var(--bronze)}
body.member-page :is(input,textarea)::placeholder{color:#afbdc4;opacity:1}
body.member-page option{background:var(--field);color:var(--ink)}
body.member-page input:autofill{box-shadow:0 0 0 1000px var(--field) inset;-webkit-text-fill-color:var(--ink)}
body.member-page input[type=checkbox]{display:inline-block;width:22px;min-height:22px;height:22px;flex-shrink:0;margin:2px 10px 0 0}
body.member-page label{display:block;font-size:0.875rem;font-weight:600;min-width:0}
body.member-page .fields{display:grid;grid-template-columns:1fr;gap:16px}
body.member-page :is(.check-line,.training-check){display:flex;gap:12px;align-items:center;line-height:1.5}
body.member-page .check-line{margin:16px 0}
body.member-page .form-status:empty{display:none}
body.member-page :is(.danger,.logout-button,.form-status,#contact-result,#gift-error){color:var(--error-ink)}
body.member-page [aria-invalid=true]{border-color:var(--error-ink)}
body.member-page ::selection{background:var(--bronze);color:var(--canvas)}
body.member-page :is(.panel,.empty-state,.journey-hero,.progress-totals article,.journey-consistency article){background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px #07151c18;min-width:0}
body.member-page .panel{padding:20px;margin:0 0 16px}
body.member-page .panel>.panel{margin-top:16px}
body.member-page .empty-state{padding:20px;margin:16px 0;color:var(--muted)}
body.member-page .empty-state h2{color:var(--ink);margin-top:0}
/* One architectural corner for framed surfaces. Reserve horizontal space in
   the first row only: no extra vertical band and no decoration on nested
   controls, circular badges, transparent home rows or the secret museum. */
body.member-page :is(.panel:not(details):not(.academy-grade):not(#member-auth):not(#member-home-courses),.empty-state,.rank-home,.journey-hero){position:relative}
body.member-page :is(.panel:not(details):not(.academy-grade):not(#member-auth):not(#member-home-courses),.empty-state,.rank-home,.journey-hero)::after,
body.member-page dialog:not(#afl-museum):not(#rank-promotion-dialog):not(.member-more-dialog)::after,
body.member-page #member-classes .class-card[class]::after{
 content:"";display:block;position:absolute;top:6px;right:6px;width:20px;height:20px;
 background:var(--greek-corner) center/contain no-repeat;opacity:.85;pointer-events:none;
}
body.member-page :is(.panel,.empty-state,.journey-hero)>:is(h2,h3,.eyebrow,.section-heading,.academy-video-heading,.journal-toolbar,.journey-identity):first-child{padding-right:22px}
body.member-page dialog:not(#afl-museum):not(#rank-promotion-dialog)>h2:first-child{padding-right:22px}
body.member-page #member-classes .class-card[class]{position:relative}
body.member-page :is(.badge,.badge.grey,.academy-lock,.milestone-chips>span){background:var(--surface-high);color:var(--ink);border-color:var(--line)}
body.member-page .badge{display:inline-block;font-size:0.75rem;line-height:1.5;padding:4px 8px;border-radius:var(--control-radius);white-space:normal;font-weight:650}
body.member-page :is(.settled,.badge.booked,.booking-feedback){background:var(--success-bg);color:var(--success-ink);border-color:#649280}
body.member-page :is(.attention,.badge.gold,.renewal-notice,.journey-correction,.rank-current,.distinction-earned,.milestone-chips>span.earned){background:var(--notice-bg);color:var(--notice-ink);border-color:#9c8067}
body.member-page :is(.badge.red,#error){background:var(--error-bg);color:var(--error-ink);border-color:#ae7e84}
body.member-page summary{padding:12px 0;min-height:44px;font-size:0.875rem;font-weight:650;cursor:pointer;overflow-wrap:anywhere}
body.member-page details>summary~*{max-width:100%}
body.member-page .section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.member-page .section-heading h2{margin:0;min-width:0;flex:1 1 180px}
body.member-page .text-action{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;border:0;background:transparent;border-radius:0;text-align:left;padding:12px 0 0;margin-top:6px}
body.member-page .password-toggle{display:block;margin-left:auto;min-height:44px;font-size:0.75rem;padding:7px 0;border:0;background:transparent;text-align:right}
body.member-page .afl-ui-icon{width:22px;height:22px;flex:0 0 22px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Navigation uses the same bronze on every screen, with no added decoration. */
body.member-page #member-dashboard{position:relative;padding-top:4px}
body.member-page .member-tabs{display:flex;max-width:100%;width:fit-content;gap:6px;margin:0 0 24px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--field);overflow-x:auto}
body.member-page .member-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:transparent;border:0;color:var(--muted)}
body.member-page :is(.member-tabs,.course-segments) button[aria-pressed=true]{background:#3d4545;color:var(--bronze-light);box-shadow:inset 0 -2px var(--bronze)}
body.member-page :is(.member-tabs,.course-segments) button:hover{background:var(--surface-high);color:var(--ink)}
body.member-page .member-tabs svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}
/* The shared navigation used fixed 11 px labels with !important. Let user text
   scaling apply to labels as well, while keeping all five actions reachable. */
body.member-page .member-tabs button span{font-size:inherit!important;overflow-wrap:anywhere}
body.member-page .member-more-unread{background:var(--bronze);color:var(--canvas)}
body.member-page .member-more-dialog{border-color:var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius) var(--radius) 0 0}
body.member-page .member-more-head h2{color:var(--ink)}
body.member-page .member-more-links>button{background:var(--surface);border-color:var(--line);border-radius:var(--control-radius);min-height:72px}
body.member-page .member-more-links>button:hover{background:var(--surface-high)}
body.member-page .member-more-links>button[aria-current=page]{background:var(--notice-bg);border-color:var(--bronze)}
body.member-page :is(.member-more-links>button>svg,.member-more-arrow){color:var(--bronze-light);stroke:currentColor}
body.member-page .member-more-links small{color:var(--muted)}
/* Home: compact information, full silhouettes, one visual focus for the grade. */
body.member-page #member-account{position:relative;isolation:isolate;container-type:inline-size;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:12px 16px}
body.member-page #member-account>*{min-width:0}
body.member-page #member-account>:is(.page-heading,.training-moment,.training-recent,#member-home-courses,#member-home-journey,#member-home-subscription,#member-service-alerts,#member-club-info,#push-home-banner){grid-column:1/-1}
body.member-page #member-account>.page-heading{display:block;margin:0 0 4px}
body.member-page .page-heading::after{content:"";display:block;width:44px;height:2px;background:var(--bronze);margin-top:14px}
body.member-page .member-greeting{display:flex;gap:12px;align-items:center;min-width:0}
body.member-page #member-name{font-size:clamp(1.375rem,4vw,2rem);margin:0}
body.member-page #member-rank-chip{display:none}
body.member-page #member-account .panel{margin:0;padding:16px}
body.member-page #member-account #member-home-courses{background:transparent;border:0;box-shadow:none;padding:8px 0}
body.member-page #member-home-courses>h2{font-size:1.5rem;margin:0 0 12px}
body.member-page .home-course-illustrated{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:12px;align-items:center;padding:12px 0;margin:0;border:0;border-bottom:1px solid var(--line)}
body.member-page .home-course-copy{min-width:0}
body.member-page .home-course-copy>strong{font:600 1.4375rem/1.2 var(--classical)}
body.member-page .home-course-copy p{font-size:0.875rem;color:var(--muted);line-height:1.5;margin:4px 0}
body.member-page .home-course-copy button{background:transparent;border:0;border-radius:0;color:var(--bronze-light);padding:8px 0;text-align:left}
body.member-page .home-course-illustrated :is(.course-thumbnail,.course-cat-button){position:static;width:116px;height:124px;display:block;object-fit:contain;background:transparent;border:0;border-radius:0}
body.member-page .home-course-illustrated .course-cat-button{padding:0;margin:0;box-shadow:none}
body.member-page #member-account .training-moment{border:0;border-left:2px solid var(--bronze);border-radius:0 var(--radius) var(--radius) 0;background:linear-gradient(90deg,#142832f2 0%,#142832d6 55%,#14283240 100%),url('/member-panel-training-v1.webp') right center/cover no-repeat,var(--surface);padding:18px}
body.member-page .training-moment>.eyebrow{margin:0 0 6px}
body.member-page .training-next-layout{display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:12px;align-items:center}
body.member-page .training-next-layout>div{min-width:0;align-self:start}
body.member-page .training-next-layout h2{font:600 1.75rem/1.2 var(--classical);margin:4px 0 10px}
body.member-page .training-next-layout p{font-size:0.9375rem;line-height:1.5;color:var(--muted);margin:0 0 10px}
body.member-page .training-next-art{display:block;width:124px;height:136px;object-fit:contain}
body.member-page .training-next-cat{width:124px;height:136px;border:0;background:transparent;padding:0;box-shadow:none}
body.member-page #member-account .training-recent h2{font-size:1.25rem;margin:0 0 8px}
body.member-page #member-home-journey .rank-home{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px 14px;width:100%;min-height:0;text-align:left;font-weight:400;padding:22px 20px;background:linear-gradient(90deg,#142832f2,#14283299),url('/rank-temple-v1.webp') center 52%/cover;color:var(--ink);border:1px solid #9c8067;border-radius:var(--radius);overflow:hidden}
body.member-page #member-home-journey .rank-home:hover{background:linear-gradient(90deg,#1b323ded,#14283288),url('/rank-temple-v1.webp') center 52%/cover;border-color:var(--bronze)}
body.member-page #member-home-journey .rank-home{border:0;box-shadow:none}
body.member-page #member-account .training-moment{border:0;box-shadow:none}
body.member-page .rank-home-top{display:contents}
body.member-page #member-home-journey .rank-home-top>img{grid-column:2;grid-row:1/3;width:112px;height:112px;align-self:center;object-fit:contain;filter:drop-shadow(0 6px 12px #0007)}
body.member-page .rank-home-top>span{grid-column:1;grid-row:1;min-width:0}
body.member-page #member-home-journey .rank-name{display:block;font:400 1.8125rem/1.15 var(--classical);color:var(--ink);margin:6px 0 9px}
body.member-page .rank-eyebrow{display:block;margin:0 0 6px}
body.member-page .rank-home-stats{display:block;font-size:0.75rem;font-variant-numeric:tabular-nums}
body.member-page .rank-home .rank-meter{grid-column:1;grid-row:2;margin:0;min-width:0}
body.member-page .rank-meter progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:var(--surface-high);color:var(--bronze)}
body.member-page .rank-meter progress::-webkit-progress-bar{background:var(--surface-high);border-radius:10px}
body.member-page .rank-meter progress::-webkit-progress-value{background:var(--bronze);border-radius:10px}
body.member-page .rank-meter progress::-moz-progress-bar{background:var(--bronze);border-radius:10px}
body.member-page .rank-meter p{font-size:0.8125rem;line-height:1.5;margin:8px 0 0}
body.member-page .rank-home-link{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;margin:2px 0 0;padding-top:12px;border-top:1px solid #9c806766;font-size:0.875rem;font-weight:650;color:var(--ink)}
body.member-page #member-home-subscription .membership-home{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:16px 0}
body.member-page #member-home-subscription .athena-seal{display:none}
body.member-page #member-home-subscription .membership-home h2{font-size:1.25rem}
body.member-page #member-home-subscription .membership-home>p{font-size:0.875rem;margin:8px 0}
body.member-page .membership-plan span{display:block;font-size:0.875rem;color:var(--muted);margin-top:4px}
body.member-page .settlement{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;font-size:0.875rem;border-radius:var(--control-radius)}
body.member-page .settlement strong{font-size:1rem;font-variant-numeric:tabular-nums}
/* Planning: independent illustration column, all feet visible. */
body.member-page #member-classes{container-type:inline-size}
body.member-page #member-classes h1{font-size:2rem}
body.member-page .course-segments{display:flex;gap:4px;background:var(--field);border:1px solid var(--line);border-radius:var(--control-radius);padding:4px;margin-bottom:16px}
body.member-page .course-segments button{flex:1;border:0;background:transparent;color:var(--muted);padding:10px;font-size:0.875rem}
body.member-page .week-navigation{margin:0;grid-template-columns:48px minmax(0,1fr) 48px}
body.member-page .course-range{font-size:0.8125rem;color:var(--muted);text-align:center;margin:8px 0}
body.member-page .course-options{margin:0 0 16px}
body.member-page .course-filter{margin:8px 0;display:block}
body.member-page .favorite-options{grid-template-columns:1fr 1fr}
body.member-page .favorite-options label{display:flex;align-items:center;min-height:48px;font-size:0.875rem;font-weight:400}
body.member-page #member-classes .class-day{margin:20px 0;padding:0;border:0;background:transparent;border-radius:0}
body.member-page #member-classes :is(.class-day,.reserved-session)>h2{font-size:1.375rem;font-weight:400;padding:0 0 10px;margin:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);text-transform:none;line-height:1.5}
body.member-page #member-classes .class-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
body.member-page #member-classes .class-card[class]{display:block;min-height:0;padding:16px;border:1px solid var(--line);border-left:2px solid var(--bronze);border-radius:var(--radius);background:var(--surface);color:var(--ink);box-shadow:0 6px 20px #07151c18}
body.member-page #member-classes .class-card[class] h3{font-size:1.125rem;font-weight:700;text-align:left;background:none;color:var(--ink);padding:0;margin:4px 0 8px;line-height:1.35}
body.member-page #member-classes .class-card[class] .course-time{color:var(--muted);background:none;font-size:0.875rem;padding:0;margin:0;font-weight:600;font-variant-numeric:tabular-nums}
body.member-page #member-classes .class-card[class]>p{font-size:0.875rem;margin:10px 0 0;color:var(--muted);background:none}
body.member-page #member-classes .class-card[class] button{width:auto;margin-top:8px;background:var(--surface-high);color:var(--ink);border-color:var(--line);font-size:.875rem}
body.member-page #member-classes .class-card[class] button:hover{background:#36515b;border-color:#83939b}
body.member-page #member-classes .class-card[class] .course-book{width:100%;margin-top:12px;background:var(--bronze);color:var(--canvas);border-color:var(--bronze)}
body.member-page #member-classes .class-card[class] .course-book:hover{background:var(--bronze-light);color:var(--canvas);border-color:var(--bronze-light)}
body.member-page #member-classes .class-card .badge{font-size:.75rem}
body.member-page #member-classes .class-card .course-main{display:grid;grid-template-columns:minmax(0,1fr) 184px;gap:16px;align-items:center;padding-right:0;min-width:0}
body.member-page #member-classes .course-copy{grid-column:1;grid-row:1;min-width:0}
body.member-page #member-classes .course-thumbnail{position:static;grid-column:2;grid-row:1;width:184px;height:184px;object-fit:contain;object-position:center;border-radius:0;background:transparent;filter:none}
body.member-page #member-classes .course-thumbnail.course-fighters{height:208px}
body.member-page #member-classes .class-cancelled .course-thumbnail{filter:grayscale(1);opacity:.65}
body.member-page #member-classes .class-card[class].class-cancelled{background:#27343c;border-left-color:#a3b0b5}
body.member-page #member-classes .course-copy .course-participants{display:block;min-height:44px;max-width:100%;margin-top:8px;text-align:left;font-size:0.875rem;font-weight:600}
body.member-page .course-actions{margin-top:8px;border-top:1px solid var(--line)}
body.member-page .course-actions p{font-size:0.875rem}
body.member-page .course-actions .calendar-action{margin-top:8px}
body.member-page .reserved-session{margin:20px 0}
body.member-page .reserved-session>.class-card{margin-top:10px}
body.member-page .course-rules{margin-top:20px;font-size:0.875rem}
body.member-page #member-classes .class-card .booking-feedback{background:var(--success-bg);color:var(--success-ink);border-color:#649280;grid-column:1/-1}
/* Technique library and journal: same surfaces, compact working tools. */
body.member-page #member-academy{max-width:880px;margin:0 auto}
body.member-page .academy-intro{margin-bottom:18px}
body.member-page .academy-intro h2{margin:.2rem 0}
body.member-page .academy-grid{display:grid;gap:16px}
body.member-page .academy-video{margin:0}
body.member-page .academy-video-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
body.member-page .academy-video-heading>div{min-width:0;flex:1 1 180px}
body.member-page .academy-video-heading>span{font-size:0.8125rem;font-weight:700;white-space:normal}
body.member-page .academy-player{aspect-ratio:9/16;width:min(100%,370px);margin:0 auto;background:#0b1720;border-radius:var(--control-radius);overflow:hidden}
body.member-page .academy-player iframe{display:block;border:0;width:100%;height:100%}
body.member-page .academy-locked{background:var(--field);border-color:var(--line)}
body.member-page .academy-locked>p{max-width:42ch}
body.member-page .academy-lock{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:2rem;margin:12px 0}
body.member-page .academy-grade>summary{font-weight:700;font-size:1.125rem;padding:12px 0;background:linear-gradient(90deg,#142832f5 0%,#142832eb 60%,#14283266 100%),url('/member-panel-library-v1.webp') right 44%/cover no-repeat;border-radius:var(--radius)}
body.member-page .academy-grade>summary::marker{color:var(--bronze)}
body.member-page .academy-grade-heading{display:inline-flex;align-items:center;gap:10px;width:calc(100% - 24px);vertical-align:middle}
body.member-page .academy-grade-heading>span{min-width:0;overflow-wrap:anywhere}
body.member-page .academy-grade-badge{flex:0 0 40px;width:40px;height:40px;object-fit:contain;vertical-align:middle}
body.member-page #member-classes .class-card[class]>button[data-note-course]{background:transparent;border:0;box-shadow:none;color:var(--bronze-light);padding:8px 0;min-height:44px;width:fit-content;max-width:100%;justify-self:start;text-align:left}
body.member-page #member-classes .class-card[class]>button[data-note-course]:hover{text-decoration:underline;text-underline-offset:4px}
body.member-page .academy-grade .academy-grid{margin-top:16px}
body.member-page .academy-grade:not([open]){padding-top:8px;padding-bottom:8px}
/* Illustrated grade headings are the surface themselves. Avoid the second
   padded panel around the library image; keep native disclosure and focus. */
body.member-page .panel.academy-grade{padding:0;border:0;background:transparent;box-shadow:none}
body.member-page .academy-grade>summary{padding:16px 14px;min-height:72px}
body.member-page #member-journal .view-intro{margin:6px 0 16px;font-size:.95rem}
body.member-page #member-journal #journal-status:empty{display:none}
body.member-page #member-journal .journal-search-options{margin:12px 0 18px;border-bottom:1px solid var(--line);padding-bottom:10px}
body.member-page #member-journal #journal-search{padding:12px 0;gap:12px}
body.member-page #member-journal .journal-entry{padding:16px;margin-bottom:12px}
body.member-page #member-journal .journal-entry h2{margin:4px 0;font-size:1.25rem}
body.member-page #member-journal .journal-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0;white-space:pre-line}
body.member-page #member-journal :is(.journal-entry-details,.journal-entry-options){margin-top:4px}
body.member-page #member-journal .journal-entry-options .journal-toolbar{padding:8px 0}
body.member-page .journal-submission{border-color:var(--line);border-radius:var(--control-radius)}
body.member-page .journal-donut-total{fill:var(--ink)}
body.member-page :is(.journal-donut-caption,.journal-donut-legend small){color:var(--muted);fill:var(--muted)}
/* The worktable stays at the top when the goal form expands. Its height is
   fixed, so it never becomes a stretched scene behind a long form. */
body.member-page .panel.training-goal{background:linear-gradient(180deg,transparent 110px,var(--surface) 200px),linear-gradient(90deg,#142832f5 0%,#142832eb 60%,#14283266 100%),url('/member-panel-objective-v1.webp') right top/auto 200px no-repeat,var(--surface)}
body.member-page .panel.training-goal{border:0;box-shadow:none}
body.member-page .training-goal .section-heading h2{display:flex;align-items:center;gap:12px;min-width:0}
body.member-page .training-objective-art{width:64px;height:64px;flex:0 0 64px;object-fit:contain;display:block}
body.member-page .training-goal details{margin-top:6px}
/* A left-lit counterpart for selected large panels, not alternating list rows.
   Mirror only the scenery: content, Greek corner and controls stay untouched. */
body.member-page #member-account .training-moment,
body.member-page .panel.training-goal{position:relative;isolation:isolate;background:var(--canvas)}
body.member-page #member-account .training-moment::before,
body.member-page .panel.training-goal::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;transform:scaleX(-1)}
body.member-page #member-account .training-moment::before{background:linear-gradient(90deg,#142832f5 0%,#142832ed 55%,#142832b8 100%),url('/member-panel-training-v1.webp') right center/cover no-repeat}
body.member-page .panel.training-goal{background:var(--surface)}
body.member-page .panel.training-goal::before{height:200px;background:linear-gradient(180deg,transparent 110px,var(--surface) 200px),linear-gradient(90deg,#142832f5 0%,#142832eb 55%,#142832a3 100%),url('/member-panel-objective-v1.webp') right top/auto 200px no-repeat}
body.member-page .training-goal-text{font-size:1.25rem;line-height:1.5;overflow-wrap:anywhere}
body.member-page .member-illustrated-heading{display:flex;align-items:center;gap:12px;min-width:0}
body.member-page :is(.journal-notes-art,.journal-empty-art,.member-lamp-art){object-fit:contain;pointer-events:none;flex-shrink:0}
body.member-page .journal-notes-art{width:48px;height:48px}
body.member-page .member-lamp-art{width:72px;height:72px}
body.member-page .journal-empty-art{width:88px;height:88px;float:right;margin:0 0 8px 12px}
body.member-page #journal-list .empty-state{display:flow-root}
/* Progression: personal badges and shared badges keep their existing visibility. */
body.member-page #member-progress{max-width:880px;margin:0 auto}
body.member-page .rank-crest{display:block;width:116px;height:116px;flex:0 0 116px;object-fit:contain}
body.member-page .rank-crest-small{width:48px;height:48px;flex-basis:48px}
body.member-page .journey-hero{padding:24px;margin:0 0 20px;border-color:#9c8067}
body.member-page .journey-identity{display:flex;align-items:center;gap:24px}
body.member-page .journey-identity>div{min-width:0}
body.member-page .journey-hero h2{font-size:2.125rem;margin:5px 0 12px}
body.member-page .journey-hero p{font-size:0.875rem;line-height:1.65;margin:0}
body.member-page .journey-lifetime{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
body.member-page .journey-lifetime strong{display:block;font:400 1.6875rem/1.3 var(--classical);font-variant-numeric:tabular-nums}
body.member-page .journey-lifetime span{display:block;font-size:0.75rem;color:var(--muted);margin-top:5px}
body.member-page .journey-hero .rank-meter{margin-top:20px}
body.member-page .journey-hero .rank-meter p{margin-top:12px}
body.member-page .rank-complete{font-size:0.9375rem;color:var(--bronze-light);border-top:1px solid var(--line);padding-top:14px}
body.member-page .rank-promotion-access{margin-top:16px;background:transparent;color:var(--bronze-light);border-color:var(--bronze)}
body.member-page .journey-ladder>summary{font-size:1rem;color:var(--ink)}
body.member-page .journey-ladder ol{list-style:none;padding:0;margin:10px 0 0}
body.member-page .journey-ladder li{display:flex;gap:12px;align-items:center;padding:14px 4px;border-top:1px solid var(--line)}
body.member-page .journey-ladder li>div{flex:1;min-width:0}
body.member-page .journey-ladder strong{display:block;font-size:0.9375rem}
body.member-page .journey-ladder li span{display:block;font-size:0.75rem;color:var(--muted);margin-top:3px}
body.member-page .journey-ladder li>small{font-size:0.6875rem;margin:0}
body.member-page .journey-ladder .rank-current{border-radius:var(--control-radius);padding-left:8px;padding-right:8px}
body.member-page .rank-locked{color:var(--muted)}
body.member-page .rank-crest-locked{object-fit:contain;filter:none;opacity:.85}
body.member-page .journey-consistency{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
body.member-page .journey-consistency article{text-align:center;padding:18px 10px}
body.member-page .distinction-mark{display:block;font-size:1.75rem;line-height:1;margin-bottom:12px}
body.member-page .journey-consistency strong{display:block;font-size:0.9375rem}
body.member-page .journey-consistency article>span:last-child{display:block;font-size:0.75rem;color:var(--muted);margin-top:8px;line-height:1.5}
body.member-page .discipline-milestone{padding:16px 0;border-top:1px solid var(--line)}
body.member-page .discipline-milestone>div:first-child{display:flex;justify-content:space-between;gap:16px;font-size:0.875rem}
body.member-page .milestone-chips{display:flex;gap:8px;margin-top:10px}
body.member-page .milestone-chips>span{flex:1;border:1px solid var(--line);border-radius:var(--control-radius);padding:8px;text-align:center;font-size:0.8125rem}
body.member-page .milestone-chips small{display:block;font-size:0.625rem;margin-top:4px}
body.member-page .journey-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:32px;flex-wrap:wrap}
body.member-page .journey-section-heading h2{margin:0}
body.member-page .journey-section-heading label{font-size:0.75rem;min-width:130px}
body.member-page .progress-totals{gap:10px}
body.member-page .progress-totals article{padding:16px}
body.member-page .progress-totals strong{font:400 1.75rem/1.3 var(--classical);color:var(--ink)}
body.member-page .progress-totals span{font-size:0.8125rem}
body.member-page .progress-weeks{overflow-x:auto}
body.member-page .progress-column{background:var(--surface-high)}
body.member-page .progress-column i{background:var(--bronze)}
body.member-page .journey-activity .progress-totals{margin:18px 0}
body.member-page .journey-activity .progress-weeks{padding-bottom:10px}
body.member-page .journey-activity .progress-week{min-width:62px}
body.member-page .progress-week small{font-size:0.6875rem}
body.member-page .journey-activity .progress-history{padding-left:0;list-style:none}
body.member-page .progress-history li>div{min-width:0;overflow-wrap:anywhere}
body.member-page .journey-rules{font-size:0.875rem;color:var(--muted);margin:16px 0 28px}
body.member-page .journey-correction{font-size:0.875rem;border-left:2px solid var(--bronze);padding:14px}
body.member-page .journey-distinctions{margin-top:24px}
/* Secondary surfaces and dialogs share the same material controls. */
body.member-page :is(#member-subscription,#member-profile,#member-messages-view){max-width:780px;margin:0 auto}
body.member-page .profile-actions{display:grid;gap:8px}
body.member-page .profile-actions button{display:flex;gap:8px;align-items:center;text-align:left}
body.member-page #member-contact{font-size:1rem;line-height:1.8;overflow-wrap:anywhere}
body.member-page #member-identifier{font-size:0.875rem;overflow-wrap:anywhere}
body.member-page .subscription-card{border-top:2px solid var(--bronze)}
body.member-page .subscription-dates{font-size:0.875rem;color:var(--muted)}
body.member-page .money-breakdown{margin:16px 0}
body.member-page .money-breakdown>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0}
body.member-page .money-breakdown dt{color:var(--muted)}
body.member-page .money-breakdown dd{margin:0;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}
body.member-page .money-total{border-top:1px solid var(--line);margin-top:6px}
body.member-page .money-total :is(dt,dd){color:var(--ink);font-weight:750}
body.member-page .payment-line{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:14px 0;font-size:0.875rem}
body.member-page .payment-line small{display:block;margin-top:4px}
body.member-page .payment-line strong{white-space:nowrap;font-variant-numeric:tabular-nums}
body.member-page .renewal-notice{border-left:2px solid var(--bronze);padding:10px 12px;font-size:0.875rem;margin:12px 0 0}
body.member-page .club-info{border-left:2px solid var(--bronze);padding:20px}
body.member-page #member-account #member-club-info{background:var(--notice-bg);color:var(--ink);border-color:#9c8067}
body.member-page #member-club-info :is(h2,.athena-kicker){color:var(--ink)}
body.member-page #member-club-info button{background:var(--bronze);color:var(--canvas);border:0}
body.member-page #member-service-alerts{border-left:3px solid var(--bronze);background:var(--notice-bg)}
body.member-page #member-service-alerts h2{font-size:1.5rem}
body.member-page #member-service-alerts p{font-size:0.875rem}
body.member-page .service-message{padding:18px 0;overflow-wrap:anywhere}
body.member-page .service-message+.service-message{border-top:1px solid var(--line)}
body.member-page .club-message{white-space:pre-wrap;overflow-wrap:anywhere}
body.member-page .club-reply{background:var(--field);border-left:2px solid var(--bronze);padding:14px}
body.member-page .payment-instructions{border-top:2px solid var(--bronze)}
body.member-page .payment-instructions input{font-size:0.875rem}
body.member-page .payment-instructions button{margin:6px 0}
body.member-page #payment-reference{white-space:pre-line;overflow-wrap:anywhere}
body.member-page .subscription-card>[data-contact-kind]{text-align:left;margin-top:12px;width:100%}
body.member-page #member-messages details+details{border-top:1px solid var(--line)}
body.member-page #member-messages-view:has(.gift-history:not([hidden])) #member-messages-empty{display:none}
body.member-page #push-home-banner{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:var(--radius)}
body.member-page #member-message:not(:empty){background:var(--bronze-light);color:var(--canvas);border:1px solid var(--bronze-light);max-width:min(600px,calc(100% - 32px));font-size:0.875rem;bottom:24px;z-index:25;pointer-events:none}
body.member-page dialog{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid #9c8067;border-radius:var(--radius);background:var(--surface);color:var(--ink)}
body.member-page dialog::backdrop{background:#07141dcc;backdrop-filter:blur(3px)}
body.member-page:has(dialog[open]){overflow:hidden}
body.member-page :is(#member-contact-dialog,#member-gift-dialog,#course-participants-dialog){width:540px;padding:24px}
body.member-page #contact-context{font-size:0.875rem;overflow-wrap:anywhere}
body.member-page #contact-context:empty{display:none}
body.member-page #member-gift-dialog button{width:100%;margin-top:10px}
body.member-page .gift-encouragement{background:var(--field);padding:18px;border-radius:var(--control-radius);line-height:1.65}
body.member-page .gift-message{border-left:2px solid var(--bronze)}
body.member-page #club-announcement-dialog{width:500px;padding:0}
body.member-page .club-dialog-heading{padding:22px 24px;background:var(--notice-bg);color:var(--ink);border-bottom:1px solid #9c8067}
body.member-page .club-dialog-heading h2{margin:0}
body.member-page #club-dialog-content{padding:4px 24px}
body.member-page #club-dialog-content article{padding:16px 0}
body.member-page #club-dialog-content article+article{border-top:1px solid var(--line)}
body.member-page #club-announcement-dialog form{position:sticky;bottom:0;padding:14px 24px;background:var(--surface);border-top:1px solid var(--line)}
body.member-page #club-announcement-dialog form button{width:100%}
body.member-page #rank-art-dialog{width:520px;padding:24px;text-align:center}
body.member-page #rank-art-dialog h2{margin:0 0 8px;font-size:1.75rem}
body.member-page #rank-art-dialog p{font-size:0.875rem;color:var(--bronze-light);margin:0 0 16px}
body.member-page #rank-art-dialog img{display:block;width:100%;height:auto;max-height:55dvh;object-fit:contain;margin:0 auto 18px}
body.member-page #rank-art-dialog button{width:100%}
body.member-page .rank-art-button{border:0;padding:0;background:transparent;display:block;flex-shrink:0;min-height:0;border-radius:50%;cursor:zoom-in}
body.member-page .rank-art-home{display:none}
body.member-page .participants-list{list-style:none;padding:0;margin:12px 0 20px}
body.member-page .participants-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);line-height:1.5;overflow-wrap:anywhere}
body.member-page .participants-list li>span{min-width:0;flex:1}
body.member-page .participant-badge{display:block;flex:0 0 44px;width:44px;height:44px;object-fit:contain}
body.member-page .participants-list small{flex-shrink:0}
body.member-page #course-participants-dialog>button{width:100%}
/* Secret entry targets stay visually invisible; keyboard focus remains visible. */
body.member-page :is(.rank-lock-button,.course-cat-button,.training-next-cat,.rank-cat-museum,.museum-cat),body.member-page :is(.rank-lock-button,.course-cat-button,.training-next-cat,.rank-cat-museum,.museum-cat):is(:hover,:active){background:transparent;border:0;box-shadow:none;padding:0;appearance:none;-webkit-tap-highlight-color:transparent;cursor:default}
body.member-page #member-classes .class-card[class] .course-cat-button{grid-column:2;grid-row:1;display:block;width:100%;margin:0;border-radius:0;min-height:44px;background:transparent;border:0;box-shadow:none;padding:0}
body.member-page #member-classes .class-card[class] .course-cat-button:is(:hover,:active){background:transparent;border:0;box-shadow:none}
body.member-page #member-classes .course-cat-button .course-thumbnail{width:100%;height:auto}
body.member-page #club-cat-dialog{width:460px;padding:26px;border-color:#9c8067}
body.member-page #club-cat-dialog h2{margin:0 0 18px;color:var(--bronze-light)}
body.member-page #club-cat-dialog p{font-size:1rem;line-height:1.65;margin:0 0 24px}
body.member-page #club-cat-dialog button{width:100%}
body.member-page #club-cat-dialog .museum-cat{display:block;width:128px;margin:0 auto 20px;min-height:0}
body.member-page #club-cat-dialog .museum-cat img{display:block;width:100%;height:auto}
body.member-page #rank-art-dialog .rank-cat-museum{display:block;width:100%;margin:0;min-height:0;border-radius:0}
body.member-page [data-cat-error]:empty{display:none}
body.member-page #rank-promotion-dialog p{font-size:0.9375rem;line-height:1.65}
body.member-page #rank-promotion-dialog button{display:block;width:100%;margin-top:10px}
/* Signed-out member access keeps its authentic photograph. */
body.member-page #member-auth{max-width:920px;padding:0;margin:24px auto;display:grid;grid-template-columns:.85fr 1fr;overflow:hidden;border-top:3px solid var(--bronze)}
body.member-page .auth-photo{margin:0;background:var(--canvas);position:relative;overflow:hidden}
body.member-page .auth-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% center}
body.member-page .auth-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:#142832eb;color:var(--ink);padding:16px;font-size:0.625rem;letter-spacing:.1em}
body.member-page .auth-content{padding:32px;background:var(--surface)}
body.member-page .auth-content h1{font-size:1.875rem}
body.member-page .auth-content .primary{margin-top:16px}
body.member-page .access-help{margin-top:16px;border-top:1px solid var(--line)}
body.member-page .access-help p{font-size:0.875rem}
body.member-page footer{font-size:0.75rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:28px}
@media(min-width:761px){
 body.member-page #member-home-courses{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
 body.member-page #member-home-courses>h2{grid-column:1/-1}
 body.member-page #member-home-journey .rank-home{grid-template-columns:minmax(0,1fr) 160px}
 body.member-page #member-home-journey .rank-home-top>img{width:150px;height:150px}
 body.member-page .rank-home .rank-meter{max-width:520px}
 body.member-page #member-classes .class-card[class]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;align-items:center}
 body.member-page #member-classes .class-card[class] .course-book{width:auto;margin:0}
 body.member-page .course-actions{grid-column:1/-1}
 body.member-page .academy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.member-page #member-auth .auth-photo{min-height:520px}
}
@media(max-width:760px){
 body.member-page .member-main{padding:16px max(16px,env(safe-area-inset-left)) calc(6rem + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-right))}
 body.member-page .brand{font-size:0.625rem;gap:7px}
 body.member-page .brand small{font-size:0.4375rem}
 body.member-page #member-dashboard{position:static}
 body.member-page .member-tabs{position:fixed;bottom:-1px;left:0;right:0;z-index:20;width:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;border:0;border-radius:0;padding:7px 4px calc(8px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:0 -8px 22px #07151c55;margin:0;overflow:visible}
 body.member-page .member-tabs button{display:flex;flex-direction:column;gap:4px;padding:6px 1px;font-size:clamp(.5625rem,2.6vw,.75rem);min-height:56px;min-width:0;border-radius:var(--control-radius)}
 body.member-page .member-tabs button[aria-pressed=true]{box-shadow:inset 0 2px var(--bronze)}
 body.member-page #member-account{display:flex;flex-direction:column;gap:12px}
 body.member-page #member-account>*{width:100%;box-sizing:border-box}
 body.member-page .panel{padding:16px}
 body.member-page #member-message:not(:empty){bottom:calc(84px + env(safe-area-inset-bottom))}
 body.member-page #member-classes .class-card[class]{padding:14px}
 body.member-page .journey-hero{padding:20px}
 body.member-page .journey-identity{gap:14px;align-items:flex-start;flex-wrap:wrap}
 body.member-page .journey-hero h2{font-size:1.6875rem}
 body.member-page .rank-crest{width:92px;height:92px;flex-basis:92px}
 body.member-page .rank-crest-small{width:44px;height:44px;flex-basis:44px}
 body.member-page .journey-lifetime{gap:10px}
 body.member-page .journey-lifetime strong{font-size:1.4375rem}
 body.member-page .journey-lifetime span{font-size:0.6875rem}
 body.member-page .journey-consistency{gap:7px}
 body.member-page .journey-consistency article{padding:14px 7px}
 body.member-page .journey-consistency strong{font-size:0.8125rem}
 body.member-page .journey-section-heading{gap:12px}
 body.member-page .journey-ladder li{gap:8px}
 body.member-page .journey-ladder li>small{font-size:0.625rem}
 body.member-page .journey-ladder strong{font-size:0.875rem}
 body.member-page .progress-totals article{padding:12px 8px}
 body.member-page .progress-totals strong{font-size:1.5rem}
 body.member-page #member-auth{display:block;margin:0;padding:0}
 body.member-page .auth-photo{height:150px}
 body.member-page .auth-photo img{object-position:60% 43%}
 body.member-page .auth-photo figcaption{padding:8px 12px;font-size:0.5625rem}
 body.member-page .auth-content{padding:24px 18px}
 body.member-page.signed-out .member-main{padding-bottom:28px}
}
@media(max-width:640px){body.member-page #member-classes .class-card .course-main{grid-template-columns:minmax(0,1fr) clamp(112px,38vw,156px);gap:12px}body.member-page #member-classes .course-thumbnail{width:clamp(112px,38vw,156px);height:clamp(112px,38vw,156px)}body.member-page #member-classes .course-thumbnail.course-fighters{height:184px}}
@media(max-width:360px){
 body.member-page .home-course-illustrated{grid-template-columns:minmax(0,1fr) 94px;gap:8px}
 body.member-page .home-course-illustrated :is(.course-thumbnail,.course-cat-button){width:94px;height:112px}
 body.member-page .training-next-layout{grid-template-columns:minmax(0,1fr) 92px}
 body.member-page :is(.training-next-art,.training-next-cat){width:92px;height:116px}
 body.member-page #member-home-journey .rank-home{grid-template-columns:minmax(0,1fr) 84px;padding:18px 14px;gap:8px}
 body.member-page #member-home-journey .rank-home-top>img{width:84px;height:84px}
 body.member-page #member-home-journey .rank-name{font-size:1.5625rem}
 body.member-page #member-classes .class-card .course-main{grid-template-columns:minmax(0,1fr) 104px;gap:8px}
 body.member-page #member-classes .course-thumbnail{width:104px;height:104px}
 body.member-page #member-classes .course-thumbnail.course-fighters{height:156px}
 body.member-page .training-objective-art{width:48px;height:48px;flex-basis:48px}
 body.member-page .training-goal .section-heading h2{gap:8px}
 body.member-page .member-lamp-art{width:56px;height:56px}
 body.member-page .journal-empty-art{width:72px;height:72px}
 body.member-page .journey-lifetime{grid-template-columns:1fr 1fr}
}
/* em thresholds follow the container's font size. With large user text, the
   course illustration moves below the copy instead of squeezing the words. */
@container (width < 16em){
 body.member-page .training-next-layout{grid-template-columns:1fr}
 body.member-page :is(.training-next-art,.training-next-cat){justify-self:end}
 body.member-page #member-classes .class-card .course-main{grid-template-columns:1fr;gap:8px}
 body.member-page #member-classes .class-card .course-copy{grid-column:1;grid-row:1}
 body.member-page #member-classes .class-card .course-thumbnail,body.member-page #member-classes .class-card[class] .course-cat-button{grid-column:1;grid-row:2;width:112px;height:124px;justify-self:end}
 body.member-page #member-classes .class-card .course-cat-button .course-thumbnail{height:124px}
}
@media(prefers-reduced-motion:reduce){body.member-page *,body.member-page *::before,body.member-page *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Keep course artwork intact while shortening repeated planning controls. */
body.member-page #member-classes .week-navigation{margin:8px 0}
body.member-page #member-classes .course-range{margin:6px 0;font-size:.875rem}
body.member-page #member-classes .class-card[class]{padding:12px 14px;margin-bottom:10px}
body.member-page #member-classes .class-card .course-main{gap:8px 12px}
body.member-page #member-classes .class-card .course-thumbnail.course-fighters{height:150px}
body.member-page #member-classes .class-card .course-book{margin-top:8px}
body.member-page #member-classes .class-day{margin:18px 0 10px}
/* Controls wrap whole labels; font settings remain the user's choice. */
body.member-page .course-segments{flex-wrap:wrap}
body.member-page .course-segments button{flex:1 1 8em;min-width:0;overflow-wrap:normal;white-space:normal}
body.member-page #member-journal .journal-entry{padding:12px 16px;margin-bottom:8px}
body.member-page #member-journal .journal-entry .journal-toolbar{margin-bottom:4px;gap:8px}
body.member-page #member-journal .journal-entry .journal-preview{margin:6px 0;line-height:1.4}
body.member-page #member-journal .journal-entry>p.hint{margin:4px 0 8px}
body.member-page #member-journal .journal-entry-details>summary,body.member-page #member-journal .journal-entry-options>summary{padding:8px 0}
@media(max-width:700px){
 body.member-page .member-tabs{grid-template-columns:repeat(auto-fit,minmax(min(100%,3.6rem),1fr))!important}
 body.member-page .member-tabs button{font-size:.75rem;overflow-wrap:normal;word-break:normal}
 body.member-page .member-tabs button span{overflow-wrap:normal;word-break:normal}
 body.member-page .member-main{padding-bottom:calc(var(--afl-navigation-space,80px) + 24px)}
 body.member-page #member-message:not(:empty){bottom:calc(var(--afl-navigation-space,80px) + 8px)}
 body.member-page .week-navigation{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}
 body.member-page #member-class-today{padding-inline:4px}
}

body.member-page .course-overlap{font-size:.8125rem;line-height:1.4;color:var(--bronze-light,#d4b28c);padding-left:10px;border-left:2px solid #b38b65;margin:10px 0}

body.member-page #course-participants-dialog .larry-museum-button,body.member-page #course-participants-dialog .larry-museum-button:is(:hover,:active){flex:0 0 44px;width:44px;height:44px;min-height:0;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;appearance:none;-webkit-tap-highlight-color:transparent}
body.member-page #course-participants-dialog .larry-museum-button:focus-visible{outline:2px solid #dfbd90;outline-offset:4px}

/* Vector presentation masks keep extraction flecks outside the medal silhouette.
   The protected 200 h helmet is displayed without any mask. */
img[data-art-rank]:not([data-art-rank="6"]):not([data-art-rank="locked"]){-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='49' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='49' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
img[data-art-rank="17"]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='white'%3E%3Ccircle cx='50' cy='50' r='49'/%3E%3Cpath d='M50 0L56 5L50 11L44 5Z M0 49L5 43L11 49L5 55Z M100 49L95 43L89 49L95 55Z M50 100L56 95L50 89L44 95Z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='white'%3E%3Ccircle cx='50' cy='50' r='49'/%3E%3Cpath d='M50 0L56 5L50 11L44 5Z M0 49L5 43L11 49L5 55Z M100 49L95 43L89 49L95 55Z M50 100L56 95L50 89L44 95Z'/%3E%3C/g%3E%3C/svg%3E")}

body.member-page #rank-art-dialog .rank-personal-art{width:100%;margin:10px auto 18px}
.rank-coin-slot{width:min(100%,410px);margin:0 auto;perspective:1100px}
body.member-page #rank-art-dialog button.rank-coin-button{display:block;width:100%;aspect-ratio:1;padding:0;margin:0;min-height:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#24190f;transform:none}
.rank-coin{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(0)}
.rank-coin.is-reversed{transform:rotateY(180deg)}
.rank-face{display:block;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:flat}
.rank-front{transform:translateZ(1px)}
.rank-back{transform:rotateY(180deg) translateZ(1px)}
body.member-page #rank-art-dialog .rank-face>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none!important;object-fit:contain;margin:0!important}
.rank-engraving{position:absolute;top:58%;left:19%;width:62%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;color:#f0d9ae;text-shadow:0 1px 0 #25180e,0 -1px 0 #4b3320,0 2px 2px #160d07e0;font-family:Georgia,"Times New Roman",serif;line-height:1.2;text-align:center}
.rank-engraved-name{font-size:clamp(.85rem,4.1vw,1.1rem);font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-wrap:balance}
.rank-engraved-date{font-size:clamp(1.15rem,6vw,1.8rem);font-weight:700;white-space:normal;font-variant-numeric:tabular-nums}
.rank-engraved-hours{font-size:clamp(.8rem,3.5vw,1rem);letter-spacing:.08em}
body.member-page #rank-art-dialog .rank-personal-hint{margin:8px 0 14px;color:#c6d0d0;line-height:1.5}
body.member-page #rank-art-dialog .rank-date-source{font-size:.76rem;margin:14px 0 0;line-height:1.5;color:#b2c2c8}
.rank-art-actions{display:flex;flex-wrap:wrap;gap:8px}
body.member-page #rank-art-dialog .rank-art-actions button{flex:1 1 150px;width:auto;margin:0;font-size:.875rem;padding:10px 8px}
body.member-page #rank-art-dialog .rank-forge-status{font-size:.8rem;color:#ddc4a0;line-height:1.5;margin:8px 0}
.rank-forge-status:empty{display:none}
.rank-forge-slot[hidden],.rank-coin-slot[hidden]{display:none!important}
.rank-forge-scene{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:2px;background:#101d29;isolation:isolate}
body.member-page :is(#rank-art-dialog,#rank-promotion-dialog) .rank-forge-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-height:none!important;margin:0!important}
.forge-hot{opacity:0}
.forge-object{position:absolute;left:29%;top:19%;width:42%;aspect-ratio:1;z-index:2}
body.member-page :is(#rank-art-dialog,#rank-promotion-dialog) .forge-object>img{position:absolute;inset:0;width:100%;height:100%;max-height:none!important;object-fit:contain;margin:0!important}
.forge-blank{opacity:0}
.forge-finished{opacity:1;filter:drop-shadow(0 6px 7px #0009)}
body.member-page :is(#rank-art-dialog,#rank-promotion-dialog) img.forge-hammer{inset:auto;left:47%;top:4%;width:30%;height:auto;aspect-ratio:1;object-fit:contain;transform-origin:88% 14%;opacity:0;z-index:3}
.forge-embers{position:absolute;left:51%;top:36%;width:1px;height:1px;z-index:4}
.forge-embers i{position:absolute;width:3px;height:3px;background:#f7bf70;border-radius:50%;box-shadow:0 0 6px #ff9b45;opacity:0}
.forge-ember-0{--ex:-24px;--ey:-34px}.forge-ember-1{--ex:28px;--ey:-39px}.forge-ember-2{--ex:-36px;--ey:-12px}.forge-ember-3{--ex:42px;--ey:-16px}.forge-ember-4{--ex:4px;--ey:-48px}.forge-ember-5{--ex:-18px;--ey:-21px}.forge-ember-6{--ex:17px;--ey:-24px}
.forge-radiance{position:absolute;inset:14% 19% 30%;background:radial-gradient(ellipse,#e9ab4633,transparent 70%);opacity:0;pointer-events:none;z-index:1}
.rank-forge-scene.is-forged .forge-hot{opacity:.18}
.athena.athena #rank-promotion-dialog.promotion-with-forge{width:520px;padding:18px;max-width:calc(100vw - 24px);background:#142832}
.promotion-with-forge .rank-promotion-forge{width:100%;margin:0 auto 14px}
.athena.athena #rank-promotion-dialog.promotion-with-forge .promotion-copy{animation:none!important}
.athena.athena #rank-promotion-dialog.promotion-with-forge h2{font-size:clamp(1.5rem,5vw,2rem);margin:8px 0}
.athena.athena #rank-promotion-dialog.promotion-with-forge .promotion-motto{margin:8px 0;line-height:1.45}
.promotion-with-forge .rank-forge-status{font-size:.8rem;margin:8px 0 0;color:#dcc29f}
@media(prefers-reduced-motion:no-preference){
 .rank-coin{transition:transform .75s cubic-bezier(.2,.7,.2,1)}
 .is-forging .forge-hot{animation:forge-heat 4.4s ease-in-out both}
 .is-forging .forge-blank{animation:forge-metal 4.4s ease-in-out both}
 .is-forging .forge-finished{animation:forge-reveal 4.4s ease-out both}
 .is-forging img.forge-hammer{animation:forge-strike 4.4s ease-in-out both}
 .is-forging .forge-radiance{animation:forge-radiance 4.4s ease-out both}
 .is-forging .forge-embers i{animation:forge-sparks .65s ease-out .95s 3 both}
}
@keyframes forge-heat{0%{opacity:0}25%,60%{opacity:.95}100%{opacity:.18}}
@keyframes forge-metal{0%{opacity:1;filter:brightness(.7)}35%{opacity:1;filter:brightness(1.25) sepia(.3)}60%{opacity:.8}82%,100%{opacity:0}}
@keyframes forge-reveal{0%,52%{opacity:0;transform:scale(.94)}80%{opacity:1;transform:scale(1.035)}100%{opacity:1;transform:scale(1)}}
@keyframes forge-strike{0%{opacity:0;transform:rotate(-28deg)}12%{opacity:1;transform:rotate(-28deg)}23%{transform:rotate(5deg)}31%{transform:rotate(-24deg)}38%{transform:rotate(5deg)}46%{transform:rotate(-20deg)}53%{transform:rotate(5deg);opacity:1}68%,100%{transform:rotate(-20deg);opacity:0}}
@keyframes forge-sparks{0%{opacity:0;transform:translate(0,0)}15%{opacity:.8}100%{opacity:0;transform:translate(var(--ex),var(--ey))}}
@keyframes forge-radiance{0%,12%{opacity:0}35%,65%{opacity:1}100%{opacity:0}}
@media(max-width:480px){.rank-engraving{gap:7px}.athena.athena #rank-promotion-dialog.promotion-with-forge{padding:14px}.rank-art-actions{gap:8px}}

.course-lab-mark{display:flex;align-items:center;gap:7px;margin:6px 0;color:#e2c49d;font-size:.875rem;font-weight:650;line-height:1.3}.course-lab-mark img{width:36px;height:36px;object-fit:contain;flex:none}.course-invitation-count{position:absolute;right:5px;top:3px;background:#d7b28d;color:#142832;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:800}.course-invitation-toast{position:fixed;top:12px;right:12px;z-index:80;width:min(380px,calc(100vw - 24px));padding:14px 16px;background:#203944;color:#f0e8dc;border:1px solid #ad8e6e;box-shadow:0 8px 24px #07172166;border-radius:4px}.course-invitation-toast[hidden]{display:none}.course-invitation-toast p{margin:6px 0 10px;font-size:.925rem}.course-invitation-toast>div{display:flex;justify-content:space-between;gap:8px}.course-invitation-toast button{padding:7px 10px}.member-tabs [data-member-view=classes]{position:relative}

.stripe-member-area{margin:16px 0;padding:14px 0;border-block:1px solid #b08a6040}
.stripe-member-area button{max-width:100%;white-space:normal;line-height:1.4}
.stripe-member-area .text-action{display:block;margin-top:10px}
.stripe-monthly{padding-block:18px;margin-bottom:20px;border-block:1px solid #b08a6050}
.stripe-monthly form{display:grid;gap:14px;max-width:560px}
.stripe-monthly details>form{margin-block:16px}
.stripe-monthly label{display:grid;gap:6px}
.stripe-monthly select{width:100%;min-width:0;max-width:100%}
.stripe-monthly [hidden]{display:none!important}
.stripe-monthly .stripe-consent{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.stripe-consent input{width:22px;height:22px;flex:0 0 22px;margin-top:3px}
.stripe-monthly button{white-space:normal;min-height:44px;line-height:1.4;max-width:100%}
.stripe-monthly-current{padding-block:10px}
.stripe-monthly-current details{margin-top:14px}
.stripe-monthly-current p{margin-block:8px}
.stripe-test-label{color:#ebc48c;font-weight:700;font-size:.875rem}
.stripe-payment-feedback{line-height:1.5}
.stripe-staff-dialog{width:min(860px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border-radius:4px;padding:clamp(16px,4vw,30px)}
.stripe-staff-dialog>.section-heading{display:flex;justify-content:space-between;position:sticky;top:-1px;background:var(--panel,#182f38);z-index:1;padding-block:6px;gap:12px;align-items:center}
.stripe-staff-dialog button{white-space:normal;line-height:1.4;min-height:44px}
.stripe-staff-dialog details{margin-block:18px}
.stripe-staff-dialog label{display:grid;gap:6px;margin-block:12px}
.stripe-staff-dialog select{max-width:100%;width:100%}
.stripe-url{display:block;overflow-wrap:anywhere;font-size:.875rem;margin-block:8px}
.stripe-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-block:18px;border-top:1px solid #b08a6040}
.stripe-order small,.stripe-order span{display:block;margin-top:5px}
.stripe-order dl{display:grid;gap:5px;margin:0;font-variant-numeric:tabular-nums}
.stripe-order dl div{display:flex;gap:14px;justify-content:space-between}
.stripe-order dd{margin:0;text-align:right}
.stripe-order>button{justify-self:start}
.stripe-staff-dialog [role=status]:empty{display:none}
@media(max-width:480px){.stripe-order{grid-template-columns:1fr}.stripe-order dl{max-width:300px}.stripe-staff-dialog>.section-heading h2{font-size:1.3rem}}

/* Member home: one next action, four stable destinations, one compact rank. */
body.member-page .member-main{position:relative;isolation:isolate}
body.member-page .home-architecture{display:none}
body.member-page.member-session-active .home-architecture{display:block;position:absolute;z-index:-1;pointer-events:none;right:0;top:0;width:min(70%,650px);height:240px;background:url('/member-home-column-v1.webp') right top/auto 100% no-repeat;opacity:.78;mask-image:linear-gradient(to bottom,#000 0%,#000 64%,transparent 100%)}
body.member-page .member-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;height:auto;min-height:56px;padding:0;border:0;letter-spacing:normal;margin:0 0 24px}
body.member-page .member-header .brand{margin:0;flex:1;min-width:0}
body.member-page .member-header-actions{flex:none}
body.member-page #member-messages-tab{display:grid;place-items:center;position:relative;width:44px;min-height:44px;padding:9px;color:var(--bronze-light);background:#142832b8;border-color:transparent}
body.member-page #member-messages-tab:hover{background:var(--surface-high);border-color:var(--bronze)}
body.member-page #member-messages-tab svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
body.member-page #member-messages-tab .badge{position:absolute;top:-3px;right:-3px;background:var(--bronze);color:var(--canvas);font:750 .6875rem/1.3 system-ui,sans-serif;min-width:17px;padding:2px 4px;border-radius:10px}
body.member-page #member-account{display:flex;flex-direction:column;gap:14px}
body.member-page #member-account>*{width:100%}
body.member-page #member-account>.page-heading{margin:0 0 4px}
body.member-page #member-account>.page-heading::after{display:none}
body.member-page #member-name{font-size:clamp(1.65rem,5vw,2rem);line-height:1.2}
body.member-page #member-account .home-motto{margin:12px 0 0;color:var(--bronze-light);font:600 .625rem/1.7 Georgia,'Times New Roman',serif;letter-spacing:.15em;word-spacing:.1em;overflow-wrap:normal}
body.member-page .home-motto span{margin:0 .22em}
body.member-page #member-account :is(.training-moment,#member-home-courses){position:relative;background:#142832b8;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:none}
body.member-page #member-account :is(.training-moment,#member-home-courses)::after{content:'';position:absolute;top:10px;right:10px;width:20px;height:20px;background:var(--greek-corner) center/contain no-repeat;opacity:.75;pointer-events:none}
body.member-page #member-account .training-moment>.eyebrow{margin:0 24px 8px 0;font-size:.625rem;letter-spacing:.12em}
body.member-page .training-next-layout{grid-template-columns:minmax(0,1fr) 126px;gap:10px;align-items:center}
body.member-page .training-next-layout>div{align-self:center}
body.member-page .training-next-layout h2{font:600 1.75rem/1.15 var(--classical);margin:0 0 9px}
body.member-page .training-next-layout .training-next-date{font-size:.875rem;margin:0 0 13px;line-height:1.5}
body.member-page .training-next-hours{display:block;font-variant-numeric:tabular-nums}
body.member-page .training-next-layout button.primary{padding:10px 12px;font-size:.8125rem}
body.member-page :is(.training-next-art,.training-next-cat){width:126px;height:142px}
body.member-page #member-account #member-home-courses>h2{font-size:1.375rem;margin:0 24px 8px 0}
body.member-page #member-home-courses>.eyebrow{margin:0 24px 8px 0}
body.member-page #member-home-courses .home-course-illustrated{grid-template-columns:minmax(0,1fr) 126px;gap:10px;border:0;padding:0}
body.member-page #member-home-courses .home-course-copy>h2{font:600 1.75rem/1.15 var(--classical);margin:0 0 9px}
body.member-page #member-home-courses .home-course-copy p{font-size:.875rem;margin:0 0 12px}
body.member-page #member-home-courses .home-course-copy button.primary{background:var(--bronze);color:var(--canvas);border:1px solid var(--bronze);border-radius:var(--control-radius);padding:10px 12px;font-size:.8125rem}
body.member-page #member-home-courses :is(.course-thumbnail,.course-cat-button){width:126px;height:142px}
body.member-page #member-home-courses .home-course-time{display:block;font-variant-numeric:tabular-nums}
body.member-page #member-home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.member-page #member-home-shortcuts .home-shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:80px;padding:10px 4px;text-align:center;font-weight:400;background:#2035409c;border:1px solid var(--line);border-radius:var(--radius)}
body.member-page #member-home-shortcuts .home-shortcut:hover{background:var(--surface-high);border-color:var(--bronze)}
body.member-page .home-shortcut>svg{flex:none;width:24px;height:24px;fill:none;stroke:var(--bronze-light);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin:0}
body.member-page .home-shortcut-title{font-size:.75rem;font-weight:700;line-height:1.25;overflow-wrap:normal}
body.member-page #member-home-journey .rank-home{position:relative;grid-template-columns:minmax(0,1fr) 98px;gap:7px 10px;padding:18px 16px 20px;border:1px solid var(--line);min-height:160px;background:linear-gradient(90deg,#142832f5,#142832b8 60%,#14283250),url('/member-panel-library-v1.webp') right center/cover no-repeat}
body.member-page #member-home-journey .rank-home:hover{background:linear-gradient(90deg,#1b323df5,#142832b8 60%,#14283250),url('/member-panel-library-v1.webp') right center/cover no-repeat}
body.member-page #member-home-journey .rank-home-top>img{width:98px;height:98px;grid-row:1/3}
body.member-page #member-home-journey .rank-name{font-size:1.625rem;margin:3px 0 5px}
body.member-page #member-home-journey .rank-eyebrow{font-size:.5625rem;letter-spacing:.1em;margin-bottom:4px}
body.member-page #member-home-journey .rank-home-stats{font-size:.75rem}
body.member-page #member-home-journey .rank-meter p{font-size:.75rem;line-height:1.45;margin:7px 0 0}
body.member-page #member-home-journey .rank-home-link{position:absolute;right:14px;bottom:9px;margin:0;padding:0;border:0;font-size:0}
body.member-page #member-home-journey .rank-home-link>span{font-size:1.25rem}
body.member-page #member-account .training-recent{display:none}
body.member-page #member-account #push-home-banner{padding:14px}
@media(min-width:761px){
 body.member-page.member-session-active .home-architecture{height:310px;opacity:.68}
 body.member-page #member-account{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:20px;align-items:stretch}
 body.member-page #member-account>:is(.training-moment,#member-home-courses){grid-column:1;grid-row:auto;align-self:stretch}
 body.member-page #member-account>#member-home-shortcuts{grid-column:2;grid-row:auto;align-self:center}
 body.member-page #member-account>#member-home-journey{grid-column:1/-1}
 body.member-page #member-account>#member-special-invitations{grid-column:1/-1}
 body.member-page .training-next-layout{grid-template-columns:minmax(0,1fr) minmax(126px,38%);min-height:220px}
 body.member-page :is(.training-next-art,.training-next-cat){width:100%;height:200px}
 body.member-page #member-home-courses{display:block}
 body.member-page #member-home-courses .home-course-illustrated{min-height:220px;grid-template-columns:minmax(0,1fr) 150px}
 body.member-page #member-home-courses :is(.course-thumbnail,.course-cat-button){width:150px;height:200px}
 body.member-page #member-home-journey .rank-home{grid-template-columns:minmax(0,1fr) 112px;min-height:150px}
 body.member-page #member-home-journey .rank-home-top>img{width:112px;height:112px}
 body.member-page #member-home-journey .rank-meter{max-width:580px}
}
@media(max-width:760px){
 body.member-page .member-header{margin-bottom:22px;gap:8px}
 body.member-page .member-header .brand{font-size:.6875rem;gap:9px}
 body.member-page .member-header .brand small{font-size:.4375rem}
 body.member-page #member-account{gap:12px}
 body.member-page #member-account .home-motto{letter-spacing:.11em;font-size:.59375rem}
}
@media(max-width:360px){
 body.member-page .member-header .brand{font-size:.625rem;gap:7px}
 body.member-page .member-header .logo-shell{width:46px;height:46px;flex-basis:46px}
 body.member-page .member-header .brand small{font-size:.375rem;letter-spacing:0}
 body.member-page #member-account :is(.training-moment,#member-home-courses){padding:14px}
 body.member-page .training-next-layout,body.member-page #member-home-courses .home-course-illustrated{grid-template-columns:minmax(0,1fr) 96px}
 body.member-page :is(.training-next-art,.training-next-cat),body.member-page #member-home-courses :is(.course-thumbnail,.course-cat-button){width:96px;height:128px}
 body.member-page #member-home-shortcuts .home-shortcut{padding:10px 3px;min-height:76px}
 body.member-page .home-shortcut-title{font-size:.6875rem}
 body.member-page #member-home-journey .rank-home{grid-template-columns:minmax(0,1fr) 82px;padding:16px 14px 20px}
 body.member-page #member-home-journey .rank-home-top>img{width:82px;height:82px}
}
@container (width < 19em){
 body.member-page .training-next-layout,body.member-page #member-home-courses .home-course-illustrated{grid-template-columns:1fr}
 body.member-page :is(.training-next-art,.training-next-cat),body.member-page #member-home-courses :is(.course-thumbnail,.course-cat-button){justify-self:end}
 body.member-page #member-home-journey .rank-home{grid-template-columns:1fr}
 body.member-page #member-home-journey .rank-home-top>img{grid-column:1;grid-row:2;justify-self:end;width:80px;height:80px}
 body.member-page #member-home-journey .rank-meter{grid-row:3}
}

/* Reflow only when the available width or enlarged text needs it. */
@container (width < 14em){
 body.member-page #member-home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
}