.icon {
   display:inline-block;
   width:1.25rem;
   height:1.25rem;
   stroke-width:0;
   stroke:currentColor;
   fill:currentColor;
   vertical-align:middle;
   flex-shrink:0;
}


.icon-sm {
   width:1rem;
   height:1rem;
}


.icon-lg {
   width:1.625rem;
   height:1.625rem;
}


.site-header {
   position:sticky;
   top:0;
   z-index:1000;
   width:100%;
   height:var(--header-height);
   background-color:var(--ground);
   border-bottom:1px solid var(--line);
   transition:background-color var(--dur-base) var(--ease-standard),
                     border-color var(--dur-base) var(--ease-standard);
}


@supports (backdrop-filter: blur(12px)) {
   .site-header {
      background-color:rgba(222, 210, 188, 0.94);
      backdrop-filter:blur(12px);

      -webkit-backdrop-filter:blur(12px);
   }
}


.site-header-inner {
   height:100%;
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:var(--space-md);
}


.brand {
   display:inline-flex;
   align-items:center;
   text-decoration:none;
   min-height:44px;
}


.brand-logo {
   height:2.85rem;
   width:auto;
   display:block;
}


.brand:focus-visible {
   outline:2px solid var(--accent);
   outline-offset:4px;
}


.nav-toggle {
   display:inline-flex;
   align-items:center;
   justify-content:center;
   gap:var(--space-xs);
   min-height:44px;
   min-width:44px;
   padding:var(--space-2xs) var(--space-sm);
   background-color:transparent;
   color:var(--ink);
   border:1px solid var(--line);
   font-family:var(--nugi-672);
   font-size:var(--text-xs);
   font-weight:600;
   letter-spacing:var(--tracking-wider);
   text-transform:uppercase;
   cursor:pointer;
   transition:background-color var(--dur-fast) var(--ease-standard),
                     color var(--dur-fast) var(--ease-standard),
                     border-color var(--dur-fast) var(--ease-standard);
}


.nav-toggle:hover {
   background-color:var(--surface);
   border-color:var(--ink);
}


.nav-toggle:active {
   background-color:var(--surface-2);
   transform:translateY(1px);
}


.nav-toggle:focus-visible {
   outline:2px solid var(--accent);
   outline-offset:3px;
}


.nav-toggle[aria-expanded="true"] {
   background-color:var(--ink);
   color:var(--ground);
   border-color:var(--ink);
}


.nav-rail { display:none; }


@media (min-width: 1024px) {
   .cookie-banner {
      left:var(--rail-width);
      right:0;
      width:auto;
      margin-left:0;
   }


   html body .cookie-banner.cookie-banner {
      left:var(--rail-width);
      margin-left:0;
   }


   body > .cookie-banner.cookie-banner {
      left:var(--rail-width);
      margin-left:0;
   }


   .nav-rail {
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      position:fixed;
      top:var(--header-height);
      left:0;
      bottom:0;
      width:var(--rail-width);
      background-color:var(--ground);
      border-right:1px solid var(--line);
      z-index:900;
      padding:var(--space-md) var(--space-2xs);
      user-select:none;
   }


   .nav-rail-track {
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:var(--space-md);
   }


   .nav-rail-item {
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:6px;
      text-decoration:none;
      color:var(--ink-soft);
      padding:var(--space-2xs);
      width:100%;
      min-height:44px;
      justify-content:center;
      transition:color var(--dur-fast) var(--ease-standard);
   }


   .nav-rail-pip {
      width:8px;
      height:8px;
      background-color:transparent;
      border:1px solid var(--line);
      transition:background-color var(--dur-fast) var(--ease-standard),
                        border-color var(--dur-fast) var(--ease-standard),
                        transform var(--dur-fast) var(--ease-snappy);
   }


   .nav-rail-label {
      font-family:var(--nugi-672);
      font-size:0.65rem;
      font-weight:600;
      letter-spacing:var(--tracking-wider);
      text-transform:uppercase;
      text-align:center;
      line-height:1.1;
   }


   .nav-rail-item:hover { color:var(--ink); }


   .nav-rail-item:hover .nav-rail-pip {
      border-color:var(--ink);
      background-color:var(--surface-2);
   }


   .nav-rail-item:active .nav-rail-pip { transform:scale(0.9); }


   .nav-rail-item:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
   }


   .nav-rail-item[aria-current='page'] { color:var(--accent); }


   .nav-rail-item[aria-current='page'] .nav-rail-pip {
      background-color:var(--accent);
      border-color:var(--accent);
   }


   .nav-rail-foot {
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:var(--space-xs);
      font-family:var(--nugi-672);
      font-size:0.65rem;
      color:var(--ink-soft);
      text-align:center;
      line-height:1.2;
      padding-bottom:var(--space-xs);
   }


   .page-with-rail { margin-left:var(--rail-width); }
}


