:root{
  --dss-si-green:#193C36;
  --dss-si-green-dark:#10332D;
  --dss-si-gold:#B6AA82;
  --dss-si-pmr:#AD7D18;
  --dss-si-pmr-soft:#F8F0E2;
  --dss-si-paper:#F7F2EA;
  --dss-si-paper-top:#F9F5EE;
  --dss-si-ink:#202321;
  --dss-si-line:#DED9CF;
  --dss-si-red:#A94F3A;
  --dss-si-amber:#A97016;
  --dss-si-ready:#2F6B57;
  --dss-si-blue:#5F7E8A;
  --dss-si-display:Cambria,Georgia,"Times New Roman",serif;
  --dss-si-sans:"Pontano Sans","Segoe UI",Arial,Helvetica,sans-serif;
  --dss-si-shadow:0 12px 30px rgba(52,48,39,.11);
}

html{background:var(--dss-si-paper)}

body{
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg,var(--dss-si-paper-top) 0%,var(--dss-si-paper) 100%) !important;
  color:var(--dss-si-ink);
  font-family:var(--dss-si-sans) !important;
}

body::before{
  content:"";
  position:fixed;
  z-index:-1;
  top:100px;
  right:0;
  width:min(55vw,880px);
  height:390px;
  background-image:
    linear-gradient(90deg,rgba(249,245,238,1) 0%,rgba(249,245,238,.80) 18%,rgba(249,245,238,.32) 58%,rgba(249,245,238,.16) 100%),
    url("/assets/studio-intelligence-home-bg.jpg");
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
  opacity:.42;
  pointer-events:none;
}

.site-header{
  min-height:100px !important;
  height:auto !important;
  padding:0 !important;
  background:var(--dss-si-green) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  position:relative;
  z-index:30;
}

.header-inner{
  width:min(1390px,calc(100% - 64px)) !important;
  min-height:100px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
}

.header-left{display:flex !important;align-items:center !important;min-width:0}
.logo-link{display:flex !important;align-items:center !important;text-decoration:none !important;flex:0 0 auto}
.logo-img{width:116px !important;height:auto !important;max-height:56px !important;object-fit:contain !important}

.brand-divider{
  width:1px !important;
  height:42px !important;
  margin:0 25px 0 24px !important;
  background:rgba(216,203,160,.38) !important;
  flex:0 0 auto;
}

.brandtext{
  color:#D8CBA0 !important;
  font-size:13px !important;
  font-weight:750 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  white-space:nowrap;
}

.header-home{
  color:#F6F6F4 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
}

.page{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100% - 64px)) !important;
  padding-top:46px !important;
  padding-bottom:76px !important;
}

.eyebrow{color:var(--dss-si-pmr) !important;font-weight:850 !important;letter-spacing:.17em !important}

.hero h1,
.hero-card h1,
.step-head h1,
.auth-card h1,
.pending-card h1,
.hero-title,
.list-title,
.section-title{
  font-family:var(--dss-si-display) !important;
  font-weight:400 !important;
  letter-spacing:-.018em;
}

.hero h1,
.hero-card h1,
.step-head h1,
.auth-card h1,
.hero-title,
.list-title,
.section-title{
  color:var(--dss-si-green) !important;
}

.hero,
.hero-card,
.step-card,
.list-card,
.auth-card,
.pending-card,
.result-hero,
.decision-panel,
.compact-panel{
  border-color:var(--dss-si-line) !important;
  box-shadow:var(--dss-si-shadow) !important;
}

.hero,
.hero-card,
.step-card,
.list-card,
.auth-card,
.pending-card{
  background:rgba(255,255,255,.975) !important;
  border-radius:16px !important;
}

.hero,
.hero-card{border-top:4px solid rgba(173,125,24,.68) !important}

.hero h1,
.hero-card h1{
  font-size:clamp(44px,4vw,58px) !important;
  line-height:1.02 !important;
}

.hero-copy,
.hero-card .lead,
.step-head .lead{
  color:#353B38 !important;
  line-height:1.58 !important;
}

.list-card,
.step-card{border-top:3px solid rgba(182,170,130,.46) !important}

.list-title,
.step-head h1{
  font-size:clamp(36px,3vw,48px) !important;
  line-height:1.06 !important;
}

.primary-btn{
  background:var(--dss-si-pmr) !important;
  border-color:var(--dss-si-pmr) !important;
  color:#fff !important;
  box-shadow:none !important;
}

.primary-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}

.secondary-btn{
  background:#fff !important;
  border-color:#CFC7B7 !important;
  color:var(--dss-si-green) !important;
}

.back-link,
.review-change,
.text-btn{color:var(--dss-si-green) !important}

