.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 36px}
.detail-grid article{border-top:1px solid var(--line);padding-top:22px}
.detail-grid h3{font-size:28px;line-height:1.12;margin:24px 0 16px;letter-spacing:-.025em}
.detail-grid p,.comparison-pair p{font-size:16px;line-height:1.6;color:var(--muted)}
.content-section .text-link{margin-top:40px}
.content-table-wrap{overflow-x:auto;border-top:1px solid var(--line);margin:28px 0;overscroll-behavior-x:contain}
.content-table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.5}
.content-table th,.content-table td{padding:22px 20px;border-bottom:1px solid var(--line);vertical-align:top;min-width:145px}
.content-table thead{background:var(--soft)}
.content-table th{font-weight:400}
.content-table tbody th{color:var(--ink);min-width:180px}
.content-table td{color:var(--muted)}
.content-note{font-size:14px;line-height:1.6;color:var(--muted);max-width:860px;margin:26px 0}
.comparison-pair{border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--soft)}
.comparison-pair article{padding:48px}
.comparison-pair article+article{background:var(--deep);color:white}
.comparison-pair article+article p{color:#ffffffc9}
.comparison-pair h3{font-size:36px;line-height:1.1;letter-spacing:-.03em;margin:30px 0 20px}
.credit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.credit-grid article{border-radius:var(--radius);padding:30px 24px;border:1px solid var(--line)}
.credit-grid h3{font-size:30px;margin:25px 0 15px}
.credit-grid .credit-price{font-size:24px;color:var(--green);margin-bottom:18px}
.maturity{background:var(--soft);padding:42px var(--gutter);border-block:1px solid var(--line)}
.maturity h2{font-size:32px;margin:20px 0}
.maturity p{max-width:850px;line-height:1.6;color:var(--muted)}

@media(max-width:1100px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.credit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:746px){.detail-grid,.comparison-pair{grid-template-columns:1fr}
.detail-grid{gap:30px}
.comparison-pair article{padding:30px 24px}
.comparison-pair h3{font-size:30px}
.credit-grid{gap:12px}
.credit-grid article{padding:25px 15px}
.credit-grid h3{font-size:24px}
.credit-grid .eyebrow{font-size:10px}
.content-table th,.content-table td{padding:18px 14px}
.maturity h2{font-size:28px}
}

.legal-layout{display:grid;grid-template-columns:280px minmax(0,760px);gap:80px;padding:0 var(--gutter) 120px;justify-content:center}
.legal-index{position:sticky;top:calc(var(--header-height) + 32px);max-height:calc(100dvh - var(--header-height) - 64px);overflow-y:auto;align-self:start;border-top:1px solid var(--line);padding-top:20px}
.legal-index a{display:block;padding:10px 0;font-size:14px;line-height:1.5;color:var(--muted)}
.legal-body section{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--line);scroll-margin-top:30px}
.legal-body h2{font-size:29px;letter-spacing:-.025em;margin-bottom:20px}
.legal-body p{font-size:17px;line-height:1.75;color:var(--muted)}
.legal-body p a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;color:var(--green)}
.legal-related{display:flex;flex-wrap:wrap;gap:22px;font-size:14px;color:var(--green)}
.page-hero .legal-date{font-size:13px;margin-top:25px}
.legal-body{min-width:0}
@media(max-width:900px){.legal-index{position:static;max-height:none;overflow:visible}
.legal-layout{grid-template-columns:1fr;gap:45px;padding-bottom:80px}
.legal-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.legal-body h2{font-size:26px}
}

/* Keep wide comparisons understandable without widening the page. */
.content-table-wrap{border-radius:8px;max-height:min(72svh,740px)}
.content-table thead th{position:sticky;top:0;z-index:2;background:var(--soft);box-shadow:0 1px var(--line)}

.content-table{isolation:isolate}

.content-table tbody th{position:sticky;left:0;background:var(--canvas);box-shadow:1px 0 var(--line);z-index:1}

.memory .content-table tbody th{background:var(--stone)}

.content-table thead th:first-child{left:0;z-index:3}

.table-scroll-hint{font-size:13px;color:var(--muted);margin-bottom:12px}

.table-scroll-hint:not([hidden])+.content-table-wrap{margin-top:0}

.credit-grid h3,.credit-price{font-variant-numeric:tabular-nums}

.detail-grid:has(>article:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}

.detail-grid:has(>article:nth-child(7):last-child)>article:first-child{grid-column:1/-1;display:grid;grid-template-columns:40px minmax(180px,.65fr) minmax(0,1fr);align-items:start;gap:24px;padding-bottom:12px}

.detail-grid:has(>article:nth-child(7):last-child)>article:first-child h3{margin:0}

@media(hover:hover) and (pointer:fine){.legal-index a:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}
}

@media(max-width:746px){
  .detail-grid:has(>article:nth-child(4):last-child){grid-template-columns:1fr}

  .detail-grid:has(>article:nth-child(7):last-child)>article:first-child{display:block;padding-bottom:0}

  .detail-grid:has(>article:nth-child(7):last-child)>article:first-child h3{margin:24px 0 16px}

  .content-table tbody th{min-width:140px;max-width:160px}

  .legal-index{grid-template-columns:1fr}

}

@media(max-width:359px){.credit-grid{grid-template-columns:1fr}
}