.menu-overlay {
   position:fixed;
   inset:0;
   z-index:1001;
   background-color:var(--ground);
   display:flex;
   flex-direction:column;
   overflow-y:auto;
   opacity:0;
   visibility:hidden;
   pointer-events:none;
   transition:opacity var(--dur-deliberate) var(--ease-standard),
                     visibility var(--dur-deliberate) var(--ease-standard);
}


.menu-overlay.is-active {
   opacity:1;
   visibility:visible;
   pointer-events:auto;
}


.menu-overlay-header {
   height:var(--header-height);
   border-bottom:1px solid var(--line);
   display:flex;
   align-items:center;
   justify-content:space-between;
   padding-inline:clamp(1rem, 0.8rem + 1vw, 2.5rem);
}


.menu-overlay-body {
   flex:1;
   display:grid;
   grid-template-columns:1fr;
   padding-inline:clamp(1rem, 0.8rem + 1vw, 2.5rem);
   padding-block:var(--space-xl);
   max-width:var(--page-max);
   margin-inline:auto;
   width:100%;
   gap:var(--space-xl);
}


@media (min-width: 840px) {
   .menu-overlay-body {
      grid-template-columns:1.2fr 0.8fr;
      align-items:center;
   }
}


.menu-nav-list {
   list-style:none;
   padding:0;
   margin:0;
   display:flex;
   flex-direction:column;
   gap:var(--space-xs);
}


.menu-nav-link {
   display:block;
   font-family:var(--nugi-253);

   font-size:clamp(1.85rem, 1.5rem + 2.5vw, 3.25rem);
   font-weight:700;
   line-height:1.15;
   color:var(--ink);
   text-decoration:none;
   padding-block:var(--space-2xs);
   border-bottom:1px solid transparent;
   transition:color var(--dur-fast) var(--ease-standard),
                     transform var(--dur-fast) var(--ease-standard);
}


.menu-nav-link:hover {
   color:var(--accent);
   transform:translateX(6px);
}


.menu-nav-link:active { transform:translateX(3px); }


.menu-nav-link:focus-visible {
   outline:2px solid var(--accent);
   outline-offset:4px;
}


.menu-nav-link[aria-current='page'] { color:var(--accent); }


.menu-aux-card {
   background-color:var(--surface);
   border:1px solid var(--line);
   padding:var(--space-md);
   display:flex;
   flex-direction:column;
   gap:var(--space-sm);
}


.btn {
   display:inline-flex;
   align-items:center;
   justify-content:center;
   gap:var(--space-xs);
   min-height:44px;
   height:44px;
   padding:0 var(--space-md);
   font-family:var(--nugi-672);
   font-size:var(--text-xs);
   font-weight:600;
   letter-spacing:var(--tracking-wider);
   text-transform:uppercase;
   text-decoration:none;
   cursor:pointer;
   border-radius:var(--radius-subtle);
   line-height:1.2;
   white-space:normal;
   text-align:center;
   box-sizing:border-box;
   transition:background-color var(--dur-fast) var(--ease-standard),
                     color var(--dur-fast) var(--ease-standard),
                     border-color var(--dur-fast) var(--ease-standard),
                     box-shadow var(--dur-fast) var(--ease-standard),
                     transform var(--dur-fast) var(--ease-snappy);
}


.btn-primary {
   background-color:var(--accent);
   color:var(--accent-ink);
   border:1px solid var(--accent);
}


.btn-primary:hover {
   background-color:#8C4E24;
   border-color:#8C4E24;
   color:var(--accent-ink);
   transform:translateY(-1px);
}


.btn-primary:active {
   background-color:#733F1C;
   border-color:#733F1C;
   transform:translateY(1px);
}