.choice,
.upload-zone,
.review-block,
.value-strip,
.filter-bar{border-color:#DED8CC !important}

.choice{background:rgba(255,255,255,.94) !important}

.choice:hover{
  border-color:#C4B58B !important;
  box-shadow:0 7px 18px rgba(74,62,36,.08);
}

.choice.selected,
.choice.active,
.choice[aria-checked="true"],
.choice[aria-pressed="true"]{
  border-color:var(--dss-si-pmr) !important;
  background:var(--dss-si-pmr-soft) !important;
  box-shadow:0 0 0 2px rgba(173,125,24,.10) !important;
}

.review-card,
.review-row,
.review-item{
  background:rgba(255,255,255,.98) !important;
  border-color:#DDD7CB !important;
}

.review-card:hover,
.review-row:hover,
.review-item:hover{border-color:#C8B98E !important}

.result-hero{border-radius:18px !important;overflow:hidden}

.result-hero.hero-state-needs{background:#F9F0EC !important;border-color:#D7A397 !important}
.result-hero.hero-state-conditional{background:#FBF5E8 !important;border-color:#D8BE82 !important}
.result-hero.hero-state-ready{background:#EDF5F1 !important;border-color:#9CC1B1 !important}
.result-hero.hero-state-pending{background:#F0F4F5 !important;border-color:#A8BDC5 !important}

.result-hero.hero-state-needs .primary-btn{background:var(--dss-si-red) !important;border-color:var(--dss-si-red) !important}
.result-hero.hero-state-conditional .primary-btn{background:var(--dss-si-amber) !important;border-color:var(--dss-si-amber) !important}
.result-hero.hero-state-ready .primary-btn{background:var(--dss-si-ready) !important;border-color:var(--dss-si-ready) !important}
.result-hero.hero-state-pending .primary-btn{background:var(--dss-si-blue) !important;border-color:var(--dss-si-blue) !important}

.site-footer{
  position:relative;
  z-index:1;
  background:var(--dss-si-green) !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  color:#E7E4DC !important;
}

.site-footer-inner{
  width:min(1390px,calc(100% - 64px)) !important;
  min-height:82px !important;
}

.site-footer-link{color:#D8CBA0 !important}
.profile-circle{background:var(--dss-si-gold) !important;color:var(--dss-si-green) !important}
.account-menu{border-color:#DED9CF !important;box-shadow:0 14px 34px rgba(25,35,31,.15) !important}

.logo-link:focus-visible,
.header-home:focus-visible,
.primary-btn:focus-visible,
.secondary-btn:focus-visible,
.back-link:focus-visible,
.site-footer-link:focus-visible{
  outline:2px solid var(--dss-si-gold) !important;
  outline-offset:4px !important;
}

@media(max-width:900px){
  body::before{top:82px;width:100%;height:300px;opacity:.30}
  .header-inner,.site-footer-inner,.page{width:min(100% - 32px,1180px) !important}
  .header-inner{min-height:82px !important}
  .logo-img{width:94px !important}
  .brand-divider{height:31px !important;margin:0 14px !important}
  .brandtext{font-size:10px !important;letter-spacing:.16em !important}
  .page{padding-top:32px !important}
}

@media(max-width:620px){
  .header-inner,.site-footer-inner,.page{width:min(100% - 24px,1180px) !important}
  .site-header{min-height:72px !important}
  .header-inner{min-height:72px !important;flex-wrap:wrap}
  .logo-img{width:84px !important}
  .brand-divider{height:27px !important;margin:0 10px !important}
  .brandtext{font-size:8px !important;letter-spacing:.12em !important}
  .header-home{font-size:10px !important;letter-spacing:.04em !important}
  .page{padding-top:24px !important;padding-bottom:48px !important}
  .hero,.hero-card,.step-card,.list-card,.auth-card,.pending-card{border-radius:14px !important}
  .hero h1,.hero-card h1{font-size:38px !important}
  .list-title,.step-head h1,.hero-title{font-size:34px !important}
  .site-footer-inner{min-height:auto !important;padding:18px 0 !important}
}
/* DSS 17A3 ENTRY POLISH V2
   Scope: PMR customer entry/readability + Studio Intelligence fidelity.
   Visual/navigation only. No PMR engine behavior is changed. */

/* 1 — Show the full olive atmosphere instead of cropping it. */
body::before{
  top:100px !important;
  right:0 !important;
  width:min(64vw,1040px) !important;
  height:520px !important;
  background-image:
    linear-gradient(
      90deg,
      rgba(249,245,238,1) 0%,
      rgba(249,245,238,.82) 14%,
      rgba(249,245,238,.36) 48%,
      rgba(249,245,238,.10) 100%
    ),
    url("/assets/studio-intelligence-home-bg.jpg") !important;
  background-size:contain !important;
  background-position:right top !important;
  background-repeat:no-repeat !important;
  opacity:.72 !important;
}

/* 2 — Match the approved Home header identity more closely.
   User-approved correction: larger, white Studio Intelligence label. */
.brandtext{
  color:#F6F6F4 !important;
  font-family:"Pontano Sans","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  font-weight:650 !important;
  line-height:1.1 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

/* 3 — Make the return path visible. */
.pmr-back{
  color:#173D36 !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  text-decoration:none !important;
}

/* 4 — Raise all supporting text on the PMR flow to comfortable desktop reading size. */
.hero-card .eyebrow,
.step-card .eyebrow{
  font-size:12px !important;
  line-height:1.25 !important;
  letter-spacing:.15em !important;
}

.hero-card .lead,
.step-head .lead{
  font-size:18px !important;
  line-height:1.58 !important;
  color:#323936 !important;
}

.value-kicker{
  font-size:12px !important;
  line-height:1.3 !important;
  letter-spacing:.12em !important;
}

.value-copy{
  font-size:16px !important;
  line-height:1.52 !important;
  color:#303633 !important;
}

.choice-title{
  font-size:16px !important;
  line-height:1.35 !important;
}

.field-label,
.review-label,
.processing-kicker{
  font-size:13px !important;
  line-height:1.35 !important;
}

.field-help,
.selection-help,
.upload-help,
.review-note,
.review-files,
.processing-copy,
.auth-copy,
.preview-only-message,
.save-note{
  font-size:16px !important;
  line-height:1.55 !important;
}

.primary-btn,
.secondary-btn{
  font-size:15.5px !important;
  line-height:1.3 !important;
}

/* 5 — Specifically improve the three explanatory cards on the entry screen. */
#startScreen .value-strip{
  margin-top:30px !important;
}

#startScreen .value-item{
  padding:22px 24px !important;
}

#startScreen .value-kicker{
  margin-bottom:9px !important;
}

#startScreen .cta-row{
  margin-top:30px !important;
}

#startScreen .primary-btn{
  min-height:58px !important;
  padding:14px 24px !important;
}

/* Keep the white hero strong without changing the approved structure. */
#startScreen.hero-card{
  padding-top:52px !important;
  padding-bottom:46px !important;
}

@media(max-width:900px){
  body::before{
    top:82px !important;
    width:100% !important;
    height:360px !important;
    background-size:contain !important;
    background-position:right top !important;
    opacity:.42 !important;
  }

  .brandtext{
    font-size:12px !important;
    letter-spacing:.12em !important;
  }

  .hero-card .lead,
  .step-head .lead{
    font-size:17px !important;
  }

  .value-copy,
  .field-help,
  .selection-help,
  .upload-help,
  .review-note,
  .processing-copy,
  .auth-copy{
    font-size:15.5px !important;
  }
}

@media(max-width:620px){
  .brandtext{
    font-size:10px !important;
    letter-spacing:.10em !important;
  }

  .pmr-back{
    font-size:15px !important;
  }

  .hero-card .lead,
  .step-head .lead{
    font-size:16px !important;
  }

  .value-copy{
    font-size:15px !important;
  }

  #startScreen .value-item{
    padding:19px 18px !important;
  }
}
/* DSS 17A3 TYPOGRAPHY POLISH V3 */

/* 1 — HOME should visually belong to the same header system as STUDIO INTELLIGENCE. */
.header-home{
  font-family:"Pontano Sans","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  font-weight:650 !important;
  line-height:1.1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#F6F6F4 !important;
}

/* 2 — Make the three explainer cards comfortably readable at a glance. */
#startScreen .value-kicker{
  font-size:14px !important;
  line-height:1.35 !important;
  letter-spacing:.11em !important;
  font-weight:650 !important;
  color:#6B6D68 !important;
}

#startScreen .value-copy{
  font-size:18px !important;
  line-height:1.56 !important;
  color:#272D2A !important;
}

