/* =========================================================================
 * LETTERS FROM SANTA (template-santa.php)
 * The page's own look, "North Pole Post": airmail envelope, stamp, postmarks.
 * Sits inside the site's header/footer and reuses .sl-site, .sl-wrap, h1-h4.
 * ====================================================================== */
.np-page{
  --np-red:#C41E3A;
  --np-red-deep:#A3172F;
  --np-red-edge:#7E1226;
  --np-pine:#145A44;
  --np-ink:#1A1A1A;
  --np-muted:#5C5853;
  --np-line:#E2DBD2;
  --np-field:#D6CEC4;
  --np-paper:#FFFFFF;
  --np-error:#B3261E;
  --np-spring:cubic-bezier(.2,.9,.25,1);
}
.np-page [hidden]{display:none!important}
.np-page img{height:auto}
.np-page .np-eyebrow{
  font-family:'Lato',sans-serif;font-weight:700;font-size:12.5px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--np-red);
  display:block;margin-bottom:18px;
}
.np-page h2{font-size:clamp(32px,3.6vw,46px);letter-spacing:-.015em;line-height:1.08}
.np-page .np-em{font-style:italic;color:var(--np-red)}
.np-page .np-lede{font-size:19px;line-height:1.6;color:var(--np-muted);max-width:52ch}

/* ---------- buttons: physical, pressed on pointer-down ---------- */
.np-page .np-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:56px;padding:0 30px;border-radius:6px;
  font-family:'Lato',sans-serif;font-weight:700;font-size:13.5px;
  letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;
  background:var(--np-red);color:#fff;
  box-shadow:0 3px 0 var(--np-red-edge),0 10px 24px rgba(196,30,58,.22);
  transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .2s;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.np-page .np-btn:hover{background:var(--np-red-deep)}
.np-page .np-btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--np-red-edge),0 4px 10px rgba(196,30,58,.18)}
.np-page .np-btn:focus-visible{outline:3px solid rgba(196,30,58,.35);outline-offset:3px}
.np-page .np-btn[disabled]{opacity:.65;cursor:progress}
.np-page .np-btn-quiet{
  display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:6px;
  font-family:'Lato',sans-serif;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--np-ink);background:#fff;border:1.5px solid var(--np-ink);
  box-shadow:0 2px 0 var(--np-ink);transition:transform .12s ease-out,box-shadow .12s ease-out;
}
.np-page .np-btn-quiet:active{transform:translateY(2px);box-shadow:0 0 0 var(--np-ink)}
.np-page .np-btn-quiet svg,.np-page .np-btn svg{width:18px;height:18px;flex:none}

/* ---------- hero ---------- */
.np-hero{padding:150px 0 96px;position:relative}
.np-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.np-hero h1{font-size:clamp(42px,5.2vw,70px);line-height:1.03;letter-spacing:-.02em;margin-bottom:26px;text-wrap:balance}
.np-hero .np-lede{margin-bottom:16px}
.np-hero .np-free{font-size:18px;line-height:1.55;color:var(--np-ink);margin:0 0 30px;max-width:52ch}
.np-hero .np-free b{color:var(--np-red);font-weight:900}
.np-hero-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.np-hero .np-note{font-size:15.5px;line-height:1.5;color:var(--np-muted);margin-top:18px;max-width:46ch}
.np-hero .np-note b{color:var(--np-ink);font-weight:700}
.np-page .np-sub{font-size:19px;line-height:1.55;color:var(--np-muted);margin-top:16px;max-width:48ch}