.btn-sm {
   min-height:44px;
   height:44px;
}


.btn-primary:focus-visible {
   outline:2px solid var(--ink);
   outline-offset:3px;
}


.btn-secondary {
   background-color:transparent;
   color:var(--ink);
   border:1px solid var(--ink);
}


.btn-secondary:hover {
   background-color:var(--surface);
   border-color:var(--ink);
   color:var(--ink);
   transform:translateY(-1px);
}


.btn-secondary:active {
   background-color:var(--surface-2);
   transform:translateY(1px);
}


.btn-secondary:focus-visible {
   outline:2px solid var(--accent);
   outline-offset:3px;
}


.btn-ghost {
   background-color:transparent;
   color:var(--ink);
   border:1px solid var(--line);
}


.btn-ghost:hover {
   background-color:var(--surface);
   border-color:var(--ink);
   color:var(--ink);
}


.btn-ghost:active { background-color:var(--surface-2); }


.btn-ghost:focus-visible {
   outline:2px solid var(--accent);
   outline-offset:2px;
}


.btn-block { width:100%; }


.badge {
   display:inline-flex;
   align-items:center;
   gap:0.35rem;
   padding:0.25rem 0.55rem;
   min-height:24px;
   background-color:var(--surface-2);
   border:1px solid var(--line);
   font-family:var(--nugi-672);
   font-size:var(--text-xs);
   font-weight:600;
   text-transform:uppercase;
   letter-spacing:var(--tracking-wider);
   color:var(--ink);
}


.badge-accent {
   background-color:var(--accent);
   border-color:var(--accent);
   color:var(--accent-ink);
}


.badge-subtle {
   background-color:transparent;
   border-color:var(--line);
   color:var(--ink-soft);
}


.card {
   background-color:var(--surface);
   border:1px solid var(--line);
   padding:clamp(1.25rem, 1rem + 1vw, 2rem);
   display:flex;
   flex-direction:column;
   position:relative;
   transition:border-color var(--dur-fast) var(--ease-standard),
                     transform var(--dur-fast) var(--ease-standard);
}


.card:hover { border-color:var(--ink); }


.card-service {
   gap:var(--space-sm);
   justify-content:space-between;
}


.card-service-meta {
   display:flex;
   justify-content:space-between;
   align-items:baseline;
   border-bottom:1px solid var(--line);
   padding-bottom:var(--space-xs);
   margin-bottom:var(--space-2xs);
}


.service-price {
   font-family:var(--nugi-672);
   font-size:var(--text-sm);
   font-weight:600;
   color:var(--ink);
}


.drawn-line-stage {
   position:relative;
   padding-left:clamp(1.75rem, 1.2rem + 1.8vw, 3rem);
   margin-bottom:clamp(2rem, 1.6rem + 2vw, 3.5rem);
}


.drawn-line-stage::before {
   content:'';
   position:absolute;
   left:5px;
   top:0;
   bottom:-3.5rem;
   width:2px;
   background-color:var(--line);
}


.drawn-line-stage:last-child::before { bottom:0; }


.drawn-line-marker {
   position:absolute;
   left:0;
   top:0.35rem;
   width:12px;
   height:12px;
   background-color:var(--ink);
   border:1px solid var(--ink);
   transition:background-color var(--dur-fast) var(--ease-standard),
                     transform var(--dur-fast) var(--ease-snappy);
}


.drawn-line-stage:hover .drawn-line-marker {
   background-color:var(--accent);
   border-color:var(--accent);
   transform:scale(1.15);
}


.stage-title {
   font-family:var(--nugi-253);
   font-size:var(--text-2xl);
   font-weight:700;
   margin-bottom:var(--space-2xs);
   color:var(--ink);
}


.stage-lede {
   color:var(--ink-soft);
   font-size:var(--text-base);
   margin-bottom:var(--space-xs);
}


.form-group {
   display:flex;
   flex-direction:column;
   gap:var(--space-3xs);
   margin-bottom:var(--space-sm);
}


.form-label {
   font-family:var(--nugi-672);
   font-size:var(--text-xs);
   font-weight:600;
   letter-spacing:var(--tracking-wider);
   text-transform:uppercase;
   color:var(--ink);
   display:flex;
   justify-content:space-between;
   align-items:baseline;
}