#startScreen .value-item{
  padding:24px 26px !important;
}

/* 3 — PROJECT MATERIAL REVIEW eyebrow needs enough presence to read as a section identity. */
#startScreen .eyebrow{
  font-size:15px !important;
  line-height:1.3 !important;
  letter-spacing:.14em !important;
  font-weight:750 !important;
  margin-bottom:14px !important;
}

/* Keep proportions balanced after the typography increase. */
#startScreen .value-strip{
  margin-top:32px !important;
}

@media(max-width:900px){
  .header-home{
    font-size:12px !important;
    letter-spacing:.10em !important;
  }

  #startScreen .value-kicker{
    font-size:13px !important;
  }

  #startScreen .value-copy{
    font-size:17px !important;
  }

  #startScreen .eyebrow{
    font-size:14px !important;
  }
}

@media(max-width:620px){
  .header-home{
    font-size:10px !important;
    letter-spacing:.08em !important;
  }

  #startScreen .value-copy{
    font-size:16px !important;
  }

  #startScreen .value-item{
    padding:20px 18px !important;
  }
}
/* DSS 17A3 MASTER-FIDELITY POLISH V4
   Literal visual reference: approved Studio Intelligence Home.
   Visual/navigation only. No PMR engine behavior changed. */

/* 1 — BACKGROUND: match approved Studio Intelligence Home treatment */
body::before{
  position:absolute !important;
  z-index:-1 !important;
  top:100px !important;
  right:0 !important;
  width:min(57vw,920px) !important;
  height:375px !important;
  background-image:
    linear-gradient(
      90deg,
      rgba(249,245,238,1) 0%,
      rgba(249,245,238,.76) 15%,
      rgba(249,245,238,.18) 54%,
      rgba(249,245,238,.06) 100%
    ),
    url("/assets/studio-intelligence-home-bg.jpg") !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
  opacity:.84 !important;
  pointer-events:none !important;
}

/* 2 — PMR icon/title treatment matching the Home PMR card */
.pmr-entry-kicker{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  margin:0 0 18px !important;
}

.pmr-entry-icon{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  border-radius:50% !important;
  background:#F8F0E2 !important;
  color:#AD7D18 !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 auto !important;
}

.pmr-entry-icon svg{
  width:33px !important;
  height:33px !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

#startScreen .pmr-entry-kicker .eyebrow{
  margin:0 !important;
  color:#AD7D18 !important;
  font-family:"Pontano Sans","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:17px !important;
  font-weight:750 !important;
  line-height:1.25 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

/* 3 — Make the three explainer cards genuinely easy to read */
#startScreen .value-strip{
  margin-top:32px !important;
}

#startScreen .value-item{
  padding:26px 28px !important;
}

#startScreen .value-kicker{
  margin-bottom:11px !important;
  color:#676B68 !important;
  font-family:"Pontano Sans","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  font-weight:750 !important;
  line-height:1.35 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}

#startScreen .value-copy{
  color:#252A28 !important;
  font-family:"Pontano Sans","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:19px !important;
  font-weight:500 !important;
  line-height:1.55 !important;
  letter-spacing:0 !important;
  text-rendering:optimizeLegibility !important;
  -webkit-font-smoothing:antialiased !important;
}

#startScreen .lead{
  font-size:19px !important;
  line-height:1.55 !important;
}

@media(max-width:820px){
  body::before{
    top:82px !important;
    width:100% !important;
    height:310px !important;
    opacity:.48 !important;
    background-image:
      linear-gradient(
        180deg,
        rgba(249,245,238,.30) 0%,
        rgba(249,245,238,.98) 100%
      ),
      url("/assets/studio-intelligence-home-bg.jpg") !important;
    background-size:cover !important;
    background-position:center right !important;
  }

  .pmr-entry-icon{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
  }

  .pmr-entry-icon svg{
    width:30px !important;
    height:30px !important;
  }

  #startScreen .pmr-entry-kicker .eyebrow{
    font-size:15px !important;
  }

  #startScreen .value-copy{
    font-size:17px !important;
  }
}

