/* UnderstandingTrauma desktop art-direction layer.
   Loaded after page-specific styles so desktop composition is deliberate and visible.
   All rules are progressive enhancements; mobile remains unchanged. */

/* Desktop header flow guard: keep content below the sticky header instead of under it. */
@media (min-width:900px){
  :root{--ut-header-height:80px}
  html{scroll-padding-top:calc(var(--ut-header-height) + 24px)}
  .site-topbar,
  .site-topbar.clean-sticky-header,
  .site-topbar.home-transparent-header{
    position:sticky!important;
    top:0!important;
    inset-block-start:0!important;
    width:100%;
    margin-top:0!important;
    margin-bottom:0!important;
    transform:none!important;
    flex:0 0 auto;
    align-self:stretch;
    z-index:999;
  }
  #main{scroll-margin-top:calc(var(--ut-header-height) + 24px)}
  .simple-home-shell .simple-home-main,
  .faith-shell .faith-main{padding-top:32px!important}
}

/* Small desktop / landscape tablet transition: visibly editorial without forcing the full desktop spread. */
@media (min-width:900px) and (max-width:1099px){
  .site-topbar{padding-left:28px;padding-right:28px}
  .interior-main{width:min(calc(100% - 56px),1040px);max-width:none;padding-left:0;padding-right:0}
  .content-main>.page-hero,.content-main>.content-hero{width:min(100%,820px);margin-left:0;margin-right:auto;text-align:left}
  .content-main>.page-hero .hero-lede,.content-main>.content-hero .hero-lede{margin-left:0;margin-right:0}
  .content-main>.page-hero .micro-label::after,.content-main>.content-hero .micro-label::after{margin-left:0;margin-right:0}
  .simple-home-shell .simple-home-main,.faith-shell .faith-main{max-width:1040px;padding-left:28px;padding-right:28px}
  .simple-home-shell .message-hero,.faith-shell .faith-hero{margin-left:0;margin-right:0;min-height:650px}
  .simple-home-shell .message-hero-content,.faith-shell .faith-hero-content{width:min(calc(100% - 72px),900px);justify-items:start;text-align:left;padding-left:0;padding-right:0}
  .simple-home-shell .message-banner-label::after,.faith-shell .faith-hero-kicker::after{margin-left:0;margin-right:0}
  .simple-home-shell .message-banner-text,.faith-shell .faith-banner-text{max-width:780px;font-size:clamp(3.15rem,6vw,4.25rem)}
  .simple-home-shell .message-banner-button,.faith-shell .faith-banner-button{width:auto}
  .simple-home-shell .simple-community{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:48px;padding:54px 18px 60px}
  .simple-home-shell .simple-community-actions{max-width:290px;justify-self:end}
  .simple-home-shell .simple-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .support-main{width:min(calc(100% - 56px),1040px);max-width:none}
  .support-hero{width:min(100%,760px);margin-left:0;text-align:left}
  .support-hero .hero-lede{margin-left:0;margin-right:0}
  .form-layout{width:min(100%,980px);grid-template-columns:minmax(0,1fr) 290px;gap:24px;margin-left:0}
  .resource-guide-body .resource-guide-main{width:min(calc(100% - 56px),900px);max-width:none}
  .resource-guide-body .resource-article{width:min(100%,740px);margin-left:auto;margin-right:auto}
}