.form-label-hint {
   font-size:0.7rem;
   font-weight:400;
   color:var(--ink-soft);
   text-transform:none;
}


.form-input,
.form-select,
.form-textarea {
   width:100%;
   min-height:44px;
   height:44px;
   padding:0 var(--space-xs);
   background-color:var(--surface-2);
   border:1px solid var(--line);
   color:var(--ink);
   font-family:var(--nugi-528);
   font-size:var(--text-base);
   border-radius:var(--radius-subtle);
   box-sizing:border-box;
   transition:border-color var(--dur-fast) var(--ease-standard),
                     background-color var(--dur-fast) var(--ease-standard),
                     box-shadow var(--dur-fast) var(--ease-standard);
}


.form-textarea {
   min-height:110px;
   height:auto;
   padding:var(--space-xs);
   resize:vertical;
}


.form-input:hover,
.form-select:hover,
.form-textarea:hover { border-color:var(--ink-soft); }


.form-input:focus,
.form-select:focus,
.form-textarea:focus {
   outline:none;
   border-color:var(--accent);
   background-color:var(--ground);
   box-shadow:0 0 0 2px rgba(166, 94, 46, 0.2);
}


.form-input[aria-invalid="true"],
.form-select[aria-invalid="true"],
.form-textarea[aria-invalid="true"] {
   border-color:#A33A26;
   background-color:#EBD6CC;
}


.form-error {
   font-family:var(--nugi-672);
   font-size:var(--text-xs);
   color:#7A2515;
   display:none;
   margin-top:2px;
}


.form-group.has-error .form-error { display:block; }


.form-checkbox {
   display:flex;
   align-items:flex-start;
   gap:var(--space-xs);
   margin-block:var(--space-sm);
   font-size:var(--text-sm);
   color:var(--ink-soft);
}


.form-checkbox input[type="checkbox"] {
   width:18px;
   height:18px;
   min-width:18px;
   margin-top:3px;
   accent-color:var(--accent);
   cursor:pointer;
}


.form-checkbox input[type="checkbox"]:focus-visible {
   outline:2px solid var(--accent);
   outline-offset:2px;
}


.form-status {
   padding:var(--space-sm);
   border:1px solid var(--line);
   font-family:var(--nugi-672);
   font-size:var(--text-xs);
   display:none;
   margin-block-start:var(--space-sm);
}


.form-status.is-success {
   display:block;
   background-color:var(--surface);
   border-color:var(--ink);
   color:var(--ink);
}


.form-status.is-error {
   display:block;
   background-color:#EBD6CC;
   border-color:#A33A26;
   color:#7A2515;
}


.accordion-item { border-bottom:1px solid var(--line); }


.accordion-trigger {
   width:100%;
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:var(--space-sm);
   padding:var(--space-sm) 0;
   text-align:left;
   cursor:pointer;
   min-height:44px;
   font-family:var(--nugi-253);
   font-size:var(--text-lg);
   font-weight:700;
   color:var(--ink);
   transition:color var(--dur-fast) var(--ease-standard);
}


.accordion-trigger:hover { color:var(--accent); }


.accordion-trigger:focus-visible {
   outline:2px solid var(--accent);
   outline-offset:3px;
}


.accordion-trigger .accordion-icon {
   width:1.25rem;
   height:1.25rem;
   transition:transform var(--dur-base) var(--ease-standard);
}


.accordion-trigger[aria-expanded="true"] .accordion-icon { transform:rotate(180deg); }


.accordion-panel {
   padding-bottom:var(--space-md);
   color:var(--ink-soft);
   font-size:var(--text-base);
}


.accordion-panel[hidden] { display:none; }


.site-footer {
   background-color:var(--surface);
   border-top:1px solid var(--line);
   padding-top:clamp(2.5rem, 2rem + 3vw, 5rem);
   padding-bottom:var(--space-xl);
   margin-top:clamp(3rem, 2.5rem + 3.5vw, 6rem);
}


.footer-grid {
   display:grid;
   grid-template-columns:1fr;
   gap:var(--space-xl);
   margin-bottom:var(--space-xl);
}


@media (min-width: 768px) {
   .footer-grid { grid-template-columns:1.4fr 1fr 1fr; }
}