@media(max-width:520px){
  .pmr-entry-kicker{
    gap:12px !important;
  }

  .pmr-entry-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
  }

  .pmr-entry-icon svg{
    width:27px !important;
    height:27px !important;
  }

  #startScreen .pmr-entry-kicker .eyebrow{
    font-size:13px !important;
    letter-spacing:.09em !important;
  }

  #startScreen .value-item{
    padding:21px 19px !important;
  }

  #startScreen .value-copy{
    font-size:16px !important;
  }
}
/* DSS 17A3 MASTER BACKGROUND MATCH V5
   Final PMR background correction.
   Goal: visually match the approved Studio Intelligence Home screenshot:
   large faded olive/tile atmosphere extending through the main page,
   with no visible horizontal image cut. */

body{
  overflow-x:hidden !important;
}

/* Override V2/V4 short rectangular background.
   The image now spans the full customer-content height and is scaled by HEIGHT,
   so the full olive/tile composition appears instead of a cropped top-right strip. */
body::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;

  top:100px !important;
  right:0 !important;
  bottom:82px !important;

  width:min(67vw,1080px) !important;
  height:auto !important;

  background-image:
    linear-gradient(
      90deg,
      rgba(249,245,238,1) 0%,
      rgba(249,245,238,.90) 12%,
      rgba(249,245,238,.56) 31%,
      rgba(249,245,238,.18) 58%,
      rgba(249,245,238,.05) 100%
    ),
    linear-gradient(
      180deg,
      rgba(249,245,238,.02) 0%,
      rgba(249,245,238,.03) 68%,
      rgba(249,245,238,.68) 100%
    ),
    url("/assets/studio-intelligence-home-bg.jpg") !important;

  /* Critical difference from the old PMR treatment:
     image height follows the whole main area instead of being cropped to 375/520px. */
  background-size:
    100% 100%,
    100% 100%,
    auto 100% !important;

  background-position:
    left top,
    left top,
    right bottom !important;

  background-repeat:no-repeat !important;
  opacity:.78 !important;
  pointer-events:none !important;
}

/* Keep page content above the atmosphere. */
.page{
  position:relative !important;
  z-index:1 !important;
}

/* Desktop refinement: allow the plant to sit behind/beside the card as on Home. */
@media(min-width:821px){
  body::before{
    min-height:650px !important;
  }
}

/* Tablet/mobile follows the approved Home behavior:
   full width, softer fade, still no hard rectangular cutoff. */
@media(max-width:820px){
  body::before{
    top:82px !important;
    right:0 !important;
    bottom:72px !important;
    width:100% !important;
    min-height:0 !important;

    background-image:
      linear-gradient(
        180deg,
        rgba(249,245,238,.30) 0%,
        rgba(249,245,238,.72) 45%,
        rgba(249,245,238,.98) 100%
      ),
      url("/assets/studio-intelligence-home-bg.jpg") !important;

    background-size:
      100% 100%,
      auto 100% !important;

    background-position:
      center top,
      right bottom !important;

    opacity:.48 !important;
  }
}
/* DSS 17A3 EXPLAINER CARDS READABILITY V6
   Final readability treatment for WHAT WE CHECK / WHAT YOU SEND / WHAT YOU RECEIVE. */

#startScreen .value-strip{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}

#startScreen .value-item{
  background:#193C36 !important;
  color:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:12px !important;
  padding:26px 28px !important;
  min-height:172px !important;
  box-shadow:0 8px 18px rgba(25,60,54,.10) !important;
}

#startScreen .value-item + .value-item{
  border-left:1px solid rgba(255,255,255,.08) !important;
}

#startScreen .value-kicker{
  margin:0 0 12px !important;
  color:#FFFFFF !important;
  font-family:"Pontano Sans","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  opacity:1 !important;
}

#startScreen .value-copy{
  margin:0 !important;
  color:#FFFFFF !important;
  font-family:"Pontano Sans","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:19px !important;
  font-weight:400 !important;
  line-height:1.55 !important;
  letter-spacing:0 !important;
  opacity:1 !important;
  text-rendering:optimizeLegibility !important;
  -webkit-font-smoothing:antialiased !important;
}

@media(max-width:820px){
  #startScreen .value-strip{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  #startScreen .value-item{
    min-height:0 !important;
    padding:22px 22px !important;
  }

  #startScreen .value-copy{
    font-size:17px !important;
  }
}

@media(max-width:520px){
  #startScreen .value-item{
    padding:20px 18px !important;
  }

  #startScreen .value-kicker{
    font-size:13px !important;
  }

  #startScreen .value-copy{
    font-size:16px !important;
  }
}
/* DSS 17A3 EXPLAINER HEADING HIERARCHY V7
   Make the three explainer headings clearly larger than body copy. */

#startScreen .value-kicker{
  font-size:21px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:#FFFFFF !important;
  margin:0 0 14px !important;
}

#startScreen .value-copy{
  font-size:17px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  color:#FFFFFF !important;
}

@media(max-width:820px){
  #startScreen .value-kicker{
    font-size:19px !important;
  }

  #startScreen .value-copy{
    font-size:16px !important;
  }
}

@media(max-width:520px){
  #startScreen .value-kicker{
    font-size:18px !important;
  }

  #startScreen .value-copy{
    font-size:16px !important;
  }
}
/* DSS 17A3 EXPLAINER HEADING HIERARCHY V7
   Make the three explainer headings clearly larger than body copy. */

