/* =========================================================
   DEEP RECORD SHELL V13
   Shared detail pages for software, technology and roles.
   ========================================================= */

.dr-main{position:relative}
.dr-hero{position:relative;padding:86px 0 54px;overflow:hidden}
.dr-hero::before{
  content:"";position:absolute;inset:-15% -8%;pointer-events:none;
  background:
    radial-gradient(circle at 12% 22%,rgb(var(--world-accent)/.15),transparent 28%),
    radial-gradient(circle at 86% 16%,rgb(var(--world-accent-2)/.11),transparent 31%);
  filter:blur(38px)
}
.dr-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:48px;align-items:end}
.dr-kicker{color:rgb(var(--world-accent)/.86);font:700 .46rem/1 monospace;letter-spacing:.11em;text-transform:uppercase}
.dr-hero h1{margin:16px 0 14px;max-width:980px;font-size:clamp(3rem,6vw,6.3rem);line-height:.9;letter-spacing:-.06em}
.dr-summary{max-width:800px;color:var(--ws-muted);font-size:.68rem;line-height:1.72}
.dr-actions{margin-top:24px;display:flex;gap:8px;flex-wrap:wrap}
.dr-action{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:999px;color:rgba(255,255,255,.68);background:rgba(255,255,255,.02);font:700 .43rem/1 monospace;letter-spacing:.05em}
.dr-action.primary{color:#071017;border-color:transparent;background:linear-gradient(105deg,rgb(var(--world-accent)/.95),rgb(var(--world-accent-2)/.92))}
.dr-facts{padding:18px;border:1px solid rgba(255,255,255,.10);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.012)),rgba(14,28,41,.76);box-shadow:0 26px 80px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(22px) saturate(165%)}
.dr-facts-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.07)}
.dr-facts-head span{color:var(--ws-dim);font:700 .4rem/1 monospace;letter-spacing:.07em}
.dr-state{padding:6px 8px;border:1px solid rgb(var(--world-accent)/.18);border-radius:999px;color:rgb(var(--world-accent)/.82);background:rgb(var(--world-accent)/.035);font:700 .36rem/1 monospace}
.dr-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}
.dr-fact{min-height:90px;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:rgba(255,255,255,.015)}
.dr-fact span{display:block;color:var(--ws-dim);font:650 .37rem/1 monospace;letter-spacing:.06em;text-transform:uppercase}
.dr-fact strong{display:block;margin-top:10px;color:#fff;font-size:.82rem;line-height:1.25}
.dr-section{padding:62px 0;border-top:1px solid rgba(255,255,255,.055)}
.dr-section-head{display:grid;grid-template-columns:1fr minmax(280px,.65fr);gap:36px;align-items:end;margin-bottom:18px}
.dr-section-head span{color:rgb(var(--world-accent)/.82);font:700 .42rem/1 monospace;letter-spacing:.1em}
.dr-section-head h2{margin:9px 0 0;font-size:clamp(1.8rem,3.2vw,3.4rem);letter-spacing:-.05em}
.dr-section-head p{margin:0;color:var(--ws-muted);font-size:.58rem;line-height:1.65}
.dr-truth{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dr-truth article{min-height:160px;padding:15px;border:1px solid rgba(255,255,255,.085);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),rgba(15,29,42,.62)}
.dr-truth small{color:rgb(var(--world-accent)/.72);font:700 .38rem/1 monospace;letter-spacing:.07em}
.dr-truth h3{margin:11px 0 7px;font-size:.86rem}
.dr-truth p{margin:0;color:rgba(238,246,255,.48);font-size:.52rem;line-height:1.6}
.dr-boundary{padding:14px 16px;border:1px solid rgba(255,172,104,.13);border-radius:18px;color:rgba(255,218,181,.62);background:rgba(255,172,104,.025);font:600 .43rem/1.65 monospace}
.dr-breadcrumb{display:flex;gap:7px;align-items:center;min-width:0}
.dr-breadcrumb a,.dr-breadcrumb span{color:var(--ws-dim);font:650 .42rem/1 monospace;letter-spacing:.06em;text-transform:uppercase}
.dr-breadcrumb b{color:rgb(var(--world-accent)/.84);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 .42rem/1 monospace}
@media(max-width:900px){.dr-grid,.dr-section-head{grid-template-columns:1fr}.dr-facts{max-width:760px}.dr-truth{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.dr-hero{padding-top:58px}.dr-hero h1{font-size:clamp(2.6rem,13vw,4.7rem)}.dr-fact-grid,.dr-truth{grid-template-columns:1fr}.dr-breadcrumb span{display:none}}