.footer-col {
   display:flex;
   flex-direction:column;
   gap:var(--space-xs);
}


.footer-col-title {
   font-family:var(--nugi-672);
   font-size:var(--text-xs);
   font-weight:600;
   letter-spacing:var(--tracking-wider);
   text-transform:uppercase;
   color:var(--ink);
   margin-bottom:var(--space-2xs);
}


.footer-nav {
   list-style:none;
   padding:0;
   margin:0;
   display:flex;
   flex-direction:column;
   gap:var(--space-2xs);
}


.footer-nav a {
   text-decoration:none;
   color:var(--ink-soft);
   font-size:var(--text-sm);
   display:inline-flex;
   align-items:center;
   min-height:28px;
}


@media (pointer: coarse) {
   .footer-nav a,
   .footer-legal-links a,
   .footer-col a.text-mono,
   .contact-method-value {
      min-height:44px;
      display:inline-flex;
      align-items:center;
   }
}


.footer-col .contact-item {
   display:flex;
   flex-direction:column;
   gap:4px;
   margin-bottom:var(--space-2xs);
}


.footer-col div > span.text-mono.text-xs {
   display:block;
   margin-bottom:4px;
   line-height:var(--leading-normal);
}


.footer-col div > a.text-mono {
   display:inline-block;
   line-height:var(--leading-normal);
}


.footer-nav a:hover { color:var(--accent); }


.footer-legal-bar {
   border-top:1px solid var(--line);
   padding-top:var(--space-md);
   display:flex;
   flex-direction:column;
   gap:var(--space-sm);
   font-family:var(--nugi-672);
   font-size:var(--text-xs);
   color:var(--ink-soft);
}


@media (min-width: 840px) {
   .footer-legal-bar {
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
   }
}


.footer-legal-links {
   display:flex;
   flex-wrap:wrap;
   gap:var(--space-sm);
   list-style:none;
   padding:0;
   margin:0;
}


.footer-legal-links a {
   color:var(--ink-soft);
   text-decoration:underline;
   text-underline-offset:2px;
   min-height:24px;
   display:inline-flex;
   align-items:center;
}


.footer-legal-links button {
   min-height:44px !important;
   display:inline-flex;
   align-items:center;
}


.footer-legal-links a:hover { color:var(--accent); }


.cookie-banner {
   position:fixed;
   bottom:0;
   left:0;
   right:0;
   z-index:950;
   background-color:var(--surface);
   border-top:2px solid var(--line);
   padding:var(--space-xs) clamp(1rem, 0.8rem + 1vw, 2.5rem);
   box-shadow:var(--shadow-deep);
   display:none;
}


.cookie-banner.is-active { display:block; }


.cookie-banner-inner {
   max-width:var(--page-max);
   margin-inline:auto;
   display:flex;
   flex-direction:column;
   gap:var(--space-xs);
   align-items:flex-start;
}


@media (min-width: 768px) {
   .cookie-banner-inner {
      flex-direction:row;
      align-items:center;
      justify-content:space-between;
   }
}


.cookie-banner-text {
   font-size:var(--text-xs);
   color:var(--ink);
   line-height:var(--leading-snug);
   max-width:68ch;
   margin:0;
}


.cookie-banner-text a {
   color:var(--ink);
   font-weight:600;
   text-decoration:underline;
}


.cookie-banner-actions {
   display:flex;
   align-items:center;
   gap:var(--space-xs);
   flex-shrink:0;
}


.chat-widget {
   position:fixed;
   bottom:var(--space-md);
   right:var(--space-md);
   z-index:920;
}


.chat-launcher {
   display:inline-flex;
   align-items:center;
   justify-content:center;
   gap:var(--space-2xs);
   min-height:48px;
   min-width:48px;
   padding:var(--space-xs) var(--space-sm);
   background-color:var(--ink);
   color:var(--ground);
   border:1px solid var(--ink);
   border-radius:var(--radius-subtle);
   font-family:var(--nugi-672);
   font-size:var(--text-xs);
   font-weight:600;
   letter-spacing:var(--tracking-wider);
   text-transform:uppercase;
   cursor:pointer;
   box-shadow:var(--shadow-subtle);
   transition:background-color var(--dur-fast) var(--ease-standard),
                     border-color var(--dur-fast) var(--ease-standard),
                     transform var(--dur-fast) var(--ease-snappy),
                     box-shadow var(--dur-fast) var(--ease-standard);
}