#startScreen .value-kicker{
  font-size:21px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:#FFFFFF !important;
  margin:0 0 14px !important;
}

#startScreen .value-copy{
  font-size:17px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  color:#FFFFFF !important;
}

@media(max-width:820px){
  #startScreen .value-kicker{
    font-size:19px !important;
  }

  #startScreen .value-copy{
    font-size:16px !important;
  }
}

@media(max-width:520px){
  #startScreen .value-kicker{
    font-size:18px !important;
  }

  #startScreen .value-copy{
    font-size:16px !important;
  }
}

/* DSS 17A3 PMR BACKGROUND FADE V8
   Final visual adjustment: soften olive/tile atmosphere to match the approved
   Studio Intelligence Home master more closely. */

body::before{
  background-image:
    linear-gradient(
      90deg,
      rgba(249,245,238,1) 0%,
      rgba(249,245,238,.97) 13%,
      rgba(249,245,238,.88) 30%,
      rgba(249,245,238,.66) 52%,
      rgba(249,245,238,.40) 76%,
      rgba(249,245,238,.22) 100%
    ),
    linear-gradient(
      180deg,
      rgba(249,245,238,.18) 0%,
      rgba(249,245,238,.24) 38%,
      rgba(249,245,238,.52) 73%,
      rgba(249,245,238,.78) 100%
    ),
    url("/assets/studio-intelligence-home-bg.jpg") !important;

  background-size:
    100% 100%,
    100% 100%,
    auto 100% !important;

  background-position:
    left top,
    left top,
    right bottom !important;

  background-repeat:no-repeat !important;

  opacity:.50 !important;
  filter:saturate(.70) brightness(1.08) contrast(.90) !important;
}

@media(max-width:820px){
  body::before{
    background-image:
      linear-gradient(
        180deg,
        rgba(249,245,238,.46) 0%,
        rgba(249,245,238,.80) 46%,
        rgba(249,245,238,.98) 100%
      ),
      url("/assets/studio-intelligence-home-bg.jpg") !important;

    background-size:
      100% 100%,
      auto 100% !important;

    background-position:
      center top,
      right bottom !important;

    opacity:.32 !important;
    filter:saturate(.68) brightness(1.10) contrast(.88) !important;
  }
}

/* DSS 17A3 PMR MULTI-SCREEN VISUAL BATCH V1
   Scope:
   - Project Type
   - Deliverables
   - Intended Use
   - Information Available
   - Notes
   - Upload
   - Ready to Review
   - Processing
   - Material Reviews
   - Client Report

   IMPORTANT: #startScreen is intentionally NOT targeted.
   The canon-locked PMR entry screen remains frozen. */

/* =========================================================
   A. SHARED PMR STEP-SCREEN SYSTEM
   ========================================================= */

#projectTypeScreen,
#deliverablesScreen,
#intendedUseScreen,
#informationScreen,
#notesScreen,
#uploadScreen,
#reviewScreen{
  background:rgba(255,255,255,.975) !important;
  border:1px solid #DED9CF !important;
  border-top:4px solid rgba(173,125,24,.72) !important;
  border-radius:18px !important;
  padding:44px 46px !important;
  box-shadow:0 12px 30px rgba(52,48,39,.10) !important;
}

/* same PMR clipboard language used on the approved entry screen */
#projectTypeScreen .step-head .eyebrow,
#deliverablesScreen .step-head .eyebrow,
#intendedUseScreen .step-head .eyebrow,
#informationScreen .step-head .eyebrow,
#notesScreen .step-head .eyebrow,
#uploadScreen .step-head .eyebrow,
#reviewScreen .step-head .eyebrow,
#processingScreen .eyebrow{
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  color:#AD7D18 !important;
  font-size:15px !important;
  font-weight:750 !important;
  line-height:1.3 !important;
  letter-spacing:.11em !important;
  margin-bottom:13px !important;
}

#projectTypeScreen .step-head .eyebrow::before,
#deliverablesScreen .step-head .eyebrow::before,
#intendedUseScreen .step-head .eyebrow::before,
#informationScreen .step-head .eyebrow::before,
#notesScreen .step-head .eyebrow::before,
#uploadScreen .step-head .eyebrow::before,
#reviewScreen .step-head .eyebrow::before,
#processingScreen .eyebrow::before{
  content:"" !important;
  width:44px !important;
  height:44px !important;
  flex:0 0 44px !important;
  border-radius:50% !important;
  background-color:#F8F0E2 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23AD7D18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='11' y='10' width='26' height='31' rx='2'/%3E%3Cpath d='M19 10V7h10v3M17 19h2M23 19h8M17 26h2M23 26h8M17 33h2M23 33h8'/%3E%3C/svg%3E") !important;
  background-size:26px 26px !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

#projectTypeScreen .step-head h1,
#deliverablesScreen .step-head h1,
#intendedUseScreen .step-head h1,
#informationScreen .step-head h1,
#notesScreen .step-head h1,
#uploadScreen .step-head h1,
#reviewScreen .step-head h1{
  font-family:Cambria,Georgia,"Times New Roman",serif !important;
  color:#193C36 !important;
  font-size:clamp(40px,3.4vw,50px) !important;
  line-height:1.06 !important;
  font-weight:400 !important;
  letter-spacing:-.018em !important;
  margin:0 0 13px !important;
}

#projectTypeScreen .step-head .lead,
#deliverablesScreen .step-head .lead,
#intendedUseScreen .step-head .lead,
#informationScreen .step-head .lead,
#notesScreen .step-head .lead,
#uploadScreen .step-head .lead,
#reviewScreen .step-head .lead{
  color:#353B38 !important;
  font-size:18px !important;
  line-height:1.58 !important;
  max-width:860px !important;
}

