:root {
  --canvas: #f2efe6;
  --surface: #faf8f1;
  --ink: #183a2a;
  --ink-soft: #526459;
  --muted: #7b887c;
  --rule: #d5d9cb;
  --accent: #355b42;
  --accent-pale: #e2e8d8;
  --focus: #a8552a;
  --serif: Georgia, "Times New Roman", serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.55; }
a { color: inherit; }
button { font: inherit; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }

.skip-link { position: fixed; z-index: 20; top: 0; left: 1rem; padding: .65rem 1rem; background: var(--ink); color: white; transform: translateY(-120%); }
.skip-link:focus { transform: translateY(0); }
.site-header { width: min(1380px, calc(100% - 3rem)); min-height: 92px; margin: 0 auto; border-bottom: 1px solid var(--rule); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; }
.wordmark { display: inline-flex; align-items: center; gap: .65rem; text-decoration: none; font: 1.65rem/1 var(--serif); letter-spacing: -.04em; white-space: nowrap; }
.wordmark small { margin-left: .3rem; font: .52rem/1 var(--sans); letter-spacing: .18em; vertical-align: middle; }
.wordmark-mark { display: inline-grid; grid-template-columns: repeat(3, 5px); gap: 2px; align-items: end; width: 22px; height: 25px; padding: 3px; border: 1px solid var(--ink); border-radius: 50% 50% 45% 45%; }
.wordmark-mark i { display: block; background: var(--accent); border-radius: 3px; }
.wordmark-mark i:nth-child(1) { height: 7px; }.wordmark-mark i:nth-child(2) { height: 13px; }.wordmark-mark i:nth-child(3) { height: 9px; }
.site-nav { display: flex; align-items: center; gap: clamp(1rem, 2.4vw, 2rem); font-size: .78rem; }
.site-nav a { text-decoration: none; }.site-nav a:hover, .text-link:hover { text-decoration: underline; text-underline-offset: .28em; }

