
.dg-shell{width:min(1380px,calc(100% - 48px));margin:0 auto;padding:44px 0 80px}
.dg-hero,.dg-panel,.dg-card{border:1px solid var(--rule-soft);background:rgba(255,253,246,.78);box-shadow:0 20px 44px -34px rgba(10,42,67,.32)}
.dg-hero{padding:40px}.dg-hero h1{font-size:clamp(46px,6vw,78px);margin:12px 0 18px}.dg-hero p{max-width:82ch;color:var(--ink-soft);font-size:17px;line-height:1.7}
.dg-authority{margin-top:18px;padding:15px 17px;border-left:4px solid #b38a3e;background:#fff9ed;color:var(--ink-soft)}
.dg-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:22px 0}.dg-metric{padding:15px;border:1px solid var(--rule-soft);background:var(--paper-pure)}.dg-metric b{display:block;margin-bottom:8px;font:500 8px/1 "JetBrains Mono",monospace;text-transform:uppercase;color:var(--accent)}.dg-metric strong{font-size:28px}
.dg-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;margin-bottom:16px}.dg-toolbar input,.dg-toolbar select,.dg-toolbar button{min-height:44px;padding:10px 12px;border:1px solid var(--rule-soft);background:var(--paper-pure);color:var(--ink)}
.dg-panel{padding:20px}.dg-list{display:grid;gap:12px}.dg-card{padding:19px}.dg-head{display:flex;justify-content:space-between;gap:16px}.dg-card h2{font-size:25px;margin:6px 0}.dg-card p{color:var(--ink-soft)}
.dg-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:13px}.dg-field{padding:11px;border:1px solid var(--rule-soft);background:rgba(255,255,255,.42)}.dg-field b{display:block;margin-bottom:5px;font:500 9px/1 "JetBrains Mono",monospace;text-transform:uppercase;color:var(--accent)}
.dg-flags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.dg-flag{padding:7px 9px;border:1px solid var(--rule-soft);font:600 9px/1 "JetBrains Mono",monospace;text-transform:uppercase}.dg-flag.good{background:#f2faf6;color:#1d6d4a;border-color:#9cc9b2}.dg-flag.warn{background:#fff8e8;color:#7b5a13;border-color:#dfc47a}
.dg-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.dg-actions a,.dg-actions button{min-height:40px;padding:9px 12px;border:1px solid var(--ink);background:var(--ink);color:#FFF9EC!important;-webkit-text-fill-color:#FFF9EC!important;font:500 10px/1 "JetBrains Mono",monospace;text-transform:uppercase}
.dg-empty{padding:34px;text-align:center;color:var(--ink-soft)}
@media(max-width:1100px){.dg-summary{grid-template-columns:repeat(3,1fr)}.dg-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.dg-shell{width:min(100% - 28px,1380px)}.dg-toolbar,.dg-summary,.dg-meta{grid-template-columns:1fr}.dg-head{display:block}}


/* v511.1 — Document Governance responsive overflow correction */
.dg-card,
.dg-head,
.dg-meta,
.dg-field,
.dg-field span,
.dg-card h2,
.dg-card p {
  min-width: 0;
  max-width: 100%;
}

.dg-meta {
  align-items: stretch;
}

.dg-field {
  overflow: hidden;
}

.dg-field span {
  display: block;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
  line-height: 1.45;
}

.dg-field:nth-child(8) span,
.dg-field b + span {
  max-width: 100%;
}

.dg-card h2,
.dg-card p,
.review-kicker {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.dg-head > div:first-child {
  min-width: 0;
  flex: 1 1 auto;
}

.dg-head .state-pill {
  flex: 0 0 auto;
  max-width: 180px;
}

.dg-actions {
  align-items: stretch;
}

.dg-actions a,
.dg-actions button {
  white-space: normal;
  text-align: center;
  justify-content: center;
}

@media (max-width: 1250px) {
  .dg-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .dg-head {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dg-head .state-pill {
    max-width: none;
    justify-self: start;
  }

  .dg-field span {
    font-size: 14px;
  }
}