/* Progress / guidance */
.progress-wrap,
.selection-meta{
  background:#F8F6F0 !important;
  border:1px solid #E2DDD2 !important;
  border-radius:12px !important;
}

.progress-label,
.selection-help,
.selection-count,
.save-note{
  font-size:14px !important;
  line-height:1.45 !important;
}

.progress-fill{
  background:#AD7D18 !important;
}

/* Choices: clean boutique cards, gold selected state */
#projectTypeScreen .choice,
#deliverablesScreen .choice,
#intendedUseScreen .choice,
#informationScreen .choice{
  min-height:64px !important;
  padding:17px 19px !important;
  border:1px solid #DCD6CA !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.98) !important;
  color:#24302B !important;
  box-shadow:none !important;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease !important;
}

#projectTypeScreen .choice:hover,
#deliverablesScreen .choice:hover,
#intendedUseScreen .choice:hover,
#informationScreen .choice:hover{
  border-color:#C5B788 !important;
  box-shadow:0 7px 18px rgba(74,62,36,.07) !important;
  transform:translateY(-1px) !important;
}

#projectTypeScreen .choice.selected,
#deliverablesScreen .choice.selected,
#intendedUseScreen .choice.selected,
#informationScreen .choice.selected,
#projectTypeScreen .choice[aria-checked="true"],
#deliverablesScreen .choice[aria-checked="true"],
#intendedUseScreen .choice[aria-checked="true"],
#informationScreen .choice[aria-checked="true"]{
  border-color:#AD7D18 !important;
  background:#F8F0E2 !important;
  box-shadow:0 0 0 2px rgba(173,125,24,.10) !important;
}

#projectTypeScreen .choice-title,
#deliverablesScreen .choice-title,
#intendedUseScreen .choice-title,
#informationScreen .choice-title{
  font-size:17px !important;
  line-height:1.35 !important;
  font-weight:650 !important;
}

#projectTypeScreen .choice-copy,
#deliverablesScreen .choice-copy,
#intendedUseScreen .choice-copy,
#informationScreen .choice-copy{
  font-size:15px !important;
  line-height:1.5 !important;
}

/* Inputs / notes */
#projectTypeScreen input,
#deliverablesScreen input,
#notesScreen textarea{
  font-size:16px !important;
  line-height:1.5 !important;
  color:#26302C !important;
  background:#FFFFFF !important;
  border:1px solid #D6D0C4 !important;
  border-radius:11px !important;
}

#projectTypeScreen input:focus,
#deliverablesScreen input:focus,
#notesScreen textarea:focus{
  border-color:#AD7D18 !important;
  box-shadow:0 0 0 3px rgba(173,125,24,.10) !important;
  outline:none !important;
}

#notesScreen .field-label{
  color:#193C36 !important;
  font-size:15px !important;
  font-weight:750 !important;
}

#notesScreen .field-help,
#notesScreen .save-note{
  font-size:15px !important;
  line-height:1.5 !important;
}

/* Actions */
#projectTypeScreen .step-actions,
#deliverablesScreen .step-actions,
#intendedUseScreen .step-actions,
#informationScreen .step-actions,
#notesScreen .step-actions,
#uploadScreen .step-actions,
#reviewScreen .step-actions{
  margin-top:30px !important;
  padding-top:24px !important;
  border-top:1px solid #E6E1D7 !important;
}

#projectTypeScreen .primary-btn,
#deliverablesScreen .primary-btn,
#intendedUseScreen .primary-btn,
#informationScreen .primary-btn,
#notesScreen .primary-btn,
#uploadScreen .primary-btn,
#reviewScreen .primary-btn{
  min-height:52px !important;
  padding:0 22px !important;
  background:#AD7D18 !important;
  border-color:#AD7D18 !important;
  color:#FFFFFF !important;
  font-size:15px !important;
}

#projectTypeScreen .secondary-btn,
#deliverablesScreen .secondary-btn,
#intendedUseScreen .secondary-btn,
#informationScreen .secondary-btn,
#notesScreen .secondary-btn,
#uploadScreen .secondary-btn,
#reviewScreen .secondary-btn{
  min-height:52px !important;
  padding:0 22px !important;
  background:#FFFFFF !important;
  border-color:#CFC7B7 !important;
  color:#193C36 !important;
  font-size:15px !important;
}

/* =========================================================
   B. UPLOAD SCREEN
   ========================================================= */

#uploadScreen .preview-notice,
#reviewScreen .preview-notice,
#processingScreen .preview-only-message{
  padding:14px 16px !important;
  border-radius:11px !important;
  background:#F7F2E8 !important;
  border:1px solid #DED1AD !important;
  color:#5E553C !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

#uploadScreen .upload-zone{
  margin-top:20px !important;
  padding:42px 28px !important;
  background:#FBF8F1 !important;
  border:2px dashed #C8B77F !important;
  border-radius:16px !important;
}

#uploadScreen .upload-symbol{
  color:#AD7D18 !important;
  font-size:34px !important;
}

#uploadScreen .upload-title{
  color:#193C36 !important;
  font-size:21px !important;
  font-weight:750 !important;
}

#uploadScreen .upload-copy{
  color:#525B56 !important;
  font-size:16px !important;
  line-height:1.55 !important;
}

/* =========================================================
   C. READY TO REVIEW
   ========================================================= */

#reviewScreen .review-stack{
  display:grid !important;
  gap:12px !important;
  margin-top:20px !important;
}

#reviewScreen .review-block{
  background:#FAF9F5 !important;
  border:1px solid #DED8CC !important;
  border-radius:13px !important;
  padding:18px 20px !important;
  box-shadow:none !important;
}

