/* MyDocMaker V2.58.35 — wide editorial refresh
   FreeShelf-inspired spatial system; preserves MyDocMaker identity and document typography. */
:root{
  --mdm-frame-width:1440px!important;
  --mdm-content-width:1320px!important;
  --mdm-page-bg:#edf0f2;
  --mdm-surface:#faf8f3;
  --mdm-raised:#ffffff;
  --mdm-line:#d9dde0;
  --mdm-ink:#1c2730;
  --mdm-muted:#68747c;
  --mdm-navy:#16233f;
  --mdm-stamp:#b23b3b;
  --mdm-shadow:0 14px 42px rgba(28,39,48,.08);
}
@media screen{
  html.mdm-framed-root,html{background:var(--mdm-page-bg)!important;}
  body.mdm-framed-page{
    width:min(calc(100% - 28px),var(--mdm-frame-width))!important;
    max-width:var(--mdm-frame-width)!important;
    margin:14px auto!important;
    padding:0!important;
    min-height:calc(100vh - 28px)!important;
    border:1.5px solid #cfd5d9!important;
    border-radius:2px!important;
    background:var(--mdm-surface)!important;
    box-shadow:0 0 56px rgba(28,39,48,.075)!important;
    overflow-x:hidden!important;
  }
  body.mdm-framed-page > .topbar .topbar-inner,
  body.mdm-framed-page > .mdm-guide-topbar .mdm-guide-topbar-inner,
  body.mdm-framed-page > #builderView > .builder-topbar,
  body.mdm-framed-page > #builderView > .builder-layout,
  body.mdm-framed-page > .cmd-popular-links,
  body.mdm-framed-page > footer{
    width:100%!important;
    max-width:var(--mdm-content-width)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Navigation / chrome */
  .topbar,.mdm-guide-topbar{
    background:rgba(250,248,243,.94)!important;
    backdrop-filter:blur(14px)!important;
    border-bottom:1px solid var(--mdm-line)!important;
  }
  .topbar-inner,.mdm-guide-topbar-inner{padding-left:30px!important;padding-right:30px!important;}

  /* Homepage — larger, calmer, more editorial */
  body.mdm-framed-page > #homeView{width:100%!important;max-width:none!important;margin:0!important;}
  #homeView .hero-band{border-bottom:1px solid var(--mdm-line)!important;}
  #homeView .hero{max-width:1320px!important;padding:72px 30px 34px!important;}
  #homeView .hero h1{font-size:clamp(38px,4.4vw,62px)!important;line-height:1.02!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;}
  #homeView .hero p{font-size:18px!important;line-height:1.65!important;max-width:680px!important;}
  #homeView main{max-width:1320px!important;padding:0 30px!important;}
  #homeView .seo-intro-inner{max-width:900px!important;padding:54px 30px 58px!important;}
  #homeView .seo-intro h2{font-size:clamp(27px,3vw,38px)!important;}
  #homeView .seo-intro p{font-size:16.5px!important;line-height:1.7!important;}
  #homeView .grid-section{padding-bottom:96px!important;}
  #homeView .grid-label{font-size:30px!important;margin-top:64px!important;margin-bottom:24px!important;}
  #homeView .doc-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:22px!important;}
  #homeView .doc-card{padding:26px 24px!important;border-radius:10px!important;min-height:154px!important;box-shadow:0 5px 18px rgba(28,39,48,.06)!important;}
  #homeView .doc-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 32px rgba(28,39,48,.11)!important;}
  #homeView .doc-card h3{font-size:18px!important;}
  #homeView .doc-card p{font-size:13.5px!important;line-height:1.55!important;}

  /* Builder — give both form and document room to breathe */
  .builder-topbar{max-width:1320px!important;padding:24px 30px 0!important;}
  .builder-layout{max-width:1320px!important;padding:26px 30px 88px!important;grid-template-columns:minmax(360px,430px) minmax(0,1fr)!important;gap:34px!important;}
  .form-pane{border-radius:12px!important;box-shadow:0 6px 22px rgba(28,39,48,.07)!important;}
  .preview-pane{min-width:0!important;}
  .preview-pane .paper,.paper{max-width:800px!important;margin-left:auto!important;margin-right:auto!important;box-shadow:0 14px 38px rgba(28,39,48,.14)!important;}
  .paper:has(.cv-template){max-width:800px!important;}

  /* Editorial guide pages live in the wide frame but retain readable measure */
  body.mdm-framed-page > .guide-shell,
  body.mdm-framed-page > main.guide-shell{
    width:calc(100% - 60px)!important;
    max-width:1040px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-top:64px!important;
    padding-bottom:86px!important;
  }
  .guide-shell h1{font-size:clamp(42px,5.4vw,68px)!important;line-height:1.01!important;letter-spacing:-.025em!important;}
  .guide-lead{font-size:19px!important;line-height:1.72!important;max-width:780px!important;}
  .guide-step{padding:28px 0!important;}
  .guide-step h2{font-size:26px!important;}
  .guide-cta{border-radius:12px!important;padding:30px!important;}
  .mdm-related-wrap{margin-top:42px!important;}

  /* Footer — denser and more confident */
  .mdm-premium-footer,footer{margin-top:0!important;}
}

/* CV library is intentionally wider than editorial guides. */
body.mdm-wide-gallery > .guide-shell,
body.mdm-wide-gallery > main.guide-shell{
  max-width:1320px!important;
  width:calc(100% - 60px)!important;
}
body.mdm-wide-gallery .guide-shell > .guide-lead{max-width:900px!important;}
body.mdm-wide-gallery .template-library-summary{margin:24px 0 10px!important;gap:12px!important;}
body.mdm-wide-gallery .template-toolbar{
  top:78px!important;
  padding:14px!important;
  margin:28px 0 34px!important;
  border-radius:10px!important;
  background:rgba(250,248,243,.96)!important;
  box-shadow:0 7px 20px rgba(28,39,48,.06)!important;
}
body.mdm-wide-gallery .template-family{margin:44px 0 64px!important;}
body.mdm-wide-gallery .template-family-head{margin-bottom:22px!important;padding-bottom:16px!important;}
body.mdm-wide-gallery .template-family-head h2{font-size:30px!important;}
body.mdm-wide-gallery .template-family-head p{font-size:14px!important;max-width:780px!important;}
body.mdm-wide-gallery .template-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:28px!important;
  margin:24px 0 42px!important;
}
body.mdm-wide-gallery .template-card{
  padding:16px!important;
  border-radius:8px!important;
  border-color:#d7dcdf!important;
  box-shadow:0 8px 24px rgba(28,39,48,.07)!important;
  background:#fff!important;
}
body.mdm-wide-gallery .template-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 20px 38px rgba(28,39,48,.13)!important;
}
body.mdm-wide-gallery .template-paper-real{
  aspect-ratio:210/297!important;
  margin-bottom:16px!important;
  background:#e8ecee!important;
  border:1px solid #d4d9dc!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
body.mdm-wide-gallery .template-paper-real img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:top center!important;
  transform:none!important;
}
body.mdm-wide-gallery .template-card:hover .template-paper-real img{transform:scale(1.01)!important;}
body.mdm-wide-gallery .template-name{font-size:15px!important;line-height:1.3!important;margin-top:2px!important;}
body.mdm-wide-gallery .template-kicker{font-size:12px!important;line-height:1.45!important;margin-top:5px!important;}

