/* Shared across public browsing, artifact viewers and owner tools. */
:root {
  --card-depth-shadow:inset 0 3px 1px rgba(205,255,229,.27),inset -2px -2px 1px rgba(0,0,0,.22),1px 2px 0 #416957,3px 13px 0 #0a241a,4px 14px 0 #416b52,6px 26px 30px -7px rgba(0,0,0,.7);
}
body :is(.card, .featured-briefing, .flow-card, .about-card, .dialog-card,
  .civic-card, .cosmos-card, .handoff-card, .notice-card, .owner-login-card,
  .receipt-card, .result-card, .start-card, .step-card, .report-stage,
  .briefing-primary, .briefing-companion > section, .briefing-related > a,
  #artifact-panel > div, .source-record, .report-page,
  .episode-card, .artifact-card, .public-topic-card, .topic-result-card,
  .portal-card, .recent-card, .tour-card, .collection-card, .topic-card,
  .mindmap-startpoint-card, .mindmap-branch-stage-card, .video-startpoint-card,
  .status-card, .status-panel, .form-panel, .suggestion-explainer, .suggestion-receipt,
  .auth-gate-card, .metric-card, .suggestion-card, .cluster-card, .item-card,
  .topic-group-card, .controls-panel, .modal-card, .review-card, .review-item,
  .notebook-family-row, .video-group-section, .hero-verse-card,
  .episode-panel, .video-stage, .audio-stage, .infographic-stage, .mindmap-stage,
  .private-page .panel, .item-grid > .item, .matrix-table-wrap) {
  box-sizing:border-box;
  min-width:0;
  border:1px solid;
  border-color:#6c9884 #355e4b #284b3a #6c9884 !important;
  border-radius:16px;
  box-shadow:var(--card-depth-shadow) !important;
  margin-bottom:16px;
}
body :is(.card, .featured-briefing, .flow-card, .about-card, .dialog-card,
  .civic-card, .cosmos-card, .handoff-card, .notice-card, .owner-login-card,
  .receipt-card, .result-card, .start-card, .step-card, .report-stage,
  .briefing-primary, .briefing-companion > section, .briefing-related > a,
  #artifact-panel > div, .source-record, .report-page,
  .episode-card, .artifact-card, .public-topic-card, .topic-result-card,
  .portal-card, .recent-card, .tour-card, .collection-card, .topic-card,
  .mindmap-startpoint-card, .mindmap-branch-stage-card, .video-startpoint-card,
  .status-card, .status-panel, .form-panel, .suggestion-explainer, .suggestion-receipt,
  .auth-gate-card, .metric-card, .suggestion-card, .cluster-card, .item-card,
  .topic-group-card, .controls-panel, .modal-card, .review-card, .review-item,
  .notebook-family-row, .video-group-section, .hero-verse-card,
  .episode-panel, .video-stage, .audio-stage, .infographic-stage, .mindmap-stage,
  .private-page .panel, .item-grid > .item, .matrix-table-wrap):focus-within {
  outline:2px solid #75f7e6;
  outline-offset:4px;
}
/* Topic pages have the same individual surfaces at every nested level. */
.briefing-primary {
  padding:24px;
  background:radial-gradient(ellipse at top left,rgba(117,247,230,.1),transparent 65%),linear-gradient(145deg,#204b3f,#102e26);
}
.briefing-companion {
  padding:0;
  border:0;
  background:none;
  box-shadow:none;
  display:grid;
  gap:24px;
}
.briefing-companion > section {
  padding:20px;
  margin:0;
  background:linear-gradient(145deg,#204b3f,#102e26);
  overflow-wrap:anywhere;
}
.briefing-companion section + section {margin-top:0;padding-top:20px}
.briefing-related > a {
  padding:14px;
  margin-top:20px;
  background:linear-gradient(145deg,#244d40,#15382b);
}
#artifact-panel > div {background-color:#102e26;overflow:hidden}
.live-report iframe {display:block}
.artifact-caption {margin-top:26px;flex-wrap:wrap}
.edition-bar {flex-wrap:wrap}
.edition-select {min-width:0;max-width:100%}
.item-grid, .card-grid {gap:28px}
@media (max-width:760px) {
  .briefing-primary {padding:16px}
  .briefing-companion {gap:24px}
  .briefing-companion section + section {padding-top:20px;margin-top:0}
  .briefing-related > a {width:auto}
}
@media (prefers-reduced-motion:reduce) {
  body :is(.card, .featured-briefing, .flow-card, .about-card, .dialog-card,
  .civic-card, .cosmos-card, .handoff-card, .notice-card, .owner-login-card,
  .receipt-card, .result-card, .start-card, .step-card, .report-stage,
  .briefing-primary, .briefing-companion > section, .briefing-related > a,
  #artifact-panel > div, .source-record, .report-page,
  .episode-card, .artifact-card, .public-topic-card, .topic-result-card,
  .portal-card, .recent-card, .tour-card, .collection-card, .topic-card,
  .mindmap-startpoint-card, .mindmap-branch-stage-card, .video-startpoint-card,
  .status-card, .status-panel, .form-panel, .suggestion-explainer, .suggestion-receipt,
  .auth-gate-card, .metric-card, .suggestion-card, .cluster-card, .item-card,
  .topic-group-card, .controls-panel, .modal-card, .review-card, .review-item,
  .notebook-family-row, .video-group-section, .hero-verse-card,
  .episode-panel, .video-stage, .audio-stage, .infographic-stage, .mindmap-stage,
  .private-page .panel, .item-grid > .item, .matrix-table-wrap) {transition:none !important;animation:none !important;transform:none !important}
}