/* Approved Option 1: matte charcoal, amber glow, and quiet hexagonal geometry.
   Scoped overrides leave the approved homepage header and all app artwork intact. */
.dk4g-home,.dk4g-detail,.dk4g-document{
  --theme-charcoal:#202628;--theme-amber:#efb16d;--theme-light:#f5f5f0;
  --theme-muted:#c7cdca;--theme-start:0px;
  background-color:var(--theme-charcoal);
  background-image:radial-gradient(ellipse 540px 360px at 0 40px,rgba(210,132,47,.15),transparent 75%),radial-gradient(ellipse 460px 420px at 100% 720px,rgba(210,132,47,.055),transparent 75%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%221440%22%20height%3D%22960%22%20viewBox%3D%220%200%201440%20960%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9974e%22%20stroke-width%3D%221%22%20opacity%3D%22.17%22%3E%3Cpath%20d%3D%22M-80%2044H190l62%20106h230l96%20166h140l72-124h136l72%20124h300l76-132h150%22/%3E%3Cpath%20d%3D%22M790%20192l-72%20124%2072%20124h136l72-124M790%20440h136%22/%3E%3Cpath%20d%3D%22M-100%20748H94l57-99h114l57%2099-57%2099H151l-57-99M322%20748h198l77%20133h160M1045%20738l57-99h114l57%2099-57%2099h-114zM1273%20738h240%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23e8ac68%22%20opacity%3D%22.15%22%3E%3Ccircle%20cx%3D%22252%22%20cy%3D%22150%22%20r%3D%222%22/%3E%3Ccircle%20cx%3D%22998%22%20cy%3D%22316%22%20r%3D%222%22/%3E%3Ccircle%20cx%3D%22322%22%20cy%3D%22748%22%20r%3D%222%22/%3E%3C/g%3E%3C/svg%3E");
  background-position:center var(--theme-start);background-size:100% 960px,100% 960px,1440px 960px;background-repeat:no-repeat,no-repeat,repeat-y;
}
.dk4g-home{--theme-start:780px}
/* The collection retains the approved light app cards. */
.dk4g-home .section-heading{color:var(--theme-light)}
.dk4g-home .section-heading .eyebrow{color:var(--theme-amber)}
.dk4g-home .section-heading>p{color:var(--theme-muted)}
.dk4g-home .app-card{box-shadow:0 8px 24px #0000001a}
.dk4g-home .app-number{color:#626c63}
.dk4g-home .support-section{background:#f0f0e9;border-color:#d8d9d0}
.dk4g-home .site-footer,.dk4g-detail .site-footer{color:var(--theme-light)}
.dk4g-home .site-footer p,.dk4g-detail .site-footer p{color:var(--theme-muted)}
.dk4g-home .footer-brand .brand-dot{color:var(--theme-amber)}
.dk4g-home .site-footer nav,.dk4g-detail .site-footer nav{border-color:#515958}
/* Product pages use the same backdrop and keep long copy on a light surface. */
.dk4g-detail .detail-header{background:#202628;border-bottom:1px solid #414849}
.dk4g-detail .detail-copy,.dk4g-detail .detail-jump{color:var(--theme-light)}
.dk4g-detail .detail-copy .back-link,.dk4g-detail .detail-description{color:var(--theme-muted)}
.dk4g-detail .detail-copy .eyebrow{color:var(--theme-amber)}
.dk4g-detail .detail-jump{border-color:#515958}
.dk4g-detail .detail-body{background:#fffefa;border:1px solid #dadcd4;border-radius:16px;margin-block:48px;padding:42px}
.dk4g-detail .detail-summary,.dk4g-detail .detail-help{background:#f0f0e9;border-color:#d8d9d0}
.dk4g-detail .detail-body>.eyebrow,.dk4g-detail .detail-summary>.eyebrow{color:#79502d}
/* Resolve decorative product artwork relative to this stylesheet. */
.dk4g-detail .detail-visual::before{opacity:.25}
.dk4g-detail[data-app="foredue"] .detail-visual::before{background-image:url("./foredue-screenshot.png")}
.dk4g-detail[data-app="freshsheet"] .detail-visual::before{background-image:url("./freshsheet-screenshot.png")}
.dk4g-detail[data-app="judgment"] .detail-visual::before{background-image:url("./judgment-screenshot.png")}
.dk4g-detail[data-app="outlogic"] .detail-visual::before{background-image:url("./outlogic-screenshot.png")}
.dk4g-detail[data-app="payeekeeper"] .detail-visual::before{background-image:url("./payeekeeper-screenshot.png")}
.dk4g-detail[data-app="secrettreehouse"] .detail-visual::before{background-image:url("./secrettreehouse-screenshot.jpg")}
/* Privacy, support, and terms keep their complete text and existing reading layout. */
.dk4g-document{--navy:#774111;--navy2:#774111;--teal:#774111;--teal2:#774111;--felt:#774111;--felt2:#774111;--accent:#87400c;--gold:#d9974e;--card:#fffefa;--line:#deddd4}
.dk4g-document>header{background:transparent;border-top-color:#d9974e}
.dk4g-document header p{color:var(--theme-muted)}
.dk4g-document .badge{color:#f5c48e;background:#b576251a;border:1px solid #a4784570}
.dk4g-document .card{box-shadow:0 12px 34px #00000020}
.dk4g-document .keyline{background:#f7efe2;border-color:#e0c8a8}
.dk4g-document .apps li{background:#f8f6f0}
.dk4g-document .contact{background:#2c3234;border:1px solid #5f5546}
.dk4g-document .contact a{color:#ffc384}
.dk4g-document footer,.dk4g-document footer p{color:var(--theme-muted)}
.dk4g-document a{text-decoration:underline;text-underline-offset:3px}
.dk4g-document code{background:#f1ebdf}
/* Focus is visible on both the charcoal background and the light panels. */
.dk4g-home .apps-section a:focus-visible,.dk4g-home .support-section a:focus-visible,.dk4g-home .site-footer a:focus-visible,
.dk4g-detail a:focus-visible,.dk4g-detail summary:focus-visible,.dk4g-detail button:focus-visible,.dk4g-document a:focus-visible{
 outline:3px solid #f2b66f;outline-offset:3px;box-shadow:0 0 0 6px #202628;
}
@media(max-width:650px){
 .dk4g-home,.dk4g-detail,.dk4g-document{background-size:100% 960px,100% 960px,1100px 960px}
 .dk4g-detail .detail-body{margin-block:32px;padding:28px 24px}
}
@media print{
 .dk4g-home,.dk4g-detail,.dk4g-document{background:#fff!important}
 .dk4g-document>header,.dk4g-document header p,.dk4g-document footer,.dk4g-document footer p{color:#202628}
 .dk4g-home .section-heading,.dk4g-home .section-heading>p,.dk4g-home .site-footer,.dk4g-home .site-footer p,
 .dk4g-detail .detail-copy,.dk4g-detail .detail-copy .back-link,.dk4g-detail .detail-description,.dk4g-detail .detail-jump,.dk4g-detail .site-footer,.dk4g-detail .site-footer p{color:#202628}
 .dk4g-home .section-heading .eyebrow,.dk4g-home .footer-brand .brand-dot,.dk4g-detail .detail-copy .eyebrow,.dk4g-document .badge{color:#774111}
 .dk4g-document .card{box-shadow:none}
}