/* Approved letters design, stage 2: five product pages only.
   Shared typography, controls, focus and portfolio come from letters-design. */
.nr-letter-product .product-hero {padding:124px 0 56px;background:#fff;}
.nr-letter-product .product-breadcrumbs {margin-bottom:32px;gap:8px;font-size:14px;line-height:1.5;color:var(--muted);}
.nr-letter-product .product-breadcrumbs a {color:#405165;}
.nr-letter-product .product-hero__grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;}
body.nr-letter-product:has(> #siteHeader) main .product-hero__grid>div>p {max-width:58ch;margin:24px 0;font-size:18px;line-height:1.65;color:#405165;}
.nr-letter-product .product-key {gap:10px;}
.nr-letter-product .product-key span {min-width:0;padding:12px 14px;border-color:var(--line);border-radius:6px;}
.nr-letter-product .product-key b {font-size:15px;font-weight:500;line-height:1.5;}
.nr-letter-product .product-key small {font-size:14px;line-height:1.5;color:var(--muted);}
.nr-letter-product .product-actions {margin-top:28px;gap:16px;flex-wrap:wrap;}
.nr-letter-product .product-actions>a:last-child {display:inline-flex;align-items:center;min-height:48px;font-size:16px;font-weight:500;line-height:1.5;color:var(--blue);}
.nr-letter-product .product-hero figure {min-width:0;}
.nr-letter-product .product-hero figure img {height:auto;aspect-ratio:5/4;max-height:480px;border-radius:8px;box-shadow:none;}
.nr-letter-product .product-hero figcaption {position:static;max-width:52ch;margin-top:12px;padding:0;background:none;border-radius:0;font-size:14px;line-height:1.5;color:var(--muted);}
.nr-letter-product .product-hero figcaption b {font-size:15px;font-weight:500;}
.nr-letter-product .product-hero figcaption span {font-size:14px;line-height:1.5;color:var(--muted);}
.nr-letter-product :is(.product-hero__video,.product-video) {box-shadow:none;border:1px solid var(--line);border-radius:8px;background:#101820;}
.nr-letter-product :is(.product-hero__video,.product-video) video {width:100%;height:auto;max-height:480px;aspect-ratio:16/9;object-fit:contain;}
.nr-letter-product :is(.product-section,.product-video-section) {padding:64px 0;}
.nr-letter-product :is(.product-section--soft,.product-section--dark,.product-video-section) {background:#f5f7fa;color:var(--ink);}
.nr-letter-product .product-section--dark .product-label {color:#365d8d;}
.nr-letter-product .product-heading {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:28px;}
.nr-letter-product .product-heading>p {max-width:58ch;margin:0;font-size:17px;line-height:1.65;color:var(--muted);}
.nr-letter-product :is(.construction-grid,.product-benefits) {grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border:0;border-radius:0;overflow:visible;}
.nr-letter-product :is(.construction-grid,.product-benefits) article {min-height:0;padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff;}
.nr-letter-product .construction-grid b {font-size:16px;font-weight:500;line-height:1.5;color:#365d8d;}
.nr-letter-product :is(.construction-grid,.product-benefits) i {font-size:22px;}
.nr-letter-product .construction-grid i {margin:24px 0 16px;}
.nr-letter-product .product-benefits h3 {margin:24px 0 12px;}
.nr-letter-product :is(.construction-grid,.product-benefits) p {margin:0;font-size:16px;line-height:1.65;color:var(--muted);}
.nr-letter-product .product-spec-grid {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;}
.nr-letter-product :is(.product-spec-grid,.product-faq__grid)>div:first-child p {max-width:58ch;font-size:17px;line-height:1.65;color:var(--muted);}
.nr-letter-product .product-spec-list {border-color:var(--line);}
.nr-letter-product .product-spec-list div {grid-template-columns:minmax(140px,.65fr) minmax(0,1.35fr);gap:24px;padding:18px 0;border-color:var(--line);}
.nr-letter-product .product-spec-list dt {font-size:16px;line-height:1.6;color:var(--muted);}
.nr-letter-product .product-spec-list dd {font-size:16px;line-height:1.6;color:var(--ink);}
.nr-letter-product .product-text-link {display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:500;line-height:1.5;}
.nr-letter-product .product-use {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;}
.nr-letter-product .product-use>div:first-child p {max-width:58ch;font-size:17px;line-height:1.65;color:var(--muted);}
.nr-letter-product .product-use__list {grid-template-columns:repeat(2,minmax(0,1fr));}
.nr-letter-product .product-use__list span {padding:20px;font-size:16px;line-height:1.6;color:var(--ink);border-color:var(--line);overflow-wrap:anywhere;}
.nr-letter-product .product-use__list span:nth-child(odd) {border-color:var(--line);}
.nr-letter-product .product-compare {grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.nr-letter-product .product-compare article {min-height:0;padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff;}
.nr-letter-product .product-compare article>img {width:calc(100% + 40px);height:auto;aspect-ratio:16/10;margin:-20px -20px 20px;object-fit:cover;}
.nr-letter-product .product-compare article>.site-responsive-picture {display:block;flex:none;width:calc(100% + 40px);max-width:none;margin:-20px -20px 20px;}
.nr-letter-product .product-compare article>.site-responsive-picture>img {display:block;width:100%;height:auto;aspect-ratio:16/10;margin:0;object-fit:cover;}
.nr-letter-product .product-compare p {margin:12px 0 20px;font-size:16px;line-height:1.65;color:var(--muted);}
.nr-letter-product .product-compare a {display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:600;line-height:1.5;}
.nr-letter-product .product-steps {grid-template-columns:repeat(5,minmax(0,1fr));border-color:var(--line);border-radius:8px;}
.nr-letter-product .product-steps li {min-height:0;padding:24px;border-color:var(--line);}
.nr-letter-product .product-steps b {font-size:18px;font-weight:500;line-height:1.5;margin-bottom:24px;color:#365d8d;}
.nr-letter-product .product-steps strong {margin-top:0;font-size:20px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;}
.nr-letter-product .product-steps span {font-size:16px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;}
.nr-letter-product .product-faq__grid {grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:56px;}
.nr-letter-product .product-faq details {border-color:var(--line);}
.nr-letter-product .product-faq summary {min-height:56px;padding:20px 0;font-size:18px;font-weight:500;line-height:1.5;}
.nr-letter-product .product-faq summary i {flex:0 0 auto;}
.nr-letter-product .product-faq details p {padding:0 0 24px;font-size:16px;line-height:1.65;color:var(--muted);}
.nr-letter-product .product-order {padding:0 0 64px;}
.nr-letter-product .product-order>.container {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;padding-top:36px;padding-bottom:36px;border:1px solid #d5e0ed;border-radius:8px;background:#edf3fa;}
.nr-letter-product .product-order p {max-width:60ch;font-size:17px;line-height:1.65;color:#405165;}
.nr-letter-product .product-order>.container>div:last-child {min-width:0;flex-wrap:wrap;}
.nr-letter-product .product-btn-light {border-color:#687a90;background:#fff;color:var(--ink);}
.nr-letter-product .product-video-layout {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;}
.nr-letter-product .product-video-copy>p {font-size:17px;line-height:1.65;color:var(--muted);}
.nr-letter-product .product-video-copy ul {font-size:16px;line-height:1.6;color:var(--ink);}
@media(max-width:1100px) {
  .nr-letter-product .product-hero__grid {gap:32px;}
  .nr-letter-product :is(.construction-grid,.product-benefits,.product-compare) {grid-template-columns:repeat(2,minmax(0,1fr));}
  .nr-letter-product .product-steps {grid-template-columns:repeat(3,minmax(0,1fr));}
  .nr-letter-product .product-steps li {border-bottom:1px solid var(--line);}
  .nr-letter-product .product-order>.container {grid-template-columns:1fr;gap:24px;}
}
@media(max-width:900px) {
  .nr-letter-product :is(.product-hero__grid,.product-heading,.product-spec-grid,.product-use,.product-faq__grid,.product-video-layout) {grid-template-columns:1fr;gap:28px;}
  .nr-letter-product .product-hero figure img {aspect-ratio:16/9;max-height:430px;}
  .nr-letter-product .product-heading {gap:16px;}
}
@media(max-width:600px) {
  .nr-letter-product .product-hero {padding:106px 0 40px;}
  .nr-letter-product .product-breadcrumbs {margin-bottom:24px;}
  body.nr-letter-product:has(> #siteHeader) main .product-hero__grid>div>p {margin:20px 0;font-size:17px;}
  .nr-letter-product .product-key {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .nr-letter-product .product-key span:last-child {grid-column:1/-1;}
  .nr-letter-product .product-key span {padding:12px;}
  .nr-letter-product .product-actions {margin-top:24px;gap:10px;align-items:stretch;flex-direction:column;}
  .nr-letter-product .product-actions>a:last-child {justify-content:center;}
  .nr-letter-product .product-hero figure img {aspect-ratio:4/3;}
  .nr-letter-product :is(.product-section,.product-video-section) {padding:44px 0;}
  .nr-letter-product :is(.construction-grid,.product-benefits,.product-compare,.product-steps) {grid-template-columns:1fr;gap:16px;}
  .nr-letter-product :is(.construction-grid,.product-benefits) article {padding:20px;border:1px solid var(--line);}
  .nr-letter-product .product-spec-list div {display:block;padding:16px 0;}
  .nr-letter-product .product-spec-list dd {margin-top:6px;}
  .nr-letter-product .product-use__list {grid-template-columns:1fr;}
  .nr-letter-product .product-use__list span {padding:16px 0;}
  .nr-letter-product .product-use__list span:nth-child(odd) {border-right:0;}
  .nr-letter-product .product-steps {gap:0;}
  .nr-letter-product .product-steps li {padding:20px;border-right:0;}
  .nr-letter-product .product-steps b {margin-bottom:8px;}
  .nr-letter-product .product-order {padding-bottom:44px;}
  .nr-letter-product .product-order>.container {padding-top:24px;padding-bottom:24px;}
  .nr-letter-product .product-order>.container>div:last-child {flex-direction:column;}
  .nr-letter-product .product-order .btn {width:100%;}
}