/* =========================================================
   PEOPLE SYSTEM
   Author box, eksperter, ekspertprofiler.
   Load kun på relevante author/ekspert/om-os sider.
   ========================================================= */

.mn-person-panel,
.mn-author-box,
.author-header,
.experts-header,
.expert-card,
.mn-expert-header,
.mn-expert-section{
  border:1px solid var(--mn-border-card);
  background:var(--mn-surface);
  box-shadow:var(--mn-shadow-2);
}

.mn-person-header,
.author-header,
.experts-header,
.mn-expert-header{
  position:relative;
  overflow:hidden;
  background:var(--mn-gradient-panel);
}

.mn-person-header::before,
.author-header::before,
.experts-header::before,
.mn-expert-header::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background:var(--mn-gradient-panel-accent);
  opacity:.95;
}

.mn-author-box{
  margin:3rem 0 2rem;
  padding:1.75rem;
  border-radius:var(--mn-radius-lg);
  background:var(--mn-bg-soft);
}
.mn-author-box__inner{display:flex;align-items:flex-start;gap:1.5rem;}
.mn-author-box__avatar{flex:0 0 auto;}
.mn-author-box__avatar-img,
.author-header-image img,
.expert-image img,
.mn-expert-header__image img{display:block;object-fit:cover;border-radius:50%;background:var(--tvp-bg);}
.mn-author-box__avatar-img{width:96px;height:96px;border:2px solid var(--mn-border);}
.mn-author-box__content{flex:1 1 auto;min-width:0;}
.mn-author-box__label{display:inline-block;margin-bottom:.25rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mn-muted-3);}
.mn-author-box__heading{margin-bottom:.5rem;}
.mn-author-box__name{margin:0;font-size:1.05rem;line-height:1.3;}
.mn-author-box__name-link{color:var(--mn-text-strong);text-decoration:none;}
.mn-author-box__name-link:hover{text-decoration:underline;}
.mn-author-box__title{margin:.15rem 0 0;font-size:.9rem;color:var(--mn-muted-2);}
.mn-author-box__bio{margin-top:.75rem;font-size:.95rem;color:var(--mn-body);}
.mn-author-box__bio p{margin:0;}
.mn-author-box__social{margin-top:.75rem;font-size:.8rem;color:var(--mn-muted-3);}
.mn-author-box__social-label{font-weight:600;margin-right:.35rem;}
.mn-author-box__social-link,
.mn-author-box__reviewed-name{color:var(--mn-link);font-weight:600;text-decoration:none;}
.mn-author-box__social-link:hover,
.mn-author-box__reviewed-name:hover{text-decoration:underline;}
.mn-author-box__reviewed{margin-top:.75rem;padding-top:.5rem;border-top:1px dashed rgba(148,163,184,.6);font-size:.8rem;color:var(--mn-muted-3);}
.mn-author-box__reviewed-label{font-weight:700;margin-right:.15rem;}
.mn-author-box__reviewed-title{color:var(--mn-muted-2);}

.author-profile.page-section{padding-top:3rem;}
.author-header{display:flex;align-items:flex-start;gap:1.75rem;max-width:var(--mn-content);margin:0 auto 3rem;padding:2rem;border-radius:var(--mn-radius-xl);}
.author-header-image img{width:140px;height:140px;border:3px solid #fff;box-shadow:0 0 0 1px var(--mn-border-card),0 10px 22px rgba(15,23,42,.10);}
.author-header-text{flex:1 1 auto;min-width:0;}
.author-header-text h1 img{display:none;}
.author-header-text h1{margin:0 0 .25rem;font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.05;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--mn-ink-2);}
.author-title{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:var(--mn-muted-2);}
.author-header-text p{margin:.35rem 0;line-height:1.75;color:var(--mn-body);}
.author-competences,
.author-roles{margin:.75rem 0 2rem;padding-left:1.2rem;}
.author-competences li,
.author-roles li{margin-bottom:.4rem;line-height:1.65;color:var(--mn-body);}
.author-profile h2{margin-top:2.5rem;margin-bottom:.8rem;font-size:1.3rem;color:var(--mn-heading);}

