/* Product shell shared by Chat, Track, Profile and their existing detail screens.
   Matches the inspected v0.2 prototype: warm canvas, white rounded surfaces,
   black primary actions and quiet coral emphasis. */
.gs-product-layout {
  --font-display:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --font-body:var(--font-display);
  --gs-sand:#f6f3ed;
  --gs-warm-cream:#f6f3ed;
  --gs-sand-light:#eeece6;
  --gs-card:#fff;
  --gs-card-elevated:#f6f3ed;
  --gs-border:#dcddd7;
  --gs-divider:#dcddd7;
  --gs-text-primary:#10110f;
  --gs-text-secondary:#555950;
  --gs-text-muted:#62665e;
  --gs-text-hint:#62665e;
  --gs-coral:#d93a3e;
  --gs-coral-deep:#b72f33;
  --gs-coral-light:#f4cdcb;
  --gs-coral-glow:#fde9e7;
  --gs-nav-bg:#fff;
  --gs-nav-active:#fde9e7;
  --gs-product-action:#10110f;
  --gs-product-on-action:#fff;
  --gs-page-px:18px;
  --gs-radius-lg:24px;
  --gs-radius-md:14px;
  font-family:var(--font-body);
  line-height:1.5;
}
.gs-product-layout .gs-app-shell { background:var(--gs-sand)!important; }
.gs-product-layout .gs-app-header {
  background:var(--gs-sand)!important;
  border-bottom:0!important;
  padding-top:calc(14px + env(safe-area-inset-top))!important;
  padding-bottom:14px!important;
}
.gs-product-layout .gs-app-header-title {
  color:var(--gs-text-primary);
  font-size:var(--gs-type-page-title-size);
  line-height:var(--gs-type-page-title-line);
  letter-spacing:-1px;
  font-weight:700;
}
.gs-product-header-subtitle {
  margin:4px 0 0;
  font-size:var(--gs-type-caption-size);
  line-height:var(--gs-type-caption-line);
  color:var(--gs-text-secondary);
}
.gs-product-layout .gs-app-avatar {
  background:var(--gs-product-action);
  color:var(--gs-product-on-action);
  border-color:transparent;
  width:44px;
  height:44px;
}
.gs-product-layout .gs-app-header > div > div:last-child > a {
  border-color:transparent!important;
  background:transparent!important;
}
.gs-product-layout .gs-card {
  border-radius:26px!important;
  padding:20px!important;
  margin-bottom:14px!important;
  box-shadow:none;
}
.gs-product-hub .gs-card-title { font-size:calc(var(--gs-type-card-title-size) + 4px); line-height:1.3; }
.gs-product-layout .gs-button {
  min-height:44px;
  border-radius:14px!important;
  font-weight:600;
}
.gs-product-layout .gs-button--primary {
  background:var(--gs-product-action)!important;
  color:var(--gs-product-on-action)!important;
}
.gs-product-hub { padding-top:20px; }
.gs-product-hub .gs-tab-inactive { --gs-segment-tab-inactive-bg:var(--gs-card); }
.gs-product-hub .gs-scrollbar-hide { padding-bottom:12px!important; }
.gs-product-hub .gs-tab-active,
.gs-product-hub .gs-tab-inactive {
  min-height:44px;
  border-radius:14px!important;
  border:1px solid var(--gs-border)!important;
  background:var(--gs-card);
  color:var(--gs-text-secondary);
}
.gs-product-hub .gs-tab-active {
  --gs-coral:var(--gs-coral-glow);
  --gs-on-coral:var(--gs-coral-deep);
  background:var(--gs-coral-glow);
  border-color:var(--gs-coral-light)!important;
  color:var(--gs-coral-deep);
}
.gs-copilot-intro { margin-bottom:18px!important; }
.gs-product-kicker {
  display:inline-flex;
  padding:5px 10px;
  border-radius:30px;
  background:var(--gs-coral-glow);
  color:var(--gs-coral-deep);
  font-size:var(--gs-type-caption-size);
  line-height:var(--gs-type-caption-line);
  font-weight:500;
}
.gs-copilot-intro h2 {
  margin:18px 0 10px;
  font-size:calc(var(--gs-type-section-title-size) + 4px);
  line-height:1.15;
  letter-spacing:-.8px;
  font-weight:700;
  color:var(--gs-text-primary);
}
.gs-copilot-intro p {
  margin:0 0 24px;
  font-size:var(--gs-type-body-size);
  line-height:var(--gs-type-body-line);
  color:var(--gs-text-secondary);
}
.gs-product-quick-grid { gap:10px; }
.gs-product-layout .gs-quick-add-item {
  min-height:112px;
  border-radius:20px!important;
  background:var(--gs-card)!important;
  gap:10px!important;
}
.gs-product-layout .gs-quick-add-item > div { border-radius:50%!important; }
.gs-product-layout .gs-quick-add-item .gs-caption { font-size:13px; font-weight:500; }
.gs-product-layout .gs-row-separator { padding-top:14px!important; padding-bottom:14px!important; }
.gs-product-layout .gs-row-separator > div:first-child { border-radius:14px!important; }
.gs-product-layout .gs-row-subtitle { white-space:normal; }
.gs-product-profile { padding-top:12px; }
.gs-product-profile .gs-group-label {
  color:var(--gs-text-primary);
  font-size:var(--gs-type-section-title-size);
  line-height:var(--gs-type-section-title-line);
  letter-spacing:-.3px;
  text-transform:none;
  font-weight:600;
  margin-bottom:10px;
}
.gs-product-profile .gs-profile-identity { padding:22px!important; }
.gs-product-profile .gs-profile-name { font-size:calc(var(--gs-type-profile-name-size) + 4px); letter-spacing:-.5px; }
.gs-product-layout .gs-form-section { background:var(--gs-card); border-radius:24px; padding:18px; }
.gs-product-layout .gs-form-section-inner { background:var(--gs-sand); border-radius:16px; }
.gs-product-layout .gs-form-input { border-radius:12px; min-height:44px; background:var(--gs-card); }
.gs-product-layout .gs-form-section-heading { border-bottom:0; padding-bottom:0; }
.gs-product-layout .gs-choice-chip { border-radius:14px; min-height:44px; }
.gs-product-layout .gs-tracker-sticky-header {
  background:var(--gs-sand);
  border-bottom:1px solid var(--gs-border);
  border-radius:16px;
  color:var(--gs-text-primary);
  z-index:10;
}
.gs-product-layout .gs-tracker-sticky-header h1 { font-size:16px; }
.gs-product-layout .gs-tracker-sticky-header a { color:var(--gs-text-secondary); }
.dark .gs-product-layout {
  --gs-sand:#191a17;
  --gs-warm-cream:#191a17;
  --gs-sand-light:#2d2f29;
  --gs-card:#23251f;
  --gs-card-elevated:#2d2f29;
  --gs-border:#41443b;
  --gs-divider:#41443b;
  --gs-text-primary:#f3f4ed;
  --gs-text-secondary:#cccec4;
  --gs-text-muted:#b2b6a8;
  --gs-text-hint:#b2b6a8;
  --gs-coral:#ff8985;
  --gs-coral-deep:#ffaaa5;
  --gs-coral-light:#67443e;
  --gs-coral-glow:#402925;
  --gs-nav-bg:#23251f;
  --gs-nav-active:#402925;
  --gs-product-action:#f3f4ed;
  --gs-product-on-action:#191a17;
}

