/*
 * Da Vat Hy Lures — Phase 23C.9
 * First-Time Angler / Fishing Intelligence Conversion Flow
 *
 * Prove value first. Ask for the profile second.
 */

body.dvh23c9-first-visit .dvh21b-shell{
  padding-bottom:0;
}

/* Marketing hero: one promise, no profile pressure. */
body.dvh23c9-first-visit .dvh21o1-public-hero{
  margin-bottom:0;
  border-radius:0;
  padding-top:24px;
  padding-bottom:24px;
}

body.dvh23c9-first-visit .dvh21o1-public-hero h1{
  margin-bottom:6px;
}

body.dvh23c9-first-visit .dvh21o1-public-hero p{
  max-width:820px;
  margin-bottom:0;
}

/* Scout remains family, but is lighter than the returning dashboard welcome. */
body.dvh23c9-first-visit .dvh23b8b-scout-welcome{
  min-height:118px;
  margin:0;
  padding-top:12px;
  padding-bottom:12px;
  border-radius:0;
  background:#fffdf8;
}

body.dvh23c9-first-visit .dvh23b8b-scout-portrait{
  height:104px;
}

body.dvh23c9-first-visit .dvh23b8b-scout-copy h2{
  font-size:1.35rem;
}

body.dvh23c9-first-visit .dvh23b8b-scout-copy p{
  max-width:720px;
  font-size:.68rem;
}

/* First useful action owns the page. */
body.dvh23c9-first-visit .dvh21o1-value{
  margin:0;
  padding:24px max(28px,calc((100vw - 1500px)/2 + 28px));
  border:0;
  border-radius:0;
  background:#f5f0e5;
}

.dvh23c9-preview-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:end;
}

.dvh23c9-preview-head h2{
  margin:3px 0 5px;
  color:#0b392d;
  font-family:Georgia,serif;
  font-size:clamp(1.7rem,2.5vw,2.55rem);
  line-height:1.02;
}

.dvh23c9-preview-head p{
  max-width:760px;
  margin:0;
  color:#68756f;
  font-size:.72rem;
}

.dvh23c9-free{
  padding-left:14px;
  border-left:2px solid #e6a821;
  color:#0b4938;
  font-size:.62rem;
  font-weight:900;
  white-space:nowrap;
}

body.dvh23c9-first-visit .dvh21o1-preview-controls{
  max-width:1000px;
  margin-top:14px;
  grid-template-columns:minmax(0,1fr) auto;
}

body.dvh23c9-first-visit .dvh21o1-preview-controls select{
  border-radius:5px;
}

body.dvh23c9-first-visit .dvh21o1-preview-controls [data-preview-check]{
  min-height:48px;
  border-radius:4px!important;
  background:#e6a821!important;
  border-color:#e6a821!important;
  color:#10372d!important;
  box-shadow:none;
}

/* The first answer: only three useful signals before deeper weather detail. */
body.dvh23c9-first-visit .dvh21o1-preview-result{
  margin-top:16px;
  padding:18px 20px;
  border-radius:7px;
  background:linear-gradient(110deg,#073f31 0%,#0e513d 62%,#315f3f 100%);
}

.dvh23c9-result-heading h3{
  font-size:1.15rem!important;
}

.dvh23c9-result-summary{
  max-width:920px;
  font-size:.74rem;
}

.dvh23c9-answer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:13px;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}

.dvh23c9-answer-grid>div{
  min-width:0;
  padding:11px 13px;
  border-right:1px solid rgba(255,255,255,.14);
}

.dvh23c9-answer-grid>div:last-child{
  border-right:0;
}

.dvh23c9-answer-grid span{
  display:block;
  color:#e6b44d;
  font-size:.55rem;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.dvh23c9-answer-grid strong{
  display:block;
  margin-top:3px;
  color:#fff;
  font-size:.88rem;
}

.dvh23c9-answer-grid small{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.70);
  font-size:.58rem;
}

.dvh23c9-result-actions{
  margin-top:10px;
}

.dvh23c9-result-actions button{
  min-height:34px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:4px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:.59rem;
  font-weight:850;
  cursor:pointer;
}

.dvh23c9-weather-detail{
  margin-top:10px;
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
}

.dvh23c9-weather-detail>summary{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:7px 2px;
  cursor:pointer;
  list-style:none;
}

.dvh23c9-weather-detail>summary::-webkit-details-marker{
  display:none;
}

.dvh23c9-weather-detail>summary span{
  display:flex;
  flex-direction:column;
  gap:1px;
}

.dvh23c9-weather-detail>summary strong{
  color:#fff;
  font-size:.66rem;
}

.dvh23c9-weather-detail>summary small{
  color:rgba(255,255,255,.62);
  font-size:.55rem;
}

.dvh23c9-weather-detail>summary b{
  color:#e6b44d;
  font-size:.9rem;
}

.dvh23c9-weather-detail[open]>summary b{
  transform:rotate(45deg);
}

.dvh23c9-weather-detail>div{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding:0 0 9px;
}

.dvh23c9-weather-detail>div span{
  padding:6px 10px;
  border-right:1px solid rgba(255,255,255,.12);
}

.dvh23c9-weather-detail>div span:last-child{
  border-right:0;
}

.dvh23c9-weather-detail>div small{
  display:block;
  color:rgba(255,255,255,.62);
  font-size:.52rem;
  text-transform:uppercase;
}

