/* nola-content: Claude Design "Nola Kids v2" screens. Loaded after nola.css.
 * System states (r23, r25), content pages (r24), reviews (r28), size guide (r29), policies (r30).
 * Page roots carry .nk-ct so these rules stay scoped to the screens that use them.
 */

/* Loading skeleton (r23 · 39). Usage: <div class="nk-skeleton-grid" aria-busy="true" aria-label="در حال بارگذاری">
 * with .nk-skeleton + .nk-skeleton-media / .nk-skeleton-line / .nk-skeleton-line.is-short / .nk-skeleton-pill children. */
@keyframes nk-shimmer { from { background-position: 150% 0; } to { background-position: -50% 0; } }
.nk-skeleton {
  display: block; border-radius: 999px; background: linear-gradient(90deg, var(--soft) 25%, var(--surface) 50%, var(--soft) 75%);
  background-size: 200% 100%; animation: nk-shimmer 1.4s linear infinite;
}
.nk-skeleton-pill { width: 70px; height: 36px; }
.nk-skeleton-media { width: 100%; aspect-ratio: 3/4; border-radius: var(--r); }
.nk-skeleton-line { width: 85%; height: 13px; }
.nk-skeleton-line.is-short { width: 50%; }
.nk-skeleton-row { display: flex; gap: 8px; }
.nk-skeleton-card { display: flex; flex-direction: column; gap: 8px; }
.nk-skeleton-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (prefers-reduced-motion: reduce) { .nk-skeleton { animation: none; } }

/* Shared content-page frame */
.nk-ct.nk-page { max-width: 1100px; margin: 0 auto; padding: 40px var(--gutter) 52px; }
.nk-ct h1 { font-size: 28px; font-weight: 600; line-height: 1.45; }
.nk-ct .nk-empty { padding-inline: 0; }
.nk-page-bar-spacer { flex: none; width: 44px; height: 44px; }

/* Forms used on content screens */
.nk-ct .nk-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0; }
.nk-ct .nk-field > label { font-size: 14px; font-weight: 600; color: var(--muted); line-height: 1.6; }
.nk-ct .nk-required { color: var(--red); }
.nk-ct .nk-field input:not([type=checkbox], [type=radio], [type=file]),
.nk-ct .nk-field select,
.nk-ct .nk-field textarea {
  width: 100%; min-height: 48px; margin: 0; padding: 0 15px; border: 1px solid var(--line); border-radius: 12px;
  background: var(--surface); color: var(--ink); font: 600 14px/1.6 var(--font);
}
.nk-ct .nk-field textarea { min-height: 110px; padding-block: 13px; line-height: 1.9; resize: vertical; }
.nk-ct .nk-field input::placeholder, .nk-ct .nk-field textarea::placeholder { color: var(--muted); opacity: 1; }
.nk-ct .nk-field :is(input, select, textarea):focus { border-color: var(--accent-dark); outline: 0; box-shadow: 0 0 0 1px var(--accent-dark); }
.nk-ct .nk-field small { font-size: 12px; color: var(--muted); }
.nk-ct .has-error :is(input, select, textarea) { border-color: var(--red); }
.nk-ct .nk-field-error, .nk-ct .nk-form-errors { font-size: 14px; font-weight: 600; color: var(--red); }
.nk-ct .nk-field-error ul, .nk-ct .nk-form-errors ul { margin: 0; padding: 0; list-style: none; }
.nk-ct .nk-field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.nk-ct .nk-segment { display: flex; padding: 4px; border-radius: 999px; background: var(--soft); }
.nk-ct .nk-segment > a, .nk-ct .nk-segment label { position: relative; display: flex; flex: 1; }
.nk-ct .nk-segment > a, .nk-ct .nk-segment label span {
  display: flex; flex: 1; align-items: center; justify-content: center; min-height: 38px; padding: 0 18px; border-radius: 999px;
  color: var(--muted); font-size: 14px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: background-color .15s ease-out;
}
.nk-ct .nk-segment input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.nk-ct .nk-segment > a[aria-current], .nk-ct .nk-segment input:checked + span { background: var(--surface); color: var(--ink); }
.nk-ct .nk-segment input:focus-visible + span { outline: 2px solid var(--accent-dark); outline-offset: 2px; }

