/* All selectors are scoped to the new mobile Today; the desktop story is untouched. */
.nf-today-mobile { display: none; }
@media (max-width: 760px) {
  html.nf-mobile-today-active body .topbar.wrap.nf-mobile-app-header { background: #f7f7f0; }
  html.nf-mobile-today-active .nf-desktop-recommendation { position: sticky; top: var(--nf-mt-header-height,78px); z-index: 49; margin: 0 auto; border-radius: 0 0 8px 8px; background: #fffaf2; }
  .nf-today-mobile {
    --mt-view-height: calc(100svh - 156px);
    --mt-top-offset: 78px;
    --mt-scroll-length: 420svh;
    --mt-ink: #173b53;
    --mt-copper: #956139;
    --mt-cream: #fffaf0;
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    color: var(--mt-ink);
    font-family: Arial, Helvetica, sans-serif;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  .nf-today-mobile *, .nf-today-mobile *::before, .nf-today-mobile *::after { box-sizing: border-box; }
  .nf-today-mobile .nf-mt-scroll-space { position: relative; height: calc(var(--mt-view-height) + var(--mt-scroll-length)); }
  .nf-today-mobile .nf-mt-viewport { position: sticky; top: var(--mt-top-offset); height: var(--mt-view-height); min-height: 300px; overflow: clip; isolation: isolate; }
  .nf-today-mobile .nf-mt-canvas { position: absolute; top: 0; left: 0; right: 0; height: var(--mt-view-height); z-index: 0; pointer-events: none; }
  .nf-today-mobile .nf-mt-canvas canvas { display: block; width: 100%; height: 100%; }
  .nf-today-mobile .nf-mt-phase { position: absolute; inset: 0; z-index: 1; padding: 16px 0 0; opacity: 0; transform: translate3d(0, 14px, 0); pointer-events: none; }
  .nf-today-mobile .nf-mt-phase[data-today-phase="1"] { opacity: 1; transform: none; }
  .nf-today-mobile .nf-mt-phase:not([inert]):not([aria-hidden="true"]) { pointer-events: auto; }
  .nf-today-mobile .nf-mt-copy { position: relative; z-index: 2; max-width: 450px; margin: 0 auto; padding: 0 6px; text-align: center; }
  .nf-today-mobile .nf-mt-copy :is(h1, h2) { color: var(--mt-ink); font: 400 clamp(36px, 9.8vw, 54px)/1.05 Georgia, 'Palatino Linotype', serif; letter-spacing: -.035em; margin: 0 0 13px; text-wrap: balance; }
  .nf-today-mobile .nf-mt-rule { display: block; width: 40px; height: 2px; background: #ac754b; margin: 0 auto 11px; }
  .nf-today-mobile .nf-mt-support { color: #4d6471; margin: 0; font-size: 14px; line-height: 1.55; }
  .nf-today-mobile .nf-mt-eyebrow { font: 600 9px/1.5 Arial, Helvetica, sans-serif; letter-spacing: 1.5px; margin: 0 0 9px; text-transform: uppercase; }
  .nf-today-mobile .nf-mt-copy > .nf-mt-eyebrow { color: #846145; margin-bottom: 10px; }
  .nf-today-mobile .nf-mt-scroll-hint { display: flex; gap: 11px; align-items: center; justify-content: center; position: absolute; bottom: 9px; left: 0; right: 0; margin: 0; color: #4f6974; font-size: 11px; letter-spacing: .7px; }
  .nf-today-mobile .nf-mt-scroll-hint svg { display: block; width: 12px; height: 18px; }
  .nf-today-mobile .nf-mt-guide .nf-mt-copy :is(h1,h2) { font-size: clamp(31px, 8.2vw, 45px); line-height: 1.03; margin-bottom: 9px; }
  .nf-today-mobile .nf-mt-guide .nf-mt-rule { display: none; }
  .nf-today-mobile .nf-mt-guide .nf-mt-support { font-size: 13px; line-height: 1.45; }
  .nf-today-mobile .nf-mt-guide-panel { position: absolute; left: 0; right: 0; bottom: 4px; padding: 13px 14px 5px; border: 1px solid #bba1805c; border-radius: 12px; background: linear-gradient(135deg, #fffdf4f5, #f7eee1f5); box-shadow: 0 8px 16px -12px #1b334444, inset 0 1px 0 #fff; }
  .nf-today-mobile .nf-mt-guide-panel > .nf-mt-eyebrow { color: #97744e; margin-bottom: 7px; }
  .nf-today-mobile .nf-mt-guide-steps { list-style: none; margin: 0; padding: 0; }
  .nf-today-mobile .nf-mt-guide-steps li { display: flex; align-items: flex-start; gap: 9px; margin: 0; padding: 6px 0; border-bottom: 1px solid #b8a1842b; }
  .nf-today-mobile .nf-mt-guide-number { display: block; flex: 0 0 20px; padding-top: 2px; color: #a4754d; font: 400 13px/1.5 Georgia, serif; }
  .nf-today-mobile .nf-mt-guide-steps h3 { margin: 0 0 2px; font: 600 14px/1.35 Arial, Helvetica, sans-serif; color: #22445a; }
  .nf-today-mobile .nf-mt-guide-steps p { margin: 0; color: #62717a; font-size: 12px; line-height: 1.4; }
  .nf-today-mobile .nf-mt-guide-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 10px 0 0; }
  .nf-today-mobile .nf-mt-guide-gallery figure { min-width: 0; margin: 0; }
  .nf-today-mobile .nf-mt-guide-gallery img { display: block; width: 100%; height: 52px; object-fit: cover; border: 1px solid #c7baa358; border-radius: 5px; box-shadow: 0 3px 5px #24344a12; }
  .nf-today-mobile .nf-mt-guide-gallery figcaption { font-size: 9px; line-height: 1.5; color: #6c746e; margin-top: 4px; white-space: nowrap; }
  .nf-today-mobile .nf-mt-try { display: flex; justify-content: center; align-items: center; gap: 11px; min-height: 44px; margin-top: 10px; padding: 8px 12px; border: 1px solid #9c6037; border-radius: 7px; background: linear-gradient(180deg,#c68d5d,#ab7145); box-shadow: inset 0 1px 0 #dfb89572,0 3px 7px #51341a1a; color: #fff8ee; font-size: 13px; font-weight: 600; text-decoration: none; }
  .nf-today-mobile :is(.nf-mt-try, .nf-mt-start, .nf-mt-review-preview) svg { width: 18px; height: 15px; flex: 0 0 18px; }
  .nf-today-mobile .nf-mt-cover .nf-mt-copy { padding-top: 2px; }
  .nf-today-mobile .nf-mt-final { padding-top: 0; }
  .nf-today-mobile .nf-mt-final-reader { height: auto; overflow: visible; padding: 8px 0 16px; }
  .nf-today-mobile .nf-mt-workspace-heading { position: relative; z-index: 2; margin: 0 0 42px; padding: 0 4px; }
  .nf-today-mobile .nf-mt-workspace-heading p { display: inline-block; margin: 0; padding: 8px 10px; background: #faf5e9ec; border: 1px solid #b9a78d4d; border-radius: 6px; box-shadow: 0 3px 7px #34546c15; color: #304f64; font-size: 9px; line-height: 1.5; font-weight: 600; letter-spacing: 1.4px; }
  .nf-today-mobile .nf-mt-workspace { position: relative; border: 1px solid #587790; border-radius: 15px; background: radial-gradient(ellipse at 0% 0%, #47789b70, transparent 50%), linear-gradient(140deg, #1d4059, #102b41 56%, #0b2133); color: #faf7ee; padding: 17px 12px 12px; box-shadow: 0 15px 20px -13px #1233488a, inset 0 1px 0 #85a3b887, inset -1px -1px 0 #041425; pointer-events: none; }
  .nf-today-mobile .nf-mt-workspace::before { content: ''; position: absolute; inset: 0 0 auto 18px; width: 48%; height: 1px; background: linear-gradient(90deg, #b9d4e789, transparent); pointer-events: none; }
  .nf-today-mobile .nf-mt-project { position: relative; display: block; min-height: 75px; padding-right: 93px; margin-bottom: 15px; }
  .nf-today-mobile .nf-mt-project .nf-mt-eyebrow { color: #95b7cd; font-size: 8px; letter-spacing: 1.4px; margin-bottom: 8px; }
  .nf-today-mobile .nf-mt-project h2 { color: #fffaf1; font: 400 24px/1.08 Georgia, 'Palatino Linotype', serif; letter-spacing: -.025em; margin: 0 0 8px; }
  .nf-today-mobile .nf-mt-project-state { margin: 0; color: #b5cad7; font-size: 10px; line-height: 1.5; }
  .nf-today-mobile .nf-mt-project-state span { margin: 0 3px; }
  .nf-today-mobile .nf-mt-floating-illustration { position: absolute; top: -62px; right: -12px; display: block; width: 138px; height: 138px; object-fit: contain; filter: drop-shadow(0 12px 8px #02122065) drop-shadow(0 2px 1px #061c2e66); max-width: none; border: 0; border-radius: 0; background: none; }
  .nf-today-mobile .nf-mt-stage-rail { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 2px; list-style: none; padding: 5px; margin: 0 0 15px; border: 1px solid #062139; border-radius: 10px; background: linear-gradient(180deg, #0b2032, #17364d); box-shadow: inset 0 3px 6px #03192ca1, 0 1px 0 #688aa53a; }
  .nf-today-mobile .nf-mt-stage-rail li { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 47px; gap: 5px; min-width: 0; padding: 5px 1px; border: 1px solid transparent; border-radius: 6px; color: #9db9cb; }
  .nf-today-mobile .nf-mt-stage-rail li span { font-size: 9px; line-height: 1; letter-spacing: .5px; }
  .nf-today-mobile .nf-mt-stage-rail li strong { font-size: 9px; line-height: 1.3; font-weight: 500; }
  .nf-today-mobile .nf-mt-stage-rail .nf-mt-stage-current { color: #24465b; background: linear-gradient(140deg, #fffaf1, #eadeca); border-color: #baa68a; box-shadow: 0 3px 5px #03132477, inset 0 1px 0 #fff; }
  .nf-today-mobile .nf-mt-current-task { padding: 13px 11px 11px; margin: 0 0 12px; border: 1px solid #557a9266; border-radius: 9px; background: linear-gradient(140deg,#2e547044,#122d4144); box-shadow: inset 0 1px 0 #8caeb326, 0 4px 7px #03142226; }
  .nf-today-mobile .nf-mt-current-task > .nf-mt-eyebrow { color: #a8c1d2; font-size: 8px; line-height: 1.6; letter-spacing: 1px; margin-bottom: 9px; }
  .nf-today-mobile .nf-mt-task-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; color: #c5d4df; font-size: 10px; line-height: 1.5; }
  .nf-today-mobile .nf-mt-task-badge { display: inline-block; padding: 3px 7px; border: 1px solid #93b59a4d; border-radius: 12px; color: #c8deca; background: #71947720; }
  .nf-today-mobile .nf-mt-current-task h3 { margin: 0 0 12px; color: #fbf8f0; font: 400 21px/1.18 Georgia, serif; letter-spacing: -.025em; }
  .nf-today-mobile .nf-mt-task-block + .nf-mt-task-block { margin-top: 12px; }
  .nf-today-mobile .nf-mt-task-block h4 { margin: 0 0 4px; color: #d2b78f; font: 600 10px/1.5 Arial, sans-serif; }
  .nf-today-mobile .nf-mt-task-block p { margin: 0; color: #c3d4df; font-size: 13px; line-height: 1.55; }
  .nf-today-mobile .nf-mt-observations { padding: 15px 12px 12px; color: #28485d; background: linear-gradient(140deg,#fffdf6,#f4ecdf); border: 1px solid #e4d8c4; border-radius: 10px; box-shadow: 0 5px 10px #031b2d4d, inset 0 1px 0 #fff; }
  .nf-today-mobile .nf-mt-observations > .nf-mt-eyebrow { color: #9d704b; font-size: 8px; letter-spacing: 1.2px; margin-bottom: 5px; }
  .nf-today-mobile .nf-mt-observations h3 { margin: 0 0 13px; color: #234258; font: 400 24px/1.15 Georgia, serif; letter-spacing: -.025em; }
  .nf-today-mobile .nf-mt-observations label { display: block; margin: 0 0 12px; color: #29485b; font-size: 12px; line-height: 1.5; }
  .nf-today-mobile .nf-mt-observations label > span { color: #7b877f; font-size: 10px; }
  .nf-today-mobile .nf-mt-observations textarea { display: block; width: 100%; min-height: 70px; margin-top: 7px; padding: 10px; border: 1px solid #b9c3c0; border-radius: 6px; background: #fffefafc; box-shadow: inset 0 2px 3px #364b5620; resize: none; font: 13px/1.55 Arial, Helvetica, sans-serif; color: #3b5a6d; -webkit-text-fill-color: #3b5a6d; opacity: 1; }
  .nf-today-mobile .nf-mt-observations textarea::placeholder { color: #81929a; -webkit-text-fill-color: #81929a; opacity: 1; }
  .nf-today-mobile .nf-mt-review-preview { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 44px; border: 1px solid #9e6239; border-radius: 7px; padding: 10px 12px; background: linear-gradient(180deg,#c58b58,#a8693b); box-shadow: 0 3px 5px #4d291826,inset 0 1px 0 #e0b68e80; color: #fff8ec; font: 600 12px/1.45 Arial, sans-serif; -webkit-text-fill-color: #fff8ec; opacity: 1; }
  .nf-today-mobile .nf-mt-preview-options { display: flex; flex-wrap: wrap; gap: 9px 13px; justify-content: flex-start; margin: 13px 0 0; color: #687981; font-size: 10px; line-height: 1.5; }
  .nf-today-mobile .nf-mt-records { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 14px 3px 2px; color: #a8c0ce; font-size: 9px; line-height: 1.5; }
  .nf-today-mobile .nf-mt-final-actions { display: grid; grid-template-columns: 1.15fr 1fr; align-items: stretch; gap: 11px; position: relative; z-index: 2; margin-top: 17px; padding: 0 4px; }
  .nf-today-mobile .nf-mt-final-actions :is(a,button) { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 10px 12px; border: 1px solid #ac825d; border-radius: 8px; background: #fcf7ebe8; color: #72533a; font: 500 13px/1.4 Arial, Helvetica, sans-serif; text-decoration: none; box-shadow: 0 3px 7px #20445117; cursor: pointer; }
  .nf-today-mobile .nf-mt-final-actions .nf-mt-start { background: linear-gradient(180deg,#c68d5d,#ab7145); border-color: #9c6037; color: #fff8ee; box-shadow: 0 4px 8px #5a382529,inset 0 1px 0 #dfb89572; }
  .nf-today-mobile .nf-mt-back-top svg { width: 16px; height: 18px; flex: 0 0 16px; }
  .nf-today-mobile :is(a,button):focus-visible { outline: 2px solid #815333; outline-offset: 3px; }
  .nf-today-mobile .nf-mt-static-visual,
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-visual { display: none!important; }
  .nf-today-mobile .nf-mt-render-notice { position: absolute; z-index: 4; top: 48%; left: 18px; right: 18px; max-width: 330px; margin: 0 auto; padding: 14px; border: 1px solid #bba18077; border-radius: 9px; background: #fffaf2f5; box-shadow: 0 6px 18px #173b5322; color: #304f64; text-align: center; pointer-events: auto; }
  .nf-today-mobile .nf-mt-render-notice[hidden] { display: none; }
  .nf-today-mobile .nf-mt-render-notice p { margin: 0; font: 13px/1.5 Arial,sans-serif; }
  .nf-today-mobile .nf-mt-render-notice button { min-height: 42px; margin-top: 12px; padding: 8px 25px; border: 1px solid #9c6037; border-radius: 6px; color: #fff8ee; background: linear-gradient(180deg,#c68d5d,#ab7145); font: 600 13px/1.4 Arial,sans-serif; cursor: pointer; }
  .nf-today-mobile .nf-mt-static-pack { position: relative; display: flex; flex-direction: column; align-items: center; width: 132px; height: 225px; padding: 22px 10px; background: linear-gradient(90deg,#fff5 0,#0001 4%,transparent 13%,#fff2 40%,#0002 95%,#fff3),var(--mt-pack-colour); border: 1px solid #f7e3c270; border-radius: 3px 3px 9px 9px; box-shadow: 6px 15px 13px -10px #1330408a; }
  .nf-today-mobile .nf-mt-static-pack::before, .nf-today-mobile .nf-mt-static-pack::after { content: ''; position: absolute; height: 10px; left: 0; right: 0; background: repeating-linear-gradient(90deg,#fff1 0 1px,#0001 1px 2px); border-block: 1px solid #e9ce9b66; }
  .nf-today-mobile .nf-mt-static-pack::before { top: 0; }.nf-today-mobile .nf-mt-static-pack::after { bottom: 0; }
  .nf-today-mobile .nf-mt-static-brand { font: 400 13px/1.4 Georgia,serif; color: #efe2c8; letter-spacing: .5px; }
  .nf-today-mobile .nf-mt-static-pack-art { display: block; width: 78px; height: 78px; margin: 12px 0 8px; }
  .nf-today-mobile .nf-mt-static-pack-art img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: screen; }
  .nf-today-mobile .nf-mt-static-category { font-size: 7px; line-height: 1.5; letter-spacing: 1.2px; color: #f5e1bf; }
  .nf-today-mobile .nf-mt-static-pack-title { margin-top: 12px; font: 400 11px/1.45 Georgia, serif; color: #eed8b6; text-align: center; }
  .nf-today-mobile .nf-mt-static-paper { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 163px; min-height: 238px; border: 1px solid #c4b195; border-radius: 8px; padding: 17px 15px; background: linear-gradient(135deg,#fffdf5,#efe4d2); color: #29495e; box-shadow: 0 4px 0 #d7c8ad, 10px 17px 20px -12px #15374a80; }
  .nf-today-mobile .nf-mt-static-paper .nf-mt-static-brand { color: #a2754e; font-size: 8px; }
  .nf-today-mobile .nf-mt-static-paper-label { margin-top: 15px; color: #9c7956; font-size: 6px; letter-spacing: .8px; }
  .nf-today-mobile .nf-mt-static-paper strong { margin-top: 6px; font: 400 22px/1.05 Georgia, serif; }
  .nf-today-mobile .nf-mt-static-paper img { width: 115px; height: 95px; object-fit: contain; align-self: center; margin: 8px 0; }
  .nf-today-mobile .nf-mt-static-paper > span:last-child { color: #61717b; font-size: 9px; line-height: 1.5; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-scroll-space { height: auto; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-viewport { position: relative; top: auto; height: auto; overflow: visible; min-height: 0; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-canvas { display: none; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-phase { position: relative; inset: auto; min-height: 400px; height: auto; padding: 25px 0 34px; opacity: 1!important; visibility: visible!important; transform: none!important; pointer-events: auto; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-phase + .nf-mt-phase { border-top: 1px solid #8094a52b; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-visual { display: flex; position: relative; align-items: flex-end; justify-content: center; height: 270px; margin: 12px 0 0; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-trio .nf-mt-static-pack { position: absolute; bottom: 7px; left: calc(50% - 80px); }
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-trio .nf-mt-fallback-front { z-index: 3; transform: translateX(-35px) rotate(-5deg); }
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-trio .nf-mt-fallback-right { z-index: 2; transform: translate(52px,-26px) scale(.87) rotate(10deg); }
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-trio .nf-mt-fallback-back { z-index: 1; transform: translate(-13px,-49px) scale(.78) rotate(-14deg); }
  .nf-today-mobile.nf-mt-reduced .nf-mt-scroll-hint { position: relative; bottom: auto; margin-top: 14px; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-reveal .nf-mt-static-paper { transform: rotate(-7deg); }
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-guide { height: 250px; gap: 20px; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-guide .nf-mt-static-pack { width: 118px; height: 212px; transform: rotate(-6deg); }
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-guide .nf-mt-static-paper { width: 145px; min-height: 212px; transform: rotate(7deg); }
  .nf-today-mobile.nf-mt-reduced .nf-mt-guide-panel { position: relative; inset: auto; margin-top: 25px; padding-top: 18px; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-guide-steps li { padding-block: 9px; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-guide-steps p { font-size: 14px; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-guide-gallery img { height: 68px; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-cover-visual { height: 325px; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-cover { width: 200px; min-height: 290px; padding: 21px; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-cover strong { font-size: 28px; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-static-cover img { width: 140px; height: 122px; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-final { min-height: 0; }
  .nf-today-mobile.nf-mt-reduced .nf-mt-final-reader { height: auto; overflow: visible; padding-top: 0; }
  .nf-today-mobile.nf-mt-reading-final .nf-mt-viewport { height: auto; min-height: var(--mt-view-height); overflow: visible; }
  .nf-today-mobile.nf-mt-reading-final .nf-mt-final { position: relative; inset: auto; }
  .nf-today-mobile.nf-mt-reading-final .nf-mt-final-reader { height: auto; overflow: visible; }
}
@media (max-width: 360px) {
  /* Narrow animated screens keep the physical pair visible. The full step
     descriptions remain in the normal-flow accessibility/fallback version. */
  .nf-today-mobile:not(.nf-mt-reduced) .nf-mt-guide-panel { padding-top: 10px; }
  .nf-today-mobile:not(.nf-mt-reduced) .nf-mt-guide-steps li { padding-block: 4px; }
  .nf-today-mobile:not(.nf-mt-reduced) .nf-mt-guide-steps p { display: none; }
  .nf-today-mobile:not(.nf-mt-reduced) .nf-mt-guide-gallery img { height: 44px; }
  .nf-today-mobile:not(.nf-mt-reduced) .nf-mt-guide-gallery figcaption { display: none; }
  .nf-today-mobile:not(.nf-mt-reduced) .nf-mt-try { margin-top: 8px; }
  .nf-today-mobile .nf-mt-copy :is(h1,h2) { font-size: 35px; }
  .nf-today-mobile .nf-mt-support { font-size: 13px; }
  .nf-today-mobile .nf-mt-guide-panel { padding-inline: 11px; }
  .nf-today-mobile .nf-mt-guide-steps h3 { font-size: 13px; }
  .nf-today-mobile .nf-mt-guide-gallery { gap: 5px; }
  .nf-today-mobile .nf-mt-guide-gallery figcaption { font-size: 8px; }
  .nf-today-mobile .nf-mt-project { padding-right: 82px; }
  .nf-today-mobile .nf-mt-project h2 { font-size: 22px; }
  .nf-today-mobile .nf-mt-floating-illustration { width: 118px; height: 118px; top: -54px; }
  .nf-today-mobile .nf-mt-stage-rail { padding: 4px; }
  .nf-today-mobile .nf-mt-stage-rail li strong { font-size: 8px; }
  .nf-today-mobile .nf-mt-observations { padding-inline: 10px; }
  .nf-today-mobile .nf-mt-final-actions { gap: 8px; }
  .nf-today-mobile .nf-mt-final-actions :is(a,button) { font-size: 12px; padding-inline: 9px; }
}
@media (min-width: 500px) and (max-width: 760px) {
  .nf-today-mobile .nf-mt-copy { padding-left: 12px; }
  .nf-today-mobile .nf-mt-guide-panel { left: 12px; right: 12px; }
  .nf-today-mobile .nf-mt-guide-gallery img { height: 66px; }
  .nf-today-mobile .nf-mt-guide-steps p { font-size: 14px; }
  .nf-today-mobile .nf-mt-guide-steps h3 { font-size: 16px; }
  .nf-today-mobile .nf-mt-final-reader { padding-inline: 12px; }
  .nf-today-mobile .nf-mt-project h2 { font-size: 29px; }
  .nf-today-mobile .nf-mt-stage-rail li strong { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .nf-today-mobile *, .nf-today-mobile *::before, .nf-today-mobile *::after { animation: none!important; transition: none!important; scroll-behavior: auto!important; }
}