.chat-launcher:hover {
   background-color:var(--accent);
   border-color:var(--accent);
   color:var(--accent-ink);
   transform:translateY(-2px);
   box-shadow:var(--shadow-flat);
}


.chat-launcher:active {
   background-color:#8C4E24;
   border-color:#8C4E24;
   transform:translateY(1px);
}


.chat-launcher:focus-visible {
   outline:2px solid var(--accent);
   outline-offset:3px;
}


.chat-launcher-badge {
   display:inline-flex;
   align-items:center;
   justify-content:center;
   min-width:18px;
   height:18px;
   padding:0 4px;
   background-color:var(--accent);
   color:var(--accent-ink);
   border-radius:9px;
   font-size:0.65rem;
   font-weight:700;
}


.chat-panel {
   position:fixed;
   bottom:calc(var(--space-md) + 54px);
   right:var(--space-md);
   width:min(380px, calc(100vw - 2rem));
   height:min(520px, calc(100vh - 120px));
   background-color:var(--ground);
   border:1px solid var(--line);
   box-shadow:var(--shadow-deep);
   display:flex;
   flex-direction:column;
   z-index:925;
   opacity:0;
   visibility:hidden;
   pointer-events:none;
   transform:translateY(10px);
   transition:opacity var(--dur-base) var(--ease-standard),
                     transform var(--dur-base) var(--ease-standard),
                     visibility var(--dur-base) var(--ease-standard);
}


.chat-panel.is-open {
   opacity:1;
   visibility:visible;
   pointer-events:auto;
   transform:translateY(0);
}


.chat-header {
   padding:var(--space-xs) var(--space-sm);
   background-color:var(--surface);
   border-bottom:1px solid var(--line);
   display:flex;
   align-items:center;
   justify-content:space-between;
}


.chat-header-title {
   font-family:var(--nugi-672);
   font-size:var(--text-xs);
   font-weight:600;
   letter-spacing:var(--tracking-wider);
   text-transform:uppercase;
   color:var(--ink);
}


.chat-close {
   min-height:36px;
   min-width:36px;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   cursor:pointer;
   color:var(--ink-soft);
   transition:color var(--dur-fast) var(--ease-standard);
}


.chat-close:hover { color:var(--accent); }


.chat-close:focus-visible { outline:2px solid var(--accent); }


.chat-body {
   flex:1;
   overflow-y:auto;
   padding:var(--space-sm);
   display:flex;
   flex-direction:column;
   gap:var(--space-xs);
}


.chat-msg {
   padding:var(--space-xs) var(--space-sm);
   border:1px solid var(--line);
   font-size:var(--text-sm);
   max-width:85%;
   line-height:var(--leading-snug);
}


.chat-msg-desk {
   align-self:flex-start;
   background-color:var(--surface);
   color:var(--ink);
}


.chat-msg-user {
   align-self:flex-end;
   background-color:var(--surface-2);
   border-color:var(--ink);
   color:var(--ink);
}


.chat-footer {
   padding:var(--space-xs);
   background-color:var(--surface);
   border-top:1px solid var(--line);
}


.chat-form {
   display:flex;
   gap:var(--space-2xs);
}


.chat-input {
   flex:1;
   min-height:40px;
   padding:var(--space-2xs) var(--space-xs);
   background-color:var(--surface-2);
   border:1px solid var(--line);
   color:var(--ink);
   font-size:var(--text-sm);
}


.chat-input:focus {
   outline:none;
   border-color:var(--accent);
}


.chat-send {
   min-height:40px;
   padding:0 var(--space-sm);
   background-color:var(--ink);
   color:var(--ground);
   font-family:var(--nugi-672);
   font-size:var(--text-xs);
   cursor:pointer;
   border:1px solid var(--ink);
   transition:background-color var(--dur-fast) var(--ease-standard);
}


.chat-send:hover {
   background-color:var(--accent);
   border-color:var(--accent);
   color:var(--accent-ink);
}


.chat-send:active { background-color:#8C4E24; }


.chat-send:focus-visible { outline:2px solid var(--accent); }