/* System states: 404, maintenance (r23 · 41, r25 · 46, 49) */
.nk-ct.nk-state { display: flex; flex-direction: column; align-items: center; gap: 16px; max-width: 1100px; margin: 0 auto; padding: 88px 60px 96px; text-align: center; }
.nk-state-code { color: var(--accent); font-size: 56px; font-weight: 600; line-height: 1; letter-spacing: 8px; }
.nk-ct.nk-state h1 { max-width: 760px; font-size: 28px; line-height: 1.5; }
.nk-ct.nk-state > p { max-width: 720px; font-size: 17px; line-height: 2; color: var(--muted); }
.nk-ct.nk-state > p b { color: var(--ink); font-weight: 600; }
.nk-state-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 8px 0 0; }
.nk-state-monogram { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border: 1.5px solid var(--accent); border-radius: 999px; color: var(--accent-dark); font: 400 40px/1 var(--lat); }
.nk-state-badge { padding: 6px 14px; border-radius: 999px; background: var(--tint); color: var(--accent-dark); font-size: 14px; font-weight: 600; line-height: 1.5; }
.nk-state-maintenance.nk-state { padding-block: 70px 76px; }
.nk-state-form { display: flex; gap: 10px; width: min(460px, 100%); margin: 8px 0 0; }
.nk-state-form input {
  flex: 1; min-width: 0; min-height: 48px; margin: 0; padding: 0 18px; border: 1px solid var(--line); border-radius: 999px;
  background: var(--surface); color: var(--ink); font: 600 14px/1.5 var(--font);
}
.nk-state-form input::placeholder { color: var(--muted); opacity: 1; }
.nk-state-form .nk-btn { min-height: 48px; font-size: 14px; }
.nk-state-note, .nk-state-support { font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-state-support a { color: var(--accent-dark); }

/* In-page connection notice (r23 · 40, r25 · 47) */
.connection-notice.nk-connection {
  position: fixed; z-index: 100; top: 12px; right: 50%; left: auto; display: flex; align-items: center; gap: 14px;
  width: min(640px, calc(100vw - 24px)); padding: 12px 14px 12px 12px; border: 1px solid var(--line); border-bottom: 1px solid var(--line);
  border-radius: calc(var(--r) + 4px); background: var(--surface); transform: translateX(50%);
}
.nk-connection-icon { display: flex; align-items: center; justify-content: center; flex: none; width: 48px; height: 48px; border-radius: 999px; background: var(--soft); color: var(--muted); }
.nk-connection-icon .icon { width: 22px; height: 22px; stroke-width: 1.7; }
.nk-connection-text { display: flex; flex-direction: column; flex: 1; min-width: 0; gap: 2px; }
.nk-connection-text b { font-size: 17px; font-weight: 600; line-height: 1.5; }
.nk-connection-text span { font-size: 14px; line-height: 1.8; color: var(--muted); }
.nk-connection .nk-btn { flex: none; font-size: 14px; }

/* FAQ (r24 · 42) */
.nk-faq { display: flex; flex-direction: column; gap: 24px; }
.nk-faq-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.nk-faq-tabs .nk-chip { min-height: 44px; padding: 0 17px; }
.nk-faq-list { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: calc(var(--r) + 6px); background: var(--surface); }
.nk-faq-list details { margin: 0; padding: 0; border: 0; }
.nk-faq-list details + details { border-top: 1px solid var(--line); }
.nk-faq-list details[open] { background: var(--tint); }
.nk-faq-list summary {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 12px 26px;
  font-size: 17px; font-weight: 600; line-height: 1.7; list-style: none; cursor: pointer;
}
.nk-faq-list summary::-webkit-details-marker { display: none; }
.nk-faq-list summary > span:first-child { color: var(--ink); }
.nk-faq-chevron { flex: none; color: var(--muted); transition: transform .15s ease-out; }
.nk-faq-list details[open] .nk-faq-chevron { color: var(--accent-dark); transform: rotate(180deg); }
.nk-faq-answer { max-width: 760px; padding: 0 26px 20px; font-size: 14px; line-height: 2.1; }
.nk-faq-answer p { margin: 0 0 8px; }
.nk-faq-help { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-faq-help .nk-btn { font-size: 14px; }

/* About + contact (r24 · 43) */
.nk-ct.nk-story { max-width: 1440px; padding-top: 32px; }
.nk-story-card { display: grid; grid-template-columns: 1.15fr 1fr; overflow: hidden; border: 1px solid var(--line); border-radius: calc(var(--r) + 8px); background: var(--bg); }
.nk-story-copy { display: flex; flex-direction: column; gap: 16px; padding: 44px 52px; }
.nk-story-eyebrow { font-size: 14px; font-weight: 600; color: var(--accent-dark); }
.nk-story-copy h1 { line-height: 1.35; }
.nk-story-body { font-size: 17px; line-height: 2.1; color: var(--muted); text-wrap: pretty; }
.nk-story-body p { margin: 0 0 8px; }
.nk-story-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.nk-story-tags a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 15px; border-radius: 999px; background: var(--tint); color: var(--accent-dark); font-size: 14px; font-weight: 600; }
.nk-contact { display: flex; flex-direction: column; gap: 12px; margin-top: 10px; padding-top: 22px; border-top: 1px solid var(--line); }
.nk-contact h2 { font-size: 17px; font-weight: 600; }
.nk-contact-form { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.nk-contact-form .nk-field textarea { min-height: 96px; }
.nk-contact-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-top: 4px; font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-contact-foot .nk-btn { font-size: 14px; }
.nk-contact-foot a { color: var(--muted); }
.nk-contact > .nk-more { align-self: flex-start; }
.nk-story-photo { position: relative; min-height: 420px; background: var(--soft); }
.nk-story-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Newsletter / subscription card (r24 · 44) */
.nk-ct.nk-subscription { display: flex; justify-content: center; padding-top: 56px; padding-bottom: 72px; }
.nk-news-card { display: flex; flex-direction: column; gap: 14px; width: min(640px, 100%); padding: 36px 40px; border-radius: calc(var(--r) + 8px); background: var(--ink); color: var(--bg); }
.nk-news-card h1 { color: var(--bg); }
.nk-news-card p { font-size: 14px; line-height: 2; color: rgba(250, 247, 241, .8); }
.nk-news-card form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0; }
.nk-news-card .nk-btn { border-color: var(--btn); background: var(--btn); color: var(--on-btn); font-size: 14px; }
.nk-news-card .nk-btn:hover { border-color: var(--bg); background: var(--bg); color: var(--ink); }
.nk-news-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 600; color: var(--bg); text-decoration: underline; text-underline-offset: 5px; }