@media (min-width:1100px){
  :root{
    --ut-desktop-shell:1320px;
    --ut-desktop-reading:720px;
    --ut-desktop-editorial:900px;
  }

  /* Shared desktop frame */
  .site-topbar{
    min-height:80px;
    padding-left:max(32px,calc((100vw - var(--ut-desktop-shell))/2 + 32px));
    padding-right:max(32px,calc((100vw - var(--ut-desktop-shell))/2 + 32px));
  }
  .site-topbar .top-brand-logo{gap:14px;max-width:calc(100% - 66px)}
  .top-logo img,.top-brand-logo img{width:55px;height:55px;flex-basis:55px}
  .top-brand-word{font-size:1.25rem;line-height:1.24!important;padding-block:3px!important;overflow:visible;text-overflow:clip}
  .menu-toggle{width:43px;height:41px}
  .site-menu{justify-content:flex-end;padding:98px max(32px,calc((100vw - var(--ut-desktop-shell))/2 + 32px)) 28px 32px;background:rgba(31,30,28,.12)}
  .menu-card{width:360px}

  .interior-main{
    width:min(calc(100% - 64px),var(--ut-desktop-shell));
    max-width:none;
    padding:104px 0 136px;
  }
  .content-main{gap:42px}
  .content-main>.page-hero,.content-main>.content-hero{
    width:min(100%,920px);
    margin:0 0 16px;
    text-align:left;
  }
  .content-main>.page-hero .hero-lede,.content-main>.content-hero .hero-lede{margin-left:0;margin-right:0;max-width:60ch}
  .content-main>.page-hero .micro-label::after,.content-main>.content-hero .micro-label::after{margin-left:0;margin-right:0}
  .page-hero h1,.content-hero h1,.support-hero h1{font-size:clamp(3.75rem,5vw,5rem);max-width:12.5ch;line-height:1.01}
  .hero-lede{font-size:1.125rem;line-height:1.78}

  /* Homepage: editorial split rather than centered mobile card enlarged */
  .simple-home-shell .simple-home-main{max-width:var(--ut-desktop-shell);padding:32px 32px 104px}
  .simple-home-shell .message-hero{
    min-height:min(760px,calc(100svh - 52px));
    margin:0 0 64px;
    border-radius:18px;
  }
  .simple-home-shell .message-hero-content{
    width:min(calc(100% - 128px),1160px);
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(250px,320px);
    grid-template-rows:auto auto auto;
    column-gap:76px;
    row-gap:20px;
    align-items:end;
    justify-items:start;
    padding:128px 0 96px;
    text-align:left;
  }
  .simple-home-shell .message-banner-label{grid-column:1;grid-row:1}
  .simple-home-shell .message-banner-label::after{margin-left:0;margin-right:0}
  .simple-home-shell .message-banner-text{
    grid-column:1;
    grid-row:2 / span 2;
    max-width:880px;
    font-size:clamp(3.65rem,5.25vw,5.15rem);
    line-height:1.035;
    text-wrap:balance;
  }
  .simple-home-shell .message-banner-button{grid-column:2;grid-row:2;width:auto;align-self:end;justify-self:start;margin-bottom:6px}
  .simple-home-shell .message-hero-whisper{grid-column:2;grid-row:3;align-self:start;max-width:22ch;font-size:.8rem;line-height:1.5}
  .simple-home-shell .simple-community{
    grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);
    gap:88px;
    padding:72px 28px 78px;
    border-top:1px solid var(--ut-rule);
  }
  .simple-home-shell .simple-community h2{font-size:clamp(2.7rem,3.8vw,4rem);max-width:14ch}
  .simple-home-shell .simple-community>div>p{max-width:56ch;font-size:1.08rem}
  .simple-home-shell .simple-community-actions{width:100%;max-width:310px;justify-self:end;padding-left:26px;border-left:1px solid var(--ut-rule)}
  .simple-home-shell .simple-link-grid{grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--ut-rule)}
  .simple-home-shell .simple-link-grid>a{min-height:150px;padding:30px 22px;border-left:1px solid var(--ut-rule)}
  .simple-home-shell .simple-link-grid>a:first-child{border-left:0}
  .simple-home-shell .simple-link-grid>a:nth-child(odd),.simple-home-shell .simple-link-grid>a:nth-child(even){padding-left:22px;padding-right:22px}

  /* Faith: same visual family, distinct devotional editorial split */
  .faith-shell .faith-main{max-width:var(--ut-desktop-shell);padding:32px 32px 104px}
  .faith-shell .faith-hero{min-height:min(760px,calc(100svh - 52px));margin:0 0 64px;border-radius:18px}
  .faith-shell .faith-hero-content{
    width:min(calc(100% - 128px),1160px);
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(250px,320px);
    grid-template-rows:auto auto auto auto;
    column-gap:76px;
    row-gap:18px;
    align-items:end;
    justify-items:start;
    padding:128px 0 96px;
    text-align:left;
  }
  .faith-shell .faith-hero-kicker{grid-column:1;grid-row:1}
  .faith-shell .faith-hero-kicker::after{margin-left:0;margin-right:0}
  .faith-shell .faith-banner-text{grid-column:1;grid-row:2 / span 2;max-width:880px;font-size:clamp(3.65rem,5.25vw,5.15rem);line-height:1.035;text-wrap:balance}
  .faith-shell .faith-banner-reference{grid-column:1;grid-row:4;margin-top:2px}
  .faith-shell .faith-banner-button{grid-column:2;grid-row:2;width:auto;align-self:end;justify-self:start;margin-bottom:6px}
  .faith-shell .faith-hero-whisper{grid-column:2;grid-row:3;align-self:start;max-width:24ch;font-size:.8rem;line-height:1.5}
  .faith-shell .faith-link-list{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--ut-rule)}
  .faith-shell .faith-link-list>a{min-height:138px;padding:30px 24px}

  /* Resource hub: asymmetric editorial feature composition */
  .content-main:has(>.resource-hub-feature){
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:26px;
    row-gap:38px;
  }
  .content-main:has(>.resource-hub-feature)>.page-hero{grid-column:1 / span 8}
  .content-main:has(>.resource-hub-feature)>.resource-hub-feature{width:100%;margin:0;box-shadow:none}
  .content-main:has(>.resource-hub-feature)>.resource-hub-feature:nth-of-type(2){grid-column:1 / span 8;padding:44px}
  .content-main:has(>.resource-hub-feature)>.resource-hub-feature:nth-of-type(3){grid-column:9 / -1;padding:36px}
  .content-main:has(>.resource-hub-feature)>.resource-hub-feature:nth-of-type(4){grid-column:1 / span 5;padding:36px}
  .content-main:has(>.resource-hub-feature)>.important-card{grid-column:6 / -1;width:100%;margin:0;padding:40px;border-left:2px solid var(--ut-sage-dark);box-shadow:none}
  .content-main:has(>.resource-hub-feature)>.content-grid,.content-main:has(>.resource-hub-feature)>.resource-actions{grid-column:1 / -1}
  .content-main:has(>.resource-hub-feature)>.content-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .content-main:has(>.resource-hub-feature)>.content-grid:not(.two-col){grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .content-main:has(>.resource-hub-feature)>.content-grid>.content-card{
    padding:28px 12px 8px 0;
    border-width:1px 0 0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .content-main:has(>.resource-hub-feature)>.resource-actions{width:min(100%,760px);grid-template-columns:repeat(2,minmax(0,1fr));margin:12px auto 0}

  /* Destress: explanation and tool become a deliberate spread */
  .content-main:has(>.destress-card){grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);column-gap:78px;row-gap:64px;align-items:center}
  .content-main:has(>.destress-card)>.page-hero{grid-column:1;margin:0}
  .content-main:has(>.destress-card)>.destress-card{grid-column:2;width:100%;max-width:680px;margin:0 0 0 auto;padding:46px}
  .content-main:has(>.destress-card)>.content-grid{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .content-main:has(>.destress-card)>.content-grid>.content-card{padding:28px 12px 8px 0;border-width:1px 0 0;border-radius:0;background:transparent;box-shadow:none}
  .content-main:has(>.destress-card) .breathing-orb{width:178px;height:178px}

  /* Submit form: full reading form plus restrained supporting rail */
  .content-main:has(>.form-layout)>.page-hero{width:min(100%,820px)}
  .form-layout{width:min(100%,1080px);grid-template-columns:minmax(0,1fr) 330px;gap:34px;margin-left:0}
  .message-form{padding:44px}
  .submit-tips{position:sticky;top:116px;padding:32px;border-width:1px 0 0;border-radius:0;background:transparent;box-shadow:none}
  textarea{min-height:205px}

  /* General editorial pages such as About / Privacy / Terms */
  .content-main:not(:has(>.resource-hub-feature)):not(:has(>.destress-card)):not(:has(>.form-layout)):not(.store-page-main)>.content-card{
    width:min(100%,var(--ut-desktop-editorial));
    padding:38px 42px;
    box-shadow:none;
  }
  .content-main:not(:has(>.resource-hub-feature)):not(:has(>.destress-card)):not(:has(>.form-layout)):not(.store-page-main)>.content-card:nth-of-type(odd){margin-left:auto}
  .content-main:not(:has(>.resource-hub-feature)):not(:has(>.destress-card)):not(:has(>.form-layout)):not(.store-page-main)>.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
  .content-main:not(:has(>.resource-hub-feature)):not(:has(>.destress-card)):not(:has(>.form-layout)):not(.store-page-main)>.content-grid>.content-card{padding:28px 12px 8px 0;border-width:1px 0 0;border-radius:0;background:transparent;box-shadow:none}

  /* Support: editorial intro pair and calmer option rows */
  .support-main{width:min(calc(100% - 64px),var(--ut-desktop-shell));max-width:none;padding:104px 0 136px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:80px;row-gap:46px}
  .support-hero{grid-column:1;width:100%;margin:0;text-align:left;align-self:center}
  .support-hero h1{max-width:10ch}
  .support-hero .hero-lede{margin-left:0;margin-right:0;max-width:52ch}
  .support-note-card{grid-column:2;width:min(100%,570px);margin:0 0 0 auto;padding:42px;text-align:left;align-self:end}
  .support-script{font-size:clamp(1.35rem,1.8vw,1.7rem);line-height:1.55}
  .support-options{grid-column:1 / -1;width:min(100%,980px);margin:18px auto 0;gap:0;border-top:1px solid var(--ut-rule)}
  .support-option{padding:30px 4px;border-width:0 0 1px;border-radius:0;background:transparent;box-shadow:none}
  .support-option.featured-support{padding-left:24px;border-left:2px solid var(--ut-sage-dark);background:rgba(157,169,154,.055)}
  .support-status,.support-impact{grid-column:1 / -1}
  .support-impact{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
  .support-impact>.content-card{padding:28px 12px 8px 0;border-width:1px 0 0;border-radius:0;background:transparent;box-shadow:none}

  /* Store remains minimal, but is composed like an editorial announcement */
  .store-page-main{width:min(calc(100% - 64px),1120px);max-width:none}
  .store-page-main>.page-hero{width:min(100%,820px)}
  .store-coming-soon-card-clean{width:min(100%,940px);margin:0 auto;padding:64px 76px;box-shadow:none}
  .store-coming-soon-card-clean h2{font-size:clamp(3.65rem,5vw,4.9rem)}
  .store-coming-copy{max-width:58ch;font-size:1.08rem}

  /* Long-form resource guides: publication-like reading column */
  .resource-guide-body .resource-guide-main{
    width:min(calc(100% - 64px),1180px);
    max-width:none;
    display:grid;
    grid-template-columns:minmax(130px,190px) minmax(0,var(--ut-desktop-reading)) minmax(100px,1fr);
    column-gap:42px;
    row-gap:24px;
    padding:84px 0 136px;
  }
  .resource-guide-body .resource-breadcrumbs{grid-column:2;margin:0 0 10px}
  .resource-guide-body .resource-article{grid-column:2;gap:34px}
  .resource-guide-body .resource-hero{width:100%;margin:0 0 14px;text-align:left}
  .resource-guide-body .resource-hero h1{font-size:clamp(3.25rem,4.4vw,4.35rem);max-width:none}
  .resource-guide-body .resource-hero .hero-lede{margin-left:0;margin-right:0;max-width:64ch}
  .resource-guide-body .resource-article>.content-card{
    padding:30px 0 8px;
    border-width:1px 0 0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .resource-guide-body .resource-article>.resource-answer,
  .resource-guide-body .resource-article>.takeaway-card{
    margin-left:-28px;
    margin-right:-28px;
    padding:32px 28px;
    border:1px solid var(--ut-rule);
    border-radius:14px;
    background:var(--ut-paper-light);
  }
  .resource-guide-body .resource-article>.present-check{margin-left:-28px;margin-right:-28px;padding:34px 28px;border:1px solid var(--ut-rule);border-radius:14px;background:rgba(248,245,239,.68)}
  .resource-guide-body .resource-article>.source-card{padding-top:30px;background:transparent}
  .resource-guide-body .resource-article .content-card h2{font-size:clamp(1.55rem,2vw,1.9rem)}
  .resource-guide-body .resource-article .content-card p,.resource-guide-body .resource-list li,.resource-guide-body .source-list li{line-height:1.78}
  .resource-guide-body .resource-next{padding-top:16px}

  /* Footer uses the larger canvas without becoming a corporate sitemap */
  .clean-footer{padding:38px max(32px,calc((100vw - var(--ut-desktop-shell))/2 + 32px)) 30px}
  .footer-main,.footer-links,.footer-music-row{width:100%;max-width:var(--ut-desktop-shell)}
  .footer-main{grid-template-columns:minmax(0,1fr) auto auto;gap:32px}
  .footer-brand-block{max-width:760px}
  .footer-links{justify-content:flex-end;gap:12px 24px;margin-top:22px;padding-top:20px}
}

@media (min-width:1400px){
  .simple-home-shell .message-hero-content,.faith-shell .faith-hero-content{width:min(calc(100% - 160px),1200px);column-gap:92px}
  .simple-home-shell .message-hero,.faith-shell .faith-hero{min-height:780px}
  .interior-main,.support-main{padding-top:120px;padding-bottom:152px}
}

@media (prefers-reduced-motion:reduce) and (min-width:1100px){
  .simple-home-shell .message-hero,.faith-shell .faith-hero{scroll-behavior:auto}
}