/* Web surfaces: shared card corners, continuous rows and no content shadows. */
html, body { background: var(--web-page-bg); }

main#app {
  margin: 0 auto;
  padding: var(--space-36) var(--page-gutter) var(--space-80);
  background: var(--web-page-bg);
}

.site-footer { background: var(--web-page-bg); }
.topbar .tb-btn.pri, .btn, .btn-primary { box-shadow: var(--web-surface-shadow); }

.feed-surface, .side-surface, .panel, .card, .creator,
.operation-card, .medal-collection-card, .conversation-surface {
  border-radius: var(--web-surface-radius);
  box-shadow: var(--web-surface-shadow);
}

.feed-surface { overflow: visible; }
.feed-surface .launch-item {
  padding: var(--web-row-padding) 0;
  border-radius: var(--web-feed-row-radius);
  border-top: 0;
}
.feed-surface .launch-item:hover,
.feed-surface .launch-item:focus-within {
  border-radius: var(--web-feed-row-radius);
}
.feed-tabs {
  background: var(--card);
  border-bottom: 0;
  margin-bottom: var(--space-16);
}
.feed-surface .launch-meta { margin-top: var(--space-2); }
.launch-tags { margin-top: var(--space-6); }

.discovery-sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  padding-left: var(--web-sidebar-padding);
  border-left: var(--border-width) solid var(--line);
}
.discovery-sidebar > * { width: 100%; margin: 0; }
.discovery-sidebar > * + * {
  border-top: var(--border-width) solid var(--line);
  padding-top: var(--space-24);
}
.discovery-sidebar .side-heading { margin-bottom: var(--space-10); }
.discovery-sidebar .side-heading h2, .side-intro h2 {
  font-size: var(--font-size-section-title);
}
.discovery-sidebar .side-surface { background: transparent; }
.discovery-sidebar .side-note { padding: 0; }
.discovery-sidebar .side-need { padding: var(--space-12) 0; }
.discovery-sidebar .side-creator { padding: var(--space-12) 0; }
.discovery-sidebar .side-intro,
.discovery-sidebar .profile-skills,
.discovery-sidebar .profile-milestones,
.discovery-sidebar .guide-checklist { padding: 0; }
.discovery-sidebar > .side-intro,
.discovery-sidebar > .profile-skills:not(:first-child),
.discovery-sidebar > .profile-milestones:not(:first-child) { padding-top: var(--space-24); }
.discovery-sidebar .side-footer-link { padding: var(--space-8) 0 0; border: 0; }
.discovery-sidebar .side-footer-link:hover { background: transparent; color: var(--brand-hover); }
.side-stats { margin-top: var(--space-8); padding-top: var(--space-12); }

/* Community links share the sidebar's reading flow instead of nested cards. */
.operations-side .operation-card {
  display: grid;
  grid-template-columns: var(--space-44) minmax(0, 1fr);
  align-items: start;
  gap: var(--space-12);
  background: transparent;
  overflow: visible;
}
.operations-side .operation-art,
.operations-side .operation-compact .operation-art {
  width: var(--space-44);
  height: var(--space-44);
  margin: 0;
  border-radius: var(--radius-input);
}
.operations-side .operation-art > span { font-size: var(--font-size-hero-mobile); }
.operations-side .operation-copy,
.operations-side .operation-compact .operation-copy { padding: 0; }
.operations-side .operation-copy h3 { font-size: var(--font-size-list-title); }
.operations-side .operation-copy p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.operations-side .operations-cards { gap: 0; }
.operations-side .operation-card + .operation-card {
  border-top: var(--border-width) solid var(--line);
  margin-top: var(--space-14);
  padding-top: var(--space-14);
}
.operation-announcement, .operation-strip {
  border-radius: var(--web-surface-radius);
  border-width: var(--border-width) 0;
}
.operation-strip { padding-left: 0; padding-right: 0; }
.operations-band .operation-card { border-bottom: var(--border-width) solid var(--line); }

/* Detail sections, forms and directories use the same quiet surface treatment. */
.panel { padding: var(--space-24) 0; border-bottom: var(--border-width) solid var(--line); }
.panel h2 { padding-left: 0; border-left: 0; }
.project-intro, .profile-intro { padding-top: 0; }
.form .step {
  border-radius: var(--web-surface-radius);
  box-shadow: var(--web-surface-shadow);
  border-bottom: var(--border-width) solid var(--line);
}
.tabs:not(.launch-periods) { box-shadow: var(--web-surface-shadow); }
.discovery-main .launch-periods { border: 0; padding-left: 0; }
.discovery-main .launch-archive {
  border-width: var(--border-width) 0;
  border-radius: var(--web-surface-radius);
  padding: var(--space-12) 0;
}
.demand-list { background: var(--card); }
.dcard, .conv, .ach { margin-bottom: 0; border-bottom: var(--border-width) solid var(--line); border-radius: var(--web-row-radius); box-shadow: var(--web-surface-shadow); }
.demand-list .dcard { padding: var(--space-20) 0; }
.dcard:hover, .conv:hover { background: var(--bg); }
.creator, .medal-collection-card { border-bottom: var(--border-width) solid var(--line); }
.card:hover, .topic-directory a:hover, .medal-collection-card:hover { transform: none; }
.card:hover { background: var(--bg); }
.topic-directory { gap: 0; }
.topic-directory .topic-banner {
  padding: var(--space-20) 0;
  border-bottom: var(--border-width) solid var(--line);
}
.topic-directory .topic-banner:hover { background: var(--bg); }
.topic-open { padding: 0; background: transparent; }
.category-directory { padding: var(--space-24) 0; }
.category-entry { background: transparent; border-bottom: var(--border-width) solid var(--line); border-radius: var(--web-row-radius); }
.category-icon { background: var(--bg); }
.recent-searches { padding: var(--space-20) 0; }
.conversation-header { border-radius: var(--web-surface-radius) var(--web-surface-radius) 0 0; }
.conversation-composer { border-radius: 0 0 var(--web-surface-radius) var(--web-surface-radius); }

@media (max-width: 1100px) {
  .feed-surface .launch-item { padding: var(--space-20) 0; }
}
@media (max-width: 1023px) {
  .discovery-sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-left: 0;
    border-top: var(--border-width) solid var(--line);
    padding: var(--space-24) 0 0;
    margin-top: var(--space-12);
  }
  .discovery-sidebar > * + * { border-top: 0; padding-top: 0; }
  .discovery-sidebar > .side-intro,
  .discovery-sidebar > .profile-skills:not(:first-child),
  .discovery-sidebar > .profile-milestones:not(:first-child) { padding-top: 0; }
}
@media (max-width: 640px) {
  main#app { margin-top: 0; padding-top: var(--space-24); }
  .feed-surface .launch-item { padding: var(--space-18) 0; }
  .discovery-sidebar { display: flex; }
  .discovery-sidebar > * + * { border-top: var(--border-width) solid var(--line); padding-top: var(--space-24); }
  .discovery-sidebar > .side-intro,
  .discovery-sidebar > .profile-skills:not(:first-child),
  .discovery-sidebar > .profile-milestones:not(:first-child) { padding-top: var(--space-24); }
  .panel { padding: var(--space-18) 0; }
  .project-intro, .profile-intro { padding-top: 0; }
  .topic-directory .topic-banner { padding: var(--space-18) 0; }
  .category-directory { padding: var(--space-18) 0; }
}