/* JTA article layout v2: one reading column, one heading font, simple components.
   Only plain article text is restyled (direct children of sections, notes and the summary),
   so custom diagrams, calculators and cards keep their own page styles. */
body.v2 .resource-page{padding-top:96px;padding-bottom:4rem}
body.v2 .resource-article{max-width:720px;margin:0 auto}
body.v2 .resource-article>.container{padding:0 20px}

/* header */
body.v2 .breadcrumb{font-size:.8rem;margin-bottom:1.5rem;color:var(--text-muted);flex-wrap:wrap}
body.v2 .breadcrumb a{color:var(--text-muted)}
body.v2 .breadcrumb a:hover{color:var(--accent-light)}
body.v2 .resource-header{margin-bottom:2rem}
body.v2 .resource-header .resource-tag{background:none;border:0;padding:0;border-radius:0;font-size:.78rem;font-weight:600;letter-spacing:.08em;color:var(--accent);margin-bottom:.9rem}
body.v2 .resource-header h1{font-family:var(--font-body);font-weight:650;font-size:2.6rem;line-height:1.12;letter-spacing:-.025em;color:#f2efe9;text-wrap:balance;margin-bottom:0}
body.v2 .resource-header .resource-subtitle{font-size:1.22rem;line-height:1.6;color:#c4ccc7;margin:1.25rem 0 0;text-wrap:pretty}
body.v2 .resource-header .meta{font-size:.85rem;color:var(--text-muted);margin:1.1rem 0 0}
body.v2 .resource-header .meta a{color:var(--text-secondary)}

/* body text */
body.v2 :is(.container>p:not([class]),.resource-section>p:not([class]),.resource-section>ul:not([class])>li,.resource-section>ul.checks>li,.resource-section>ol:not([class])>li,.note>p:not([class]),.note>ul>li,.note>ol>li,.summary>p:not([class]),.summary>ul>li,.summary>ol>li){font-size:1.09rem;line-height:1.75;color:#b9c2bd}
body.v2 :is(.container>p:not([class]),.resource-section>p:not([class]),.note>p:not([class]),.summary>p:not([class])){margin:0 0 1.15rem}
body.v2 :is(.container>p:not([class]),.resource-section>p:not([class]),.resource-section>ul:not([class])>li,.resource-section>ul.checks>li,.resource-section>ol:not([class])>li,.note>p:not([class]),.note>ul>li,.summary>p:not([class]),.summary>ul>li) strong{color:#e8ebe9;font-weight:600}
body.v2 :is(.container>p:not([class]),.resource-section>p:not([class]),.resource-section>ul:not([class])>li,.resource-section>ul.checks>li,.resource-section>ol:not([class])>li,.note>p:not([class]),.note>ul>li,.summary>p:not([class]),.summary>ul>li,.data-table td) a:not(.btn){color:var(--accent-light);text-decoration:underline;text-decoration-color:rgba(201,169,98,.45);text-underline-offset:3px}
body.v2 :is(.container>p:not([class]),.resource-section>p:not([class]),.resource-section>ul:not([class])>li,.resource-section>ul.checks>li,.note>p:not([class]),.summary>p:not([class]),.summary>ul>li) a:not(.btn):hover{text-decoration-color:var(--accent-light)}

/* sections and headings */
body.v2 .resource-section{margin:3.25rem 0 0;padding:0}
body.v2 :is(.resource-section,.container)>h2{font-family:var(--font-body);font-weight:650;font-size:1.75rem;line-height:1.2;letter-spacing:-.02em;color:#f2efe9;border:0;padding:0;margin:0 0 1.1rem;scroll-margin-top:90px}
body.v2 :is(.resource-section,.container)>h3{font-family:var(--font-body);font-weight:600;font-size:1.22rem;line-height:1.3;letter-spacing:-.01em;color:#ecebe6;margin:2rem 0 .6rem}
body.v2 .resource-section>h2+h3{margin-top:.5rem}

/* lists */
body.v2 :is(.resource-section,.note,.summary,.container)>:is(ul:not([class]),ol:not([class]),ul.checks){margin:0 0 1.25rem;padding-left:0;list-style:none}
body.v2 :is(.resource-section,.note,.summary,.container)>:is(ul:not([class]),ul.checks)>li{position:relative;padding-left:1.35rem;margin-bottom:.55rem}
body.v2 :is(.resource-section,.note,.summary,.container)>ul:not([class])>li::before{content:"";position:absolute;left:.15rem;top:.72em;width:6px;height:6px;border-radius:2px;background:var(--accent)}
body.v2 :is(.resource-section,.note,.summary,.container)>ol:not([class]){counter-reset:n}
body.v2 :is(.resource-section,.note,.summary,.container)>ol:not([class])>li{position:relative;padding-left:2rem;margin-bottom:.55rem;counter-increment:n}
body.v2 :is(.resource-section,.note,.summary,.container)>ol:not([class])>li::before{content:counter(n);position:absolute;left:0;top:.2em;width:1.4rem;height:1.4rem;border-radius:50%;background:rgba(201,169,98,.12);color:var(--accent);font-size:.78rem;font-weight:600;display:flex;align-items:center;justify-content:center}
body.v2 .resource-section>ul.checks>li::before{position:absolute;content:"\2713";background:none;width:auto;height:auto;top:0;left:0;color:var(--accent);font-weight:700}

/* summary at the top */
body.v2 .summary{background:rgba(201,169,98,.055);border:1px solid rgba(201,169,98,.22);border-radius:14px;padding:1.4rem 1.5rem;margin:0 0 2.25rem}
body.v2 .summary>.note-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .6rem;line-height:1.4}
body.v2 .resource-article .summary>p:not([class]),body.v2 .resource-article .summary>ul>li,body.v2 .resource-article .summary>ol>li{color:#d3d9d5}
body.v2 .summary>:last-child{margin-bottom:0}

/* note: tips, warnings, key points */
body.v2 .note{border-left:3px solid var(--accent);background:rgba(255,255,255,.025);border-radius:0 12px 12px 0;padding:1.1rem 1.3rem;margin:1.5rem 0}
body.v2 .note.warn{border-left-color:#c9705f}
body.v2 .note>.note-label{font-size:.98rem;font-weight:600;color:#ecebe6;margin:0 0 .35rem;line-height:1.4}
body.v2 .note>:last-child{margin-bottom:0}

/* tables */
body.v2 .resource-article .table-wrapper{overflow-x:auto;margin:1.25rem 0 1.5rem;border:1px solid rgba(255,255,255,.07);border-radius:12px;-webkit-overflow-scrolling:touch}
body.v2 .resource-article .data-table{width:100%;border-collapse:collapse;background:none;font-size:.97rem;border-radius:0}
body.v2 .resource-article .data-table th{background:rgba(255,255,255,.03);text-transform:none;letter-spacing:0;font-size:.88rem;font-weight:600;color:#e8ebe9;padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}
body.v2 .resource-article .data-table td{padding:.8rem 1rem;color:#b9c2bd;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top;line-height:1.55}
body.v2 .resource-article .data-table td:first-child{color:#e8ebe9;font-weight:500}
body.v2 .resource-article .data-table tbody tr:last-child td{border-bottom:0}
body.v2 .resource-article .data-table tbody tr:hover{background:rgba(255,255,255,.02)}
body.v2 .resource-article .data-table .positive{color:#7fb069}
body.v2 .resource-article .data-table .negative{color:#d98572}
body.v2 .resource-article p.small{font-size:.9rem;line-height:1.6;color:var(--text-muted);margin:-.4rem 0 1.25rem;font-style:normal}

/* key numbers row */
body.v2 .resource-article .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem 1.5rem;margin:1.5rem 0 1.75rem;padding:1.4rem 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
body.v2 .resource-article .stats>div{display:flex;flex-direction:column;gap:.3rem;background:none;border:0;padding:0}
body.v2 .resource-article .stats b{font-family:var(--font-body);font-size:1.65rem;font-weight:650;letter-spacing:-.02em;color:var(--accent-light);line-height:1.1}
body.v2 .resource-article .stats span{font-size:.88rem;line-height:1.45;color:var(--text-secondary)}

/* table of contents */
body.v2 .toc{border:1px solid rgba(255,255,255,.08);border-radius:12px;margin:0 0 2.5rem;padding:0}
body.v2 .toc>summary{cursor:pointer;list-style:none;padding:1rem 1.25rem;font-size:.95rem;font-weight:600;color:#e8ebe9;display:flex;justify-content:space-between;align-items:center}
body.v2 .toc>summary::-webkit-details-marker{display:none}
body.v2 .toc>summary::after{content:"+";color:var(--accent);font-size:1.2rem;line-height:1}
body.v2 .toc[open]>summary::after{content:"\2212"}
body.v2 .toc>ol,body.v2 .toc>ul{columns:2;column-gap:2rem;margin:0;padding:0 1.25rem 1.1rem;list-style:none}
body.v2 .toc>:is(ol,ul)>li{break-inside:avoid;font-size:.93rem;line-height:1.5;margin-bottom:.45rem;padding:0}
body.v2 .toc>:is(ol,ul)>li::before{display:none}
body.v2 .toc a{color:var(--text-secondary);text-decoration:none}
body.v2 .toc a:hover{color:var(--accent-light)}

/* FAQ */
body.v2 .qa>h3{font-size:1.1rem;margin:1.6rem 0 .45rem}

/* figures */
body.v2 .resource-article figure{margin:1.5rem 0 1.75rem}
body.v2 .resource-article figure img{border-radius:12px}
body.v2 .resource-article figcaption{font-size:.88rem;line-height:1.55;color:var(--text-muted);margin-top:.6rem}

/* end of article */
body.v2 .resource-cta{background:rgba(201,169,98,.05);border:1px solid rgba(201,169,98,.25);border-radius:16px;padding:2rem 1.75rem;margin:3.5rem 0 2rem;text-align:center}
body.v2 .resource-cta>p{font-family:var(--font-body);font-size:1.2rem;line-height:1.55;color:#ecebe6;max-width:520px;margin:0 auto 1.25rem}
body.v2 .more-resources{text-align:left;border-top:1px solid rgba(255,255,255,.07);padding:1.5rem 0 0;margin-top:2rem}
body.v2 .more-resources>p{font-size:.95rem;line-height:1.9;color:var(--text-muted)}
body.v2 .more-resources a{color:var(--text-secondary);text-decoration:none}
body.v2 .more-resources a:hover{color:var(--accent-light)}

@media (max-width:640px){
  body.v2 .resource-page{padding-top:84px}
  body.v2 .resource-header h1{font-size:2rem}
  body.v2 .resource-header .resource-subtitle{font-size:1.08rem}
  body.v2 :is(.container>p:not([class]),.resource-section>p:not([class]),.resource-section>ul:not([class])>li,.resource-section>ul.checks>li,.resource-section>ol:not([class])>li,.note>p:not([class]),.note>ul>li,.note>ol>li,.summary>p:not([class]),.summary>ul>li,.summary>ol>li){font-size:1.04rem;line-height:1.72}
  body.v2 .resource-section{margin-top:2.75rem}
  body.v2 :is(.resource-section,.container)>h2{font-size:1.5rem}
  body.v2 :is(.resource-section,.container)>h3{font-size:1.15rem}
  body.v2 .summary{padding:1.15rem}
  body.v2 .resource-article .stats{grid-template-columns:1fr 1fr}
  body.v2 .toc>ol,body.v2 .toc>ul{columns:1}
  body.v2 .resource-article .data-table{font-size:.9rem}
  body.v2 .resource-article .data-table th,body.v2 .resource-article .data-table td{padding:.65rem .75rem}
}