@media(max-width:1100px){
  .builder-layout{grid-template-columns:1fr!important;}
  .form-pane{position:static!important;max-height:none!important;}
  body.mdm-wide-gallery .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;}
}
@media(max-width:700px){
  body.mdm-framed-page{width:calc(100% - 10px)!important;margin:5px auto!important;border-radius:0!important;}
  .topbar-inner,.mdm-guide-topbar-inner,#homeView .hero,#homeView main,.builder-topbar,.builder-layout{padding-left:18px!important;padding-right:18px!important;}
  body.mdm-framed-page > .guide-shell,body.mdm-framed-page > main.guide-shell,body.mdm-wide-gallery > .guide-shell,body.mdm-wide-gallery > main.guide-shell{width:calc(100% - 32px)!important;padding-top:42px!important;padding-bottom:58px!important;}
  #homeView .hero{padding-top:50px!important;padding-bottom:22px!important;}
  #homeView .hero h1{font-size:clamp(34px,10vw,48px)!important;}
  #homeView .doc-grid{grid-template-columns:1fr!important;}
  .builder-layout{padding-top:18px!important;gap:22px!important;}
  body.mdm-wide-gallery .template-toolbar{position:static!important;margin:22px 0 28px!important;}
  body.mdm-wide-gallery .template-grid{grid-template-columns:1fr!important;gap:28px!important;}
  body.mdm-wide-gallery .template-card{padding:14px!important;}
  body.mdm-wide-gallery .template-name{font-size:16px!important;}
}

@media print{
  body.mdm-framed-page{width:auto!important;max-width:none!important;margin:0!important;border:0!important;box-shadow:none!important;}
}