/* the envelope scene */
.np-scene{position:relative;width:100%;max-width:580px;aspect-ratio:1.12;margin-left:auto;perspective:1400px}
.np-scene-inner{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.np-sheet{
  position:absolute;left:4%;top:0;width:64%;height:74%;
  background:var(--np-paper);border-radius:3px;padding:9% 8%;
  box-shadow:0 1px 2px rgba(26,26,26,.06),0 18px 40px rgba(26,26,26,.10);
  transform:rotate(-7deg);overflow:hidden;
}
.np-sheet .np-sheet-head{font-family:'Lato',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--np-red);margin-bottom:14%}
.np-sheet .np-sheet-dear{font-family:'Mrs Saint Delafield',cursive;font-size:clamp(30px,3.4vw,44px);line-height:1;color:var(--np-ink);margin-bottom:8%}
.np-sheet p{font-family:'Playfair Display',Georgia,serif;font-size:clamp(11px,1.05vw,14px);line-height:1.7;color:#3b3835}
.np-envelope{
  position:absolute;right:0;bottom:4%;width:90%;aspect-ratio:1.62;
  background:var(--np-paper);
  border:13px solid transparent;
  border-image:repeating-linear-gradient(135deg,var(--np-red) 0 13px,#fff 13px 23px,var(--np-pine) 23px 36px,#fff 36px 46px) 13;
  box-shadow:0 2px 4px rgba(26,26,26,.06),0 30px 60px rgba(26,26,26,.16);
  transform:rotate(3deg);
}
.np-env-from{position:absolute;left:7%;top:10%;font-family:'Lato',sans-serif;font-size:clamp(9px,.85vw,11.5px);line-height:1.5;color:var(--np-muted);letter-spacing:.06em;text-transform:uppercase}
.np-env-from b{color:var(--np-ink);letter-spacing:.12em}
.np-env-stamp{position:absolute;right:6%;top:9%;width:17%;transform:rotate(4deg);filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.np-env-mark{position:absolute;right:6%;top:6%;width:32%;color:var(--np-red);opacity:.82;transform:rotate(-14deg);mix-blend-mode:multiply}
.np-env-to{position:absolute;left:36%;top:47%;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:clamp(16px,1.9vw,25px);line-height:1.35;color:var(--np-ink)}

/* ---------- how it works ---------- */
.np-how{padding:96px 0;border-top:1px solid var(--np-line)}
.np-how-head{max-width:640px;margin-bottom:56px}
.np-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;counter-reset:np}
.np-step{position:relative;padding-top:74px}
.np-step::before{
  counter-increment:np;content:counter(np);
  position:absolute;left:0;top:0;width:52px;height:52px;border-radius:50%;
  border:2px solid var(--np-red);box-shadow:0 0 0 4px var(--np-paper),0 0 0 5.5px var(--np-red);
  display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;font-size:22px;font-weight:600;color:var(--np-red);background:var(--np-paper);
}
.np-step h3{font-size:25px;margin-bottom:10px}
.np-step p{color:var(--np-muted);font-size:17px;line-height:1.6;max-width:34ch}

/* ---------- the letter, annotated ---------- */
.np-letter-sec{padding:104px 0;background:var(--blush-soft,#FBF1EC)}
.np-letter-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
.np-paper{
  position:relative;background:var(--np-paper);border-radius:3px;padding:64px 60px 56px;
  box-shadow:0 1px 2px rgba(26,26,26,.05),0 24px 56px rgba(26,26,26,.10);
}
.np-paper-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;margin-bottom:30px;border-bottom:1.5px solid var(--np-red)}
.np-paper-head .t{font-family:'Playfair Display',serif;font-size:22px;font-weight:600;line-height:1.15}
.np-paper-head .s{font-family:'Lato',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--np-red)}
.np-paper-head img{width:64px;height:64px;flex:none}
.np-paper .np-dear{font-family:'Mrs Saint Delafield',cursive;font-size:52px;line-height:1;margin-bottom:18px}
.np-paper p{font-family:'Playfair Display',Georgia,serif;font-size:16.5px;line-height:1.72;color:#2b2825;margin-bottom:12px}
.np-paper p b{font-weight:700}
.np-paper .np-close{font-style:italic;margin:20px 0 0}
.np-paper .np-sign{font-family:'Mrs Saint Delafield',cursive;font-size:58px;line-height:1;color:var(--np-red);margin:6px 0 0}
.np-paper .np-from-pole{font:700 11px/1 'Lato',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--np-muted);margin-top:6px}
.np-page .np-emoji{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:.5em;vertical-align:middle;font-style:normal}
.np-letter-fig{margin:0}
.np-caption{font-size:14.5px;line-height:1.5;color:var(--np-muted);font-style:italic;text-align:center;margin-top:16px}
.np-paper .np-seal{position:absolute;right:46px;bottom:40px;width:92px;transform:rotate(-8deg)}
.np-you{box-shadow:inset 0 -.42em 0 #F8D5DB;border-radius:2px;padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* The numbered markers in the sample letter. A plain inline badge (not inline-block)
   sits right against the word before it ("old1!" reads as one word to the line
   breaker), so it can never wrap onto the next line alone. Raised with position,
   not vertical-align, so lines with a marker keep the same height as the rest. */
.np-num{
  display:inline;padding:3px 6.5px;border-radius:10px;
  background:var(--np-red);color:#fff;font:700 11px/1 'Lato',sans-serif;vertical-align:baseline;
  position:relative;top:-.55em;margin-left:2px;
}
.np-label{display:block;margin-top:30px;font:700 12px/1.3 'Lato',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--np-ink)}
.np-parts{list-style:none;margin:18px 0 30px;display:grid;gap:20px}
.np-parts li{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;font-size:16.5px;line-height:1.55;color:var(--np-muted)}
.np-parts li b{display:block;font-family:'Playfair Display',serif;font-size:20px;font-weight:600;line-height:1.3;color:var(--np-ink);margin-bottom:3px}
.np-parts .np-num{display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;vertical-align:baseline;top:0;margin:2px 0 0;width:26px;height:26px;font-size:12.5px}
.np-small{font-size:15.5px;color:var(--np-muted);line-height:1.6}

/* ---------- dates ---------- */
.np-dates{padding:104px 0}
.np-dates-head{max-width:640px;margin-bottom:60px}
.np-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;position:relative}
.np-route::before{content:"";position:absolute;left:12%;right:12%;top:80px;border-top:2px dashed var(--np-field)}
.np-stop{text-align:center;position:relative}
.np-ring{
  width:160px;height:160px;margin:0 auto 26px;border-radius:50%;
  border:2.5px solid var(--np-red);box-shadow:0 0 0 7px var(--np-paper),0 0 0 9px var(--np-red);
  background:var(--np-paper);color:var(--np-red);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  transform:rotate(var(--tilt,-6deg));
}
.np-ring .k{font:700 10.5px/1 'Lato',sans-serif;letter-spacing:.22em;text-transform:uppercase}
.np-ring .d{font-family:'Playfair Display',serif;font-size:23px;font-weight:600;line-height:1.08;color:var(--np-ink);letter-spacing:-.01em;text-align:center}
.np-ring .d > span{display:block}
.np-disclaimer{text-align:center;font-size:14.5px;line-height:1.55;color:var(--np-muted);max-width:60ch;margin:48px auto 0}
.np-stop:nth-child(2) .np-ring{--tilt:5deg}
.np-stop:nth-child(3) .np-ring{--tilt:-3deg}
.np-stop h3{font-size:24px;margin-bottom:8px}
.np-stop p{color:var(--np-muted);font-size:16.5px;max-width:28ch;margin:0 auto}

/* ---------- the form ---------- */
.np-write{background:var(--np-red);padding:104px 0 112px;position:relative}
.np-write::before{
  content:"";position:absolute;left:0;right:0;top:0;height:12px;
  background:repeating-linear-gradient(135deg,var(--np-red-deep) 0 13px,#fff 13px 23px,var(--np-pine) 23px 36px,#fff 36px 46px);
}
.np-write-head{text-align:center;max-width:680px;margin:0 auto 48px;color:#fff}
.np-write-head h2{color:#fff}
.np-write-head p{color:rgba(255,255,255,.88);font-size:18.5px;line-height:1.6;margin-top:16px}
.np-write-head p + p{margin-top:10px}
.np-card{
  max-width:780px;margin:0 auto;background:var(--np-paper);border-radius:4px;
  padding:60px 64px 52px;box-shadow:0 2px 0 var(--np-red-edge),0 30px 70px rgba(60,0,10,.28);
  position:relative;
}
.np-card .np-dear{font-family:'Mrs Saint Delafield',cursive;font-size:60px;line-height:1;margin-bottom:10px}
.np-card .np-intro{font-family:'Playfair Display',serif;font-size:19px;line-height:1.6;color:#3b3835;margin-bottom:34px}
.np-fs{border:0;margin:0 0 34px;padding:0}
.np-fs legend{font-family:'Playfair Display',serif;font-size:24px;font-weight:600;line-height:1.2;margin-bottom:18px;padding:0}
.np-child{border:1.5px solid var(--np-line);border-radius:8px;padding:24px 24px 6px;margin-bottom:16px;background:#FFFDFB}
.np-child-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.np-child-top .n{font:700 12px/1 'Lato',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--np-red)}
.np-remove{font:700 13px/1 'Lato',sans-serif;color:var(--np-muted);text-decoration:underline;text-underline-offset:3px;padding:12px 4px;min-height:44px}
.np-row{display:grid;gap:16px;grid-template-columns:repeat(var(--cols,1),minmax(0,1fr))}
.np-row.two{--cols:2}
.np-row.addr{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr)}
.np-row.city{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}
.np-row.name-age{grid-template-columns:minmax(0,1fr) 130px}
.np-field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;min-width:0}
.np-field label{font:700 14.5px/1.35 'Lato',sans-serif;color:var(--np-ink)}
.np-field label .opt{font-weight:400;color:var(--np-muted)}
.np-field .help{font:400 14.5px/1.5 'Lato',sans-serif;color:var(--np-muted);margin-top:-3px}
.np-field input,.np-field select,.np-field textarea{
  width:100%;min-height:52px;padding:13px 15px;border-radius:6px;
  border:1.5px solid var(--np-field);background:#fff;color:var(--np-ink);
  font:400 17px/1.4 'Lato',sans-serif;transition:border-color .15s,box-shadow .15s;
  -webkit-appearance:none;appearance:none;
}
.np-field textarea{min-height:92px;resize:vertical}
.np-field textarea.short{min-height:76px}
#write{scroll-margin-top:84px}
.np-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%231A1A1A' stroke-width='1.8'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:38px}
.np-field input::placeholder,.np-field textarea::placeholder{color:#8F8881}
.np-field input:focus,.np-field select:focus,.np-field textarea:focus{outline:none;border-color:var(--np-red);box-shadow:0 0 0 4px rgba(196,30,58,.13)}
.np-field.bad input,.np-field.bad select,.np-field.bad textarea{border-color:var(--np-error)}
.np-field .err{display:none;font:700 13.5px/1.4 'Lato',sans-serif;color:var(--np-error)}
.np-field.bad .err{display:block}
.np-add{margin:2px 0 6px}
.np-help-line{font-size:15px;line-height:1.5;color:var(--np-muted);margin-top:6px}
.np-fs-intro{font-size:16px;line-height:1.55;color:var(--np-muted);margin:-8px 0 18px}
.np-check-note{font-size:15px;line-height:1.5;color:var(--np-ink);font-weight:700;margin-top:-4px}
.np-check-sub{font-size:14.5px;line-height:1.5;color:var(--np-muted);margin:6px 0 0 36px}
.np-warn{font:700 14px/1.45 'Lato',sans-serif;color:#7A5200;background:#FFF4D6;border-radius:6px;padding:10px 14px;margin:-6px 0 14px}
.np-warn:empty{display:none}
.np-aside{background:#FBF1EC;border-radius:8px;padding:22px 24px 10px;margin:0 0 34px}
.np-aside h3{font-size:20px;line-height:1.3;margin-bottom:10px}
.np-aside p{font-size:15.5px;line-height:1.55;color:#3b3835;margin-bottom:12px}
.np-check{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:16px;line-height:1.5;color:var(--np-ink);cursor:pointer;padding:6px 0}
.np-check input{width:22px;height:22px;min-height:0;padding:0;margin:1px 0 0;accent-color:var(--np-red);-webkit-appearance:auto;appearance:auto}
.np-consent{border-top:1px solid var(--np-line);padding-top:22px;margin-bottom:24px}
.np-consent .np-check{font-weight:700}
.np-consent.bad .np-check{color:var(--np-error)}
.np-submit{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.np-privacy{font:700 14px/1.4 'Lato',sans-serif;color:var(--np-ink);text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.np-preview{background:#FFF4D6;color:#5b4300;border-radius:6px;padding:14px 16px;font-size:15px;line-height:1.5;margin-bottom:28px}
.np-submit .np-btn{min-width:300px}
.np-form-msg{font:700 15px/1.5 'Lato',sans-serif;color:var(--np-error)}
.np-form-msg:empty{display:none}
.np-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.np-closed{text-align:center;padding:20px 0}
.np-closed h3{font-size:30px;margin-bottom:12px}
.np-closed p{color:var(--np-muted);font-size:17.5px;max-width:46ch;margin:0 auto}
.np-closed p + p{margin-top:14px}

/* sent state */
.np-sent{text-align:center;padding:8px 0 4px}
.np-sent .np-mini{position:relative;width:min(420px,100%);aspect-ratio:1.62;margin:0 auto 36px;
  background:var(--np-paper);border:11px solid transparent;
  border-image:repeating-linear-gradient(135deg,var(--np-red) 0 11px,#fff 11px 19px,var(--np-pine) 19px 30px,#fff 30px 38px) 11;
  box-shadow:0 20px 44px rgba(26,26,26,.16);transform:rotate(-2deg)}
.np-sent .np-mini .np-env-to{left:30%;top:44%;font-size:clamp(17px,2.4vw,23px)}
.np-sent .np-mini .np-env-stamp{width:19%}
.np-sent .np-mini .np-env-mark{width:34%;right:5%}
.np-sent h3{font-size:34px;margin-bottom:12px}
.np-sent p{color:var(--np-muted);font-size:17.5px;line-height:1.6;max-width:46ch;margin:0 auto 10px}
.np-sent .np-btn-quiet{margin-top:20px}
.np-sent .np-sent-sign{font-family:'Playfair Display',serif;font-style:italic;font-size:19px;color:var(--np-ink);margin-top:18px}
.np-sent .np-sent-help{font-size:15px;margin-top:14px}
.np-sent.play .np-mini{animation:np-drop .55s var(--np-spring) both}
.np-sent.play .np-env-mark{animation:np-stamp .42s .5s cubic-bezier(.3,1.5,.5,1) both}
@keyframes np-drop{from{transform:translateY(-26px) rotate(-6deg) scale(.96);opacity:0}to{transform:rotate(-2deg);opacity:1}}
@keyframes np-stamp{from{transform:rotate(-14deg) scale(1.7);opacity:0}to{transform:rotate(-14deg) scale(1);opacity:.82}}

/* ---------- from Stephanie ---------- */
.np-from{padding:104px 0}
.np-from-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}
.np-from img.np-photo{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 12%;border-radius:4px;box-shadow:var(--shadow-lift)}
.np-from p{font-size:18.5px;line-height:1.7;color:#3b3835;margin-bottom:16px;max-width:56ch}
.np-from .np-sig{font-family:'Mrs Saint Delafield',cursive;font-size:54px;line-height:1;margin:6px 0 28px}
.np-from-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.np-share-ok{font:700 14px/1.4 'Lato',sans-serif;color:var(--np-pine)}
.np-share-ok:empty{display:none}

/* ---------- FAQ ---------- */
.np-faq{padding:96px 0 112px;border-top:1px solid var(--np-line)}
.np-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.np-faq details{border-bottom:1px solid var(--np-line)}
.np-faq details:first-child{border-top:1px solid var(--np-line)}
.np-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-family:'Playfair Display',serif;font-size:21px;font-weight:600;line-height:1.3;min-height:44px}
.np-faq summary::-webkit-details-marker{display:none}
.np-faq summary::after{content:"";width:12px;height:12px;flex:none;border-right:2px solid var(--np-red);border-bottom:2px solid var(--np-red);transform:rotate(45deg) translate(-3px,-3px);transition:transform .25s var(--np-spring)}
.np-faq details[open] summary::after{transform:rotate(225deg) translate(-3px,-3px)}
.np-faq details p{padding:0 0 24px;color:var(--np-muted);font-size:17px;line-height:1.65;max-width:62ch}
.np-faq details p + p{margin-top:-10px}

@media(prefers-reduced-motion:reduce){
  .np-sent.play .np-mini,.np-sent.play .np-env-mark{animation:none}
  .np-page .np-btn,.np-page .np-btn-quiet{transition:none}
}

/* ---------- responsive ---------- */
@media(max-width:1040px){
  .np-hero-grid{grid-template-columns:1fr;gap:48px}
  .np-scene{margin:0 auto;max-width:520px}
  .np-letter-grid,.np-from-grid,.np-faq-grid{grid-template-columns:minmax(0,1fr);gap:48px}
  /* one column: read what the numbers mean first, then the sample letter */
  .np-letter-grid > .np-letter-fig{order:2}
  .np-from img.np-photo{max-width:420px}
}
@media(max-width:860px){
  .np-steps{grid-template-columns:1fr;gap:34px}
  .np-route{grid-template-columns:1fr;gap:44px}
  .np-route::before{display:none}
  .np-card{padding:44px 28px 36px}
}
@media(max-width:560px){
  .np-hero{padding:118px 0 64px}
  .np-hero .np-lede{font-size:17.5px}
  .np-hero-cta{flex-direction:column;align-items:stretch;gap:14px}
  .np-hero-cta .np-btn{width:100%}
  .np-how,.np-letter-sec,.np-dates,.np-from,.np-faq{padding:72px 0}
  .np-write{padding:72px 0 80px}
  .np-paper{padding:40px 24px 120px}
  .np-paper p{font-size:16px}
  .np-check-sub{margin-left:0}
  .np-aside{padding:18px 16px 6px}
  .np-paper .np-seal{right:24px;bottom:28px;width:76px}
  .np-card{padding:36px 18px 30px;border-radius:3px}
  .np-card .np-dear{font-size:50px}
  .np-child{padding:18px 14px 2px}
  .np-row.two,.np-row.addr,.np-row.city{grid-template-columns:1fr;gap:0}
  .np-row.name-age{grid-template-columns:minmax(0,1fr) 96px}
  .np-submit .np-btn{width:100%;min-width:0}
  .np-ring{width:140px;height:140px}
}

/* ---------- printing this page: the sample letter's markers are only a guide on screen ---------- */
@media print{
  .np-page .np-num{display:none}
  .np-page .np-you{box-shadow:none;padding:0}
}