/* Small illustrative photos; never member identity or private-photo previews. */
.member-card-thumb{position:relative;display:block;flex:none;width:64px;height:76px;min-width:0;overflow:hidden;border-radius:8px;background:#f7f1f4}
.member-card-thumb>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.member-card-thumb>small{position:absolute;right:3px;bottom:3px;padding:1px 3px;border-radius:3px;background:#fffffff0;color:#655b64;font-size:8px;line-height:1.5;white-space:nowrap}
.member-workspace .tkl-ui .member-page-heading--photo{align-items:center;gap:14px}.member-page-heading--photo>.member-card-thumb{width:72px;height:84px}
.member-workspace .tkl-ui .member-overview-compact{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #eadfe5;border-radius:9px;background:#fcf9fa}.member-overview-compact>div{min-width:0}.member-overview-compact>.member-card-thumb{width:72px;height:84px}
.member-workspace .tkl-ui .member-page-head--photo{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.member-page-head--photo>h1{flex:1;min-width:120px}
.member-workspace .tkl-ui .lm-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.member-workspace .tkl-ui .lm-profile-grid>a.lm-tile{grid-template-columns:64px minmax(0,1fr);column-gap:14px;padding:16px;row-gap:8px}
.lm-profile-grid>.lm-tile>.member-card-thumb{grid-column:1;grid-row:1/span 5;align-self:start}.member-workspace .tkl-ui .lm-profile-grid>.lm-tile>div{grid-column:2}
.member-workspace .tkl-ui section.member-required-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px 12px;padding:16px;align-items:start}
.member-required-card>.member-card-thumb{width:56px;height:70px;grid-column:1;grid-row:1/span 6}.member-required-card>:not(.member-card-thumb){grid-column:2}.member-workspace .tkl-ui .member-required-card>.lm-secondary{justify-self:end;align-self:end}
.member-workspace .tkl-ui a.bikatsu-card{grid-template-columns:96px minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 3;gap:0;padding:0;align-items:stretch}
.member-workspace .tkl-ui .bikatsu-card-photo{grid-column:1;grid-row:1/span 3;align-self:stretch}.member-workspace .tkl-ui .bikatsu-card-photo>img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;min-height:120px}
.member-workspace .tkl-ui .bikatsu-card-photo>small{font-size:8px;right:3px;bottom:4px;padding:1px 3px}
.member-workspace .tkl-ui .bikatsu-card-body{grid-column:2;grid-row:1/span 3;padding:14px;gap:8px;min-width:0}
.member-workspace .tkl-ui .bikatsu-card-head .bikatsu-icon{display:none}.member-workspace .tkl-ui .bikatsu-card-head strong{font-size:18px}.member-workspace .tkl-ui .bikatsu-card p{font-size:13px;line-height:1.7}.member-workspace .tkl-ui .bikatsu-card-link{font-size:12px;line-height:1.6}
.member-workspace .tkl-ui header.bikatsu-hero--photo{grid-template-columns:96px minmax(0,1fr);gap:0;align-items:stretch}.member-workspace .tkl-ui .bikatsu-hero--photo .bikatsu-hero-copy{grid-column:2;grid-row:1;padding:20px}.member-workspace .tkl-ui .bikatsu-hero--photo figure{grid-column:1;grid-row:1}.member-workspace .tkl-ui .bikatsu-hero--photo figure>img{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}.member-workspace .tkl-ui .bikatsu-hero--photo figcaption{font-size:8px;right:3px;bottom:4px;padding:1px 3px}.member-workspace .tkl-ui .bikatsu-hero-copy>.bikatsu-icon{display:none}
.member-workspace .tkl-ui .bikatsu-features{grid-template-columns:minmax(0,1fr)}.member-workspace .tkl-ui .bikatsu-features>section{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:16px;align-items:center}.bikatsu-features>section>div{min-width:0}
.member-workspace .tkl-ui header.member-welcome-visual{grid-template-columns:80px minmax(0,1fr)}.member-workspace .tkl-ui header.member-welcome-visual>div{grid-column:2;grid-row:1;padding:18px}.member-workspace .tkl-ui header.member-welcome-visual figure{grid-column:1;grid-row:1}.member-workspace .tkl-ui header.member-welcome-visual figure>img{width:100%;height:100%;min-height:0;object-position:65% center}.member-workspace .tkl-ui .member-welcome-identity>img{width:28px;height:28px}.member-workspace .tkl-ui .member-welcome-identity{margin-bottom:6px}
.member-workspace .tkl-ui .member-guide-photo{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center}.member-guide-photo>div{min-width:0}
.member-workspace .tkl-ui .member-opportunity-grid{grid-template-columns:minmax(0,1fr)}.member-workspace .tkl-ui .member-opportunity-card{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:start}.member-opportunity-photo-link{padding:14px 0 14px 14px;min-width:0}.member-workspace .member-opportunity-photo-link .member-opportunity-image{aspect-ratio:1;max-height:96px;border-radius:7px}.member-opportunity-photo-link .member-opportunity-category{display:none}.member-workspace .member-opportunity-card__body{min-width:0;padding:14px}.member-workspace .member-opportunity-participation{grid-template-columns:96px minmax(0,1fr)}
.member-workspace .tkl-ui .member-task-card,.member-workspace .tkl-ui .lm-card-grid>.member-dashboard-profile-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px 14px;padding:16px}
.member-task-card>.member-card-thumb,.member-dashboard-profile-card>.member-card-thumb{grid-column:1;grid-row:1/span 3}.member-task-card>:not(.member-card-thumb),.member-dashboard-profile-card>:not(.member-card-thumb){grid-column:2;min-width:0}.member-workspace .tkl-ui .member-task-card>.lm-primary{justify-self:end}
@media(max-width:650px){.member-workspace .tkl-ui .lm-profile-grid{grid-template-columns:minmax(0,1fr)}.member-workspace .tkl-ui a.bikatsu-card{grid-template-columns:76px minmax(0,1fr)}.member-workspace .tkl-ui .bikatsu-card-body{padding:12px;gap:8px}.member-workspace .tkl-ui .bikatsu-card-head small{display:none}.member-workspace .tkl-ui header.bikatsu-hero--photo{grid-template-columns:76px minmax(0,1fr)}.member-workspace .tkl-ui .bikatsu-hero--photo .bikatsu-hero-copy{padding:16px}.member-workspace .tkl-ui .bikatsu-hero h1{font-size:24px}.member-workspace .tkl-ui .bikatsu-lead{font-size:15px}.member-workspace .tkl-ui header.member-welcome-visual{grid-template-columns:64px minmax(0,1fr)}.member-workspace .tkl-ui header.member-welcome-visual figure>img{height:100%;min-height:0}.member-workspace .tkl-ui header.member-welcome-visual h1{font-size:21px}.member-workspace .tkl-ui .member-opportunity-card{grid-template-columns:76px minmax(0,1fr)}.member-workspace .tkl-ui .member-page-heading--photo{gap:12px}.member-page-heading--photo>.member-card-thumb{width:60px;height:76px}.member-workspace .tkl-ui .member-guide-photo{grid-template-columns:60px minmax(0,1fr);gap:12px}}

/* Reporting guide: full photo header with the shared rose overlay. */
#member-event-mock header.member-guide-cover{position:relative;display:block;isolation:isolate;overflow:hidden;box-sizing:border-box;min-height:230px;padding:36px;border:0;border-radius:10px;background:#9a4e67;color:#fff}
#member-event-mock .member-guide-cover>.member-guide-cover-image{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 52%;border:0;border-radius:0}
#member-event-mock .member-guide-cover::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(154,78,103,.98),rgba(154,78,103,.92) 70%,rgba(154,78,103,.55))}
#member-event-mock .member-guide-cover>div{position:relative;z-index:2;max-width:850px;min-width:0}
#member-event-mock .member-guide-cover h1{color:#fff!important;font-size:clamp(26px,3vw,36px)!important;line-height:1.5;margin:14px 0 18px!important}
#member-event-mock .member-guide-cover p{color:#fff!important;line-height:1.9;margin:0}
#member-event-mock .member-guide-cover .event-mock-eyebrow{color:#fff!important;font-size:11px}
.member-guide-cover>.member-guide-image-note{position:absolute;right:12px;bottom:10px;z-index:2;color:#fff;font-size:10px;line-height:1.5}
@media(max-width:650px){#member-event-mock header.member-guide-cover{min-height:240px;padding:24px 20px 36px}#member-event-mock .member-guide-cover h1{font-size:26px!important}#member-event-mock .member-guide-cover p:not(.event-mock-eyebrow){font-size:14px}}

/* Compact guide opening and contents navigation. */
.member-workspace .tkl-ui .member-guide-back{margin:0 0 12px;font-size:13px;line-height:1.6}
#member-event-mock header.member-guide-cover{min-height:0;padding:24px}
#member-event-mock .member-guide-cover h1{font-size:clamp(24px,2.6vw,32px)!important;line-height:1.4;margin:8px 0 10px!important}
#member-event-mock .member-guide-cover p{line-height:1.65}#member-event-mock .member-guide-cover p:not(.event-mock-eyebrow){font-size:14px}
#member-event-mock .guide-toc{margin:12px 0 18px;gap:8px}
#member-event-mock .guide-toc a{min-height:44px;box-sizing:border-box;padding:8px 10px;font-size:12px;line-height:1.5}
#member-event-mock .event-mock-guide-section{margin:18px 0;padding:18px}
@media(max-width:650px){#member-event-mock header.member-guide-cover{min-height:0;padding:18px}#member-event-mock .member-guide-cover h1{font-size:24px!important}#member-event-mock .member-guide-cover p:not(.event-mock-eyebrow){font-size:13px}#member-event-mock .event-mock-guide-section{padding:16px}}

/* Guide cover bleeds to the panel edges; reading sections keep their gutters. */
.member-workspace .tkl-ui.tkl-member__panel:has(.member-guide-cover){--guide-gutter:32px;padding-inline:0}
.tkl-ui #member-event-mock.event-mock-guide:has(>.member-guide-cover){max-width:none;width:auto;margin-inline:0;padding:0}
#member-event-mock.event-mock-guide>.member-guide-cover{width:100%;margin-inline:0;border-radius:0;padding-inline:var(--guide-gutter,32px)}
#member-event-mock.event-mock-guide:has(>.member-guide-cover)>:not(.member-guide-cover){margin-left:var(--guide-gutter,32px);margin-right:var(--guide-gutter,32px)}
.member-workspace .tkl-ui:has(.member-guide-cover)>.member-guide-back{margin-inline:var(--guide-gutter,32px)}
@media(max-width:900px){.member-workspace .tkl-ui.tkl-member__panel:has(.member-guide-cover){--guide-gutter:26px}}
@media(max-width:480px){.member-workspace .tkl-ui.tkl-member__panel:has(.member-guide-cover){--guide-gutter:16px}}

/* Persistent recruitment entry, with room for existing save actions. */
body:has(.member-recruitment-footer){--member-footer-height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:var(--member-footer-height)}
.member-recruitment-footer{position:fixed;inset:auto 0 0;z-index:20;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:56px;padding:6px 16px calc(6px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e4dce1;box-shadow:0 -2px 10px #352d340a}
.member-recruitment-footer>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;min-height:44px;padding:8px 18px;border:1px solid #c7dadd;border-radius:24px;background:#f3f9f9;color:#176574;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none}
.member-recruitment-footer>a:hover{background:#e8f3f4;border-color:#176574}.member-recruitment-footer>a:focus-visible{outline:2px solid #176574;outline-offset:2px}.member-recruitment-footer .tkl-icon{width:21px;height:21px;flex:none}
.member-recruitment-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;box-sizing:border-box;padding:0 6px;border-radius:12px;background:#9a4e67;color:#fff;font-size:12px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
body:has(.member-recruitment-footer) .member-workspace .tkl-ui :is(.member-sticky-actions,.lm-sticky-actions){bottom:calc(var(--member-footer-height) + 8px)}
body:has(.member-recruitment-footer) .member-workspace .tkl-ui .brand-save-badge{bottom:calc(var(--member-footer-height) + 12px)}
body:has(.member-recruitment-footer) .member-workspace .tkl-ui form :is(input,select,textarea){scroll-margin-bottom:220px}

/* Photo patterns: cover heading, editorial side image, and gradient hero. */
.member-workspace .tkl-ui section.member-required-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;gap:12px;padding:0 18px 18px;margin:0;overflow:hidden}
.member-required-card>:not(.member-card-thumb){grid-column:1}
.member-required-cover{position:relative;isolation:isolate;display:grid;align-content:end;gap:8px;box-sizing:border-box;min-height:128px;margin:0 -18px 2px;padding:18px;overflow:hidden;background:#9a4e67}
.member-required-cover>.member-card-thumb{position:absolute;inset:0;z-index:-2;width:100%;height:100%;border-radius:0}
.member-required-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(154,78,103,.98),rgba(154,78,103,.88) 65%,rgba(154,78,103,.18))}
.member-workspace .tkl-ui .member-required-cover>h3{color:#fff;font-size:20px;line-height:1.5;text-wrap:balance}
.member-required-cover>.lm-badge{justify-self:start;width:auto;max-width:100%;background:#ffffffeb;color:#593d4a;border-color:#ffffff80;font-size:11px}
.member-workspace .tkl-ui .member-required-card>details{align-self:start;margin:0}.member-workspace .tkl-ui .member-required-card>.lm-secondary{margin-top:4px}
@media(min-width:901px){
 .member-required-grid{align-items:stretch;row-gap:12px}
 .member-workspace .tkl-ui section.member-required-card{grid-template-rows:subgrid;grid-row:span 5}
 .member-required-cover{min-height:164px}
 .member-workspace .tkl-ui .lm-profile-grid>a.lm-tile{grid-template-columns:minmax(112px,30%) minmax(0,1fr);column-gap:18px;padding:0 20px 0 0;overflow:hidden}
 .lm-profile-grid>.lm-tile>.member-card-thumb{width:100%;height:100%;min-height:210px;align-self:stretch;border-radius:0;mask-image:linear-gradient(90deg,#000 82%,transparent)}
 .member-workspace .tkl-ui .lm-profile-grid>.lm-tile>div{padding:20px 0;min-width:0}
 .member-workspace .tkl-ui a.bikatsu-card{grid-template-columns:minmax(150px,36%) minmax(0,1fr)}
 .member-workspace .tkl-ui .bikatsu-card-body{padding:22px;gap:12px}.member-workspace .tkl-ui .bikatsu-card-photo{position:relative;overflow:hidden}.member-workspace .tkl-ui .bikatsu-card-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 75%,#fff)}
 .member-workspace .tkl-ui .bikatsu-card-photo>img{min-height:190px}.member-workspace .tkl-ui .bikatsu-card-head strong{font-size:22px}.member-workspace .tkl-ui .bikatsu-card p{font-size:14px}
 .member-workspace .tkl-ui .bikatsu-features>section{grid-template-columns:150px minmax(0,1fr);padding:0;gap:24px;overflow:hidden}.bikatsu-features>section>.member-card-thumb{width:150px;height:100%;min-height:145px;border-radius:0}.bikatsu-features>section>div{padding:18px 24px 18px 0}
 .member-workspace .tkl-ui header.bikatsu-hero--photo,.member-workspace .tkl-ui header.member-welcome-visual{position:relative;isolation:isolate;display:block;overflow:hidden;min-height:240px;background:#9a4e67;color:#fff}
 .member-workspace .tkl-ui header.bikatsu-hero--photo figure,.member-workspace .tkl-ui header.member-welcome-visual figure{position:absolute;inset:0;z-index:-2;margin:0}
 .member-workspace .tkl-ui header.bikatsu-hero--photo figure>img,.member-workspace .tkl-ui header.member-welcome-visual figure>img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
 .member-workspace .tkl-ui header.bikatsu-hero--photo::after,.member-workspace .tkl-ui header.member-welcome-visual::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(154,78,103,.98),rgba(154,78,103,.92) 55%,rgba(154,78,103,.18))}
 .member-workspace .tkl-ui .bikatsu-hero--photo .bikatsu-hero-copy,.member-workspace .tkl-ui header.member-welcome-visual>div{position:relative;padding:32px;max-width:72%;box-sizing:border-box}
 .member-workspace .tkl-ui :is(.bikatsu-hero--photo,.member-welcome-visual) :is(h1,p,.lm-eyebrow){color:#fff}.member-workspace .tkl-ui .member-welcome-identity>img{width:36px;height:36px}
 .member-workspace .tkl-ui .member-overview-compact>.member-card-thumb{width:160px;height:130px}.member-workspace .tkl-ui .member-page-heading--photo>.member-card-thumb{width:132px;height:112px}
}
@media(max-width:650px){.member-workspace .tkl-ui section.member-required-card{padding:0 16px 16px}.member-required-cover{margin-inline:-16px;min-height:116px;padding:16px}.member-workspace .tkl-ui .member-required-cover>h3{font-size:18px}}

/* Mobile workspace rule: a single full-width outer surface, inset content/cards. */
@media(max-width:800px){
 .tkl-member.tkl-member>.main__inner{width:100%;max-width:none;padding-inline:0}
 .tkl-member.tkl-member>.main__inner>.bread{padding-inline:16px}
 .member-workspace>.tkl-ui.tkl-member__panel{width:100%;max-width:none;margin-inline:0;border-left:0;border-right:0;border-radius:0;box-shadow:none;padding-inline:16px}
 .member-workspace>.tkl-ui.tkl-member__panel:has(.member-guide-cover){padding-inline:0;--guide-gutter:16px}
}

/* Mobile spacing: one page gutter; only distinct cards add a smaller inset. */
@media (max-width: 800px) {
 .member-workspace > .tkl-ui.member-auth-panel { padding: 0; }
 .member-auth-panel .workspace-auth > section { margin-block: 0; padding: 24px 16px; }
 .member-auth-panel .workspace-auth-story { padding: 24px 16px; }
 .member-auth-panel .workspace-auth-story h2 { word-break: auto-phrase; }
 .member-auth-panel .workspace-auth > section > .workspace-eyebrow { margin-top: 0; }
 .member-auth-panel .workspace-auth > section > h1 { margin-top: 8px; }
 .member-workspace .member-private-information__body { padding: 16px 12px; }
 .member-workspace .tkl-ui fieldset.lm-goals { padding: 16px 12px; }
}
@media (max-width: 650px) {
 .member-workspace .tkl-register .intro-grid > .formpanel {
  box-sizing: border-box; width: calc(100% + 32px); margin-inline: -16px;
  padding: 20px 16px; border-inline: 0; border-radius: 0;
 }
}

/* One enclosing card per group: outer workspace surfaces are not a second frame. */
.member-workspace > .tkl-ui.tkl-member__panel:not(.member-auth-panel) {
 border: 0; border-radius: 0; box-shadow: none;
}
.member-workspace .tkl-ui section[aria-labelledby="member-profile-invitation-title"] {
 border: 0; border-radius: 0; padding: 0; background: transparent;
}
.member-workspace .member-settings__list .member-public-requirements {
 border: 0; border-radius: 0; padding-inline: 0; background: transparent;
}
.member-workspace .tkl-ui [data-member-progress] .member-private-information .member-field-head:has(h2) {
 border: 0; border-left: 3px solid var(--mw-rose, #9a4e67); border-radius: 0;
}
.member-auth-panel .workspace-auth-story .tkl-member__box {
 border: 0; border-radius: 0; box-shadow: none; background: transparent;
}
.member-workspace .tkl-ui .event-mock-references {
 border: 0; border-radius: 0; padding-inline: 0; background: transparent;
}