/* One public guide profile, shared by phone and desktop. */
#detail:has(.guide-profile){width:min(760px,calc(100% - 32px));padding:0;background:white}
#detail:has(.guide-profile) .dialog-toolbar{display:flex;justify-content:flex-end;position:sticky;top:0;z-index:2;margin:0;padding:8px 12px 0;background:white}
#detail:has(.guide-profile) .dialog-close{position:static;width:44px;height:44px;border-radius:50%;background:white}
#detail:has(.guide-profile) .dialog-close:hover{background:var(--soft)}
.guide-profile{--profile-tone:#087e8b;--profile-tint:#e7f4f2;padding:0 28px 28px}
.guide-profile-tone-ochre{--profile-tone:#805c17;--profile-tint:#fff2d8}
.guide-profile-tone-coral{--profile-tone:#9c4d38;--profile-tint:#fbebe5}
.guide-profile-tone-blue{--profile-tone:#385e92;--profile-tint:#eaf0fa}
.guide-profile-heading{display:flex;align-items:center;gap:16px;margin:0 0 20px;min-width:0}
.guide-profile-avatar{display:grid;place-items:center;flex:0 0 64px;height:64px;border-radius:20px;background:var(--profile-tint);color:var(--profile-tone);font-size:23px;font-weight:750;letter-spacing:.02em}
.guide-profile-heading>div{min-width:0}
.guide-profile-heading h2{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin:0;overflow-wrap:anywhere}
.guide-profile-heading p{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);margin:8px 0 0;overflow-wrap:anywhere}
.guide-profile-heading p svg{flex:0 0 16px;width:16px;height:16px;color:var(--profile-tone)}
.guide-profile-action{display:flex;margin-bottom:22px}
.guide-profile-action button{min-width:180px}
.guide-profile-action button:disabled{opacity:1;background:var(--soft);border-color:var(--line);color:var(--muted)}
.guide-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 26px}
.guide-profile-wide{grid-column:1/-1}
.guide-profile-section{min-width:0}
.guide-profile-section h3{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:15px;line-height:1.4;font-weight:700}
.guide-profile-section h3 svg{color:var(--profile-tone);flex:0 0 20px}
.guide-profile-facts{display:flex;flex-wrap:wrap;gap:7px 16px;list-style:none;padding:0;margin:0;font-size:14px;line-height:1.6}
.guide-profile-facts li{position:relative;padding-left:13px;overflow-wrap:anywhere;max-width:100%}
.guide-profile-facts li::before{content:'';position:absolute;left:0;top:.66em;width:5px;height:5px;border-radius:50%;background:var(--profile-tone)}
.guide-profile-languages{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;list-style:none;padding:0;margin:0}
.guide-profile-languages li{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:#e9f5f3;border:1px solid #cae5e0;border-radius:10px;min-width:0}
.guide-profile-languages strong{color:#12655f;font-size:15px;font-weight:700;overflow-wrap:anywhere;text-transform:capitalize}
.guide-profile-languages span{color:var(--muted);font-size:12px;line-height:1.4}
.guide-profile-prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75;margin:0}
.guide-profile-prose+.guide-profile-prose,.guide-profile-languages+.guide-profile-prose,.guide-profile-facts+.guide-profile-prose{margin-top:10px}
.guide-profile-years{display:flex;gap:9px;align-items:baseline;margin:0 0 8px}
.guide-profile-years strong{font-size:24px;line-height:1.2;color:var(--profile-tone)}
.guide-profile-years span{font-size:13px;color:var(--muted)}
.guide-profile-category-section .guide-profile-facts{flex-direction:column;gap:5px}
.guide-profile-declined h3 svg{color:var(--muted)}
.guide-profile-declined .guide-profile-facts{color:var(--muted)}
.guide-profile-declined .guide-profile-facts li::before{background:#9ba9ad}
.guide-profile-source{padding:18px 0 0;margin-top:24px;font-size:12px;line-height:1.6;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:700px){
  #detail:has(.guide-profile){width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:16px}
  #detail:has(.guide-profile) .dialog-toolbar{padding:4px 6px 0}
  .guide-profile{padding:0 18px max(22px,env(safe-area-inset-bottom))}
  .guide-profile-heading{gap:12px;margin-bottom:16px;align-items:flex-start}
  .guide-profile-avatar{flex-basis:48px;height:48px;border-radius:15px;font-size:18px}
  .guide-profile-heading h2{font-size:23px;letter-spacing:-.4px}
  .guide-profile-heading p{font-size:13px;align-items:flex-start;margin-top:6px}
  .guide-profile-heading p svg{margin-top:2px}
  .guide-profile-action{margin-bottom:22px}
  .guide-profile-action button{width:100%}
  .guide-profile-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .guide-profile-wide{grid-column:auto}
  .guide-profile-languages{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-profile-languages li{padding:11px 12px}
  .guide-profile-languages strong{font-size:14px}
  .guide-profile-source{margin-top:22px}
}