/* Reviews page (r28 · 58) */
.nk-reviews-page { display: flex; flex-direction: column; gap: 24px; }
.nk-reviews-page .nk-breadcrumb { margin-bottom: -12px; }
.nk-reviews-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.nk-reviews-head .nk-btn { font-size: 14px; }
.nk-review-summary {
  display: grid; grid-template-columns: 260px 1fr 1fr; gap: 24px; align-items: center; padding: 24px 28px;
  border: 1px solid var(--line); border-radius: calc(var(--r) + 6px); background: var(--surface);
}
.nk-review-score { display: flex; flex-direction: column; gap: 6px; padding-left: 22px; border-left: 1px solid var(--line); font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-review-score > b { font-size: 56px; font-weight: 600; line-height: 1; color: var(--ink); }
.nk-stars { display: inline-flex; gap: 2px; }
.nk-stars .icon { width: 16px; height: 16px; fill: none; stroke: var(--accent); stroke-width: 1.8; }
.nk-stars .icon.is-on, .nk-review-bars .icon { fill: var(--accent); }
.nk-review-bars { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.nk-review-bars li { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-review-bars .icon { width: 16px; height: 16px; stroke: var(--accent); stroke-width: 1.8; }
.nk-bar-star { width: 10px; text-align: center; }
.nk-bar { position: relative; flex: 1; height: 7px; overflow: hidden; border-radius: 999px; background: var(--soft); }
.nk-bar > span { position: absolute; top: 0; right: 0; bottom: 0; border-radius: 999px; background: var(--accent); }
.nk-bar-value { width: 38px; text-align: left; }
.nk-review-fit { display: flex; flex-direction: column; gap: 10px; }
.nk-review-fit > b { font-size: 14px; font-weight: 600; }
.nk-fit-bar { display: flex; height: 10px; overflow: hidden; border-radius: 999px; background: var(--soft); }
.nk-fit-bar .is-small { background: var(--line); }
.nk-fit-bar .is-true { background: var(--accent); }
.nk-fit-bar .is-large { background: var(--muted); }
.nk-fit-labels { display: flex; justify-content: space-between; gap: 8px; font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-fit-labels .is-true { color: var(--accent-dark); }
.nk-fit-note { font-size: 14px; font-weight: 600; line-height: 1.8; color: var(--muted); }
.nk-review-filters { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
.nk-review-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.nk-review-chips .nk-chip { min-height: 44px; padding: 0 16px; white-space: nowrap; }
.nk-review-sort { display: flex; align-items: center; gap: 6px; margin: 0 auto 0 0; font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-review-sort select { min-height: 44px; margin: 0; padding: 0 12px; border: 0; border-radius: 12px; background: transparent; color: var(--ink); font: 600 14px/1.5 var(--font); cursor: pointer; }
.nk-review-sort select:hover { background: var(--tint); }
.nk-review-list { display: flex; flex-direction: column; }
.nk-review-item { display: flex; flex-direction: column; gap: 12px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.nk-review-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.nk-review-person { display: flex; align-items: center; gap: 12px; min-width: 0; }
.nk-review-person > span:last-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nk-review-person b { font-size: 14px; font-weight: 600; }
.nk-review-person small { font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-avatar { display: flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: 999px; background: var(--tint); color: var(--accent-dark); font-size: 17px; font-weight: 600; }
.nk-verified { font-size: 12px; font-weight: 600; color: var(--green); }
.nk-review-item h2 { font-size: 17px; font-weight: 600; line-height: 1.6; }
.nk-review-item > p { font-size: 14px; line-height: 2; text-wrap: pretty; }
.nk-review-photos { display: flex; flex-wrap: wrap; gap: 8px; }
.nk-review-photos img { width: 76px; height: 76px; border-radius: 10px; background: var(--soft); object-fit: cover; }
.nk-review-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-review-foot b { color: var(--ink); font-weight: 600; }
.nk-review-actions { position: relative; display: flex; align-items: center; gap: 14px; margin: 0; }
.nk-review-actions a, .nk-helpful { display: inline-flex; align-items: center; min-height: 44px; color: var(--accent-dark); font-size: 14px; font-weight: 600; }
.nk-report summary { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); list-style: none; cursor: pointer; }
.nk-report summary::-webkit-details-marker { display: none; }
.nk-report[open] summary { color: var(--ink); }
.nk-report-panel {
  position: absolute; z-index: 5; top: 100%; left: 0; display: flex; flex-direction: column; gap: 8px; width: min(320px, 80vw); padding: 14px;
  border: 1px solid var(--line); border-radius: var(--r); background: var(--surface);
}
.nk-report-panel input { min-height: 44px; margin: 0; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; font: 600 14px/1.5 var(--font); }
.nk-report-panel .nk-btn { align-self: flex-start; font-size: 14px; }

/* Write a review (r28 · 59) */
.nk-ct.nk-review-write { max-width: 600px; padding-top: 32px; }
.nk-review-write h1 { margin-bottom: 16px; }
.nk-review-form { display: flex; flex-direction: column; gap: 16px; margin: 0; }
.nk-review-product { display: flex; align-items: center; gap: 13px; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); color: var(--ink); }
.nk-review-product img { flex: none; width: 50px; height: 60px; border-radius: 10px; background: var(--soft); object-fit: cover; }
.nk-review-product span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.nk-review-product b { font-size: 14px; font-weight: 600; }
.nk-review-product small { font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-rating-field, .nk-segmented-field { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 0; border: 0; }
.nk-rating-field { align-items: center; gap: 8px; padding: 6px 0; }
.nk-rating-field legend { float: none; margin: 0 auto 8px; padding: 0; font-size: 17px; font-weight: 600; text-align: center; }
.nk-star-input { display: flex; gap: 6px; }
.nk-star-input label { position: relative; display: flex; cursor: pointer; }
.nk-star-input input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.nk-star-input .icon { width: 44px; height: 44px; padding: 3px; fill: none; stroke: var(--accent); stroke-width: 1.6; transition: fill .12s ease-out; }
.nk-star-input label:has(input:focus-visible) .icon { outline: 2px solid var(--accent-dark); outline-offset: 1px; border-radius: 10px; }
.nk-star-input:has(label:nth-child(1) input:checked) label:nth-child(-n+1) .icon,
.nk-star-input:has(label:nth-child(2) input:checked) label:nth-child(-n+2) .icon,
.nk-star-input:has(label:nth-child(3) input:checked) label:nth-child(-n+3) .icon,
.nk-star-input:has(label:nth-child(4) input:checked) label:nth-child(-n+4) .icon,
.nk-star-input:has(label:nth-child(5) input:checked) label:nth-child(-n+5) .icon { fill: var(--accent); }
.nk-rating-text { min-height: 24px; font-size: 14px; font-weight: 600; color: var(--accent-dark); }
.nk-segmented-field { gap: 8px; }
.nk-segmented-field legend { margin-bottom: 8px; padding: 0; font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-ct .nk-field-short input { max-width: 180px; }
.nk-photo-field { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.nk-photo-add {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: 72px; height: 72px;
  border: 1px dashed var(--line); border-radius: 10px; color: var(--accent-dark); font-size: 12px; font-weight: 600; cursor: pointer;
}
.nk-photo-add > span:first-child { font-size: 21px; line-height: 1; }
.nk-photo-field:has(input:focus-visible) .nk-photo-add { outline: 2px solid var(--accent-dark); outline-offset: 2px; }
.nk-photo-preview { position: relative; width: 72px; height: 72px; overflow: hidden; border-radius: 10px; background: var(--soft); }
.nk-photo-preview img { width: 100%; height: 100%; object-fit: cover; }
.nk-photo-field .nk-field-error { flex-basis: 100%; }
.nk-review-note { font-size: 14px; font-weight: 600; line-height: 1.8; color: var(--muted); }
.nk-review-submit { width: 100%; min-height: 52px; }

/* Size guide: product-page modal (iframe) and page (r29 · 60, 61) */
.size-dialog { width: min(860px, 96vw); padding: 0; border: 1px solid var(--line); border-radius: calc(var(--r) + 10px); background: var(--surface); }
.size-dialog iframe { display: block; height: min(760px, 86dvh); border-radius: inherit; }
.size-dialog > .icon-button { top: 24px; left: 28px; right: auto; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); }
body.nk-embed { background: var(--surface); }
body.nk-embed main { padding: 0; }
.nk-ct.nk-size-guide { display: flex; flex-direction: column; gap: 24px; max-width: 1100px; margin: 0 auto; padding: 40px var(--gutter) 52px; }
.nk-ct.nk-size-guide.is-embedded { max-width: none; padding: 28px 32px; }
.nk-size-guide-head { display: flex; flex-direction: column; gap: 2px; min-height: 44px; justify-content: center; padding-inline-end: 56px; }
.nk-size-guide.is-embedded .nk-size-guide-head h1 { font-size: 21px; }
.nk-size-guide-head span { font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-size-guide-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.nk-guide-tabs.nk-segment > a { flex: none; }
.nk-size-guide-grid { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 24px; align-items: start; }
.nk-size-guide-side { display: flex; flex-direction: column; gap: 14px; grid-column: 2; grid-row: 1; }
.nk-guide-table-wrap { display: flex; flex-direction: column; gap: 10px; grid-column: 1; grid-row: 1; min-width: 0; }
.nk-guide-table { width: 100%; overflow: hidden; border: 1px solid var(--line); border-collapse: separate; border-spacing: 0; border-radius: var(--r); background: var(--surface); font-size: 14px; }
.nk-guide-table th, .nk-guide-table td { padding: 14px 18px; border: 0; font-weight: 600; text-align: right; white-space: nowrap; }
.nk-guide-table thead th { padding-block: 13px; background: var(--soft); color: var(--muted); }
.nk-guide-table tbody tr + tr > * { border-top: 1px solid var(--line); }
.nk-guide-table tbody th { background: var(--surface); color: var(--ink); }
.nk-guide-table tbody td { background: var(--surface); }
.nk-guide-table tr.is-recommended > * { background: var(--tint); }
.nk-guide-table tr.is-recommended th { color: var(--accent-dark); }
.nk-guide-note { font-size: 14px; font-weight: 600; line-height: 1.8; color: var(--muted); }
.nk-size-calc { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 16px; border: 1px solid var(--line); border-radius: calc(var(--r) + 4px); background: var(--surface); }
.nk-size-calc h2 { font-size: 17px; font-weight: 600; line-height: 1.6; }
.nk-size-calc-row { display: flex; gap: 8px; }
.nk-size-height { display: flex; flex: 1; align-items: center; gap: 6px; min-width: 0; min-height: 48px; padding: 0 15px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.nk-size-height:focus-within { border-color: var(--accent-dark); }
.nk-size-height input { width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 0; border: 0; background: transparent; color: var(--ink); font: 600 14px/1.5 var(--font); outline: 0; }
.nk-size-unit-text { font-size: 12px; font-weight: 600; color: var(--muted); }
.nk-size-calc select { flex: none; width: auto; min-width: 112px; min-height: 48px; margin: 0; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--ink); font: 600 14px/1.5 var(--font); }
.nk-size-calc .nk-btn { font-size: 14px; }
.nk-size-result { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--tint); }
.nk-size-result > span:first-child { display: flex; flex-direction: column; gap: 2px; }
.nk-size-result small { font-size: 14px; font-weight: 600; color: var(--accent-dark); }
.nk-size-result b { font-size: 21px; font-weight: 600; line-height: 1.4; }
.nk-size-result > span:last-child { max-width: 150px; font-size: 14px; font-weight: 600; line-height: 1.7; text-align: left; }
.nk-size-empty { font-size: 14px; font-weight: 600; line-height: 1.8; color: var(--muted); }
.nk-size-children { display: flex; flex-wrap: wrap; gap: 6px; }
.nk-size-children .nk-chip { min-height: 44px; white-space: nowrap; }
.nk-measure-help h2 { margin-bottom: 10px; font-size: 14px; font-weight: 600; }
.nk-measure-help ul { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.nk-measure-help li { position: relative; display: flex; flex-direction: column; gap: 1px; padding-inline-start: 18px; font-size: 14px; font-weight: 600; }
.nk-measure-help li::before { content: ''; position: absolute; top: 9px; right: 0; width: 8px; height: 8px; border-radius: 999px; background: var(--accent); }
.nk-measure-help li span { line-height: 1.8; color: var(--muted); }
.nk-size-guide-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-size-guide-foot .nk-btn { min-height: 46px; font-size: 14px; }
.nk-size-guide.is-embedded .nk-size-guide-grid { grid-template-columns: minmax(0, 1fr) 250px; }

/* Policies (r30 · 62) */
.nk-ct.nk-policy { padding: 44px var(--gutter) 56px; }
.nk-policy-head { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }
.nk-policy-head span { font-size: 14px; font-weight: 600; color: var(--muted); }
.nk-policy-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 40px; align-items: start; }
.nk-policy-layout.is-single { grid-template-columns: minmax(0, 1fr); }
.nk-policy-nav { position: sticky; top: 104px; display: flex; flex-direction: column; gap: 4px; }
.nk-policy-nav a { display: flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 10px; color: var(--ink); font-size: 14px; font-weight: 600; line-height: 1.6; }
.nk-policy-nav a:hover { background: var(--soft); }
.nk-policy-nav a[aria-current] { background: var(--tint); color: var(--accent-dark); }
.nk-policy-body { display: flex; flex-direction: column; gap: 24px; max-width: 640px; }
.nk-policy-section { display: flex; flex-direction: column; gap: 8px; border-radius: var(--r); scroll-margin-top: 110px; transition: background-color .2s ease-out; }
.nk-policy-section h2 { font-size: 17px; font-weight: 600; line-height: 1.6; }
.nk-policy-section p { margin: 0; font-size: 17px; line-height: 2.1; color: var(--muted); text-wrap: pretty; }
.nk-policy-section.is-current { margin-inline: -22px; padding: 20px 22px; background: var(--tint); }
.nk-policy-section.is-current h2 { color: var(--accent-dark); }
.nk-policy-section.is-current p { color: var(--ink); }
.nk-policy-contact { font-size: 14px; font-weight: 600; line-height: 1.9; color: var(--muted); }
.nk-policy-contact a { color: var(--accent-dark); }

/* Tablet and phone */
@media (max-width: 1080px) {
  .nk-review-summary { grid-template-columns: 1fr 1fr; }
  .nk-review-score { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; padding: 0 0 16px; border-left: 0; border-bottom: 1px solid var(--line); }
  .nk-story-card { grid-template-columns: 1fr; }
  .nk-story-photo { min-height: 260px; grid-row: 1; }
  .nk-size-guide-grid, .nk-size-guide.is-embedded .nk-size-guide-grid { grid-template-columns: minmax(0, 1fr); }
  .nk-size-guide-side, .nk-guide-table-wrap { grid-column: 1; grid-row: auto; }
}
@media (max-width: 800px) {
  .nk-ct.nk-page, .nk-ct.nk-size-guide { padding: 16px var(--gutter) 32px; }
  .nk-ct.nk-size-guide:not(.is-embedded) .nk-size-guide-head { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .nk-ct.nk-review-write h1, .nk-reviews-page .nk-breadcrumb { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .nk-ct.nk-size-guide { gap: 14px; }
  .nk-size-guide-side .nk-measure-help { order: 3; }
  .nk-guide-tabs.nk-segment { width: 100%; }
  .nk-guide-tabs.nk-segment > a { flex: 1; padding: 0 8px; }
  .nk-guide-table th, .nk-guide-table td { padding: 12px; }
  .nk-guide-table thead th { padding-block: 11px; }
  .nk-size-guide .nk-size-guide-grid { gap: 14px; }
  .nk-size-guide-side { display: contents; }
  .nk-size-calc { order: 1; }
  .nk-guide-table-wrap { order: 2; }
  .nk-measure-help { order: 3; }
}
@media (max-width: 640px) {
  .nk-ct.nk-state { gap: 14px; padding: 110px 28px 60px; }
  .nk-state-code { letter-spacing: 6px; }
  .nk-ct.nk-state h1 { font-size: 21px; }
  .nk-ct.nk-state > p { font-size: 14px; }
  .nk-state-more { display: none; }
  .nk-state-actions { flex-direction: column; width: 100%; margin-top: 10px; }
  .nk-state-actions .nk-btn { width: 100%; }
  .nk-state-maintenance.nk-state { padding-top: 72px; }
  .nk-state-form { flex-direction: column; }
  .connection-notice.nk-connection { flex-wrap: wrap; top: 8px; }
  .nk-connection .nk-btn { width: 100%; }
  .nk-ct h1 { font-size: 21px; }
  .nk-faq-tabs { flex-wrap: nowrap; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
  .nk-faq-tabs::-webkit-scrollbar { display: none; }
  .nk-faq-tabs .nk-chip { flex: none; }
  .nk-faq-list summary { min-height: 56px; padding: 10px 16px; font-size: 15px; }
  .nk-faq-answer { padding: 0 16px 16px; }
  .nk-story-copy { padding: 24px 18px; }
  .nk-story-body { font-size: 15px; }
  .nk-ct .nk-field-row { grid-template-columns: 1fr; }
  .nk-news-card { padding: 28px 22px; }
  .nk-review-summary { grid-template-columns: 1fr; padding: 18px; }
  .nk-review-score > b { font-size: 40px; }
  .nk-review-filters { flex-direction: column; align-items: stretch; }
  .nk-review-chips { flex-wrap: nowrap; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
  .nk-review-chips::-webkit-scrollbar { display: none; }
  .nk-review-chips .nk-chip { flex: none; }
  .nk-review-sort { margin: 0; }
  .nk-review-top { align-items: flex-start; }
  .nk-report-panel { right: auto; left: 0; }
  .nk-ct.nk-review-write { padding-top: 18px; }
  .nk-size-result > span:last-child { max-width: 140px; }
  .nk-policy-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .nk-policy-nav { position: sticky; top: 65px; z-index: 3; flex-direction: row; max-width: 100%; padding: 8px 0; overflow-x: auto; background: var(--bg); scrollbar-width: none; }
  .nk-policy-nav::-webkit-scrollbar { display: none; }
  .nk-policy-nav a { flex: none; white-space: nowrap; }
  .nk-policy-section p { font-size: 15px; }
  .nk-policy-section.is-current { margin-inline: -12px; padding: 14px 12px; }
}

/* Inside the product dialog the iframe is ~860px wide: keep the design's table + side column there. */
@media (min-width: 700px) {
  .nk-size-guide.is-embedded .nk-size-guide-grid { grid-template-columns: minmax(0, 1fr) 270px; }
  .nk-size-guide.is-embedded .nk-size-result { flex-direction: column; align-items: flex-start; gap: 4px; }
  .nk-size-guide.is-embedded .nk-size-result > span:last-child { max-width: none; text-align: right; }
  .nk-size-guide.is-embedded .nk-size-guide-side { grid-column: 2; grid-row: 1; }
  .nk-size-guide.is-embedded .nk-guide-table-wrap { grid-column: 1; grid-row: 1; }
}