.experts-page.page-section{padding-top:3.5rem;padding-bottom:4rem;}
.experts-page .page-inner{max-width:var(--mn-content-wide);}
.experts-header{max-width:100%;margin:0 auto 2.75rem;padding:2.25rem 2rem;border-radius:var(--mn-radius-xl);}
.experts-header h1{margin:0 0 .9rem;padding-left:.2rem;font-size:clamp(2rem,3vw,2.5rem);line-height:1.05;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--mn-ink-2);}
.experts-header p{max-width:72ch;margin:.55rem 0;line-height:1.75;color:var(--mn-body);}
.experts-header strong{color:var(--mn-heading);}
.experts-method,
.experts-footer,
.experts-transparency,
.experts-expectations{max-width:860px;}
.experts-method{margin-top:2.75rem;margin-bottom:3rem;}
.experts-grid-section{margin-top:3.25rem;margin-bottom:3.25rem;}
.experts-footer,
.experts-transparency{margin-top:3rem;padding:1.6rem 1.6rem 1.7rem;border-radius:var(--mn-radius-lg);background:var(--mn-bg-soft);}
.experts-method h2,
.experts-grid-section h2,
.experts-footer h2,
.experts-transparency h2,
.experts-expectations h2{margin-bottom:.9rem;font-size:1.55rem;line-height:1.2;letter-spacing:.01em;color:var(--mn-heading);}
.experts-method p,
.experts-footer p,
.experts-transparency p,
.experts-expectations p{max-width:74ch;line-height:1.75;color:var(--mn-body);}
.experts-method ul{list-style:none;margin:1rem 0 1.35rem;padding:0;}
.experts-method li{position:relative;margin-bottom:.8rem;padding-left:1.4rem;line-height:1.7;color:var(--mn-body);}
.experts-method li::before{content:"";position:absolute;left:0;top:.78em;width:7px;height:7px;border-radius:50%;background:var(--mn-link);transform:translateY(-50%);}
.experts-footer a,
.experts-transparency a,
.experts-header a,
.experts-method a,
.mn-expert-section a{color:var(--mn-link);font-weight:700;text-decoration:none;}
.experts-footer a:hover,
.experts-transparency a:hover,
.experts-header a:hover,
.experts-method a:hover,
.mn-expert-section a:hover{text-decoration:underline;}