#reviewScreen .review-label{
  color:#193C36 !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

#reviewScreen .review-value,
#reviewScreen .review-tags,
#reviewScreen .review-files{
  color:#2E3632 !important;
  font-size:16px !important;
  line-height:1.5 !important;
}

#reviewScreen .review-change{
  color:#AD7D18 !important;
  font-size:14px !important;
  font-weight:750 !important;
}

/* =========================================================
   D. PROCESSING / IN REVIEW
   ========================================================= */

#processingScreen{
  background:#F0F4F5 !important;
  border:1px solid #A8BDC5 !important;
  border-top:5px solid #5F7E8A !important;
  border-radius:18px !important;
  padding:48px 48px !important;
  box-shadow:0 12px 30px rgba(52,48,39,.09) !important;
}

#processingScreen .processing-mark{
  background:#5F7E8A !important;
  color:#FFFFFF !important;
  width:54px !important;
  height:54px !important;
  font-size:24px !important;
}

#processingScreen h1{
  font-family:Cambria,Georgia,"Times New Roman",serif !important;
  color:#193C36 !important;
  font-size:clamp(40px,3.4vw,50px) !important;
  line-height:1.06 !important;
  font-weight:400 !important;
}

#processingScreen .lead{
  color:#3D4C50 !important;
  font-size:18px !important;
  line-height:1.58 !important;
}

#processingScreen .processing-next{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:26px !important;
}

#processingScreen .processing-item{
  background:rgba(255,255,255,.88) !important;
  border:1px solid #C9D6DA !important;
  border-radius:12px !important;
  padding:20px !important;
}

#processingScreen .processing-kicker{
  color:#496A75 !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

#processingScreen .processing-copy{
  color:#2F3E43 !important;
  font-size:16px !important;
  line-height:1.55 !important;
}

/* =========================================================
   E. MATERIAL REVIEWS PAGE
   ========================================================= */

.hero{
  border-top:4px solid rgba(173,125,24,.72) !important;
  background:rgba(255,255,255,.975) !important;
  box-shadow:0 12px 30px rgba(52,48,39,.09) !important;
}

.hero .eyebrow{
  color:#AD7D18 !important;
  font-size:14px !important;
  font-weight:800 !important;
}

.hero h1{
  font-size:clamp(42px,3.8vw,54px) !important;
}

.hero-copy{
  color:#353B38 !important;
  font-size:18px !important;
  line-height:1.58 !important;
}

.summary-number{
  font-size:30px !important;
}

.summary-label{
  font-size:14px !important;
}

.list-card{
  border-top:4px solid rgba(182,170,130,.50) !important;
  background:rgba(255,255,255,.98) !important;
  box-shadow:0 12px 30px rgba(52,48,39,.08) !important;
}

.list-title{
  font-size:36px !important;
}

.list-copy{
  font-size:16px !important;
  line-height:1.5 !important;
}

.filter-bar{
  padding:16px !important;
  background:#F8F6F0 !important;
}

.search-input{
  min-height:46px !important;
  font-size:15px !important;
}

.filter-btn{
  min-height:42px !important;
  padding:0 14px !important;
  font-size:13px !important;
}

.filter-count{
  font-size:13px !important;
}

.review-row{
  padding:20px 21px !important;
  background:#FFFFFF !important;
  border-color:#DED8CC !important;
}

.review-name{
  font-size:22px !important;
}

.review-meta{
  font-size:13px !important;
}

.cell-label{
  font-size:10px !important;
  font-weight:850 !important;
}

.cell-value{
  font-size:14px !important;
}

.status{
  font-size:12px !important;
  padding:8px 11px !important;
}

/* =========================================================
   F. CLIENT REPORT
   Existing state colors remain authoritative.
   This batch improves hierarchy/readability only.
   ========================================================= */

.result-hero{
  box-shadow:0 14px 34px rgba(52,48,39,.10) !important;
}

.hero-inner{
  padding:38px 40px 36px !important;
}

.result-hero .eyebrow{
  color:#AD7D18 !important;
  font-size:14px !important;
  font-weight:800 !important;
}

.hero-status{
  min-height:31px !important;
  padding:0 12px !important;
  font-size:11px !important;
}

.hero-title{
  font-size:clamp(44px,4vw,54px) !important;
}

.result-hero .hero-copy{
  font-size:18px !important;
  line-height:1.58 !important;
}

.hero-project-label{
  font-size:10px !important;
}

.hero-project-name{
  font-size:22px !important;
}

.project-detail-row{
  font-size:13px !important;
}

.quick-nav{
  top:12px !important;
  padding:7px !important;
  gap:6px !important;
}

.quick-nav .filter-btn{
  min-height:42px !important;
  font-size:13px !important;
}

.decision-panel,
.compact-panel{
  background:rgba(255,255,255,.98) !important;
  border:1px solid #DED9CF !important;
  border-radius:16px !important;
  box-shadow:0 10px 26px rgba(52,48,39,.07) !important;
}

