.nq-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;padding:.72rem 1.05rem;border:1px solid transparent;border-radius:12px;font-size:.92rem;font-weight:800;line-height:1.1;text-decoration:none;transition:transform .16s var(--nq-ease),background .16s,color .16s,border-color .16s}.nq-button:hover{transform:translateY(-1px)}.nq-button--primary{color:var(--nq-accent-ink);background:var(--nq-creme)}.nq-button--primary:hover{background:#b38a68}.nq-button--dark{color:var(--nq-surface);background:var(--nq-inkwell)}.nq-button--dark:hover{background:var(--nq-lunar)}.nq-button--secondary{color:var(--nq-inkwell);border-color:var(--nq-line-strong);background:transparent}.nq-button--secondary:hover{background:var(--nq-surface)}.nq-button--light{color:var(--nq-inkwell);background:var(--nq-surface)}.nq-button--small{min-height:40px;padding:.55rem .82rem;font-size:.84rem}.nq-button[disabled],.nq-button[aria-disabled=true]{cursor:not-allowed;opacity:.55;transform:none}.nq-text-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:820;text-decoration-thickness:1.5px}.nq-card{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--nq-line);border-radius:var(--nq-radius-md);background:var(--nq-surface);box-shadow:var(--nq-shadow-sm)}.nq-card--flat{box-shadow:none}.nq-card--dark{color:var(--nq-surface);border-color:rgba(250,249,246,.14);background:var(--nq-lunar)}.nq-card--accent{border-color:rgba(162,123,91,.45);background:linear-gradient(145deg,#e7ded1,var(--nq-surface))}.nq-card>*+*{margin-top:.8rem}.nq-card h3{letter-spacing:-.025em}.nq-number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--nq-accent-ink);background:var(--nq-creme);font-size:.78rem;font-weight:900}.nq-pill{display:inline-flex;align-items:center;gap:.35rem;min-height:30px;padding:.3rem .65rem;border:1px solid var(--nq-line);border-radius:999px;color:var(--nq-lunar);background:rgba(250,249,246,.72);font-size:.76rem;font-weight:760}.nq-pill--success{color:var(--nq-success);border-color:rgba(53,95,80,.25);background:rgba(53,95,80,.08)}.nq-pill--accent{color:var(--nq-accent-ink);border-color:transparent;background:var(--nq-creme)}.nq-note{padding:1rem 1.1rem;border-left:4px solid var(--nq-creme);border-radius:0 var(--nq-radius-sm) var(--nq-radius-sm) 0;background:var(--nq-canvas-muted)}.nq-note--dark{color:var(--nq-surface);background:rgba(250,249,246,.08)}.nq-note strong{display:block;margin-bottom:.2rem}.nq-list{display:grid;gap:.75rem;list-style:none}.nq-list li{position:relative;padding-left:1.35rem}.nq-list li::before{content:"";position:absolute;left:0;top:.68em;width:7px;height:7px;border-radius:2px;background:var(--nq-creme)}.nq-step-list{display:grid;gap:1rem;counter-reset:nq-step}.nq-step-list li{display:grid;grid-template-columns:44px 1fr;gap:1rem;align-items:start;counter-increment:nq-step}.nq-step-list li::before{content:counter(nq-step,decimal-leading-zero);display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:var(--nq-au-lait);background:var(--nq-inkwell);font-size:.74rem;font-weight:900}.nq-divider-list>*{padding-block:1.2rem;border-bottom:1px solid var(--nq-line)}.nq-divider-list>*:first-child{padding-top:0}.nq-quote{padding:1.4rem;border-left:4px solid var(--nq-creme);background:var(--nq-canvas-muted);font-size:1.08rem}.nq-stat{padding-top:1rem;border-top:1px solid var(--nq-line)}.nq-stat strong{display:block;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.05em}.nq-status{display:flex;gap:.6rem;align-items:flex-start}.nq-status__mark{flex:0 0 auto;width:11px;height:11px;margin-top:.45rem;border-radius:3px;background:var(--nq-creme)}.nq-status--complete .nq-status__mark{background:var(--nq-success)}.nq-status--waiting .nq-status__mark{background:var(--nq-warning)}.nq-empty-state{padding:clamp(1.5rem,4vw,2.5rem);border:1px dashed var(--nq-line-strong);border-radius:var(--nq-radius-md);text-align:center;background:rgba(250,249,246,.55)}.nq-empty-state>*{margin-inline:auto}.nq-empty-state>*+*{margin-top:.7rem}.nq-faq details{border-top:1px solid var(--nq-line)}.nq-faq details:last-child{border-bottom:1px solid var(--nq-line)}.nq-faq summary{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 0;font-weight:820;cursor:pointer;list-style:none}.nq-faq summary::-webkit-details-marker{display:none}.nq-faq summary::after{content:"+";font-size:1.4rem;font-weight:500}.nq-faq details[open] summary::after{content:"−"}.nq-faq details p{padding:0 0 1.25rem;color:var(--nq-muted)}.nq-table-wrap{overflow:auto;border:1px solid var(--nq-line);border-radius:var(--nq-radius-md);background:var(--nq-surface)}.nq-table{width:100%;min-width:720px}.nq-table th,.nq-table td{padding:.85rem 1rem;border-bottom:1px solid var(--nq-line);text-align:left;vertical-align:top}.nq-table th{color:var(--nq-surface);background:var(--nq-inkwell);font-size:.8rem;letter-spacing:.04em}.nq-table tr:last-child td{border-bottom:0}.nq-breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;color:var(--nq-muted);font-size:.84rem}.nq-breadcrumbs a{font-weight:720}.nq-alert{padding:1rem 1.1rem;border:1px solid var(--nq-line);border-radius:var(--nq-radius-sm);background:var(--nq-surface)}.nq-alert--warning{border-color:rgba(118,87,47,.32);background:rgba(162,123,91,.1)}.nq-alert--error{color:var(--nq-danger);border-color:rgba(141,63,53,.3);background:rgba(141,63,53,.07)}.nq-alert--success{color:var(--nq-success);border-color:rgba(53,95,80,.28);background:rgba(53,95,80,.07)}


/* Component-level wrapping safeguards. */
.nq-card,
.nq-note,
.nq-quote,
.nq-step-list li,
.nq-button,
.nq-text-link,
.nq-pill {
  min-width: 0;
}

.nq-button,
.nq-text-link,
.nq-pill {
  max-width: 100%;
}

@media (max-width: 380px) {
  .nq-card {
    padding: 1.15rem;
    border-radius: 18px;
  }

  .nq-button {
    white-space: normal;
    text-align: center;
  }

  .nq-step-list li {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.75rem;
  }

  .nq-step-list li::before {
    width: 38px;
    height: 38px;
  }
}


/* Pill and label wrapping correction. */
.nq-pill {
  flex: 0 0 auto;
  white-space: normal;
  text-align: center;
}