.experts-grid{display:grid;gap:1.35rem;}
.expert-card{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);gap:1.5rem;align-items:start;padding:1.7rem;border-radius:var(--mn-radius-xl);background:var(--mn-gradient-card);transition:transform var(--mn-transition),box-shadow var(--mn-transition),border-color var(--mn-transition);}
.expert-card::after{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:var(--mn-radius-xl) 0 0 var(--mn-radius-xl);background:linear-gradient(180deg,#e3f0ff 0%,var(--tvp-blue-soft) 100%);}
.expert-card:hover{transform:translateY(-2px);box-shadow:var(--mn-shadow-panel-hover);border-color:#c9dcf5;}
.expert-image{position:relative;z-index:1;}
.expert-image img{width:110px;height:110px;border:3px solid #fff;box-shadow:0 0 0 1px var(--mn-border-card),0 10px 22px rgba(15,23,42,.10);}
.expert-content{min-width:0;}
.expert-content h3{margin:0 0 .25rem;font-size:1.4rem;line-height:1.15;font-weight:800;color:var(--mn-ink-2);}
.expert-role{display:inline-flex;align-items:center;margin:0 0 .9rem;padding:.42rem .8rem;border:1px solid var(--mn-link-border);border-radius:var(--mn-radius-pill);background:var(--mn-link-soft);color:var(--mn-link);font-size:.86rem;font-weight:700;line-height:1;}
.expert-content p{margin:.45rem 0;line-height:1.75;color:var(--mn-body);}
.expert-responsibilities{list-style:none!important;margin:1rem 0;padding:0!important;}
.expert-responsibilities li{list-style:none!important;position:relative;margin:0 0 .55rem;padding-left:1.4rem;line-height:1.65;color:var(--mn-body);}
.expert-responsibilities li::before{content:"✓";position:absolute;left:0;top:.05rem;font-size:.92rem;font-weight:800;line-height:1;color:var(--mn-link);}
.expert-link{margin-top:.8rem;font-size:.95rem;}
.expert-link a{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:var(--mn-link);text-decoration:none;}
.expert-link a::after{content:"→";transition:transform var(--mn-transition-fast);}
.expert-link a:hover::after{transform:translateX(2px);}

.mn-expert-header{display:grid;grid-template-columns:160px minmax(0,1fr);gap:2rem;align-items:center;margin:0 auto 2.75rem;padding:2rem;border-radius:var(--mn-radius-xl);}
.mn-expert-header__image{position:relative;z-index:1;display:flex;justify-content:center;}
.mn-expert-header__image img{width:150px;height:150px;border:4px solid #fff;box-shadow:0 0 0 1px var(--mn-border-card),0 14px 28px rgba(15,23,42,.12);}
.mn-expert-header__content{min-width:0;}
.mn-expert-header__content h1{margin:0 0 .35rem;font-size:clamp(2rem,3vw,2.8rem);line-height:1.02;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--mn-ink-2);}
.mn-expert-header__title{display:inline-flex;align-items:center;margin:0 0 1rem;padding:.5rem .9rem;border:1px solid var(--mn-link-border);border-radius:var(--mn-radius-pill);background:var(--mn-link-soft);color:var(--mn-link);font-size:.92rem;font-weight:700;line-height:1;}
.mn-expert-header__content p{max-width:68ch;margin:.55rem 0;font-size:1rem;line-height:1.8;color:var(--mn-body);}
.mn-expert-header__content strong{color:var(--mn-heading);}
.mn-expert-section{margin:0 0 1.5rem;padding:1.6rem 1.6rem 1.5rem;border-radius:var(--mn-radius-lg);background:var(--mn-gradient-card);box-shadow:0 10px 24px rgba(15,23,42,.05);}
.mn-expert-section h2{margin:0 0 .85rem;font-size:1.45rem;line-height:1.15;letter-spacing:.01em;color:var(--mn-heading);}
.mn-expert-section p{max-width:72ch;margin:.5rem 0;line-height:1.75;color:var(--mn-body);}
.mn-expert-list{list-style:none!important;display:grid;gap:.75rem;margin:.95rem 0 0;padding:0;}
.mn-expert-list li{list-style:none!important;position:relative;margin:0;padding:.9rem 1rem .9rem 2.5rem;background:var(--mn-bg-tint);border:1px solid var(--mn-border-card-2);border-radius:var(--mn-radius);line-height:1.65;color:var(--mn-body);}
.mn-expert-list li::before{content:"✓";position:absolute;left:1rem;top:.95rem;font-size:.95rem;font-weight:800;line-height:1;color:var(--mn-link);}
.mn-expert-list strong{color:var(--mn-ink-2);}
.mn-expert-section .pt-cv-wrapper,
.mn-expert-section .cv-grid,
.mn-expert-section .contentviews{margin-top:1rem;}
.page-section .page-inner > .mn-expert-section + .mn-expert-section{margin-top:1.5rem;}

@media (hover:none){
  .expert-card{transition:none;}
  .expert-card:hover{transform:none;}
}

@media (max-width:768px){
  .mn-author-box__inner{gap:1rem;}
  .mn-author-box__avatar-img{width:72px;height:72px;}
  .author-header{flex-direction:column;align-items:flex-start;padding:1.75rem 1.5rem;}
  .author-header-image img{width:110px;height:110px;}
  .author-header-text h1,
  .experts-header h1{font-size:1.7rem;}
  .experts-page.page-section{padding-top:2.5rem;padding-bottom:3rem;}
  .experts-header{padding:1.6rem 1.35rem;border-radius:var(--mn-radius-lg);}
  .expert-card{grid-template-columns:1fr;gap:1rem;padding:1.35rem;}
  .expert-image img{width:92px;height:92px;}
  .expert-content h3{font-size:1.2rem;}
  .expert-role{margin-bottom:.75rem;}
  .experts-footer,
  .experts-transparency{padding:1.3rem 1.15rem 1.4rem;}
  .mn-expert-header{grid-template-columns:1fr;gap:1.2rem;padding:1.4rem;border-radius:var(--mn-radius-lg);}
  .mn-expert-header__image{justify-content:flex-start;}
  .mn-expert-header__image img{width:108px;height:108px;}
  .mn-expert-header__content h1{font-size:1.9rem;}
  .mn-expert-header__title{margin-bottom:.85rem;font-size:.86rem;}
  .mn-expert-section{padding:1.2rem 1.1rem;}
  .mn-expert-section h2{font-size:1.25rem;}
  .mn-expert-list li{padding:.85rem .9rem .85rem 2.2rem;}
  .mn-expert-list li::before{left:.9rem;top:.9rem;}
}