.section-kicker{
  color:#AD7D18 !important;
  font-size:12px !important;
  font-weight:850 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.section-title{
  font-size:34px !important;
}

.section-copy{
  color:#4C5551 !important;
  font-size:16px !important;
  line-height:1.55 !important;
}

.issue-group{
  border-radius:14px !important;
  background:#FFFFFF !important;
  box-shadow:0 7px 18px rgba(52,48,39,.06) !important;
}

.issue-title{
  font-size:20px !important;
}

.issue-simple,
.issue-action,
.check-copy{
  font-size:15px !important;
  line-height:1.55 !important;
}

.details-toggle{
  min-height:40px !important;
  font-size:13px !important;
}

.safe-toggle{
  padding:18px 20px !important;
}

.safe-title{
  font-size:17px !important;
}

.safe-copy,
.safe-control{
  font-size:14px !important;
}

.deliverable-name,
.clear-title{
  font-size:19px !important;
}

.clear-copy{
  font-size:15px !important;
  line-height:1.55 !important;
}

/* =========================================================
   G. RESPONSIVE
   ========================================================= */

@media(max-width:850px){
  #projectTypeScreen,
  #deliverablesScreen,
  #intendedUseScreen,
  #informationScreen,
  #notesScreen,
  #uploadScreen,
  #reviewScreen{
    padding:34px 28px !important;
  }

  #processingScreen{
    padding:36px 28px !important;
  }

  #processingScreen .processing-next{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:560px){
  #projectTypeScreen,
  #deliverablesScreen,
  #intendedUseScreen,
  #informationScreen,
  #notesScreen,
  #uploadScreen,
  #reviewScreen{
    padding:28px 20px !important;
  }

  #projectTypeScreen .step-head h1,
  #deliverablesScreen .step-head h1,
  #intendedUseScreen .step-head h1,
  #informationScreen .step-head h1,
  #notesScreen .step-head h1,
  #uploadScreen .step-head h1,
  #reviewScreen .step-head h1{
    font-size:34px !important;
  }

  #projectTypeScreen .step-head .lead,
  #deliverablesScreen .step-head .lead,
  #intendedUseScreen .step-head .lead,
  #informationScreen .step-head .lead,
  #notesScreen .step-head .lead,
  #uploadScreen .step-head .lead,
  #reviewScreen .step-head .lead{
    font-size:16px !important;
  }

  .hero-inner{
    padding:28px 22px !important;
  }

  .section-title{
    font-size:30px !important;
  }
}

/* DSS 17A3 PMR PROCESSING SCREEN MATCH V9
   Match #processingScreen to the canon-locked PMR entry-screen visual system. */

#processingScreen{
  background:rgba(255,255,255,.975) !important;
  border:1px solid #DED9CF !important;
  border-top:4px solid rgba(173,125,24,.72) !important;
  border-radius:18px !important;
  padding:44px 46px !important;
  box-shadow:0 12px 30px rgba(52,48,39,.10) !important;
}

/* Remove the large blue status treatment from Batch V1. */
#processingScreen .processing-mark{
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  background:#F8F0E2 !important;
  color:#AD7D18 !important;
  font-size:20px !important;
  box-shadow:none !important;
  margin:0 0 18px !important;
}

/* Same gold PMR section identity as the approved entry screen. */
#processingScreen .eyebrow{
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  color:#AD7D18 !important;
  font-family:"Pontano Sans","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  font-weight:750 !important;
  line-height:1.3 !important;
  letter-spacing:.11em !important;
  margin-bottom:13px !important;
}

#processingScreen h1{
  font-family:Cambria,Georgia,"Times New Roman",serif !important;
  color:#193C36 !important;
  font-size:clamp(40px,3.4vw,50px) !important;
  line-height:1.06 !important;
  font-weight:400 !important;
  letter-spacing:-.018em !important;
  margin:0 0 13px !important;
  max-width:760px !important;
}

#processingScreen .lead{
  color:#353B38 !important;
  font-size:18px !important;
  line-height:1.58 !important;
  max-width:860px !important;
}

#processingScreen .preview-only-message{
  padding:14px 16px !important;
  border-radius:11px !important;
  background:#F7F2E8 !important;
  border:1px solid #DED1AD !important;
  color:#5E553C !important;
  font-size:14px !important;
  line-height:1.5 !important;
  margin-top:18px !important;
}

#processingScreen .processing-next{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:22px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}

/* Same green information-card system as WHAT WE CHECK / SEND / RECEIVE. */
#processingScreen .processing-item{
  background:#193C36 !important;
  color:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:12px !important;
  padding:24px 22px !important;
  min-height:154px !important;
  box-shadow:0 8px 18px rgba(25,60,54,.10) !important;
}

#processingScreen .processing-kicker{
  color:#FFFFFF !important;
  font-family:"Pontano Sans","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:18px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  margin:0 0 12px !important;
}

#processingScreen .processing-copy{
  color:#FFFFFF !important;
  font-family:"Pontano Sans","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  margin:0 !important;
}

/* Match the approved gold PMR CTA. */
#processingScreen button,
#processingScreen .primary-btn,
#processingScreen .secondary-btn{
  min-height:52px !important;
  padding:0 22px !important;
  border-radius:10px !important;
  background:#AD7D18 !important;
  border:1px solid #AD7D18 !important;
  color:#FFFFFF !important;
  font-size:15px !important;
  font-weight:650 !important;
  box-shadow:none !important;
}

#processingScreen button:hover,
#processingScreen .primary-btn:hover,
#processingScreen .secondary-btn:hover{
  filter:brightness(.98) !important;
}

#processingScreen button:focus,
#processingScreen .primary-btn:focus,
#processingScreen .secondary-btn:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(173,125,24,.10) !important;
}

@media(max-width:850px){
  #processingScreen{
    padding:34px 28px !important;
  }

  #processingScreen .processing-next{
    grid-template-columns:1fr !important;
  }

  #processingScreen .processing-item{
    min-height:0 !important;
  }
}

@media(max-width:560px){
  #processingScreen{
    padding:28px 20px !important;
  }

  #processingScreen h1{
    font-size:34px !important;
  }

  #processingScreen .lead{
    font-size:16px !important;
  }

  #processingScreen .processing-kicker{
    font-size:17px !important;
  }

  #processingScreen .processing-copy{
    font-size:15px !important;
  }
}