.hero, .products, .evidence-section, .closing { width: min(1180px, calc(100% - 3rem)); margin-inline: auto; }
.hero { min-height: min(650px, calc(100vh - 92px)); padding: clamp(5rem, 10vw, 9.5rem) 0 clamp(4rem, 8vw, 7rem); display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(270px, .68fr); gap: clamp(3rem, 10vw, 11rem); align-items: center; }
.eyebrow { margin: 0 0 1.4rem; color: var(--accent); font: 700 .66rem/1.4 var(--sans); letter-spacing: .17em; }.eyebrow span { color: #a5ad9c; padding-inline: .35rem; }
h1, h2, h3, p { margin-top: 0; } h1, h2, h3 { text-wrap: balance; }
h1 { max-width: 760px; margin-bottom: 1.65rem; font: 400 clamp(3.2rem, 7vw, 6.5rem)/.94 var(--serif); letter-spacing: -.065em; }
h1 em { color: #6f7d67; font-style: italic; } .lede { max-width: 620px; margin-bottom: 2.15rem; color: var(--ink-soft); font-size: clamp(1rem, 1.5vw, 1.15rem); }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.4rem; }.button { display: inline-flex; align-items: center; gap: .85rem; padding: .9rem 1.1rem; border: 1px solid var(--ink); border-radius: .25rem; font-size: .78rem; font-weight: 700; text-decoration: none; cursor: pointer; }.button-primary { background: var(--ink); color: white; }.button-primary:hover, .button-dark:hover { background: #2b5740; }.button-light { background: #f7f6ef; color: var(--ink); border-color: #f7f6ef; }.button-light:hover { background: #ffffff; }.text-link { font-size: .82rem; text-underline-offset: .3em; }.hero-note { max-width: 540px; margin: 2rem 0 0; color: var(--muted); font-size: .72rem; }

.hero-links { padding: 1.35rem 0 0; border-top: 1px solid var(--ink); }
.hero-links-label, .record-kicker, .panel-label { margin-bottom: 1.15rem; color: var(--muted); font-size: .64rem; font-weight: 700; letter-spacing: .13em; }
.hero-links ol { margin: 0; padding: 0; list-style: none; }
.hero-links li { border-top: 1px solid var(--rule); }
.hero-links li:first-child { border-top: 0; }
.hero-link-row { display: grid; grid-template-columns: 2.25rem 1fr; align-items: baseline; gap: .65rem; padding: 1.05rem 0; text-decoration: none; color: inherit; border-radius: .2rem; }
.hero-link-row:hover, .hero-link-row:focus-visible { background: var(--accent-pale); margin: 0 -.6rem; padding-inline: .6rem; }
.hero-link-num { color: #8e9888; font-size: .68rem; font-weight: 700; }
.hero-link-body strong { font-size: .92rem; }
.hero-link-desc { display: block; margin-top: .3rem; color: var(--ink-soft); font-size: .8rem; }

.section-intro { max-width: 700px; margin-bottom: 2.8rem; }
.section-intro h2, .evidence-heading h2, .closing h2 { margin-bottom: 0; font: 400 clamp(2.2rem, 4.5vw, 4.3rem)/1 var(--serif); letter-spacing: -.055em; }
.section-intro p { max-width: 620px; margin-top: 1rem; color: var(--ink-soft); font-size: 1.03rem; }

.products { padding: clamp(4.5rem, 9vw, 8rem) 0; border-top: 1px solid var(--rule); }
.product-kicker { margin-bottom: .7rem; color: var(--muted); font-size: .64rem; font-weight: 700; letter-spacing: .13em; }
.product-feature { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 1.75rem; margin-bottom: 1.25rem; padding: clamp(1.75rem, 3.5vw, 2.75rem); background: var(--ink); border: 1px solid var(--ink); box-shadow: 9px 9px 0 var(--accent-pale); }
.product-feature .product-kicker { color: #b6c6b7; }
.product-feature-body { max-width: 640px; }
.product-feature-body h3 { margin: .4rem 0 .8rem; color: #f7f6ef; font: 400 clamp(1.9rem, 3.2vw, 2.7rem)/1.05 var(--serif); letter-spacing: -.04em; }
.product-feature-body p { margin: 0; color: #d6dfcf; font-size: .98rem; max-width: 600px; }
.product-feature-body .product-note { margin-top: .9rem; color: #b6c6b7; font-size: .78rem; }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.product-card { padding: 1.75rem; border: 1px solid var(--rule); border-radius: .35rem; background: var(--surface); }
.product-card h3 { margin: .8rem 0 .6rem; font: 400 1.5rem/1.1 var(--serif); letter-spacing: -.03em; }
.product-card > p { margin-bottom: 1.1rem; color: var(--ink-soft); font-size: .88rem; }
.product-card-links { display: flex; flex-wrap: wrap; gap: 1rem .5rem; }

.evidence-section { padding: clamp(4.5rem, 9vw, 8rem) 0; border-top: 1px solid var(--rule); }.evidence-heading { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(230px, .62fr); gap: 3rem; align-items: end; margin-bottom: 2.5rem; }.evidence-heading > p { margin: 0; color: var(--ink-soft); font-size: .88rem; }
.record-shell { display: grid; grid-template-columns: minmax(210px, .54fr) minmax(0, 1.3fr); border: 1px solid var(--ink); background: var(--surface); box-shadow: 9px 9px 0 var(--accent-pale); }.record-meta { padding: clamp(1.5rem, 3vw, 2.6rem); background: var(--ink); color: #f7f6ef; }.record-meta h3 { margin-bottom: .65rem; font: 400 clamp(1.7rem, 3vw, 2.55rem)/1 var(--serif); letter-spacing: -.04em; }.record-meta > p:not(.record-kicker) { color: #d6dfcf; font-size: .88rem; }.record-meta dl { margin: 2.5rem 0 0; }.record-meta dl div { padding: .75rem 0; border-top: 1px solid #47614f; }.record-meta dt { color: #b6c6b7; font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; }.record-meta dd { margin: .2rem 0 0; font-size: .82rem; }
.record-viewer { min-width: 0; }.tablist { display: flex; gap: .2rem; padding: .8rem .8rem 0; border-bottom: 1px solid var(--rule); }.tablist button { position: relative; padding: .8rem 1rem; border: 0; background: transparent; color: var(--ink-soft); cursor: pointer; font-size: .75rem; }.tablist button[aria-selected="true"] { color: var(--ink); font-weight: 700; }.tablist button[aria-selected="true"]::after { position: absolute; right: 1rem; bottom: -1px; left: 1rem; height: 2px; background: var(--ink); content: ""; }.record-panel { min-height: 340px; padding: clamp(1.6rem, 4vw, 3rem); }.record-panel blockquote { margin: 1.8rem 0 0; }.record-panel blockquote p { max-width: 650px; font: 400 clamp(1.45rem, 2.8vw, 2.35rem)/1.18 var(--serif); letter-spacing: -.035em; }.record-panel blockquote footer { color: var(--muted); font-size: .7rem; }.source-footer { display: flex; gap: .55rem; align-items: center; margin-top: 2.2rem; padding-top: 1rem; border-top: 1px solid var(--rule); color: var(--ink-soft); font-size: .75rem; }.source-dot { width: .55rem; height: .55rem; border-radius: 50%; background: #7d996c; }.record-panel pre { overflow-x: auto; margin: 1.7rem 0 .8rem; padding: 1.25rem; background: #e7ecdf; border: 1px solid #d4dec9; color: #244331; font: .78rem/1.7 ui-monospace, SFMono-Regular, Consolas, monospace; }.panel-note { color: var(--muted); font-size: .72rem; }.review-list { display: grid; gap: 1.15rem; margin: 1.8rem 0 0; padding: 0; list-style: none; }.review-list li { display: grid; grid-template-columns: 1.6rem 1fr; gap: .7rem; }.check-mark { display: grid; place-items: center; width: 1.2rem; height: 1.2rem; margin-top: .2rem; border: 1px solid #769363; border-radius: 50%; color: #426c47; font-size: .7rem; }.review-list strong { font-size: .91rem; }.review-list p { margin: .2rem 0 0; color: var(--ink-soft); font-size: .8rem; }

.news-band { width: 100%; background: var(--accent-pale); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.news-inner { width: min(1180px, calc(100% - 3rem)); margin-inline: auto; padding: clamp(3rem, 6vw, 4.5rem) 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 2rem; }
.news-inner > div:first-child { max-width: 640px; }
.news-inner h2 { margin: .4rem 0 .6rem; font: 400 clamp(1.9rem, 3.5vw, 2.8rem)/1.05 var(--serif); letter-spacing: -.04em; }
.news-inner p { margin: 0; color: var(--ink-soft); }

.closing { padding: clamp(4.5rem, 9vw, 8rem) 0; }.closing h2 { max-width: 880px; }.closing > p:not(.eyebrow) { max-width: 590px; margin: 1.5rem 0 2rem; color: var(--ink-soft); }.button-dark { background: var(--ink); color: white; }
.closing-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.4rem; }
.site-footer { width: min(1380px, calc(100% - 3rem)); display: flex; justify-content: space-between; gap: 1rem; margin: 0 auto; padding: 1.35rem 0; border-top: 1px solid var(--rule); color: var(--muted); font-size: .68rem; }

@media (max-width: 800px) {
  .site-header { width: min(100% - 2rem, 1380px); min-height: 74px; flex-wrap: wrap; }
  .site-nav { width: 100%; justify-content: flex-start; gap: 1.5rem; padding-top: .4rem; }
  .hero, .products, .evidence-section, .closing { width: min(100% - 2rem, 1180px); }
  .hero { min-height: auto; grid-template-columns: 1fr; gap: 3.5rem; padding-top: 4.5rem; }
  .hero-links { max-width: 580px; }
  .evidence-heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .record-shell { grid-template-columns: 1fr; }
  .record-meta dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; margin-top: 1.7rem; }
  .record-meta dl div { padding: 0; border-top: 0; }
  .product-feature { align-items: flex-start; }
  .product-grid { grid-template-columns: 1fr; }
  .news-inner { flex-direction: column; align-items: flex-start; }
  .site-footer { width: min(100% - 2rem, 1380px); flex-direction: column; }
}
@media (max-width: 480px) {
  .wordmark { font-size: 1.42rem; }
  .hero { padding-top: 3.3rem; }
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .record-meta dl { grid-template-columns: 1fr; }
  .tablist { overflow-x: auto; }
  .tablist button { white-space: nowrap; }
  .record-panel { min-height: 310px; }
  .closing-actions { flex-direction: column; align-items: flex-start; gap: 1rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.guth-public-header .guth-nav-toggle{color:#fff;background:#153c29}
:root[data-appearance="dark"] {
  color-scheme: dark;
  --canvas: #161915;
  --surface: #20251e;
  --sidebar: #1b201a;
  --ink: #f0ecdf;
  --ink-soft: #aeb7a8;
  --muted: #aeb7a8;
  --rule: #333b2f;
  --accent: #b8d0b2;
  --accent-pale: #293027;
  --focus: #d0e7c4;
  --on-accent: #153c29;
  --accent-hover: #c9dec3;
}

.guth-public-header [hidden] { display: none !important; }
.guth-home-workspace {
  grid-column: 1 / -1;
  display: block;
  width: 100%;
  min-width: 0;
}
/* Signed in: the header becomes the full-width workspace bar used by Chat and Mail. */
.guth-public-header[data-workspace-state="signed-in"] { max-width: none; min-height: 0; margin: 0; padding: 0; display: block; border-bottom: 0; background: transparent; }
.guth-home-workspace .guth-workspace-topbar { width: 100%; }
.guth-home-workspace .guth-home-wordmark { gap: 12px; margin: 0; font: 29px/1 Georgia, 'Times New Roman', serif !important; color: var(--workspace-topbar-text); }
.guth-home-workspace .guth-home-wordmark img { width: 36px; height: 36px; object-fit: contain; }
.guth-home-workspace .guth-home-wordmark small { display: none; }
/* The homepage has no rail, so the Guth wordmark stays in the bar on wide screens. */
.guth-home-workspace .guth-workspace-topbar[data-workspace-topbar] > .guth-workspace-topbar__leading { display: flex; }
.guth-home-workspace .guth-workspace-topbar[data-workspace-topbar] .guth-workspace-topbar__leading > a.guth-home-wordmark { height: auto; min-height: 0; padding: 0; border: 0; background: transparent; }
.guth-home-workspace .guth-workspace-topbar__actions > .guth-home-menus { display: flex; align-items: center; gap: .15rem; height: auto; padding: 0; border: 0; }
.guth-home-workspace .guth-home-menus > a, .guth-home-workspace .guth-home-menus summary { font-weight: 500; display: inline-flex; align-items: center; height: 40px; padding: 0 .7rem; border-radius: 9px; color: var(--workspace-topbar-muted); text-decoration: none; white-space: nowrap; cursor: pointer; list-style: none; }
.guth-home-menus summary::-webkit-details-marker { display: none; }
.guth-home-menus summary::after { content: '⌄'; margin-left: 6px; font-size: 11px; }
.guth-home-menus > a:hover, .guth-home-menus summary:hover, .guth-home-menus details[open] > summary { background: var(--workspace-topbar-raised); color: var(--workspace-topbar-text); }
.guth-home-menus .guth-nav-popover { top: calc(100% + 6px); left: 0; background: var(--workspace-topbar-surface); border-color: var(--workspace-topbar-border); color: var(--workspace-topbar-text); }
.guth-home-menus .guth-nav-popover a { color: var(--workspace-topbar-text); }
.guth-home-menus .guth-nav-popover a:hover { background: var(--workspace-topbar-raised); }
.guth-home-workspace .guth-workspace-topbar[data-theme="dark"] { --workspace-topbar-surface: #161915; --workspace-topbar-border: #333b2f; --workspace-topbar-text: #f0ecdf; --workspace-topbar-muted: #b7b8aa; --workspace-topbar-raised: #293027; --workspace-topbar-focus: #d0e7c4; color: #f0ecdf; }
:root .guth-home-workspace .guth-workspace-topbar[data-theme="light"] { --workspace-topbar-surface: #fffdf7; }
/* Align with the app controls without drawing a disconnected sidebar tile. */
@media (min-width: 761px) {
  .guth-home-workspace .guth-workspace-topbar[data-workspace-topbar] > .guth-workspace-topbar__leading {
    box-sizing: border-box;
    flex: 0 0 236px;
    height: 63px;
    padding: 0 26px;
    margin-left: calc(-1 * clamp(.75rem, 1.6vw, 1.25rem));
    margin-right: calc(clamp(.75rem, 1.6vw, 1.25rem) - .6rem);
    background: transparent;
    border: 0;
  }
  .guth-home-workspace .guth-workspace-topbar[data-workspace-topbar] .guth-workspace-topbar__leading > a.guth-home-wordmark { transform: translateY(.5px); }
}
/* A signed-in visitor enters from the app bar: keep the landing content close. */
body:has(.guth-public-header[data-workspace-state="signed-in"]) .hero {
  min-height: auto;
  padding-top: clamp(3rem, 5vw, 5rem);
  padding-bottom: clamp(3rem, 5vw, 5rem);
}
/* Light is also the first-visit/signed-out fallback, before any theme script. */
:root:not([data-appearance="dark"]) {
  color-scheme: light;
  --canvas: #fffdf7;
  --surface: #f0f1e9;
  --sidebar: #eeeee5;
  --ink: #233127;
  --ink-soft: #64715e;
  --muted: #5c6e5e;
  --rule: #d8ddcf;
  --accent: #153c29;
  --accent-pale: #e3e8dd;
  --focus: #285837;
  --on-accent: #fffdf7;
  --accent-hover: #244e37;
}
/* Same semantic surfaces and action colors as Notebook, Mail, and Messages. */
:root .product-feature,
:root .product-card {
  background: var(--surface);
  color: var(--ink);
  border-color: var(--rule);
  box-shadow: none;
}
:root .product-feature-body h3 { color: var(--ink); }
:root .product-feature-body p,
:root .product-feature .product-kicker,
:root .product-feature-body .product-note { color: var(--muted); }
:root .record-shell {
  background: var(--canvas);
  border-color: var(--rule);
  box-shadow: none;
}
:root .record-meta { background: var(--sidebar); color: var(--ink); }
:root .record-meta > p:not(.record-kicker),
:root .record-meta .record-kicker,
:root .record-meta dt { color: var(--muted); }
:root .record-meta dl div { border-color: var(--rule); }
:root .record-panel pre { background: var(--surface); border-color: var(--rule); color: var(--ink); }
:root .news-band { background: var(--canvas); }
:root h1 em,
:root .eyebrow span,
:root .hero-link-num { color: var(--muted); }
:root .hero-links { border-top: 0; }
:root .source-dot { background: var(--accent); }
:root .check-mark { color: var(--accent); border-color: var(--accent); }
:root :is(.button-primary, .button-dark, .button-light) {
  background: var(--accent);
  color: var(--on-accent);
  border-color: var(--accent);
}
:root :is(.button-primary, .button-dark, .button-light):hover {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
}
:root:not([data-appearance="dark"]) .guth-public-header,
:root:not([data-appearance="dark"]) .guth-contact-dialog {
  --guth-canvas: #fffdf7;
  --guth-surface: #fffdf7;
  --guth-ink: #233127;
  --guth-primary: #153c29;
  --guth-rule: #d8ddcf;
  --guth-sage: #64715e;
}
@media (max-width: 1100px) { .guth-home-workspace .guth-home-menus > a { display: none; } }
/* Narrow screens keep the Mail/Chat order: service menu and account controls, then search. */
@media (max-width: 1100px) { .guth-home-workspace .guth-workspace-topbar[data-workspace-topbar] > .guth-workspace-topbar__actions { display: none; } }
@media (min-width: 761px) and (max-width: 1000px) { .guth-home-workspace .guth-workspace-topbar[data-workspace-topbar] > guth-workspace-search { min-width: 8rem; } }
@media (max-width: 760px) { .guth-home-workspace .guth-workspace-topbar[data-workspace-topbar] > .guth-workspace-topbar__leading { display: none; } }
.guth-home-workspace-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 620px) {
  .guth-home-workspace { min-width: 0; }
}

/* Production contrast and canonical-navigation integration. */
:root{--muted:#5c6e5e} .record-meta .record-kicker{color:#c8d8c9} .guth-public-header{position:relative;z-index:30} .site-footer nav{display:flex;flex-wrap:wrap;gap:.5rem} .closing .text-link{display:inline-block;margin:1rem} .record-panel[hidden]{display:none}

.guth-home-ask-link {
  border-color: var(--accent);
  background: transparent;
  color: var(--accent);
}
.guth-home-ask-link:hover { background: var(--accent-pale); border-color: var(--accent); }
.guth-home-ask-link:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.hero-actions .guth-hero-contact {
  appearance: none;
  border: 0;
  padding: .35rem 0;
  background: transparent;
  color: var(--ink);
  font: 600 .82rem/1.4 system-ui, sans-serif;
  text-decoration: underline;
  text-underline-offset: .28em;
  cursor: pointer;
}
.hero-actions .guth-hero-contact:hover { color: var(--accent); }
.hero-actions .guth-hero-contact:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.guth-chat-panel.guth-home-chat-panel {
  width: min(480px, calc(100vw - 24px));
  height: min(690px, calc(100dvh - 24px));
  max-height: calc(100dvh - 24px);
  background: var(--canvas);
  color: var(--ink);
  border-color: var(--rule);
  font: 14px/1.45 system-ui, sans-serif;
}
.guth-home-chat-panel .guth-chat-panel__toolbar { border-color: var(--rule); }
.guth-home-chat-panel .guth-chat-panel__toolbar button { border-color: var(--rule); color: var(--ink); }
.guth-home-chat-panel :is(button, textarea):focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.guth-home-chat-panel__intro { margin: 0; padding: .7rem 1rem; color: var(--muted); font-size: 13px; }
.guth-home-chat-panel__log { display: flex; flex: 1; flex-direction: column; gap: .75rem; min-height: 0; margin: 0; padding: 1rem; overflow-y: auto; list-style: none; border-block: 1px solid var(--rule); }
.guth-home-chat-panel__message { max-width: 92%; padding: .65rem .8rem; border: 1px solid var(--rule); border-radius: 12px; background: var(--surface); overflow-wrap: anywhere; }
.guth-home-chat-panel__message--user { align-self: flex-end; background: var(--accent-pale); }
.guth-home-chat-panel__message strong { display: block; margin-bottom: .2rem; font-size: 12px; }
.guth-home-chat-panel__message p { margin: 0; white-space: pre-wrap; }
.guth-home-chat-panel__prompts { display: flex; gap: .4rem; flex-wrap: wrap; max-height: 112px; overflow-y: auto; padding: .7rem 1rem; border-bottom: 1px solid var(--rule); }
.guth-home-chat-panel__prompts button { min-height: 32px; padding: .3rem .6rem; border: 1px solid var(--rule); border-radius: 999px; background: var(--surface); color: var(--ink); font: 12px/1.2 system-ui, sans-serif; cursor: pointer; }
.guth-home-chat-panel__prompts button:hover { border-color: var(--accent); background: var(--accent-pale); }
.guth-home-chat-panel__form { display: grid; gap: .4rem; padding: .75rem 1rem .25rem; }
.guth-home-chat-panel__form label { font-weight: 600; font-size: 12px; }
.guth-home-chat-panel__form textarea { box-sizing: border-box; width: 100%; min-height: 60px; max-height: 140px; resize: vertical; padding: .55rem .65rem; border: 1px solid var(--rule); border-radius: 8px; background: var(--surface); color: var(--ink); font: inherit; }
@media (max-width: 768px) { .guth-home-chat-panel__form textarea { font-size: 16px; } }
.guth-home-chat-panel__form-footer { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.guth-home-chat-panel__form-footer small { color: var(--muted); font-size: 11px; }
.guth-home-chat-panel__form-footer button {
  padding: .55rem .9rem;
  border: 1px solid var(--accent);
  border-radius: 8px;
  background: var(--accent);
  color: var(--on-accent);
  font: 600 13px/1.3 system-ui, sans-serif;
  cursor: pointer;
}
.guth-home-chat-panel__form-footer button:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
.guth-home-chat-panel button:disabled { opacity: .6; cursor: wait; }
.guth-home-chat-panel__status { min-height: 1.25rem; margin: 0; padding: .15rem 1rem .7rem; color: var(--muted); font-size: 12px; }
@media (max-width: 480px) {
  .guth-chat-panel.guth-home-chat-panel { width: calc(100vw - 16px); height: calc(100dvh - 16px); max-height: calc(100dvh - 16px); margin: 8px; }
}