.dvh23c9-weather-detail>div strong{
  color:#fff;
  font-size:.66rem;
}

/* Conversion happens only after the answer exists. */
body.dvh23c9-first-visit .dvh21o1-remember.dvh23c9-convert{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) auto;
  gap:18px;
  align-items:center;
  margin-top:13px;
  padding:15px 16px;
  border:1px solid rgba(183,123,18,.30);
  border-radius:5px;
  background:#fff9ea;
}

.dvh23c9-convert .eyebrow{
  display:block;
  margin-bottom:2px;
}

.dvh23c9-convert p{
  margin:4px 0 0!important;
  font-size:.64rem;
}

.dvh23c9-unlocks{
  display:grid;
  gap:3px;
  color:#375047;
  font-size:.60rem;
  font-weight:700;
}

body.dvh23c9-first-visit .dvh23c9-convert [data-profile-cta]{
  min-height:40px;
  padding:8px 12px;
  border-radius:4px!important;
  white-space:nowrap;
}

/* Profile is not part of the first screen. It appears only on explicit intent. */
body.dvh23c9-first-visit .dvh23c9-profile:not(.is-open):not(:target){
  display:none;
}

body.dvh23c9-first-visit .dvh23c9-profile{
  margin:0;
  padding:22px max(28px,calc((100vw - 1100px)/2 + 28px));
  border:0;
  border-top:1px solid rgba(12,47,37,.12);
  border-radius:0;
  background:#fff;
  scroll-margin-top:16px;
}

body.dvh23c9-first-visit .dvh23c9-profile h2{
  color:#0b392d;
  font-family:Georgia,serif;
  font-size:1.65rem;
}

body.dvh23c9-first-visit .dvh21o1-quick-fields{
  gap:9px;
}

body.dvh23c9-first-visit .dvh21o1-quick-fields input{
  min-height:44px;
  border-radius:5px;
}

.dvh23c9-profile-benefits{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
}

.dvh23c9-profile-benefits li{
  padding:8px 9px!important;
  border-radius:4px!important;
  font-size:.64rem!important;
}

/* Post-profile conversion handoff: save the checked water first. */
body.dvh23c9-profile-handoff .dvh21o1-steps{
  display:none!important;
}

body.dvh23c9-profile-handoff #save-first-water{
  margin-top:12px;
  border-color:#e6a821;
  box-shadow:0 0 0 2px rgba(230,168,33,.10);
  scroll-margin-top:18px;
}

@media(max-width:760px){
  body.dvh23c9-first-visit .dvh21o1-public-hero{
    padding:18px 16px;
  }

  body.dvh23c9-first-visit .dvh21o1-public-hero h1{
    font-size:2.05rem;
    white-space:nowrap;
  }

  body.dvh23c9-first-visit .dvh21o1-public-hero p{
    font-size:.67rem;
  }

  body.dvh23c9-first-visit .dvh23b8b-scout-welcome{
    min-height:0;
    padding:10px 14px;
  }

  body.dvh23c9-first-visit .dvh23b8b-scout-portrait{
    height:92px;
  }

  body.dvh23c9-first-visit .dvh23b8b-scout-copy h2{
    font-size:1.08rem;
  }

  body.dvh23c9-first-visit .dvh23b8b-scout-copy p{
    font-size:.62rem;
  }

  body.dvh23c9-first-visit .dvh21o1-value{
    padding:17px 14px 20px;
  }

  .dvh23c9-preview-head{
    grid-template-columns:1fr;
    gap:5px;
  }

  .dvh23c9-preview-head h2{
    font-size:1.34rem;
    white-space:nowrap;
  }

  .dvh23c9-free{
    width:max-content;
    padding:0;
    border-left:0;
    font-size:.58rem;
  }

  body.dvh23c9-first-visit .dvh21o1-preview-controls{
    grid-template-columns:1fr;
  }

  body.dvh23c9-first-visit .dvh21o1-preview-result{
    padding:14px 13px;
    border-radius:0;
  }

  .dvh23c9-answer-grid{
    grid-template-columns:1fr;
  }

  .dvh23c9-answer-grid>div{
    padding:9px 2px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .dvh23c9-answer-grid>div:last-child{
    border-bottom:0;
  }

  .dvh23c9-weather-detail>div{
    grid-template-columns:1fr 1fr;
  }

  .dvh23c9-weather-detail>div span:nth-child(2){
    border-right:0;
  }

  .dvh23c9-weather-detail>div span:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  body.dvh23c9-first-visit .dvh21o1-remember.dvh23c9-convert{
    grid-template-columns:1fr;
    gap:9px;
    padding:13px;
    border-radius:0;
  }

  body.dvh23c9-first-visit .dvh23c9-convert [data-profile-cta]{
    width:100%;
    justify-content:center;
  }

  body.dvh23c9-first-visit .dvh23c9-profile{
    padding:17px 14px 20px;
  }

  body.dvh23c9-first-visit .dvh23c9-profile h2{
    font-size:1.34rem;
  }

  .dvh23c9-profile-benefits{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:390px){
  body.dvh23c9-first-visit .dvh21o1-public-hero h1{
    font-size:1.82rem;
  }

  .dvh23c9-profile-benefits{
    grid-template-columns:1fr!important;
  }
}