.gs-product-layout .gs-product-embedded-header { display:none; }

.gs-product-detail-layout .gs-app-header-title {
  font-size:var(--gs-type-section-title-size);
  line-height:var(--gs-type-section-title-line);
  letter-spacing:-.4px;
}

/* Default product hubs follow the reference hierarchy; full libraries remain
   available on their existing routes and in accessible bottom sheets. */
.gs-product-intro { margin:18px 0 24px; }
.gs-product-intro h2 { font-size:28px;line-height:1.15;letter-spacing:-1px;font-weight:700;color:var(--gs-text-primary);margin:0 0 10px; }
.gs-product-intro p,.gs-product-section-heading p { margin:4px 0 0;color:var(--gs-text-secondary);font-size:16px;line-height:1.5; }
.gs-product-section-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px; }
.gs-product-section-heading h2,.gs-product-additional h2 { font-size:20px;line-height:1.25;letter-spacing:-.5px;color:var(--gs-text-primary);font-weight:650;margin:0; }
.gs-product-text-link { color:var(--gs-green,#2f6b55);font-size:14px;white-space:nowrap;text-decoration:none; }
.gs-product-carousel { margin:0 calc(-1 * var(--gs-page-px)); }
.gs-product-carousel-rail { position:relative;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gs-page-px);padding:0 var(--gs-page-px);scrollbar-width:none;overscroll-behavior-x:contain; }
.gs-product-carousel-rail::-webkit-scrollbar { display:none; }
.gs-product-carousel-slide { flex:0 0 calc(100% - 20px);min-width:0;scroll-snap-align:start; }
.gs-product-carousel-slide:only-child { flex-basis:100%; }
.gs-product-carousel-controls { display:flex;justify-content:center;align-items:center;gap:24px;padding:14px 0 22px;color:var(--gs-text-secondary); }
.gs-product-carousel-controls > button { width:44px;height:44px;display:grid;place-items:center; }
.gs-product-carousel-controls output { display:block;text-align:center;font-size:12px; }
.gs-product-carousel-dots { display:flex;justify-content:center;gap:5px;margin-top:8px; }
.gs-product-carousel-dots button { width:7px;height:7px;background:var(--gs-border);border-radius:99px; }
.gs-product-carousel-dots button[aria-current=true] { background:var(--gs-coral);width:18px; }
.gs-evidence-card { background:var(--gs-card);border:1px solid var(--gs-border);border-radius:28px;padding:20px 18px 24px;min-height:560px;display:flex;flex-direction:column;align-items:center;height:100%;text-align:center; }
.gs-product-meta { display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:12px; }
.gs-product-meta > span { display:flex;align-items:center;gap:6px; }
.gs-product-meta > span:last-child { max-width:48%;text-align:right; }
.gs-product-kicker { gap:5px;align-items:center; }
.gs-product-question { width:100%;padding:16px;background:var(--gs-coral-glow);border-radius:18px;text-align:left;margin:16px 0 20px; }
.gs-product-question > span { font-size:11px;text-transform:uppercase;color:var(--gs-coral-deep);letter-spacing:.6px; }
.gs-product-question p { margin:6px 0 0;font-size:16px;font-weight:600;line-height:1.35;color:var(--gs-text-primary); }
.gs-product-steps { display:flex;width:100%;justify-content:center;margin:0 0 22px; }
.gs-product-steps > div { position:relative;flex:1;max-width:110px;display:flex;flex-direction:column;align-items:center;gap:10px; }
.gs-product-steps > div:not(:last-child)::after { content:"";position:absolute;left:calc(50% + 25px);right:calc(-50% + 25px);height:3px;background:var(--gs-border);top:21px; }
.gs-product-step-icon { display:grid;place-items:center;border-radius:50%;background:var(--gs-sand-light);width:44px;height:44px;color:var(--gs-text-secondary); }
.gs-product-step-icon.is-first { background:var(--gs-coral);color:var(--gs-on-coral); }
.gs-product-steps small { font-size:12px;line-height:1.3;color:var(--gs-text-primary); }
.gs-evidence-card h2 { font-size:24px;font-weight:700;letter-spacing:-.7px;line-height:1.2;color:var(--gs-text-primary);margin:0 0 10px; }
.gs-evidence-description { font-size:16px;line-height:1.5;margin:0 0 14px; }
.gs-evidence-note { display:flex;align-items:flex-start;gap:8px;border-top:1px solid var(--gs-border);padding-top:14px;color:var(--gs-green,#2f6b55);font-size:15px;line-height:1.45;margin:0 0 18px;width:100%; }
.gs-evidence-note svg { flex-shrink:0;margin-top:3px; }
.gs-evidence-action { margin-top:auto;padding-top:16px; }
.gs-product-additional { margin:22px 0 28px; }
.gs-product-additional > p { font-size:14px;margin:5px 0 14px; }
.gs-product-shortcuts { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.gs-product-shortcuts a { border:1px solid var(--gs-border);border-radius:16px;background:var(--gs-card);min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:14px;color:var(--gs-text-primary); }
.gs-product-library-button { display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;background:var(--gs-card);border:1px solid var(--gs-border);border-radius:14px;margin-top:12px;font-weight:600;color:var(--gs-text-primary); }
.gs-product-library-button span { color:var(--gs-text-secondary);font-weight:400; }
.gs-product-library-button svg:last-child { margin-left:auto; }
.gs-product-library-button svg:first-child { margin-left:16px; }
.gs-product-library-button svg:last-child { margin-right:14px; }
.gs-product-recent { border:1px solid var(--gs-border);background:var(--gs-card);border-radius:22px;padding:0 14px; }
.gs-product-empty-copy { padding:24px 18px;background:var(--gs-card);border:1px solid var(--gs-border);border-radius:20px;font-size:14px; }
.gs-care-product-home,.gs-care-detail,.gs-product-track-home { padding-top:2px; }
.gs-care-support-card { border-radius:26px;padding:22px 20px;background:var(--gs-coral-glow);height:100%;min-height:246px;display:flex;align-items:flex-start;flex-direction:column; }
.gs-care-support-card h2 { margin:16px 0 10px;font-size:24px;line-height:1.2;letter-spacing:-.6px;font-weight:700;color:var(--gs-text-primary); }
.gs-care-support-card p { font-size:16px;line-height:1.45;margin:0 0 20px; }
.gs-care-support-card .gs-button { margin-top:auto; }
.gs-care-destinations { margin:24px 0; }
.gs-care-destinations > h2 { font-size:13px;font-weight:600;margin-bottom:12px; }
.gs-care-destination { display:flex;align-items:center;gap:14px;border:1px solid var(--gs-border);background:var(--gs-card);border-radius:22px;padding:16px 14px;margin-bottom:10px;color:var(--gs-text-primary);text-decoration:none; }
.gs-product-icon-well { width:48px;height:48px;border-radius:16px;background:var(--gs-sand-light);display:grid;place-items:center;flex-shrink:0;color:var(--gs-text-secondary); }
.gs-care-destination > span:nth-child(2) { flex:1;min-width:0; }
.gs-care-destination strong { font-size:18px;letter-spacing:-.4px;display:block;font-weight:650;line-height:1.25; }
.gs-care-destination > span > span { display:block;color:var(--gs-text-secondary);font-size:15px;line-height:1.4;margin-top:4px; }
.gs-care-destination > svg { flex-shrink:0; }
.gs-care-detail .gs-care-list-shell { border-radius:24px;background:var(--gs-card);border:1px solid var(--gs-border);padding:8px 14px; }
.gs-care-detail .gs-row-title,.gs-care-detail .gs-row-subtitle { white-space:normal; }
.gs-care-saved-visit { margin-bottom:22px; }
.gs-care-saved-visit .gs-section-title { margin-bottom:12px; }
.gs-product-layout .gs-product-sheet { background:var(--gs-card)!important;border-radius:28px 28px 0 0!important;box-shadow:0 -12px 40px #00000012; }
.gs-product-layout .gs-sheet-title { font-size:21px;line-height:1.25;letter-spacing:-.4px;color:var(--gs-text-primary); }
.gs-product-layout .gs-sheet-header { padding:12px 20px 18px; }
.gs-product-layout .gs-sheet-close { min-width:44px;min-height:44px; }
.gs-product-sheet-intro { font-size:15px;line-height:1.45;margin:0 0 18px; }
.gs-product-library-group { background:var(--gs-card);border:1px solid var(--gs-border);border-radius:18px;margin-bottom:10px;padding:10px; }
.gs-product-library-group summary { position:relative;cursor:pointer;list-style:none;min-height:48px;padding:5px 28px 5px 6px; }
.gs-product-library-group summary::-webkit-details-marker { display:none; }
.gs-product-library-group summary::after { content:"›";position:absolute;right:10px;top:6px;font-size:24px; }
.gs-product-library-group summary strong,.gs-product-library-group summary small { display:block; }
.gs-product-library-group summary strong { font-size:15px;color:var(--gs-text-primary); }
.gs-product-library-group summary small { font-size:12px;margin-top:2px; }
.gs-product-library-group .gs-row-separator { background:var(--gs-sand-light);border-radius:14px;margin-top:5px;padding:10px!important; }
.gs-product-library-links { display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px; }
.gs-product-library-links a { padding:10px 12px;border-radius:12px;border:1px solid var(--gs-border);font-size:14px; }
.gs-product-context-strip { width:100%;display:flex;align-items:center;gap:10px;background:var(--gs-card);border:1px solid var(--gs-border);border-radius:15px;text-align:left;padding:10px 12px;margin:20px 0 16px; }
.gs-product-context-icon { width:34px;height:34px;border-radius:10px;background:var(--gs-green-bg);color:var(--gs-green);display:grid;place-items:center;flex-shrink:0; }
.gs-product-context-strip > span:nth-child(2) { flex:1;min-width:0; }
.gs-product-context-strip strong { display:block;font-size:14px;color:var(--gs-text-primary);font-weight:600; }
.gs-product-context-strip small { display:block;font-size:12px;margin-top:2px;line-height:1.35; }
.gs-chat-question-card { border:1px solid var(--gs-border);border-radius:27px;padding:20px;background:var(--gs-card); }
.gs-chat-question-card h2 { margin:18px 0 10px;font-size:24px;line-height:1.2;letter-spacing:-.8px;font-weight:700;color:var(--gs-text-primary); }
.gs-chat-question-card > p { font-size:16px;line-height:1.5;margin-bottom:24px; }
.gs-chat-evidence-summary { display:grid;grid-template-columns:1fr 1fr;background:var(--gs-sky-bg);color:var(--gs-sky-text);border-radius:20px;padding:16px 14px;margin-top:16px; }
.gs-chat-evidence-summary > div + div { border-left:1px solid var(--gs-border);padding-left:16px; }
.gs-chat-evidence-summary strong { display:block;font-size:22px;line-height:1.2;font-weight:650; }
.gs-chat-evidence-summary span { display:block;font-size:14px;margin-top:5px; }
.gs-chat-home-actions { display:flex;justify-content:center;gap:8px;margin:16px 0 100px; }
.gs-chat-home-actions button { display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 12px;border:1px solid var(--gs-border);border-radius:14px;background:var(--gs-card);font-size:14px;font-weight:500;color:var(--gs-text-primary); }
.gs-chat-home-actions button span { background:var(--gs-coral-glow);color:var(--gs-coral-deep);padding:1px 6px;border-radius:99px;font-size:12px; }
.gs-chat-home-composer { position:fixed;bottom:calc(70px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:100%;max-width:var(--gs-max-width);padding:10px 16px 12px;background:var(--gs-sand);border-top:1px solid var(--gs-border);z-index:21; }
.gs-chat-home-composer form { display:flex;align-items:center;gap:8px;padding:6px;background:var(--gs-card);border:1px solid var(--gs-border);border-radius:16px; }
.gs-chat-home-composer textarea { flex:1;min-width:0;resize:none;border:none;background:transparent;font-size:16px;padding:8px 2px;box-shadow:none;line-height:1.4;max-height:100px;color:var(--gs-text-primary); }
.gs-chat-home-composer button { flex-shrink:0;width:42px;height:44px;display:grid;place-items:center;border-radius:12px; }
.gs-chat-home-composer button[type=submit] { background:var(--gs-sand-light); }
.gs-chat-home-composer[data-native-platform="ios"] { bottom:calc(80px + env(safe-area-inset-bottom)); }
.gs-chat-home-composer[data-native-platform="android"] { bottom:env(safe-area-inset-bottom); }
.gs-product-question-row { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid var(--gs-border);font-size:16px;line-height:1.4;color:var(--gs-text-primary); }
.gs-product-question-row strong { font-weight:550; }
.gs-product-question-row svg { flex-shrink:0; }
.gs-product-demo-note { font-size:12px;line-height:1.4;border-radius:10px;padding:6px 10px;background:var(--gs-coral-glow);color:var(--gs-coral-deep);margin:8px 0 -10px; }
.gs-product-layout .gs-product-confirm-panel { background:var(--gs-card)!important;border-radius:28px 28px 0 0!important;padding-bottom:env(safe-area-inset-bottom);max-height:90dvh;overflow-y:auto; }
.gs-product-layout .gs-product-confirm-panel h3 { font-size:21px; }
.gs-product-layout .gs-product-confirm-panel button[aria-label=Close] { min-height:44px;min-width:44px; }
@media (prefers-reduced-motion:reduce) { .gs-product-carousel-rail { scroll-behavior:auto; } }

/* Preview the source text at a consistent height; the View Plan link above the
   carousel keeps full instructions available without making every slide tall. */
.gs-evidence-card .gs-product-question p,.gs-evidence-card h2 { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
.gs-evidence-card .gs-evidence-description { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
.gs-evidence-note span { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
.gs-product-steps small { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
.gs-product-sheet .gs-sheet-panel-content { background:var(--gs-card); }

.gs-evidence-card > * { flex-shrink:0; }
