/* ELUMEX V16 — New-Build page: Ali's change list S1–7 (1 Nov 2026) */

/* S4 scope note under step 06 */
@media (min-width:961px){.final-timeline .nb-scope{grid-column:2;margin:-64px 0 0 70px!important}}
.final-timeline .nb-scope{max-width:68ch;margin:30px 0 0;padding:16px 20px;border-left:2px solid #C9A96E;background:rgba(255,255,255,.55);border-radius:0 10px 10px 0;font:400 14.5px/1.55 var(--sans);color:#4A4036}

/* Shared section head: heading left, text right */
.nb-rp-head{display:grid;gap:14px clamp(24px,4vw,64px);margin-bottom:clamp(26px,3.4vw,44px)}
.nb-rp-head .h2{margin:16px 0 0}
.nb-rp-head .lede{margin:0;max-width:52ch}
@media (min-width:961px){.nb-rp-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}}
.nb-rp-cta{margin-top:20px}

/* S5 report: plan left, four findings right */
.nb-rp{display:grid;gap:clamp(18px,2.6vw,36px);align-items:start;background:#fff;border:1px solid #E7DFD2;border-radius:18px;padding:clamp(14px,2vw,26px);box-shadow:0 24px 50px -40px rgba(26,23,20,.45)}
@media (min-width:901px){.nb-rp{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}}
.nb-plan{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#F7F3EC}
.nb-plan img{display:block;width:100%;height:auto}
.nb-plan figcaption{position:absolute;left:12px;bottom:10px;font:600 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#6B5E4E;background:rgba(255,255,255,.85);padding:4px 10px;border-radius:99px}
.nb-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font:600 12px var(--sans);color:#fff;cursor:pointer;box-shadow:0 4px 12px rgba(26,23,20,.3);transition:transform .18s ease-out,box-shadow .18s ease-out}
.nb-pin.p-medium{background:#C38E2C}.nb-pin.p-low{background:#8C8478}
.nb-f-meta .sev{font-size:11px;letter-spacing:.1em}
.nb-pin.on{transform:translate(-50%,-50%) scale(1.22);box-shadow:0 0 0 6px rgba(201,169,110,.35),0 4px 12px rgba(26,23,20,.3)}
.nb-pin:focus-visible,.nb-f-b:focus-visible{outline:2px solid #C9A96E;outline-offset:3px}
.nb-list-h{display:flex;align-items:baseline;gap:12px;margin:0 0 10px}
.nb-list-h b{font:500 22px/1.2 var(--serif);color:#1A1714}
.nb-list-h span{font:600 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#80612F;border:1px solid #DCC08B;border-radius:99px;padding:3px 10px}
.nb-list ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nb-f-b{display:grid;grid-template-columns:auto 112px minmax(0,1fr);gap:12px;align-items:center;width:100%;text-align:left;background:#FBF8F3;border:1px solid #EFE9DF;border-radius:12px;padding:10px;cursor:pointer;font:inherit;color:inherit;transition:border-color .16s ease-out,background .16s ease-out}
.nb-f.on .nb-f-b{border-color:#C9A96E;background:#fff}
.nb-f-n{font:600 11px var(--sans);letter-spacing:.1em;color:#80612F;width:22px}
.nb-f-b img{width:112px;height:84px;object-fit:cover;border-radius:8px;display:block}
.nb-f-tx{display:grid;gap:3px;min-width:0}
.nb-f-meta{display:flex;align-items:center;gap:8px;font:500 12px var(--sans);color:#6B5E4E}
.nb-f-tx b{font:600 15px/1.3 var(--sans);color:#1A1714}
.nb-f-d{font:400 13.5px/1.45 var(--sans);color:#6B5E4E}
.nb-list-note{margin:12px 0 0;font:400 12.5px var(--sans);color:#6B5E4E}
@media (max-width:560px){.nb-f-b{grid-template-columns:auto 84px minmax(0,1fr);gap:10px}.nb-f-b img{width:84px;height:68px}.nb-f-d{display:none}.nb-f.on .nb-f-d{display:block}}

/* S6 What we check: six equal cards, 3 × 2 on desktop */
@media (min-width:1101px){
  #checks .v13-groups{display:grid!important;columns:auto!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
  #checks .v13-g{display:block;margin:0;height:100%}
}
@media (min-width:761px) and (max-width:1100px){
  #checks .v13-groups{display:grid!important;columns:auto!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
  #checks .v13-g{display:block;margin:0;height:100%}
}

/* S7 two property cards */
.nb-pt-grid{display:grid;gap:clamp(14px,2vw,22px)}
@media (min-width:761px){.nb-pt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nb-pt{background:#fff;border:1px solid #E7DFD2;border-radius:16px;overflow:hidden;box-shadow:0 22px 46px -38px rgba(26,23,20,.45);display:flex;flex-direction:column}
.nb-pt img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.nb-pt-tx{padding:20px 22px 22px}
.nb-pt h3{margin:0 0 6px;font:500 22px/1.2 var(--serif);color:#1A1714}
.nb-pt p{margin:0 0 12px;font:400 14.5px/1.5 var(--sans);color:#6B5E4E;padding-bottom:12px;border-bottom:1px solid #EFE9DF}
.nb-pt ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nb-pt li{position:relative;padding-left:24px;font:500 14.5px/1.4 var(--sans);color:#1A1714}
.nb-pt li::before{content:"";position:absolute;left:2px;top:4px;width:10px;height:6px;border-left:2px solid #80612F;border-bottom:2px solid #80612F;transform:rotate(-45deg)}
.nb-pt-note{margin:16px 0 0;font:400 13px var(--sans);color:#6B5E4E}

@media (prefers-reduced-motion:reduce){.nb-pin,.nb-f-b{transition:none}}

/* S5 v2 (Batch 3) — report section modelled on Ali's PDF reference */
.nb-rp2{background:#fff;border:1px solid #E7DFD2;border-radius:20px;box-shadow:0 30px 60px -46px rgba(26,23,20,.5);overflow:hidden}
.nb-rp2-bar{display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap;padding:16px clamp(16px,2.2vw,28px);border-bottom:1px solid #EFE9DF;background:#FBF8F3}
.nb-zone{display:flex;align-items:center;gap:10px;margin:0}
.nb-zone svg{width:24px;height:24px;color:#80612F}
.nb-zone b{font:500 24px/1 var(--serif);color:#1A1714}
.nb-zone span{font:600 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#80612F;border:1px solid #DCC08B;border-radius:99px;padding:4px 10px}
.nb-doc{display:flex;align-items:center;gap:10px;margin:0;padding:8px 14px 8px 10px;background:#fff;border:1px solid #E7DFD2;border-radius:12px}
.nb-doc svg{width:22px;height:22px;color:#80612F;flex:none}
.nb-doc span{display:grid;gap:1px}
.nb-doc b{font:600 13px var(--sans);color:#1A1714}
.nb-doc small{font:400 12px var(--sans);color:#6B5E4E}
.nb-rp2-body{display:grid;gap:clamp(16px,2.4vw,32px);padding:clamp(14px,2.2vw,28px);align-items:start}
@media (min-width:901px){.nb-rp2-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.nb-plan2{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#F7F3EC;border:1px solid #EFE9DF}
.nb-plan2 img{display:block;width:100%;height:auto}
.nb-hl{position:absolute;left:7.6%;top:34.4%;width:70%;height:63.3%;border:2px dashed rgba(176,122,28,.75);background:rgba(220,192,139,.22);border-radius:6px;pointer-events:none}
.nb-hl em{position:absolute;left:8px;bottom:8px;font:600 10px var(--sans);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#7A5A24;background:rgba(255,255,255,.9);padding:3px 8px;border-radius:99px}
.nb-plan2 .nb-pin{z-index:2}
.nb-list2{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.nb-list2 .nb-f-b{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:center;width:100%;text-align:left;background:#FBF8F3;border:1px solid #EFE9DF;border-radius:14px;padding:10px;cursor:pointer;font:inherit;color:inherit;transition:border-color .16s ease-out,background .16s ease-out,box-shadow .16s ease-out}
.nb-list2 .nb-f.on .nb-f-b{border-color:#C9A96E;background:#fff;box-shadow:0 12px 26px -20px rgba(26,23,20,.5)}
.nb-ph{position:relative;display:block;border-radius:10px;overflow:visible}
.nb-ph img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.nb-n{position:absolute;left:8px;top:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1A1714;color:#F7F0E4;font:600 11px var(--sans)}
.nb-zoom{position:absolute;right:-8px;bottom:-8px;width:clamp(50px,4.2vw,62px);aspect-ratio:1;border-radius:50%;border:3px solid #fff;background-size:230%;background-repeat:no-repeat;box-shadow:0 8px 18px rgba(26,23,20,.3)}
.nb-f-tx{display:grid;gap:5px;min-width:0}
.nb-pr{justify-self:start;font:600 10.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:99px;color:#fff}
.nb-pr.pr-m{background:#C38E2C}.nb-pr.pr-l{background:#8C8478}
.nb-f-tx b{font:600 16px/1.3 var(--sans);color:#1A1714}
.nb-f-d{font:400 13.5px/1.5 var(--sans);color:#4A4036}
.nb-f-loc{font:500 12px var(--sans);color:#80612F}
.nb-rp2 .nb-list-note{margin:0;padding:0 clamp(16px,2.2vw,28px) 18px}
@media (max-width:900px){
  .nb-plan2{max-width:360px;justify-self:center;width:100%}
}
@media (max-width:560px){
  .nb-list2 .nb-f-b{grid-template-columns:112px minmax(0,1fr);gap:12px}
  .nb-zoom{width:46px;right:-6px;bottom:-6px}
  .nb-f-d{display:none}.nb-f.on .nb-f-d{display:block}
  .nb-zone b{font-size:20px}
}
/* b3d — report example: high priority + new plan highlight */
.nb-pin.p-high{background:#B5523A}
.nb-pr.pr-h{background:#B5523A}
#media .nb-hl{left:24.2%;top:57.5%;width:41.6%;height:30%}
#media .nb-hl em{left:auto;right:8px}