/* Shared disclosure content, based on Marketing > Jak pracuji.
   Only accordion content is styled; contact, footer and page heroes are untouched. */
.page .acc-body{
  --disclosure-body:16px;
  --disclosure-title:19px;
  --disclosure-gap:16px;
  --disclosure-pad:20px 22px;
  font-family:var(--display);font-size:var(--disclosure-body);line-height:1.5;
  gap:var(--disclosure-gap);padding-bottom:24px;
}
.page .acc-body :is(p,dd,ul,ol,.feat,.why,.src,.quiz label),
.page .acc-body .steps li>span:last-child{
  font-family:var(--display);font-size:var(--disclosure-body)!important;line-height:1.5;
}
.page .acc-body :is(h3,.pain-q,.steps b,.band .thesis,.quiz legend){
  font-family:var(--display);font-size:var(--disclosure-title)!important;font-weight:700;
  font-variation-settings:"wdth" 100;letter-spacing:-.01em;line-height:1.3;text-transform:none;
}
.page .acc-body :is(.label,.tag,.step-n,.src,.m3-roas,.cap-tag,.stack span,.chips-s span){
  font-family:var(--display);font-size:12px!important;line-height:1.4;letter-spacing:.02em;
}
.page .acc-body :is(p,h3){margin-block:0}
.page .acc-body .why{margin-bottom:0}
.page .acc-body :is(.steps,.pains,.meta3,.mgmt,.types,.quiz-g,.disclosure-cards){gap:var(--disclosure-gap)!important}
.page .acc-body :is(.pains,.disclosure-cards){
  display:grid;list-style:none;margin:0;padding:0;background:none;border:0;border-radius:0;overflow:visible;
}
.page .acc-body :is(.steps>li,.pains>li,.m3,.mcard,.type,.quiz fieldset,.disclosure-cards>li,.band,.tech){
  padding:var(--disclosure-pad)!important;border:0;border-radius:var(--r-md);
  background:var(--tint);box-shadow:none;gap:8px!important;min-width:0;
}
.page .acc-body :is(.steps>li,.pains>li,.disclosure-cards>li){display:grid;align-content:start}
.page .acc-body .pains>li{grid-template-columns:minmax(0,1fr)}
.page .acc-body .pains .pain-q::before{display:block;margin:0 0 6px;font-family:var(--display);font-size:12px;line-height:1.4;letter-spacing:.02em}
.page .acc-body .pain-a{padding-left:0;color:var(--ink-2)}
.page .acc-body .pain-a::before{content:none}
.page .acc-body .steps li:last-child{background:var(--ink);color:var(--paper)}
.page .acc-body .steps li:last-child>span:last-child{color:color-mix(in srgb,var(--paper) 80%,transparent)}
.page .acc-body :is(.band,.tech){display:grid}
.page .acc-body .band .thesis{max-width:60ch}
.page .acc-body .quiz fieldset{padding-top:12px!important}
.page .acc-body .quiz legend{padding:0 4px}
.page .acc-body .quiz label{padding-block:12px}
.page .acc-body .acc-in{min-width:0}
@media(min-width:760px){
  .page .acc-body .disclosure-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:759px){
  .page .acc-body{
    --disclosure-body:14.5px;--disclosure-title:17px;
    --disclosure-gap:14px;--disclosure-pad:14px 16px;
    padding-bottom:20px;
  }
  .page .acc-name{font-family:var(--display);font-size:17px!important;line-height:1.3;font-weight:900}
  .page .acc-body :is(.steps,.pains,.meta3,.mgmt,.types,.quiz-g,.disclosure-cards){
    grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row;
    grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;
  }
  .page .acc-body .m3-head{flex-wrap:wrap;align-items:baseline;gap:8px}
  .page .acc-body .steps li>span:last-child{font-size:14.5px!important}
}
@media(max-width:759px){
  .page #spoluprace .cooperation-head,
  .page #spoluprace>.why{display:none}
  .page .acc-role{
    font-family:var(--display);font-size:14px;font-weight:400;
    font-variation-settings:"wdth" 100;line-height:1.5;color:var(--ink-2);
  }
}


@media(min-width:760px){
  .page[data-page="weby"] .mobile-disclosure-block .acc{border-top:0}
  .page .block:not(.closing):not(.cta-only):not(.mobile-disclosure-block){
    padding-block:clamp(56px,7vw,104px);
  }
  .page .block.mobile-disclosure-block{
    padding-block:0;
    border-top:0;
  }
  .page .block.closing{
    padding-top:clamp(16px,3vw,32px);
    padding-bottom:0;
    border-top:0;
  }
  .page[data-page="vykon"] #co-delam .acc-body .pains{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page[data-page="vykon"] #proc{display:none}
  .page[data-page="vykon"] #co-delam + #proc + .mobile-disclosure-block .acc{border-top:1px solid var(--ink)}
  .page[data-page="vykon"] #co-delam + #proc + .mobile-disclosure-block + .mobile-disclosure-block .acc{border-top:0}
  .page[data-page="vykon"] .block.closing{padding-top:clamp(16px,3vw,32px);padding-bottom:0}
  .page[data-page="vyvoj"] .block.mobile-disclosure-block{
    padding-block:clamp(16px,2vw,24px);
    border-top:0;
  }
  .page[data-page="vyvoj"] .mobile-disclosure-block .acc,
  .page[data-page="vyvoj"] .mobile-disclosure-block .acc-item{border:0}
  .page[data-page="vyvoj"] .mobile-disclosure-block .acc-btn{
    min-height:80px;
    padding-block:20px;
  }
  .page[data-page="vyvoj"] .block.mobile-fold#vznika{
    padding-block:clamp(56px,7vw,104px);
    border-top:0;
  }
  .page[data-page="vyvoj"] .mobile-fold-acc,
  .page[data-page="vyvoj"] .mobile-fold-item{border:0}
}


/* Development portfolio heading: stack the section label above its project list on desktop. */
@media(min-width:760px){
  .page[data-page="vyvoj"] #vznika .block-head{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
    margin-bottom:clamp(28px,4vw,48px);
  }
}


/* Development page: on desktop, show projects first and continue with the three
   disclosure rows below them. Keep the source order for the mobile layout. */
@media(min-width:760px){
  .page[data-page="vyvoj"] > .wrap{
    display:flex;
    flex-direction:column;
  }
  .page[data-page="vyvoj"] > .wrap > .page-head{order:0}
  .page[data-page="vyvoj"] > .wrap > #spoluprace{order:1}
  .page[data-page="vyvoj"] > .wrap > #vznika{order:2}
  .page[data-page="vyvoj"] > .wrap > .mobile-disclosure-block:not(#vice){order:3}
  .page[data-page="vyvoj"] > .wrap > #vice{order:4}
  .page[data-page="vyvoj"] > .wrap > .closing{order:5}

  .page[data-page="vyvoj"] > .wrap > .mobile-disclosure-block:not(#vice){
    padding:clamp(56px,7vw,104px) 0 0;
    border-top:1px solid var(--line);
  }
  .page[data-page="vyvoj"] > .wrap > #vice{
    padding:0 0 clamp(56px,7vw,104px);
    border:0;
  }
  .page[data-page="vyvoj"] .mobile-disclosure-block .acc{
    max-width:none;
    border:0;
  }
  .page[data-page="vyvoj"] .mobile-disclosure-block .acc-item{
    border:0;
    border-bottom:1px solid var(--line);
  }
  .page[data-page="vyvoj"] .mobile-disclosure-block .acc-btn{
    min-height:80px;
    padding-block:20px;
  }
}