body.nfs-account-page { margin: 0; background: #f7f7ef; }
.nfs-account {
  --forest: #153f32; --green: #24664d; --ivory: #f7f7ef; --paper: #fffefa;
  --ink: #203d32; --muted: #5e7065; --mint: #e5efdf; --line: #dae2d6;
  --sand: #f3eddd; --sage: #b6d1ab; --ochre: #ddc184; --radius: 20px;
  --shadow: 0 12px 35px rgba(26,58,40,.055); --font: Inter, "Segoe UI", Arial, sans-serif;
  box-sizing: border-box; width: min(1440px, 100%); min-height: 100vh;
  margin: auto; padding: 0 48px 64px; color: var(--ink);
  font-family: var(--font); font-size: 15px; line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
.nfs-account *, .nfs-account *::before, .nfs-account *::after { box-sizing: border-box; }
.nfs-account [hidden] { display: none !important; }
.nfs-account h1, .nfs-account h2, .nfs-account h3, .nfs-account h4, .nfs-account p { margin: 0; }
.nfs-account h1, .nfs-account h2, .nfs-account h3 { color: var(--forest); line-height: 1.2; }
.nfs-account h1 { font-size: 29px; letter-spacing: -.04em; font-weight: 650; overflow-wrap: anywhere; }
.nfs-account h2 { font-size: 26px; letter-spacing: -.035em; font-weight: 650; overflow-wrap: anywhere; }
.nfs-account h3 { font-size: 20px; letter-spacing: -.015em; font-weight: 650; overflow-wrap: anywhere; }
.nfs-account h4 { font-size: 16px; font-weight: 650; overflow-wrap: anywhere; }
.nfs-account a { color: var(--green); text-underline-offset: 3px; }
.nfs-account button, .nfs-account input, .nfs-account select { font: inherit; }
.nfs-account button { cursor: pointer; }
.nfs-account button:disabled { cursor: not-allowed; opacity: .7; }
.nfs-account button[aria-disabled="true"] { cursor: wait; opacity: .7; }
.nfs-account :focus-visible { outline: 3px solid #91712c; outline-offset: 3px; }
.nfs-account .nfs-icon { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.nfs-account .nfs-icon-definitions { position: absolute; width: 0; height: 0; overflow: hidden; }
.nfs-account .nfs-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; border: 0; }
.nfs-account .nfs-skip-link { position: absolute; left: 12px; top: -80px; z-index: 100; padding: 12px 16px; border-radius: 8px; background: var(--forest); color: var(--paper); }
.nfs-account .nfs-skip-link:focus { top: 12px; }
.nfs-account .nfs-breadcrumb { display: flex; gap: 9px; align-items: center; font-size: 11px; color: var(--muted); padding: 23px 0 17px; }
.nfs-account .nfs-breadcrumb .nfs-icon { width: 13px; height: 13px; }
.nfs-account .nfs-breadcrumb a { color: var(--muted); text-decoration: none; }
.nfs-account .nfs-breadcrumb a:hover { text-decoration: underline; }
.nfs-account .nfs-profile { display: grid; grid-template-columns: minmax(0,1fr) minmax(270px,365px); align-items: center; gap: 22px; padding: 22px 25px; margin-bottom: 19px; background: var(--paper); border: 1px solid #bfd0b2; border-radius: 16px; box-shadow: 0 5px 18px #153f3205; }
.nfs-account .nfs-profile-identity { display: flex; align-items: center; gap: 20px; min-width: 0; }
.nfs-account .nfs-avatar { position: relative; display: grid; place-items: center; width: 76px; height: 76px; flex-shrink: 0; border-radius: 50%; background: #e4eed9; border: 1px solid #adc698; color: var(--forest); box-shadow: inset 0 0 0 5px #f4f7eb; font-size: 24px; font-weight: 650; letter-spacing: -.04em; }
.nfs-account .nfs-avatar::before { content: ""; position: absolute; inset: 10px; border: 1px solid #a9c48b70; border-radius: 50%; pointer-events: none; }
.nfs-account .nfs-avatar .nfs-avatar-mark { position: absolute; right: -2px; bottom: 0; width: 25px; height: 25px; border: 3px solid var(--paper); border-radius: 50%; display: grid; place-items: center; background: var(--forest); color: var(--paper); }
.nfs-account .nfs-avatar-mark .nfs-icon { width: 13px; height: 13px; }
.nfs-account .nfs-avatar .nfs-icon { width: 30px; height: 30px; display: block; }
.nfs-account .nfs-profile-copy { min-width: 0; }
.nfs-account .nfs-eyebrow { display: block; margin-bottom: 6px; color: var(--green); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.nfs-account .nfs-profile-detail { display: flex; gap: 7px; align-items: center; margin-top: 8px; font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.nfs-account .nfs-profile-detail .nfs-icon { width: 15px; height: 15px; }
.nfs-account .nfs-profile-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; flex-shrink: 0; }
.nfs-account .nfs-profile-tools { display: flex; flex-direction: column; align-items: stretch; gap: 13px; min-width: 0; }
.nfs-account .nfs-account-search { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 7px 10px; border: 1px solid #c2d2b7; border-radius: 9px; background: #f4f7ed; }
.nfs-account .nfs-account-search input { flex: 1; min-width: 0; width: 0; min-height: 34px; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 12px; color: #29482a; }
.nfs-account .nfs-account-search button { padding: 5px 8px; min-height: 34px; border: 1px solid #c5d5b9; border-radius: 5px; background: var(--paper); color: var(--forest); font-size: 11px; }
.nfs-account .nfs-search-results { padding: 12px; border: 1px solid var(--line); border-radius: 9px; font-size: 12px; background: var(--paper); }
.nfs-account .nfs-search-results .nfs-action-row { margin-top: 8px; }
.nfs-account .nfs-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 0; min-height: 44px; padding: 11px 18px; border: 1px solid var(--forest); border-radius: 9px; background: var(--forest); color: var(--paper); font-size: 12px; font-weight: 650; line-height: 1.4; text-decoration: none; overflow-wrap: anywhere; transition: background .15s; }
.nfs-account .nfs-button:hover { background: #245b44; }
.nfs-account .nfs-button-secondary { background: var(--paper); border-color: #bfd0b2; color: var(--forest); }
.nfs-account .nfs-button-secondary:hover { background: var(--mint); }
.nfs-account .nfs-button-small { min-height: 44px; padding: 8px 12px; }
.nfs-account .nfs-text-button { display: inline-flex; align-items: center; gap: 7px; min-width: 0; min-height: 44px; border: 0; background: transparent; color: var(--green); padding: 7px 0; font-size: 12px; font-weight: 650; text-decoration: none; overflow-wrap: anywhere; }
.nfs-account .nfs-text-button:hover { text-decoration: underline; }
.nfs-account .nfs-text-button .nfs-icon { width: 16px; height: 16px; }
.nfs-account .nfs-tab-shell { position: sticky; top: 0; z-index: 10; background: var(--ivory); padding: 0 0 9px; margin-bottom: 20px; }
.nfs-account .nfs-tabs { display: flex; align-items: stretch; gap: 4px; background: #edf0e6; border: 1px solid var(--line); border-radius: 13px; padding: 5px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #bdcdb7 transparent; }
.nfs-account .nfs-tab { display: flex; flex: 1; align-items: center; justify-content: center; gap: 7px; border-radius: 9px; padding: 13px 16px; min-height: 44px; white-space: nowrap; font-size: 12px; font-weight: 600; color: var(--muted); text-decoration: none; }
.nfs-account .nfs-tab:hover { background: #e2e8da; color: var(--forest); }
.nfs-account .nfs-tab[aria-selected="true"] { background: var(--forest); color: var(--paper); box-shadow: 0 3px 8px #153f321a; }
.nfs-account .nfs-tab:focus-visible { outline-offset: -3px; }
.nfs-account .nfs-tab .nfs-icon { width: 16px; height: 16px; }
.nfs-account .nfs-panel { min-height: 600px; padding: 3px 0 38px; }
.nfs-account .nfs-panel:focus { outline: none; }
.nfs-account .nfs-notice-region:empty { display: none; }
.nfs-account .nfs-banner { display: flex; align-items: flex-start; gap: 12px; padding: 15px 18px; background: #edf2e7; border: 1px solid #c8d5bc; border-radius: 10px; margin-bottom: 18px; }
.nfs-account .nfs-banner > .nfs-icon { margin-top: 3px; }
.nfs-account .nfs-banner-copy { flex: 1; min-width: 0; }
.nfs-account .nfs-banner strong { display: block; font-size: 13px; line-height: 1.5; }
.nfs-account .nfs-banner p { font-size: 12px; margin-top: 3px; color: var(--muted); }
.nfs-account .nfs-banner-warning { background: #f7f0df; border-color: #d9c697; }
.nfs-account .nfs-banner-error { background: #fcf0eb; border-color: #dcc3b8; color: #743b2b; }
.nfs-account .nfs-banner-error p { color: #743b2b; }
.nfs-account .nfs-banner .nfs-button { flex-shrink: 0; }
.nfs-account .nfs-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 20px; align-items: center; background: #e8efdf; border: 1px solid #dae5ce; border-radius: var(--radius); padding: 32px 36px; overflow: hidden; margin-bottom: 20px; }
.nfs-account .nfs-hero::before { content: ""; position: absolute; width: 420px; height: 420px; border: 1px solid #c5d7b4; border-radius: 50%; right: 30px; top: -100px; z-index: -1; }
.nfs-account .nfs-hero::after { content: ""; position: absolute; width: 340px; height: 340px; border: 1px solid #c5d7b4; border-radius: 50%; right: 69px; top: -60px; z-index: -1; }
.nfs-account .nfs-hero h2 { max-width: 640px; font-size: 31px; }
.nfs-account .nfs-hero p { margin-top: 12px; max-width: 590px; color: var(--muted); font-size: 13px; }
.nfs-account .nfs-hero-art { width: 100%; max-width: 390px; height: auto; aspect-ratio: 2; object-fit: contain; margin: auto; }
.nfs-account .nfs-action-row { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; margin-top: 19px; }
.nfs-account .nfs-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--paper); border: 1px solid var(--line); border-radius: 13px; padding: 19px 0; margin-bottom: 27px; }
.nfs-account .nfs-stat { display: flex; align-items: center; gap: 13px; min-width: 0; padding: 0 20px; border: 0; border-right: 1px solid var(--line); color: var(--ink); background: transparent; text-align: left; }
.nfs-account .nfs-stat:last-child { border-right: 0; }
.nfs-account .nfs-stat-icon, .nfs-account .nfs-tile { display: grid; place-items: center; flex-shrink: 0; width: 41px; height: 41px; border-radius: 10px; background: var(--mint); color: var(--green); border: 1px solid #d1dfc5; }
.nfs-account .nfs-stat-copy { min-width: 0; }
.nfs-account .nfs-stat-value { display: block; font-size: 19px; font-weight: 700; line-height: 1.2; overflow-wrap: anywhere; }
.nfs-account .nfs-stat-label { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; }
.nfs-account .nfs-stat:hover .nfs-stat-label { text-decoration: underline; }
.nfs-account .nfs-two-column { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.nfs-account .nfs-card { min-width: 0; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow); }
.nfs-account .nfs-card p { color: var(--muted); font-size: 13px; margin-top: 10px; }
.nfs-account .nfs-section-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.nfs-account .nfs-section-heading h2 { font-size: 21px; }
.nfs-account .nfs-section-heading h3 { font-size: 17px; }
.nfs-account .nfs-shortcut { display: flex; align-items: center; gap: 13px; padding: 16px 0; border-top: 1px solid var(--line); }
.nfs-account .nfs-shortcut:first-child { border-top: 0; padding-top: 0; }
.nfs-account .nfs-shortcut:last-child { padding-bottom: 0; }
.nfs-account .nfs-shortcut-copy { flex: 1; min-width: 0; }
.nfs-account .nfs-shortcut h3 { font-size: 13px; line-height: 1.5; }
.nfs-account .nfs-shortcut p { font-size: 11px; margin-top: 2px; }
.nfs-account .nfs-shortcut .nfs-text-button { padding: 9px; }
.nfs-account .nfs-empty { display: flex; align-items: center; gap: 17px; padding: 20px; border: 1px dashed #c7d5bd; border-radius: 12px; background: #f9faf2; }
.nfs-account .nfs-empty > .nfs-tile { width: 48px; height: 48px; }
.nfs-account .nfs-empty h3 { font-size: 16px; }
.nfs-account .nfs-empty p { margin-top: 7px; font-size: 12px; color: var(--muted); }
.nfs-account .nfs-empty .nfs-action-row { margin-top: 13px; }
.nfs-account .nfs-state-card { max-width: 840px; margin: 0 auto; }
.nfs-account .nfs-state-card .nfs-empty { padding: 23px; }
.nfs-account .nfs-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 20px; }
.nfs-account .nfs-feature-card { padding: 22px; }
.nfs-account .nfs-feature-card h3 { margin-top: 15px; }
.nfs-account .nfs-badge { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border-radius: 5px; background: var(--mint); color: var(--forest); font-size: 10px; font-weight: 700; line-height: 1.4; }
.nfs-account .nfs-badge-neutral { background: #eef0e8; color: var(--muted); }
.nfs-account .nfs-toolbar { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; }
.nfs-account .nfs-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.nfs-account .nfs-field-search { flex: 1; min-width: 200px; }
.nfs-account .nfs-field label { color: var(--ink); font-size: 11px; font-weight: 700; }
.nfs-account input[type="search"], .nfs-account select { width: 100%; min-height: 42px; border: 1px solid #bbcbb3; border-radius: 8px; background: var(--paper); color: var(--ink); padding: 10px 12px; font-size: 12px; }
.nfs-account .nfs-result-count { margin: 0 0 13px; color: var(--muted); font-size: 12px; }
.nfs-account .nfs-order-grid, .nfs-account .nfs-resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.nfs-account .nfs-order-grid > .nfs-empty, .nfs-account .nfs-resource-grid > .nfs-empty { grid-column: 1 / -1; }
.nfs-account .nfs-order { display: flex; flex-direction: column; padding: 20px; }
.nfs-account .nfs-order-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.nfs-account .nfs-order-top h3 { font-size: 17px; overflow-wrap: anywhere; }
.nfs-account .nfs-order-top p { font-size: 11px; margin-top: 6px; }
.nfs-account .nfs-order-art { width: 50px; height: 48px; flex-shrink: 0; }
.nfs-account .nfs-order-details { display: grid; gap: 9px; padding: 16px 0; }
.nfs-account .nfs-data-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 7px; font-size: 12px; }
.nfs-account .nfs-data-row > span:first-child { color: var(--muted); }
.nfs-account .nfs-order-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); }
.nfs-account .nfs-order-total { font-size: 18px; font-weight: 700; overflow-wrap: anywhere; }
.nfs-account .nfs-resource { display: flex; flex-direction: column; padding: 20px; }
.nfs-account .nfs-resource-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.nfs-account .nfs-resource h3 { font-size: 17px; overflow-wrap: anywhere; }
.nfs-account .nfs-resource p { margin-bottom: 19px; font-size: 12px; }
.nfs-account .nfs-resource .nfs-action-row { margin-top: auto; gap: 10px; }
.nfs-account .nfs-save[aria-pressed="true"] { background: var(--mint); }
.nfs-account .nfs-page-actions { display: flex; justify-content: center; margin-top: 23px; }
.nfs-account .nfs-settings-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 20px; }
.nfs-account .nfs-profile-data { margin: 19px 0 0; }
.nfs-account .nfs-profile-data > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; padding: 13px 0; border-top: 1px solid var(--line); }
.nfs-account .nfs-profile-data dt { font-size: 12px; color: var(--muted); }
.nfs-account .nfs-profile-data dd { margin: 0; font-size: 12px; overflow-wrap: anywhere; }
.nfs-account .nfs-settings-grid .nfs-tile + h3, .nfs-account .nfs-note-heading { margin-top: 16px; }
.nfs-account .nfs-faq { padding: 16px 0; border-top: 1px solid var(--line); }
.nfs-account .nfs-faq:first-of-type { border-top: 0; }
.nfs-account .nfs-faq summary { cursor: pointer; color: var(--forest); font-size: 13px; font-weight: 700; }
.nfs-account .nfs-faq p { margin-top: 10px; }
.nfs-account .nfs-note { margin-top: 18px; font-size: 11px; color: var(--muted); }
.nfs-account .nfs-owned-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 20px; }
.nfs-account .nfs-owned-record { display: flex; flex-direction: column; }
.nfs-account .nfs-owned-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.nfs-account .nfs-owned-record h3, .nfs-account .nfs-owned-heading .nfs-badge { overflow-wrap: anywhere; }
.nfs-account .nfs-owned-record .nfs-action-row { margin-top: auto; padding-top: 18px; }
.nfs-account .nfs-resource-list { grid-template-columns: minmax(0, 1fr); }
.nfs-account .nfs-resource-list .nfs-resource { display: grid; grid-template-columns: 130px minmax(0, 1fr) auto; column-gap: 18px; align-items: center; }
.nfs-account .nfs-resource-list .nfs-resource-top { grid-row: 1 / 3; margin: 0; flex-wrap: wrap; }
.nfs-account .nfs-resource-list .nfs-resource h3, .nfs-account .nfs-resource-list .nfs-resource p { grid-column: 2; }
.nfs-account .nfs-resource-list .nfs-resource p { margin-bottom: 0; }
.nfs-account .nfs-resource-list .nfs-action-row { grid-column: 3; grid-row: 1 / 3; margin: 0; }
.nfs-account .nfs-motion-card { margin-top: 20px; }
.nfs-account .nfs-motion-card h2 { font-size: 21px; margin-bottom: 16px; }
.nfs-account .nfs-motion-card .nfs-field { max-width: 350px; }
.nfs-account[data-motion="reduce"] *, .nfs-account[data-motion="reduce"] *::before, .nfs-account[data-motion="reduce"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
.nfs-account .nfs-badge-warning { background: var(--sand); color: #614d21; }
.nfs-account .nfs-loading { display: flex; justify-content: center; align-items: center; gap: 11px; min-height: 180px; color: var(--muted); font-size: 13px; }
.nfs-account .nfs-loader { width: 20px; height: 20px; border: 2px solid #c8d5bf; border-top-color: var(--forest); border-radius: 50%; animation: nfs-turn .8s linear infinite; }
.nfs-account .nfs-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 30; display: flex; align-items: center; gap: 8px; max-width: calc(100% - 32px); border-radius: 9px; padding: 12px 18px; background: var(--forest); color: var(--paper); box-shadow: 0 6px 25px #153f322b; font-size: 13px; }
.nfs-account .nfs-noscript { margin-top: 20px; }
@keyframes nfs-turn { to { transform: rotate(360deg); } }
@keyframes snapshot-ring-in { from { stroke-dasharray: 0 251.3274; } }
@keyframes overview-stat-appear { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
/* Snapshot layout and original artwork styling from the approved HTML reference. */
.nfs-snapshot-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.nfs-snapshot-heading .nfs-eyebrow{font-size:10px;margin-bottom:5px}
.nfs-snapshot-heading h2{font-size:24px;letter-spacing:-.035em}
.nfs-snapshot-tools{display:flex;align-items:center;gap:9px}
.nfs-snapshot-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:12px;font-weight:550;transition:background .2s}
.nfs-snapshot-shortcut:hover{background:var(--mint)}
.nfs-snapshot-shortcut .nfs-icon{width:16px;height:16px}
.nfs-snapshot-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.nfs-snapshot-stat{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;padding:15px 16px 14px;background:var(--paper);border:1px solid #cfdac7;border-radius:13px;box-shadow:0 3px 10px #153f3203;transition:transform .2s,box-shadow .2s,border-color .2s}
.nfs-snapshot-stat:hover{transform:translateY(-3px);border-color:#9fbc92;box-shadow:0 7px 18px #153f320b}
.nfs-snapshot-stat-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;line-height:1.3}
.nfs-snapshot-stat-icon{width:29px;height:29px;border-radius:8px;background:#edf2e5;color:var(--green);display:grid;place-items:center;flex-shrink:0}
.nfs-snapshot-stat-icon .nfs-icon{width:16px;height:16px}
.nfs-snapshot-stat.gold .nfs-snapshot-stat-icon{background:var(--sand);color:#785e2e}
.nfs-snapshot-stat strong{display:block;font-size:33px;line-height:1.1;font-weight:650;letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:7px 0 8px}
.nfs-snapshot-stat-note{display:flex;gap:5px;align-items:start;font-size:10px;color:var(--muted);line-height:1.4;min-height:14px}
.nfs-snapshot-stat-note i{width:4px;height:4px;margin-top:5px;border-radius:50%;background:var(--green);flex-shrink:0}
.nfs-snapshot-stat.gold .nfs-snapshot-stat-note i{background:#a07835}
.nfs-snapshot-stat-arrow{position:absolute;right:15px;bottom:34px;opacity:0;transform:translateX(-3px);transition:opacity .2s,transform .2s;color:var(--green)}
.nfs-snapshot-stat-arrow .nfs-icon{width:16px;height:16px}
.nfs-snapshot-stat:hover .nfs-snapshot-stat-arrow,.nfs-snapshot-stat:focus-visible .nfs-snapshot-stat-arrow{opacity:1;transform:none}
.nfs-snapshot-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:16px;margin-top:17px}
.nfs-snapshot-course{border-radius:14px;border:1px solid var(--forest);background:var(--forest);color:var(--paper);padding:19px 22px 18px;overflow:hidden;position:relative;isolation:isolate;display:flex;flex-direction:column}
.nfs-snapshot-course:before{content:"";position:absolute;right:-65px;bottom:-145px;width:330px;height:330px;border:1px solid #dce9c814;border-radius:50%;z-index:-1}
.nfs-snapshot-course-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.nfs-snapshot-course-heading>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.015em;color:#d5e7c8}
.nfs-snapshot-course-heading>span .nfs-icon{width:13px;height:13px}
.nfs-snapshot-outline{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:4px 0;color:#d5e7c8;font-size:10px}
.nfs-snapshot-outline:hover{text-decoration:underline}
.nfs-snapshot-outline .nfs-icon{width:13px;height:13px}
.nfs-snapshot-course-body{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 18px}
.nfs-snapshot-course-info{min-width:0}
.nfs-snapshot-course-subject{font-size:10px;color:#b9d0b5;margin-bottom:7px}
.nfs-snapshot-course-info h3{font-size:21px;line-height:1.2;max-width:330px;color:var(--paper);letter-spacing:-.03em}
.nfs-snapshot-course-info p{font-size:12px;color:#d3e3cc;margin-top:11px;line-height:1.35}
.nfs-snapshot-course-info p span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;display:block;color:#a9c4a1;margin-bottom:4px}
.nfs-snapshot-ring{position:relative;width:94px;height:94px;flex-shrink:0;display:grid;place-items:center}
.nfs-snapshot-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:5}
.nfs-snapshot-ring .ring-track{stroke:#ffffff16}
.nfs-snapshot-ring .ring-value{stroke:#c9ddb2;stroke-linecap:round;animation:snapshot-ring-in .8s ease-out}
.nfs-snapshot-ring>div{display:flex;align-items:center;flex-direction:column}
.nfs-snapshot-ring b{font-size:28px;font-weight:650;letter-spacing:-.05em;line-height:1.1;font-variant-numeric:tabular-nums}
.nfs-snapshot-ring b small{font-size:13px;letter-spacing:0;margin-left:2px;color:#d3e3cc}
.nfs-snapshot-ring>div>span{font-size:9px;color:#b9d0b5;margin-top:4px}
.nfs-snapshot-course-footer{display:flex;justify-content:space-between;align-items:center;gap:13px;padding-top:14px;border-top:1px solid #ffffff18;margin-top:auto}
.nfs-snapshot-course-footer>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#c6dabe;line-height:1.4}
.nfs-snapshot-course-footer>span .nfs-icon{width:14px;height:14px;flex-shrink:0}
.nfs-snapshot-course-footer .nfs-button{background:var(--paper);border-color:var(--paper);color:var(--forest);padding:8px 13px;flex-shrink:0;font-size:12px}
.nfs-snapshot-course-footer .nfs-button:hover{background:#e5efdf}
.nfs-snapshot-activity{background:var(--paper);border:1px solid #cfdac7;border-radius:14px;padding:19px 22px 17px;display:flex;flex-direction:column;min-width:0}
.nfs-snapshot-activity-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.nfs-snapshot-activity-heading h3{font-size:16px;letter-spacing:-.025em}
.nfs-snapshot-activity-heading>span{font-size:9px;color:var(--muted);white-space:nowrap}
.nfs-snapshot-activity-rows{flex:1}
.nfs-snapshot-activity-row{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid #e4eadd;background:transparent;padding:12px 0;text-align:left}
.nfs-snapshot-activity-row:last-child{border:0}
.nfs-snapshot-activity-row:hover .nfs-snapshot-activity-info b{text-decoration:underline;text-underline-offset:3px}
.nfs-snapshot-activity-icon{width:31px;height:31px;border-radius:8px;background:#edf2e5;display:grid;place-items:center;flex-shrink:0;color:var(--green)}
.nfs-snapshot-activity-icon .nfs-icon{width:17px;height:17px}
.nfs-snapshot-activity-icon.gold{background:var(--sand);color:#785e2e}
.nfs-snapshot-activity-icon.blue{background:#e8edef;color:#385c63}
.nfs-snapshot-activity-info{flex:1;min-width:0}
.nfs-snapshot-activity-info b{font-size:12px;font-weight:600;display:block;line-height:1.4}
.nfs-snapshot-activity-info small{font-size:10px;color:var(--muted);display:block;line-height:1.45;margin-top:2px}
.nfs-snapshot-activity-date{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);white-space:nowrap;flex-shrink:0}
.nfs-snapshot-activity-date .nfs-icon{width:12px;height:12px}
.nfs-snapshot-activity-footer{border-top:1px solid var(--line);padding-top:12px;margin-top:4px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.nfs-snapshot-activity-footer>span{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}
.nfs-snapshot-activity-footer>span .nfs-icon{width:12px;height:12px;color:var(--green)}
.nfs-snapshot-activity-footer .nfs-text-button{font-size:11px}
.nfs-snapshot-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;color:var(--muted);font-size:10px}
.nfs-snapshot-bottom>span{display:flex;align-items:center;gap:6px}
.nfs-snapshot-bottom .nfs-icon{width:12px;height:12px}
.nfs-snapshot-stat-note,.nfs-snapshot-activity-info b,.nfs-snapshot-activity-info small,.nfs-snapshot-course-info h3{overflow-wrap:anywhere}
@media(max-width:1200px){.nfs-snapshot-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.nfs-snapshot-stat{padding:14px 16px}}
@media(max-width:1200px){.nfs-snapshot-stat-top{font-size:12px}}
@media(max-width:1200px){.nfs-snapshot-stat strong{font-size:30px;margin-top:5px}}
@media(max-width:1200px){.nfs-snapshot-stat-note{font-size:11px}}
@media(max-width:1200px){.nfs-snapshot-stat-icon{width:27px;height:27px}}
@media(max-width:1200px){.nfs-snapshot-stat-arrow{bottom:30px}}
@media(max-width:1200px){.nfs-snapshot-course-info h3{font-size:19px}}
@media(max-width:1200px){.nfs-snapshot-course,.nfs-snapshot-activity{padding-inline:19px}}
@media(max-width:760px){.nfs-snapshot-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.nfs-snapshot-heading h2{font-size:22px}}
@media(max-width:760px){.nfs-snapshot-heading{gap:10px}}
@media(max-width:760px){.nfs-snapshot-shortcut{font-size:11px;padding:8px 9px}}
@media(max-width:760px){.nfs-snapshot-course-body{margin-block:16px}}
@media(max-width:760px){.nfs-snapshot-course-info h3{font-size:21px;max-width:400px}}
@media(max-width:760px){.nfs-snapshot-ring{width:90px;height:90px}}
@media(max-width:760px){.nfs-snapshot-stats{gap:10px}}
@media(max-width:760px){.nfs-snapshot-stat{padding:13px 14px}}
@media(max-width:760px){.nfs-snapshot-activity-info b{font-size:13px}}
@media(max-width:760px){.nfs-snapshot-activity-info small{font-size:11px}}
@media(max-width:760px){.nfs-snapshot-activity-date{font-size:11px}}
@media(max-width:760px){.nfs-snapshot-activity-heading h3{font-size:17px}}
@media(max-width:760px){.nfs-snapshot-course-footer>span{font-size:11px}}
@media(max-width:760px){.nfs-snapshot-course-subject{font-size:11px}}
@media(max-width:760px){.nfs-snapshot-course-info p{font-size:13px}}
@media(max-width:520px){.nfs-snapshot-heading{align-items:start;margin-bottom:15px}}
@media(max-width:520px){.nfs-snapshot-heading h2{font-size:22px;line-height:1.25;overflow-wrap:anywhere}}
@media(max-width:520px){.nfs-snapshot-heading .nfs-eyebrow{font-size:9px}}
@media(max-width:520px){.nfs-snapshot-tools{gap:6px;padding-top:3px}}
@media(max-width:520px){.nfs-snapshot-shortcut{width:35px;height:35px;padding:0;border-radius:9px}}
@media(max-width:520px){.nfs-snapshot-shortcut .nfs-icon{width:17px;height:17px}}
@media(max-width:520px){.nfs-snapshot-shortcut span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@media(max-width:520px){.nfs-snapshot-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:520px){.nfs-snapshot-stat{padding:13px 14px 12px;border-radius:12px}}
@media(max-width:520px){.nfs-snapshot-stat-top{font-size:12px;gap:7px}}
@media(max-width:520px){.nfs-snapshot-stat-icon{width:25px;height:25px;border-radius:7px}}
@media(max-width:520px){.nfs-snapshot-stat-icon .nfs-icon{width:14px;height:14px}}
@media(max-width:520px){.nfs-snapshot-stat strong{font-size:29px;margin-block:5px 7px}}
@media(max-width:520px){.nfs-snapshot-stat-note{font-size:10px;min-height:28px}}
@media(max-width:520px){.nfs-snapshot-stat-note i{margin-top:5px}}
@media(max-width:520px){.nfs-snapshot-grid{gap:13px;margin-top:14px}}
@media(max-width:520px){.nfs-snapshot-course,.nfs-snapshot-activity{padding:18px;border-radius:13px}}
@media(max-width:520px){.nfs-snapshot-course-heading>span{font-size:11px}}
@media(max-width:520px){.nfs-snapshot-outline{font-size:10px}}
@media(max-width:520px){.nfs-snapshot-course-body{gap:12px;margin:17px 0}}
@media(max-width:520px){.nfs-snapshot-course-info h3{font-size:20px}}
@media(max-width:520px){.nfs-snapshot-course-info p{font-size:12px}}
@media(max-width:520px){.nfs-snapshot-ring{width:77px;height:77px}}
@media(max-width:520px){.nfs-snapshot-ring b{font-size:26px}}
@media(max-width:520px){.nfs-snapshot-ring>div>span{font-size:8px}}
@media(max-width:520px){.nfs-snapshot-course-subject{font-size:10px}}
@media(max-width:520px){.nfs-snapshot-course-footer>span{font-size:10px;max-width:180px}}
@media(max-width:520px){.nfs-snapshot-activity-heading h3{font-size:16px}}
@media(max-width:520px){.nfs-snapshot-activity-heading>span{font-size:9px}}
@media(max-width:520px){.nfs-snapshot-activity-row{gap:9px;padding-block:12px}}
@media(max-width:520px){.nfs-snapshot-activity-info b{font-size:12px}}
@media(max-width:520px){.nfs-snapshot-activity-info small{font-size:10px}}
@media(max-width:520px){.nfs-snapshot-activity-date{gap:5px;font-size:10px}}
@media(max-width:520px){.nfs-snapshot-activity-date .nfs-icon{width:10px}}
@media(max-width:520px){.nfs-snapshot-activity-footer>span{display:none}}
@media(max-width:520px){.nfs-snapshot-activity-footer{justify-content:end;padding-top:10px}}
@media(max-width:520px){.nfs-snapshot-bottom{font-size:9px;flex-wrap:wrap;gap:6px}}
@media(prefers-reduced-motion:reduce){.nfs-snapshot-ring .ring-value{animation:none}}
@media(prefers-reduced-motion:reduce){.nfs-snapshot-stat,.nfs-snapshot-stat-arrow,.nfs-snapshot-shortcut{transition:none}}
.nfs-account .nfs-overview .nfs-snapshot-heading{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 186px auto;align-items:center;gap:18px;min-width:0;min-height:112px;margin:0 0 17px;padding:15px 22px;overflow:hidden;border:1px solid #bdd0ad;border-radius:15px;background-color:#edf3e5;background-image:linear-gradient(90deg,#6d8f4d09 1px,transparent 1px),linear-gradient(#6d8f4d09 1px,transparent 1px),linear-gradient(112deg,#f3f7ec 8%,#e8f1dc 61%,#f8f8ef);background-size:22px 22px,22px 22px,100% 100%;box-shadow:0 3px 12px #153f3203}
.nfs-account .nfs-overview .nfs-snapshot-heading:before{content:"";position:absolute;right:177px;top:-155px;width:368px;height:368px;border:1px solid #9ab68130;border-radius:50%;box-shadow:0 0 0 28px #a8c3930e,0 0 0 29px #9ab6811c,0 0 0 58px #a8c39307,0 0 0 59px #9ab68114;z-index:-1;pointer-events:none}
.nfs-account .nfs-overview .nfs-snapshot-heading:after{content:"";position:absolute;left:-34px;bottom:-87px;width:211px;height:142px;border:1px solid #9ab6811c;border-radius:50%;transform:rotate(-22deg);z-index:-1;pointer-events:none}
.nfs-account .nfs-overview .nfs-snapshot-heading-copy{position:relative;min-width:0;z-index:1}
.nfs-account .nfs-overview .nfs-snapshot-heading .nfs-eyebrow{font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.12em;color:#496735;margin-bottom:6px}
.nfs-account .nfs-overview .nfs-snapshot-heading h2{font-size:25px;font-weight:650;line-height:1.2;letter-spacing:-.035em;color:#244d36;overflow-wrap:anywhere}
.nfs-account .nfs-overview .nfs-snapshot-heading-subtitle{font-size:12px;line-height:1.55;color:#4f6543;margin-top:7px;overflow-wrap:anywhere}
.nfs-account .nfs-overview .nfs-snapshot-heading-art{position:relative;z-index:1;width:186px;max-width:100%;justify-self:center;pointer-events:none}
.nfs-account .nfs-overview .nfs-snapshot-heading-art>svg{display:block;width:100%;height:auto;max-height:89px;overflow:visible}
.nfs-account .nfs-overview .nfs-snapshot-tools{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:0;min-width:0}
.nfs-account .nfs-overview .nfs-snapshot-shortcut{min-height:38px;padding:9px 11px;font-size:11px;font-weight:600;line-height:1.4;border:1px solid #b7caa6;border-radius:8px;background:#fffefabf;color:#456d37;box-shadow:0 2px 5px #153f3203;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.nfs-account .nfs-overview .nfs-snapshot-shortcut>.nfs-icon{width:16px;height:16px;color:#6b8a53}
.nfs-account .nfs-overview .nfs-snapshot-shortcut:hover{background:#fffefa;border-color:#8da976;box-shadow:0 4px 9px #153f3209;transform:translateY(-1px)}
.nfs-account .nfs-overview .nfs-snapshot-shortcut:active{transform:translateY(1px);box-shadow:none}
.nfs-account .nfs-overview .nfs-snapshot-stats{gap:12px}
.nfs-account .nfs-overview .nfs-snapshot-stat{isolation:isolate;overflow:hidden;padding:15px 16px 14px;border-color:#bdcfb0;border-radius:13px;background:#fffefa;box-shadow:0 3px 12px #153f3205;animation:overview-stat-appear .36s ease-out backwards;animation-delay:calc(var(--snapshot-index,0) * 35ms);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.nfs-account .nfs-overview .nfs-snapshot-stat:before{content:"";position:absolute;right:-30px;top:38px;width:99px;height:91px;border:1px solid #7299551f;border-radius:35px 13px 34px 14px;transform:rotate(-26deg);z-index:-1;pointer-events:none}
.nfs-account .nfs-overview .nfs-snapshot-stat:after{content:"";position:absolute;right:-15px;bottom:-31px;width:75px;height:93px;border:1px solid #72995517;border-radius:27px 12px 27px 12px;transform:rotate(-26deg);z-index:-1;pointer-events:none}
.nfs-account .nfs-overview .nfs-snapshot-stat:nth-child(1),.nfs-account .nfs-overview .nfs-snapshot-stat:nth-child(4){background:#edf4e5;border-color:#b5cba4}
.nfs-account .nfs-overview .nfs-snapshot-stat:nth-child(2),.nfs-account .nfs-overview .nfs-snapshot-stat:nth-child(5){background:#fffdf3;border-color:#d3d8bc}
.nfs-account .nfs-overview .nfs-snapshot-stat.gold{background:#f8f0dd;border-color:#d8c79a}
.nfs-account .nfs-overview .nfs-snapshot-stat.gold:before{border-color:#b5955121}
.nfs-account .nfs-overview .nfs-snapshot-stat.gold:after{border-color:#b5955119}
.nfs-account .nfs-overview .nfs-snapshot-stat:hover{transform:translateY(-2px);border-color:#8aaa78;box-shadow:0 7px 17px #153f320c}
.nfs-account .nfs-overview .nfs-snapshot-stat.gold:hover{border-color:#baa164;box-shadow:0 7px 17px #75602f0c}
.nfs-account .nfs-overview .nfs-snapshot-stat:active{transform:translateY(1px);box-shadow:0 2px 7px #153f3205}
.nfs-account .nfs-overview .nfs-snapshot-stat-top{align-items:center;gap:9px;min-width:0;font-size:12px;font-weight:650;line-height:1.35;color:#385f2e}
.nfs-account .nfs-overview .nfs-snapshot-stat-top>span:first-child{min-width:0;overflow-wrap:anywhere}
.nfs-account .nfs-overview .nfs-snapshot-stat-icon{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border:1px solid #c0d3b0;border-radius:9px;background:#e0ebd5;color:#416d33;box-shadow:inset 0 1px 0 #fff9}
.nfs-account .nfs-overview .nfs-snapshot-stat-icon>.nfs-icon{width:18px;height:18px;stroke-width:1.85}
.nfs-account .nfs-overview .nfs-snapshot-stat:nth-child(2) .nfs-snapshot-stat-icon,.nfs-account .nfs-overview .nfs-snapshot-stat:nth-child(5) .nfs-snapshot-stat-icon{background:#f0f1df;border-color:#d4d9bc;color:#5b793c}
.nfs-account .nfs-overview .nfs-snapshot-stat.gold .nfs-snapshot-stat-icon{background:#eee0bb;border-color:#d4bd84;color:#806332}
.nfs-account .nfs-overview .nfs-snapshot-stat strong{position:relative;font-size:33px;font-weight:650;line-height:1.1;letter-spacing:-.05em;color:#294e34;margin:8px 0 8px;font-variant-numeric:tabular-nums}
.nfs-account .nfs-overview .nfs-snapshot-stat.gold strong{color:#6e552b}
.nfs-account .nfs-overview .nfs-snapshot-stat-note{font-size:11px;line-height:1.45;color:#4f6545;min-height:16px;gap:6px}
.nfs-account .nfs-overview .nfs-snapshot-stat-note i{width:4px;height:4px;margin-top:6px;background:#77975e}
.nfs-account .nfs-overview .nfs-snapshot-stat.gold .nfs-snapshot-stat-note{color:#705d32}
.nfs-account .nfs-overview .nfs-snapshot-stat.gold .nfs-snapshot-stat-note i{background:#ae8b41}
.nfs-account .nfs-overview .nfs-snapshot-stat-arrow{right:15px;bottom:34px;color:#547b3d;transition:opacity .18s ease,transform .18s ease}
.nfs-account .nfs-overview .nfs-snapshot-stat.gold .nfs-snapshot-stat-arrow{color:#927137}
.nfs-account .nfs-overview .nfs-snapshot-grid{gap:16px;margin-top:17px}
.nfs-account .nfs-overview .nfs-snapshot-course{background:linear-gradient(125deg,#153f32 17%,#1b4c39 100%);border:1px solid #174833;box-shadow:0 5px 17px #153f3208;padding:19px 22px 18px}
.nfs-account .nfs-overview .nfs-snapshot-course:before{right:-77px;bottom:-179px;width:372px;height:372px;border-color:#dce9c817;box-shadow:0 0 0 29px #dce9c807,0 0 0 30px #dce9c80d}
.nfs-account .nfs-overview .nfs-snapshot-course:after{content:"";position:absolute;left:-26px;bottom:-22px;width:150px;height:80px;border:1px solid #dce9c810;border-radius:50%;transform:rotate(-26deg);z-index:-1;pointer-events:none}
.nfs-account .nfs-overview .nfs-snapshot-course-illustration{position:absolute;top:7px;right:17px;width:144px;height:144px;opacity:.075;z-index:-1;pointer-events:none}
.nfs-account .nfs-overview .nfs-snapshot-course-illustration>svg{width:100%;height:100%;display:block}
.nfs-account .nfs-overview .nfs-snapshot-course-heading{position:relative;gap:12px;min-width:0}
.nfs-account .nfs-overview .nfs-snapshot-course-heading>span{font-size:11px;color:#daebce;line-height:1.5;min-width:0}
.nfs-account .nfs-overview .nfs-snapshot-course-heading>span>.nfs-icon{width:14px;height:14px;color:#bed4a8}
.nfs-account .nfs-overview .nfs-snapshot-outline{min-height:28px;font-size:11px;line-height:1.4;color:#d2e4c5;flex-shrink:0;padding:4px 0;border-radius:4px;transition:color .18s ease}
.nfs-account .nfs-overview .nfs-snapshot-outline:hover{color:#fffefa}
.nfs-account .nfs-overview .nfs-snapshot-course-body{gap:18px;margin:18px 0 17px;min-width:0}
.nfs-account .nfs-overview .nfs-snapshot-course-info{flex:1;min-width:0}
.nfs-account .nfs-overview .nfs-snapshot-course-subject{font-size:11px;line-height:1.5;color:#c0d6b4;margin-bottom:7px;overflow-wrap:anywhere}
.nfs-account .nfs-overview .nfs-snapshot-course-info h3{font-size:21px;line-height:1.23;max-width:370px;color:#fffefa}
.nfs-account .nfs-overview .nfs-snapshot-course-info p{font-size:12px;line-height:1.45;color:#dce9d4;margin-top:11px;overflow-wrap:anywhere}
.nfs-account .nfs-overview .nfs-snapshot-course-info p>span{font-size:10px;line-height:1.4;color:#aeca9f;letter-spacing:.07em;margin-bottom:4px}
.nfs-account .nfs-overview .nfs-snapshot-ring-wrap{display:flex;align-items:center;flex-direction:column;gap:6px;width:104px;flex-shrink:0;min-width:0}
.nfs-account .nfs-overview .nfs-snapshot-ring{width:94px;height:94px;color:#fffefa;border-radius:50%;background:#153f3280}
.nfs-account .nfs-overview .nfs-snapshot-ring .ring-track{stroke:#d5e4c828}
.nfs-account .nfs-overview .nfs-snapshot-ring .ring-value{stroke:#d6e6bc}
.nfs-account .nfs-overview .nfs-snapshot-ring b{font-size:28px;line-height:1.1;color:#fffefa}
.nfs-account .nfs-overview .nfs-snapshot-ring>div>span{font-size:9px;line-height:1.4;color:#c3d9b6;margin-top:4px}
.nfs-account .nfs-overview .nfs-snapshot-progress-caption{font-size:10px;line-height:1.4;color:#cbdcc2;text-align:center;overflow-wrap:anywhere}
.nfs-account .nfs-overview .nfs-snapshot-course-footer{position:relative;gap:12px;min-width:0;border-top-color:#c8dab726;padding-top:14px}
.nfs-account .nfs-overview .nfs-snapshot-course-footer>span{min-width:0;flex:1;font-size:11px;line-height:1.5;color:#d2e2c6;overflow-wrap:anywhere}
.nfs-account .nfs-overview .nfs-snapshot-course-footer>.nfs-button{min-height:38px;padding:9px 13px;border-color:#f5f8eb;background:#f5f8eb;color:#294e34;font-size:12px;box-shadow:0 2px 7px #061a1017}
.nfs-account .nfs-overview .nfs-snapshot-course-footer>.nfs-button:hover{background:#e9f2db;border-color:#e9f2db;box-shadow:0 4px 10px #061a1020}
.nfs-account .nfs-overview .nfs-snapshot-activity{padding:19px 22px 17px;border-color:#bdceb0;background:#fffefa;box-shadow:0 5px 17px #153f3204}
.nfs-account .nfs-overview .nfs-snapshot-activity-heading{margin-bottom:9px}
.nfs-account .nfs-overview .nfs-snapshot-activity-heading h3{font-size:16px;line-height:1.35;color:#355c2d}
.nfs-account .nfs-overview .nfs-snapshot-activity-heading>span{font-size:10px;color:#5a6e4a;line-height:1.4}
.nfs-account .nfs-overview .nfs-snapshot-activity-row{min-width:0;min-height:65px;gap:11px;margin-inline:-9px;padding:11px 9px;width:calc(100% + 18px);border:1px solid transparent;border-bottom-color:#e1e8d8;border-radius:9px;background:transparent;transition:background .18s ease,border-color .18s ease}
.nfs-account .nfs-overview .nfs-snapshot-activity-row:last-child{border:1px solid transparent}
.nfs-account .nfs-overview .nfs-snapshot-activity-row:hover{background:#f0f6e8;border-color:#c5d6b6}
.nfs-account .nfs-overview .nfs-snapshot-activity-row:active{background:#e8f0dd;border-color:#b8cda6}
.nfs-account .nfs-overview .nfs-snapshot-activity-icon{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border:1px solid #bfd1ae;border-radius:9px;background:#e5eed9;color:#4b7737;box-shadow:inset 0 1px 0 #fff9;transition:background .18s ease,border-color .18s ease}
.nfs-account .nfs-overview .nfs-snapshot-activity-icon>.nfs-icon{width:19px;height:19px;stroke-width:1.8}
.nfs-account .nfs-overview .nfs-snapshot-activity-icon.gold{border-color:#dcc796;background:#f1e6c8;color:#8a6a30}
.nfs-account .nfs-overview .nfs-snapshot-activity-icon.blue{border-color:#bacdd0;background:#e3edef;color:#4c7275}
.nfs-account .nfs-overview .nfs-snapshot-activity-info{flex:1;min-width:0}
.nfs-account .nfs-overview .nfs-snapshot-activity-info b{font-size:12px;font-weight:600;line-height:1.45;color:#416332;overflow-wrap:anywhere}
.nfs-account .nfs-overview .nfs-snapshot-activity-info small{font-size:11px;line-height:1.5;color:#576b46;margin-top:3px;overflow-wrap:anywhere}
.nfs-account .nfs-overview .nfs-snapshot-activity-date{font-size:11px;line-height:1.4;color:#576b46;gap:8px;flex-shrink:0}
.nfs-account .nfs-overview .nfs-snapshot-activity-date>.nfs-icon{width:12px;height:12px;color:#8ba075;transition:transform .18s ease,color .18s ease}
.nfs-account .nfs-overview .nfs-snapshot-activity-row:hover .nfs-snapshot-activity-date>.nfs-icon{transform:translateX(2px);color:#598243}
.nfs-account .nfs-overview .nfs-snapshot-activity-footer{border-top-color:#dae4ce;padding-top:13px;margin-top:5px}
.nfs-account .nfs-overview .nfs-snapshot-activity-footer>span{font-size:11px;line-height:1.5;color:#5a6e4a;min-width:0}
.nfs-account .nfs-overview .nfs-snapshot-activity-footer .nfs-text-button{font-size:11px;min-height:29px;flex-shrink:0}
.nfs-account .nfs-overview .nfs-snapshot-bottom{font-size:10px;line-height:1.5;color:#596d4b;margin-top:15px}
.nfs-account .nfs-overview :is(.nfs-snapshot-stat,.nfs-snapshot-shortcut,.nfs-snapshot-outline,.nfs-snapshot-activity-row,.nfs-snapshot-course-footer>.nfs-button):focus-visible{outline:3px solid #9c762c;outline-offset:3px;z-index:2}
.nfs-account .nfs-overview .nfs-snapshot-outline:focus-visible,.nfs-account .nfs-overview .nfs-snapshot-course-footer>.nfs-button:focus-visible{outline-color:#e0c681}
.nfs-account .nfs-overview .nfs-snapshot-activity-row:focus-visible{outline-offset:1px}
@media(max-width:1200px){.nfs-account .nfs-overview .nfs-snapshot-heading{grid-template-columns:minmax(0,1fr) 166px auto;gap:15px;padding:14px 20px}}
@media(max-width:1200px){.nfs-account .nfs-overview .nfs-snapshot-heading-art{width:166px}}
@media(max-width:1200px){.nfs-account .nfs-overview .nfs-snapshot-heading-art>svg{max-height:79px}}
@media(max-width:1200px){.nfs-account .nfs-overview .nfs-snapshot-heading h2{font-size:24px}}
@media(max-width:1200px){.nfs-account .nfs-overview .nfs-snapshot-stat{padding:14px 16px}}
@media(max-width:1200px){.nfs-account .nfs-overview .nfs-snapshot-stat strong{font-size:31px;margin-top:7px}}
@media(max-width:1200px){.nfs-account .nfs-overview .nfs-snapshot-stat-icon{width:32px;height:32px}}
@media(max-width:1200px){.nfs-account .nfs-overview .nfs-snapshot-stat-arrow{bottom:32px}}
@media(max-width:1200px){.nfs-account .nfs-overview .nfs-snapshot-course,.nfs-account .nfs-overview .nfs-snapshot-activity{padding-inline:19px}}
@media(max-width:1200px){.nfs-account .nfs-overview .nfs-snapshot-course-info h3{font-size:20px}}
@media(max-width:950px){.nfs-account .nfs-overview .nfs-snapshot-heading{grid-template-columns:minmax(0,1fr) 148px auto;gap:13px;padding:14px 18px}}
@media(max-width:950px){.nfs-account .nfs-overview .nfs-snapshot-heading-art{width:148px}}
@media(max-width:950px){.nfs-account .nfs-overview .nfs-snapshot-tools{flex-direction:column;align-items:stretch;gap:7px}}
@media(max-width:950px){.nfs-account .nfs-overview .nfs-snapshot-shortcut{min-height:37px;padding:8px 10px}}
@media(max-width:950px){.nfs-account .nfs-overview .nfs-snapshot-heading:before{right:102px;top:-133px;width:326px;height:326px}}
@media(max-width:950px){.nfs-account .nfs-overview .nfs-snapshot-course-body{gap:12px}}
@media(max-width:950px){.nfs-account .nfs-overview .nfs-snapshot-course-info h3{font-size:19px}}
@media(max-width:950px){.nfs-account .nfs-overview .nfs-snapshot-ring-wrap{width:96px}}
@media(max-width:950px){.nfs-account .nfs-overview .nfs-snapshot-ring{width:88px;height:88px}}
@media(max-width:950px){.nfs-account .nfs-overview .nfs-snapshot-activity-date{gap:5px;font-size:10px}}
@media(max-width:950px){.nfs-account .nfs-overview .nfs-snapshot-activity-info small{font-size:10px}}
@media(max-width:950px){.nfs-account .nfs-overview .nfs-snapshot-activity-footer>span{font-size:10px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-heading{grid-template-columns:minmax(0,1fr) 134px auto;gap:12px;min-height:106px;padding:14px 17px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-heading h2{font-size:23px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-heading-art{width:134px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-heading-art>svg{max-height:64px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-stats{gap:10px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-stat{padding:13px 14px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-stat strong{font-size:30px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-stat-note{font-size:11px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-grid{gap:14px;margin-top:15px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-course-info h3{font-size:21px;max-width:440px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-course-body{gap:18px;margin-block:17px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-course-subject{font-size:11px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-course-info p{font-size:13px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-ring-wrap{width:104px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-ring{width:94px;height:94px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-course-illustration{width:143px;height:143px;right:22px;top:4px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-activity-heading h3{font-size:17px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-activity-info b{font-size:13px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-activity-info small{font-size:11px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-activity-date{font-size:11px;gap:8px}}
@media(max-width:760px){.nfs-account .nfs-overview .nfs-snapshot-activity-footer>span{font-size:11px}}
@media(max-width:600px){.nfs-account .nfs-overview .nfs-snapshot-heading{grid-template-columns:minmax(0,1fr) 110px;grid-template-rows:auto auto;align-items:center;gap:6px 12px;padding:14px 16px;min-height:0}}
@media(max-width:600px){.nfs-account .nfs-overview .nfs-snapshot-heading-copy{grid-column:1;grid-row:1/3;align-self:center}}
@media(max-width:600px){.nfs-account .nfs-overview .nfs-snapshot-heading-art{grid-column:2;grid-row:1;width:110px;align-self:end}}
@media(max-width:600px){.nfs-account .nfs-overview .nfs-snapshot-heading-art>svg{max-height:52px}}
@media(max-width:600px){.nfs-account .nfs-overview .nfs-snapshot-tools{grid-column:2;grid-row:2;flex-direction:row;gap:7px;justify-content:center;align-self:start}}
@media(max-width:600px){.nfs-account .nfs-overview .nfs-snapshot-shortcut{width:44px;height:44px;min-height:44px;padding:0;border-radius:9px}}
@media(max-width:600px){.nfs-account .nfs-overview .nfs-snapshot-shortcut>.nfs-icon{width:18px;height:18px}}
@media(max-width:600px){.nfs-account .nfs-overview .nfs-snapshot-shortcut>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@media(max-width:600px){.nfs-account .nfs-overview .nfs-snapshot-heading h2{font-size:22px;line-height:1.23}}
@media(max-width:600px){.nfs-account .nfs-overview .nfs-snapshot-heading-subtitle{font-size:12px;line-height:1.5;margin-top:6px}}
@media(max-width:600px){.nfs-account .nfs-overview .nfs-snapshot-heading:before{right:-89px;top:-136px;width:296px;height:296px}}
@media(max-width:600px){.nfs-account .nfs-overview .nfs-snapshot-heading:after{left:-63px;bottom:-102px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-heading{margin-bottom:14px;padding:14px;border-radius:13px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-heading .nfs-eyebrow{font-size:9px;line-height:1.5;letter-spacing:.1em;margin-bottom:5px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-stat{padding:13px 14px 12px;border-radius:12px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-stat-top{font-size:12px;line-height:1.35;gap:7px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-stat-icon{width:32px;height:32px;border-radius:9px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-stat-icon>.nfs-icon{width:18px;height:18px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-stat strong{font-size:30px;margin:7px 0 7px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-stat-note{font-size:11px;line-height:1.45;min-height:31px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-stat-note i{margin-top:6px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-stat-arrow{right:14px;bottom:38px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-grid{gap:13px;margin-top:14px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-course,.nfs-account .nfs-overview .nfs-snapshot-activity{padding:18px;border-radius:13px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-course-heading>span{font-size:11px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-outline{font-size:10px;min-height:31px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-course-body{gap:12px;margin:17px 0}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-course-info h3{font-size:20px;line-height:1.25}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-course-info p{font-size:12px;line-height:1.5}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-course-subject{font-size:10px;line-height:1.5}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-course-info p>span{font-size:10px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-ring-wrap{width:86px;gap:6px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-ring{width:78px;height:78px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-ring b{font-size:26px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-ring>div>span{font-size:9px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-progress-caption{font-size:10px;line-height:1.4}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-course-illustration{width:116px;height:116px;top:25px;right:15px;opacity:.065}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-course-footer>span{font-size:11px;line-height:1.5;max-width:none}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-course-footer>.nfs-button{min-height:44px;padding:10px 13px;font-size:12px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-activity-heading h3{font-size:16px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-activity-heading>span{font-size:10px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-activity-row{min-height:67px;gap:9px;padding:11px 8px;margin-inline:-8px;width:calc(100% + 16px)}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-activity-icon{width:33px;height:33px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-activity-info b{font-size:12px;line-height:1.45}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-activity-info small{font-size:11px;line-height:1.5}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-activity-date{font-size:10px;gap:5px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-activity-date>.nfs-icon{width:11px;height:11px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-activity-footer{padding-top:10px;justify-content:flex-end}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-activity-footer .nfs-text-button{min-height:40px;font-size:12px}}
@media(max-width:520px){.nfs-account .nfs-overview .nfs-snapshot-bottom{font-size:10px;gap:7px;margin-top:13px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-heading{grid-template-columns:minmax(0,1fr) 96px;gap:6px 9px;padding:13px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-heading-art{width:96px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-heading-art>svg{max-height:46px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-heading h2{font-size:21px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-heading-subtitle{font-size:11px;line-height:1.55}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-tools{gap:5px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-shortcut{width:43px;height:43px;min-height:43px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-stats{gap:9px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-stat{padding:12px 12px 11px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-stat-top{font-size:11px;gap:6px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-stat-icon{width:30px;height:30px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-stat strong{font-size:28px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-stat-note{font-size:10px;line-height:1.5;min-height:30px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-stat-arrow{right:12px;bottom:36px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-course,.nfs-account .nfs-overview .nfs-snapshot-activity{padding:16px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-course-heading{align-items:start;gap:8px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-course-heading>span{font-size:10px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-outline{font-size:10px;gap:3px;min-height:28px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-course-info h3{font-size:19px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-ring-wrap{width:78px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-ring{width:72px;height:72px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-ring b{font-size:24px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-progress-caption{font-size:9px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-course-body{gap:10px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-course-footer{gap:10px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-course-footer>span{font-size:10px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-course-footer>.nfs-button{padding-inline:11px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-activity-heading{gap:8px;align-items:start}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-activity-heading h3{font-size:15px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-activity-heading>span{font-size:9px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-activity-icon{width:30px;height:30px;border-radius:8px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-activity-icon>.nfs-icon{width:17px;height:17px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-activity-row{gap:8px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-activity-info small{font-size:10px}}
@media(max-width:360px){.nfs-account .nfs-overview .nfs-snapshot-activity-date{font-size:9px;gap:3px}}
.nfs-account[data-motion="reduce"] .nfs-account .nfs-overview :is(.nfs-snapshot-stat,.nfs-snapshot-shortcut,.nfs-snapshot-stat-arrow,.nfs-snapshot-activity-date>.nfs-icon){transform:none!important}
.nfs-account[data-motion="reduce"] .nfs-account .nfs-overview .nfs-snapshot-stat{opacity:1!important}
@media(prefers-reduced-motion:reduce){.nfs-account .nfs-overview :is(.nfs-snapshot-stat,.nfs-snapshot-shortcut,.nfs-snapshot-stat-arrow,.nfs-snapshot-activity-date>.nfs-icon){transform:none!important}}
@media(prefers-reduced-motion:reduce){.nfs-account .nfs-overview .nfs-snapshot-stat{opacity:1!important}}
@media (max-width: 1180px) {
  .nfs-account { padding-inline: 30px; }
  .nfs-account .nfs-tab { flex: 0 0 auto; padding-inline: 14px; }
  .nfs-account .nfs-order-grid, .nfs-account .nfs-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nfs-account .nfs-stat { padding-inline: 15px; gap: 10px; }
}
@media (max-width: 800px) {
  .nfs-account { padding-inline: 22px; }
  .nfs-account .nfs-profile { padding: 20px; gap: 15px; }
  .nfs-account .nfs-profile-identity { gap: 15px; }
  .nfs-account .nfs-avatar { width: 60px; height: 60px; font-size: 20px; }
  .nfs-account h1 { font-size: 24px; }
  .nfs-account .nfs-profile-actions { flex-direction: column; }
  .nfs-account .nfs-hero { padding: 26px; gap: 16px; grid-template-columns: minmax(0, 1fr) 180px; }
  .nfs-account .nfs-hero h2 { font-size: 27px; }
  .nfs-account .nfs-hero-art { height: 120px; }
  .nfs-account .nfs-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; }
  .nfs-account .nfs-stat { min-height: 86px; padding: 17px 20px; }
  .nfs-account .nfs-stat:nth-child(2) { border-right: 0; }
  .nfs-account .nfs-stat:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .nfs-account .nfs-two-column, .nfs-account .nfs-settings-grid { grid-template-columns: minmax(0, 1fr); }
  .nfs-account .nfs-feature-grid { grid-template-columns: minmax(0, 1fr); }
  .nfs-account .nfs-resource-list .nfs-resource { display: flex; }
  .nfs-account .nfs-resource-list .nfs-resource-top { margin-bottom: 16px; }
  .nfs-account .nfs-resource-list .nfs-resource p { margin-bottom: 19px; }
  .nfs-account .nfs-resource-list .nfs-action-row { margin-top: auto; }
}
@media (max-width: 540px) {
  .nfs-account { padding-inline: 16px; padding-bottom: 40px; }
  .nfs-account .nfs-breadcrumb { padding-top: 18px; }
  .nfs-account .nfs-profile { align-items: stretch; flex-direction: column; padding: 18px; }
  .nfs-account .nfs-profile-actions { flex-direction: row; justify-content: flex-start; padding-left: 0; }
  .nfs-account .nfs-profile-actions .nfs-button { flex: 1; }
  .nfs-account .nfs-profile-identity { gap: 13px; }
  .nfs-account .nfs-avatar { width: 55px; height: 55px; }
  .nfs-account h1 { font-size: 23px; overflow-wrap: anywhere; }
  .nfs-account .nfs-profile-detail { font-size: 11px; }
  .nfs-account .nfs-tab-shell { margin-bottom: 15px; }
  .nfs-account .nfs-hero { grid-template-columns: minmax(0, 1fr); padding: 22px; gap: 9px; }
  .nfs-account .nfs-hero h2 { font-size: 26px; }
  .nfs-account .nfs-hero-art { max-width: 220px; height: 105px; margin-top: 7px; }
  .nfs-account .nfs-stat { padding: 16px 12px; gap: 9px; }
  .nfs-account .nfs-stat-icon { width: 33px; height: 33px; border-radius: 8px; }
  .nfs-account .nfs-stat-value { font-size: 16px; }
  .nfs-account .nfs-stat-label { font-size: 10px; }
  .nfs-account .nfs-card { padding: 20px; }
  .nfs-account .nfs-empty { align-items: flex-start; padding: 17px; gap: 12px; }
  .nfs-account .nfs-empty > .nfs-tile { width: 34px; height: 34px; }
  .nfs-account .nfs-empty h3 { font-size: 15px; }
  .nfs-account .nfs-state-card .nfs-empty { padding: 18px; }
  .nfs-account .nfs-order-grid, .nfs-account .nfs-resource-grid { grid-template-columns: minmax(0, 1fr); }
  .nfs-account .nfs-owned-grid { grid-template-columns: minmax(0, 1fr); }
  .nfs-account .nfs-banner { flex-wrap: wrap; padding: 14px; }
  .nfs-account .nfs-banner-copy { flex-basis: calc(100% - 35px); }
  .nfs-account .nfs-banner .nfs-button { margin-left: 31px; }
  .nfs-account .nfs-field { width: 100%; }
  .nfs-account .nfs-field-search { min-width: 0; }
  .nfs-account .nfs-profile-data > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .nfs-account .nfs-action-row { gap: 10px; }
  .nfs-account .nfs-shortcut { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .nfs-account *, .nfs-account *::before, .nfs-account *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Live-data adaptations: preserve the reference proportions without clipping
   longer account values, unavailable states, larger text or touch controls. */
.nfs-account .nfs-profile-copy, .nfs-account .nfs-profile-tools { min-width: 0; }
.nfs-account .nfs-profile-detail { align-items: flex-start; }
.nfs-account .nfs-profile-detail .nfs-icon { margin-top: 2px; }
.nfs-account .nfs-profile-actions .nfs-button { max-width: 100%; }
.nfs-account .nfs-action-row > *, .nfs-account .nfs-banner .nfs-button { max-width: 100%; flex-shrink: 1; }
.nfs-account .nfs-banner .nfs-button { overflow-wrap: anywhere; }
.nfs-account .nfs-empty > div:last-child { min-width: 0; }
.nfs-account .nfs-empty p, .nfs-account .nfs-card p { overflow-wrap: anywhere; }
.nfs-account .nfs-snapshot-heading-art > img { display: block; width: 100%; height: auto; }
.nfs-account .nfs-snapshot-course-illustration > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.nfs-account .nfs-overview .nfs-snapshot-stat { border: 1px solid #bdcfb0; }
.nfs-account .nfs-overview .nfs-snapshot-stat:nth-child(1), .nfs-account .nfs-overview .nfs-snapshot-stat:nth-child(4) { border-color: #b5cba4; }
.nfs-account .nfs-overview .nfs-snapshot-stat.gold { border-color: #d8c79a; }
.nfs-account .nfs-overview .nfs-snapshot-stat .nfs-stat-label { margin: 0; font-size: inherit; color: inherit; }
.nfs-account .nfs-overview .nfs-snapshot-stat .nfs-stat-word { font-size: 19px; letter-spacing: -.025em; line-height: 1.25; min-height: 36px; display: flex; align-items: center; }
.nfs-account .nfs-overview .nfs-snapshot-shortcut, .nfs-account .nfs-overview .nfs-snapshot-outline { min-height: 44px; text-decoration: none; }
.nfs-account .nfs-overview .nfs-snapshot-course-footer > .nfs-button { min-height: 44px; }
.nfs-account .nfs-overview .nfs-snapshot-activity-footer .nfs-text-button { min-height: 44px; }
.nfs-account .nfs-snapshot-activity-empty { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 175px; padding: 18px 0; color: var(--muted); }
.nfs-account .nfs-snapshot-activity-empty > .nfs-icon { width: 30px; height: 30px; margin-bottom: 14px; }
.nfs-account .nfs-snapshot-activity-empty h4 { color: var(--forest); font-size: 15px; }
.nfs-account .nfs-snapshot-activity-empty p { font-size: 12px; margin-top: 7px; max-width: 350px; }
.nfs-account .nfs-snapshot-course-info, .nfs-account .nfs-snapshot-activity-info { overflow-wrap: anywhere; }
.nfs-account .nfs-owned-grid, .nfs-account #website-course-results .nfs-resource-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.nfs-account #website-course-section { margin-top: 25px; }
.nfs-account .nfs-course-note summary { min-height: 44px; padding: 10px 0; font-size: 11px; color: var(--green); cursor: pointer; }
.nfs-account .nfs-course-note p { font-size: 11px; }
.nfs-account .nfs-faq summary { min-height: 44px; padding: 10px 0; }
.nfs-account input[type="search"], .nfs-account select { min-height: 44px; }
.nfs-account .nfs-field input, .nfs-account .nfs-field select { border-color: #7f9575; }
@media (max-width:1279px) {
  .nfs-account .nfs-owned-grid, .nfs-account #website-course-results .nfs-resource-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width:1000px) {
  .nfs-account .nfs-profile { grid-template-columns: minmax(0,1fr) minmax(235px,310px); padding: 20px; gap: 18px; }
  .nfs-account .nfs-profile-actions { flex-direction: row; }
}
@media (max-width:899px) {
  .nfs-account .nfs-owned-grid, .nfs-account #website-course-results .nfs-resource-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .nfs-account { padding-inline: 20px; }
  .nfs-account .nfs-profile { grid-template-columns: minmax(0,1fr); gap: 17px; padding: 20px; margin-bottom: 16px; }
  .nfs-account .nfs-profile-actions { justify-content: flex-start; }
  .nfs-account .nfs-hero { padding: 24px; }
  .nfs-account .nfs-hero-art { max-width: 240px; height: auto; }
  .nfs-account .nfs-tab-shell { margin-inline: -20px; padding-inline: 20px; }
  .nfs-account .nfs-snapshot-course-body { flex-wrap: wrap; }
  .nfs-account .nfs-snapshot-ring-wrap { flex-shrink: 0; }
}
@media (max-width:619px) {
  .nfs-account .nfs-owned-grid, .nfs-account #website-course-results .nfs-resource-grid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width:540px) {
  .nfs-account { padding-inline: 16px; }
  .nfs-account .nfs-tab-shell { margin-inline: -16px; padding-inline: 16px; }
  .nfs-account .nfs-profile { padding: 18px 17px; border-radius: 14px; }
  .nfs-account h1 { font-size: 25px; }
  .nfs-account .nfs-account-search input, .nfs-account input[type="search"], .nfs-account select { font-size: 16px; }
  .nfs-account .nfs-account-search button { min-height: 44px; min-width: 44px; }
  .nfs-account .nfs-hero-art { width: 85%; max-width: 285px; height: auto; }
  .nfs-account .nfs-overview .nfs-snapshot-shortcut { width: 44px; height: 44px; min-height: 44px; }
  .nfs-account .nfs-snapshot-course-footer { flex-wrap: wrap; }
  .nfs-account .nfs-snapshot-course-footer > span { flex-basis: 100%; }
  .nfs-account .nfs-snapshot-activity-heading { flex-wrap: wrap; }
  .nfs-account .nfs-snapshot-activity-row { flex-wrap: wrap; }
  .nfs-account .nfs-snapshot-activity-date { margin-left: 44px; }
  .nfs-account .nfs-banner .nfs-button { margin-left: 0; }
  .nfs-account .nfs-stat-word { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion:reduce) {
  .nfs-account .nfs-snapshot-stat { opacity: 1; transform: none !important; }
}