/* Before you commit (/product/diligence). Shared parts are in css/tomnext.css. */

/* Hero: a stack of fund documents resolving into one structured, sourced view */
.tn-dil-hero{display:grid;grid-template-columns:148px 40px minmax(0,1fr);align-items:center}
.tn-dil-stack{position:relative;height:244px}
.tn-dil-doc{position:absolute;left:calc(var(--i) * 6px);top:calc(var(--i) * 22px);width:118px;height:150px;padding:30px 12px 12px;background:var(--tn-white);border:1px solid #E3E6EA;border-radius:6px;box-shadow:0 6px 16px rgba(11,24,34,.06)}
.tn-dil-doc-tab{position:absolute;top:5px;left:10px;font-size:11px;font-weight:700;line-height:1.4;color:var(--tn-midnight);white-space:nowrap}
.tn-dil-doc-lines{display:flex;flex-direction:column;gap:7px}
.tn-dil-doc-lines span{display:block;height:5px;border-radius:3px;background:#E3E6EA}
.tn-dil-doc-lines span:nth-child(2){width:86%}
.tn-dil-doc-lines span:nth-child(3){width:94%}
.tn-dil-doc-lines span:nth-child(4){width:64%}
.tn-dil-flow{display:flex;align-items:center;justify-content:center;color:var(--tn-volt-blue)}
.tn-dil-view .tn-vhead{margin-bottom:6px}
.tn-dil-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:9px 0;border-top:1px solid var(--tn-fog)}
.tn-dil-field-l{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tn-iron)}
.tn-dil-field-v{display:block;font-size:13px;font-weight:500;color:var(--tn-midnight)}
@media(max-width:599px){
  .tn-dil-hero{grid-template-columns:minmax(0,1fr)}
  .tn-dil-stack{height:auto;display:flex;flex-wrap:wrap;gap:6px}
  .tn-dil-doc{position:static;width:auto;height:auto;padding:5px 10px;box-shadow:none}
  .tn-dil-doc-tab{position:static}
  .tn-dil-doc-lines{display:none}
  .tn-dil-flow{height:36px}
  .tn-dil-flow svg{transform:rotate(90deg)}
  .tn-dil-field{grid-template-columns:minmax(0,1fr)}
  .tn-dil-field .tn-src{justify-self:start}
}

/* 4. The true cost of the terms: forecast against the manager's projection, then the cost broken down */
.tn-dil-dot-alt{background:var(--tn-steel)}
.tn-dil-be{margin-top:10px}
.tn-dil-be strong{font-weight:600;color:var(--tn-midnight)}
.tn-dil-cost-total{font-size:16px;font-weight:700;color:var(--tn-midnight)}
.tn-dil-cost-bar{display:flex;height:12px;margin:4px 0 10px;border-radius:6px;overflow:hidden}
.tn-dil-cost-bar span{display:block;width:var(--w)}
.tn-dil-cost-bar .a,.tn-dil-sw.a{background:var(--tn-volt-blue)}
.tn-dil-cost-bar .b,.tn-dil-sw.b{background:#7DB3FF}
.tn-dil-cost-bar .c,.tn-dil-sw.c{background:#BBD7FF}
.tn-dil-cost-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:32px;border-top:1px solid var(--tn-fog);font-size:13px}
.tn-dil-sw{width:10px;height:10px;border-radius:2px}
.tn-dil-sw.d{border:1.5px dashed var(--tn-steel)}

/* 5. Compare and decide: three funds on the same rows, then the committee paper */
.tn-dil-cmp{display:grid;grid-template-columns:minmax(88px,1.05fr) repeat(3,minmax(0,1fr))}
.tn-dil-cmp-col{display:grid;grid-template-rows:46px repeat(6,34px);min-width:0}
.tn-dil-cmp-col>span{display:flex;align-items:center;justify-content:flex-end;min-width:0;padding:0 4px;border-top:1px solid var(--tn-fog);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;text-align:right;color:var(--tn-midnight)}
.tn-dil-cmp-col>.h{align-items:flex-end;padding-bottom:8px;border-top:0;font-weight:600;line-height:1.25}
.tn-dil-cmp-labels>span{justify-content:flex-start;padding-left:0;font-weight:400;text-align:left;color:var(--tn-iron)}
.tn-dil-cmp-col>.tn-dil-nd{background:#FFF2B3;color:#4D3900;font-weight:700}
.tn-dil-paper{position:relative;display:flex;flex-direction:column;gap:6px;width:min(100%,280px);margin:16px 0 0 auto;padding:22px 18px 16px;background:var(--tn-white);border:1px solid #E3E6EA;border-radius:6px;box-shadow:0 12px 32px rgba(11,24,34,.1);overflow:hidden}
.tn-dil-paper::before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:#2F5D50}
.tn-dil-paper-brand{display:flex;align-items:center;gap:8px;font-family:Georgia,'Times New Roman',serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#2F5D50}
.tn-dil-paper-mark{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:3px;background:#2F5D50;color:var(--tn-white);font-size:12px}
.tn-dil-paper-kicker{margin-top:12px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tn-iron)}
.tn-dil-paper-title{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.2;color:#1D2B26}
.tn-dil-paper-meta{font-size:12px;color:var(--tn-iron)}
.tn-dil-paper-foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
@media(max-width:599px){
  .tn-dil-cmp{display:flex;flex-direction:column;gap:10px}
  .tn-dil-cmp-col.tn-dil-cmp-labels{display:none}
  .tn-dil-cmp-col{display:block;padding:2px 12px 4px;border:1px solid var(--tn-fog);border-radius:8px}
  .tn-dil-cmp-col>span{justify-content:space-between;gap:12px;min-height:32px;padding:0}
  .tn-dil-cmp-col>span[data-l]::before{content:attr(data-l);font-weight:400;color:var(--tn-iron)}
  .tn-dil-cmp-col>.h{justify-content:flex-start;padding:8px 0 6px;font-size:13px}
  .tn-dil-cmp-col>.tn-dil-nd{margin:0 -12px;padding:0 12px}
  .tn-dil-paper{width:100%;margin-top:12px}
}