/* Compact phone composition. Desktop and tablet keep their existing layout. */
.dashboard-scale{display:contents}
@media(max-width:600px){
  #top .dashboard,#top .travel-card{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  #top .hero{height:auto;padding-bottom:0}
  #top .hero-copy{padding-top:34px}
  #top .hero h1{margin-top:20px;font-size:clamp(28px,7.8vw,38px)}
  #top .hero-copy>p{margin-top:20px;font-size:13px;line-height:1.65;max-width:330px;text-wrap:pretty}
  #top .hero-actions{margin-top:22px}
  #top .portrait{position:relative;inset:auto;width:310px;height:400px;max-width:100%;margin:4px auto 0;transform:none}
  #top .card-origin{width:138px;height:156px;top:auto}
  #top .origin-profile{left:8px;bottom:28px}
  #top .origin-meeting{right:8px;bottom:152px}
  #top .dashboard-perspective{width:calc(100% - 32px);scroll-margin-top:100px}
  #top .dashboard-scale{display:block;width:1000px;transform:scale(var(--mobile-board-scale, .358));transform-origin:0 0}
  #top .dashboard{width:1000px;grid-template-columns:66px 1fr;padding:10px;border-radius:26px;outline-width:7px}
  #top .dashboard-rail{padding:20px 8px 12px}
  #top .rail-brand{padding:0 0 20px;min-height:52px}
  #top .rail-mark{width:36px;height:36px}
  #top .rail-item{min-height:48px;margin-bottom:4px}
  #top .rail-item svg{width:23px;height:23px}
  #top .rail-account{display:flex}
  #top .dashboard-main{padding:30px 28px;border-radius:18px}
  #top .dashboard-heading{display:flex;margin-bottom:26px}
  #top .dashboard-heading h2{font-size:36px}
  #top .dashboard-heading p{font-size:14px;max-width:none;line-height:1.5}
  #top .date-pill{display:flex;font-size:13px}
  #top .dashboard-grid{grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:270px 270px;gap:16px}
  #top .board-slot-brief{grid-column:1;grid-row:1/3}
  #top .board-slot-opening{grid-column:2/4;grid-row:2}
  #top .slot-profile{grid-column:2;grid-row:1}
  #top .slot-meeting{grid-column:3;grid-row:1}
  #top .main-brief{display:block;padding:22px 18px}
  #top .main-brief h3{font-size:21px}
  #top .main-brief .muted{font-size:13px}
  #top .brief-focus{margin-top:22px;padding:22px 18px}
  #top .brief-focus h4{font-size:30px}
  #top .brief-focus p{font-size:14px;margin-top:14px}
  #top .brief-steps{font-size:13px;gap:12px;margin-top:20px}
  #top .brief-bottom{font-size:12px;margin-top:18px}
  #top .opening-card{padding:24px}
  #top .opening-card h3{font-size:22px}
  #top .opening-card blockquote{font-size:29px;line-height:1.3;margin-top:20px}
  #top .insight-row{font-size:14px;margin-top:20px;padding:12px}
  #top .travel-card,#top .travel-card.is-docked{padding:22px;border-radius:12px}
  #top .travel-card h3{font-size:18px}
  #top .travel-card .muted,#top .profile-card .muted{font-size:14px}
  #top .profile-card .friction-guidance{font-size:19px;line-height:1.35}
  #top .travel-card .mini-week{gap:8px;margin-top:16px}
  #top .travel-card .mini-week span{font-size:12px;padding:5px 9px}
  #top .travel-card .mini-week b{font-size:24px}
  #top .travel-card .meeting-time{font-size:36px;margin-top:18px}
  #top .travel-card .meeting-time>span{font-size:12px}
  #top .travel-card .card-bottom-label{font-size:12px}
  #top .hero-product-fade{height:32px}
  .site-navigation .site-header{height:60px}
  .site-navigation.is-scrolled .site-header{height:56px;padding-block:8px}
  .site-navigation.is-scrolled .brand.official-brand{width:30px;height:30px}
  .site-navigation.is-scrolled .brand.official-brand>.official-logo-icon{width:30px;height:30px}

  .frameworks{padding-top:32px}
  .framework-heading{gap:14px;margin-bottom:18px}
  .framework-list{min-height:0;padding:20px 12px;gap:14px 8px;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:18px}
  .framework-logo{zoom:.7;transform:none}
  .problem-intro{padding-block:60px;gap:30px}
  .problem-intro h2{font-size:30px;line-height:1.2;letter-spacing:-1px}
  .problem-heading-copy>.problem-description{font-size:14px;line-height:1.65}
  .problem-stats.problem-stats-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}
  .problem-stat{gap:10px}
  .problem-stat-heading{min-height:38px}
  .problem-icon{width:38px;height:38px}
  .problem-icon svg{width:20px;height:20px}
  .problem-context{font-size:13px;line-height:1.5;max-width:150px}
  .modules-intro p{font-size:13px;line-height:1.65}
  #moduler .module-stage{margin-bottom:28px}
  #moduler .feature-shell{padding:6px;border-radius:20px}
  #moduler .feature-copy{padding:24px 22px}
  #moduler .feature-copy .eyebrow{font-size:11px;padding:6px 10px}
  #moduler .feature-copy h2{font-size:29px;line-height:1.15;margin-top:20px;letter-spacing:-.8px}
  #moduler .feature-copy p{font-size:14px;line-height:1.6;margin-top:18px}
  #moduler .feature-copy .text-link{font-size:13px;margin-top:20px;min-height:40px}
  #moduler .feature-foot{font-size:11px;margin-top:18px}
  #moduler .feature-visual{zoom:.82;margin:6px -7px -7px;padding:24px 20px;gap:18px;border-radius:0 0 20px 20px}
  #moduler .feature-visual .depth-card{padding:22px;max-width:none}
  #moduler .feature-visual .depth-card:first-of-type{width:91%}
  #moduler .feature-visual .depth-card:last-of-type{width:96%}
  #moduler .module-jonas .jonas-result blockquote{font-size:22px}

  .everywhere{margin-top:32px;padding:52px 0}
  .everywhere-heading{margin-bottom:28px}
  .everywhere-heading h2{font-size:32px;line-height:1.15}
  .everywhere-heading>p{font-size:14px}
  .everywhere-grid{zoom:.88;gap:18px}
  #eksempel{padding-block:60px}
  #eksempel .section-heading h2{font-size:30px;line-height:1.15;letter-spacing:-1px}
  #eksempel .section-heading>p{font-size:14px}
  #eksempel .example-context{padding:18px 16px}
  #eksempel .example-context blockquote{font-size:15px;line-height:1.6;padding:16px}
  #eksempel .context-note{font-size:12px;margin-top:16px}
  #eksempel .example-result{padding:16px}
  #eksempel .recipient-tabs button{min-height:64px;gap:5px;font-size:13px}
  #eksempel .recipient-avatar{width:32px;height:32px}
  #eksempel .recipient-panel blockquote{font-size:16px;line-height:1.6;margin-top:16px}
  #eksempel #result-text p+p{margin-top:12px}
  #eksempel .recipient-approach{margin-top:16px;flex-direction:row;align-items:center;justify-content:space-between}
  #eksempel .recipient-approach>span:last-child{font-size:10px}
  #eksempel .mini-label{font-size:12px}
  #eksempel .explanation-label{font-size:12px}
  #eksempel #result-reason{font-size:13px;line-height:1.6}
  .business{padding-block:60px;gap:32px}
  .business-copy h2{font-size:34px}
  .business-copy>p{font-size:14px}
  .coach-panel{zoom:.88}
  #sporgsmal{padding-block:60px;gap:30px}
  #sporgsmal .faq-heading h2{font-size:32px}
  #sporgsmal .faq-intro p{font-size:14px}
  #sporgsmal summary{font-size:15px;min-height:66px;padding-block:16px}
  #sporgsmal details p{font-size:14px}
}