/* Newsletter · your data — what a sign-up stores and why, leaving, and the questions people ask. */

/* ---------- the life of one address ---------- */
.nwl-life{--nwl-life-gap:clamp(28px,3.2vw,48px);margin-bottom:clamp(52px,6.4vw,96px)}
.nwl-life__lbl{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;padding-bottom:12px;margin-bottom:22px;border-bottom:var(--nws-rule);
  font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.nwl-life__ex{font-family:var(--f-b);font-size:var(--t-xs);font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}
.nwl-life__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--nwl-life-gap)}
.nwl-life__step{position:relative;display:flex;flex-direction:column;min-width:0;padding:20px 22px 22px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper)}
.nwl-life__step+.nwl-life__step::before{content:"\203A";position:absolute;left:calc(var(--nwl-life-gap) / -2);top:37px;transform:translate(-50%,-50%);
  font-family:var(--f);font-size:1.375rem;line-height:1;color:var(--blue)}
.nwl-life__head{display:flex;align-items:center;gap:12px;min-height:34px;padding-bottom:14px;border-bottom:1px solid var(--line-2)}
.nwl-life__n{font-family:var(--f);font-size:var(--t-xs);font-weight:500;color:var(--blue-d);font-variant-numeric:tabular-nums}
.nwl-life__step-t{font-family:var(--f-h);font-size:1.0625rem;font-weight:500;line-height:1.25;color:var(--ink)}
.nwl-life__pill{display:inline-flex;align-items:center;flex:none;height:24px;margin-left:auto;padding:0 10px;border:1px solid var(--line-3);border-radius:var(--r-pill);
  font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.nwl-life__step.is-confirmed .nwl-life__pill{border-color:var(--blue);background:var(--blue);color:var(--on-ink)}
.nwl-life__step.is-left .nwl-life__pill{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}
.nwl-life__rec{display:grid;gap:2px;margin-top:12px;font-family:var(--f);font-size:var(--t-xs);line-height:1.45}
.nwl-life__rec>div{display:grid;grid-template-columns:minmax(0,15ch) minmax(0,1fr);gap:12px;padding:7px 10px;border-radius:var(--r-xs)}
.nwl-life__rec dt{color:var(--faint);overflow-wrap:anywhere}
.nwl-life__rec dd{min-width:0;color:var(--muted);overflow-wrap:anywhere}
.nwl-life__rec>.is-new{background:var(--blue-wash);box-shadow:inset 2px 0 0 var(--blue)}
.nwl-life__rec>.is-new dt{color:var(--blue-d)}
.nwl-life__rec>.is-new dd{color:var(--ink)}
.nwl-life__step.is-left .nwl-life__rec>.is-new{background:var(--paper-3);box-shadow:inset 2px 0 0 var(--ink)}
.nwl-life__step.is-left .nwl-life__rec>.is-new dt{color:var(--ink)}
.nwl-life__d{margin-top:auto;padding-top:16px;font-size:var(--t-sm);line-height:1.6;color:var(--txt)}

.nwl-data__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(36px,5vw,88px);align-items:start}

.nwl-keep{width:100%;border-collapse:collapse;font-size:var(--t-sm);line-height:1.55}
.nwl-keep thead th{padding:0 0 12px;border-bottom:var(--nws-rule);text-align:left;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.nwl-keep tbody th,.nwl-keep td{padding:16px 0;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.nwl-keep tbody th{width:46%;padding-right:24px;font-weight:600;color:var(--ink)}
.nwl-keep td{color:var(--txt)}
.nwl-keep__w{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:baseline}
.nwl-keep__n{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.04em;color:var(--blue-d)}

.nwl-data__leave{margin-top:24px;margin-bottom:6px;padding:18px 20px;border-radius:var(--r);background:var(--paper-2);border:1px solid var(--line-2);font-size:var(--t-sm);line-height:1.65;color:var(--txt)}
.nwl-data__leave-k{display:block;margin-bottom:6px;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.nwl-data__mail{margin-left:4px;color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:3px;overflow-wrap:anywhere}
.nwl-data__mail:hover{text-decoration-color:var(--ink)}

.nwl-data__h{padding-bottom:12px;border-bottom:var(--nws-rule);font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.nwl-qa{border-bottom:1px solid var(--line)}
.nwl-qa>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 0;cursor:pointer;list-style:none}
.nwl-qa>summary::-webkit-details-marker{display:none}
.nwl-qa>summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--r-xs)}
.nwl-qa__q{font-family:var(--f-h);font-size:1.0625rem;font-weight:500;line-height:1.35;color:var(--ink)}
.nwl-qa__ic{position:relative;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-3);transition:border-color var(--d1) var(--e-io),background var(--d1) var(--e-io)}
.nwl-qa__ic::before,.nwl-qa__ic::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;margin:-.75px 0 0 -5px;background:var(--ink);transition:transform var(--d2) var(--e)}
.nwl-qa__ic::after{transform:rotate(90deg)}
.nwl-qa[open] .nwl-qa__ic{background:var(--ink);border-color:var(--ink)}
.nwl-qa[open] .nwl-qa__ic::before,.nwl-qa[open] .nwl-qa__ic::after{background:var(--on-ink)}
.nwl-qa[open] .nwl-qa__ic::after{transform:rotate(0deg)}
.nwl-qa>summary:hover .nwl-qa__ic{border-color:var(--ink)}
.nwl-qa__a{padding:0 44px 20px 0;font-size:var(--t-body);line-height:1.65;color:var(--txt)}

@media (max-width:1100px){
  .nwl-life__steps{grid-template-columns:minmax(0,1fr);max-width:640px}
  .nwl-life__step+.nwl-life__step::before{left:44px;top:calc(var(--nwl-life-gap) / -2);transform:translate(-50%,-50%) rotate(90deg)}
}
@media (max-width:960px){
  .nwl-data__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .nwl-keep tbody th{width:44%;padding-right:14px}
  .nwl-keep__w{grid-template-columns:minmax(0,1fr);row-gap:4px}
  .nwl-qa__a{padding-right:0}
  .nwl-data__mail{display:flex;align-items:center;width:fit-content;min-height:44px;margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .nwl-qa__ic::before,.nwl-qa__ic::after{transition:none}
}