/* Joldo UI — project components layered on top of Around / Bootstrap. */

:root {
  --j-green:#448c74;--j-green-strong:#37715d;--j-green-soft:#ecf4f1;
  --j-blue:#3f7fca;--j-blue-strong:#2e66a8;--j-blue-soft:#ecf2fa;
  --j-amber:#edcb50;--j-amber-strong:#7f6500;--j-amber-soft:#fdfaee;
  --j-red:#ed5050;--j-red-strong:#c62f2f;--j-red-soft:#fdeeee;
  --j-slate:#576071;--j-slate-strong:#434a57;--j-slate-soft:#edf1f5;
  --j-surface:var(--ar-body-bg,#fff);--j-surface-soft:var(--ar-secondary-bg,#edf1f5);
  --j-text:var(--ar-body-color,#576071);--j-heading:var(--ar-heading-color,#121519);
  --j-muted:var(--ar-secondary-color,#858c97);--j-border:var(--ar-border-color,#e3e9ef);
  --j-radius-sm:.75rem;--j-radius:1rem;--j-radius-lg:1.125rem;
  --j-shadow-sm:var(--ar-box-shadow-sm,0 .375rem .75rem -.125rem rgba(208,208,196,.24));
  --j-shadow:var(--ar-box-shadow,0 .4375rem 1.25rem rgba(208,208,196,.32));
}

[data-bs-theme="dark"] {
  --j-green:#8fbaac;--j-green-strong:#a5c8bd;--j-green-soft:rgba(68,140,116,.2);
  --j-blue:#72a3dc;--j-blue-strong:#91b8e4;--j-blue-soft:rgba(63,127,202,.2);
  --j-amber:#edcb50;--j-amber-strong:#f4d96f;--j-amber-soft:rgba(237,203,80,.18);
  --j-red:#f07171;--j-red-strong:#f38d8d;--j-red-soft:rgba(237,80,80,.18);
  --j-slate:rgba(255,255,255,.7);--j-slate-strong:#edf1f5;--j-slate-soft:rgba(255,255,255,.06);
}

/* Section label with horizontal rules. */
.j-section-divider{display:flex;align-items:center;gap:1rem;max-width:56rem;margin:1.5rem auto;color:var(--j-muted);font-size:.8125rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
.j-section-divider::before,.j-section-divider::after{flex:1 1 auto;border-top:1px solid var(--j-border);content:""}

/* Material card: compact image + title card used by the section hub. */
.j-material-card{display:flex;align-items:center;gap:.9rem;height:100%;padding:.5rem;overflow:hidden;color:var(--j-text);text-decoration:none;background:var(--j-surface);border:1px solid var(--j-border);border-radius:var(--j-radius-lg);box-shadow:var(--j-shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.j-material-card:hover{color:var(--j-text);box-shadow:var(--j-shadow);transform:translateY(-2px)}
.j-material-card:focus-visible,.j-nav-card:focus-visible,.j-capsule:focus-visible,.j-file-card:focus-visible,.j-article-card:focus-visible{outline:.25rem solid rgba(68,140,116,.25);outline-offset:.125rem}
.j-material-card-media{width:7.5rem;height:5rem;flex:0 0 7.5rem;overflow:hidden;background:var(--j-surface-soft);border-radius:.75rem}
.j-material-card-image,.j-material-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.j-material-card-body{min-width:0;padding:.65rem .75rem .65rem 0}
.j-material-card-label{display:block;margin-bottom:.25rem;color:var(--j-green);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.j-material-card-title{margin:0;color:var(--j-heading);font-size:.875rem;font-weight:700;line-height:1.35}

/* Compact knowledge-base navigation card. */
.j-nav-card{display:flex;align-items:center;gap:.9rem;height:100%;padding:1rem;color:var(--j-text);text-decoration:none;background:var(--j-surface);border:1px solid var(--j-border);border-radius:var(--j-radius-lg);box-shadow:var(--j-shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.j-nav-card:hover{color:var(--j-text);box-shadow:var(--j-shadow);transform:translateY(-2px)}
.j-nav-card-icon{flex:0 0 auto;color:var(--j-green);font-size:1.65rem}
.j-nav-card-title{min-width:0;color:var(--j-heading);font-size:.875rem;font-weight:700}
.j-nav-card-arrow{margin-left:auto;color:var(--j-muted);opacity:.65}

/* Horizontal quick-access capsules. Around buttons remain Around buttons. */
.j-capsule-scroll{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.j-capsule-scroll::-webkit-scrollbar{display:none}
.j-capsule{display:inline-flex;align-items:center;flex:0 0 auto;padding:.25rem 1rem .25rem .25rem;color:var(--j-text);text-decoration:none;background:var(--j-surface);border:1px solid var(--j-border);border-radius:50rem;box-shadow:var(--j-shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.j-capsule:hover{color:var(--j-text);box-shadow:var(--j-shadow);transform:translateY(-1px)}
.j-capsule-icon{flex:0 0 auto}
.j-capsule-label{margin-left:.75rem;color:var(--j-heading);font-size:.875rem;font-weight:600}

/* Status panel. */
.j-status{overflow:hidden;background:var(--j-surface);border:1px solid var(--j-border);border-radius:var(--j-radius);box-shadow:var(--j-shadow-sm)}
.j-status-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 1rem;color:#fff;background:var(--j-green)}
.j-status-title{font-size:.75rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.j-status-id{flex:0 0 auto;font-size:.75rem;opacity:.8}
.j-status-body{padding:1rem;background:var(--j-surface-soft)}
.j-status-label{display:block;margin-bottom:.15rem;color:var(--j-muted);font-size:.6875rem;text-transform:uppercase}
.j-status-value{color:var(--j-heading);font-size:.875rem;font-weight:600}

/* Article summary. */
.j-summary{padding:1rem 1.25rem;background:var(--j-surface-soft);border-radius:var(--j-radius)}
.j-summary-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--j-heading);font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.j-summary-icon{color:var(--j-muted)}
.j-summary-text{margin:0}

/* Soft introductory note. */
.j-note{--j-accent:var(--j-green);--j-accent-strong:var(--j-green-strong);--j-soft:var(--j-green-soft);padding:1rem 1.25rem;background:var(--j-soft);border-radius:var(--j-radius)}
.j-note-title{margin:0 0 .5rem;color:var(--j-accent-strong);font-weight:700}
.j-note-text{margin:0}

/* Semantic check and cross lists; standard ul/ol remain untouched. */
.j-check-list,.j-cross-list{padding-left:0;list-style:none}
.j-check-list-item,.j-cross-list-item{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}
.j-check-list-icon,.j-cross-list-icon{flex:0 0 auto;margin-top:.25rem;font-size:1.25rem;line-height:1}
.j-check-list-icon{color:var(--j-green)}
.j-cross-list-icon{color:var(--j-red)}
.j-check-list-text,.j-cross-list-text{min-width:0}

/* Three-column key point card. */
.j-key-card{--j-accent:var(--j-green);--j-accent-strong:var(--j-green-strong);--j-soft:var(--j-green-soft);height:100%;padding:1rem;text-align:center;background:var(--j-soft);border-radius:var(--j-radius)}
.j-key-card-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin:0 auto .875rem;color:var(--j-accent);background:var(--j-surface);border-radius:50%;box-shadow:var(--j-shadow-sm)}
.j-key-card-title{margin:0 0 .5rem;color:var(--j-heading);font-size:.8125rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase}
.j-key-card-text{margin:0;color:var(--j-text);font-size:.75rem;line-height:1.5}

/* Experimental component: important warning. */
.j-important{display:flex;align-items:flex-start;gap:1rem;padding:1.125rem 1.25rem;background:var(--j-surface);border:1px solid var(--j-border);border-left:.25rem solid var(--j-red);border-radius:var(--j-radius-sm);box-shadow:var(--j-shadow-sm)}
.j-important-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex:0 0 2.25rem;color:var(--j-red);background:var(--j-red-soft);border-radius:.625rem}
.j-important-content{min-width:0}
.j-important-title{display:block;margin:0 0 .25rem;color:var(--j-heading);font-size:.9375rem;font-weight:700;line-height:1.35}
.j-important-text{margin:0}

/* Experimental component: legal quotation. */
.j-law{overflow:hidden;background:var(--j-surface);border:1px solid var(--j-border);border-radius:var(--j-radius)}
.j-law-header{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:var(--j-blue-soft);border-bottom:1px solid var(--j-border)}
.j-law-icon{flex:0 0 auto;color:var(--j-blue)}
.j-law-source{min-width:0;margin:0;color:var(--j-heading);font-size:.875rem;font-weight:700}
.j-law-open,.j-law-more{color:var(--j-green-strong);font-size:.8125rem;font-weight:600;text-decoration:none}
.j-law-open{flex:0 0 auto;margin-left:auto}
.j-law-open:hover,.j-law-more:hover{color:var(--j-green-strong);text-decoration:underline;text-underline-offset:.1875rem}
.j-law-body{padding:1rem 1.125rem}
.j-law-text{margin:0;color:var(--j-text);font-size:.9375rem;line-height:1.65}
.j-law-more{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem}

/* Experimental component: lawyer tip. */
.j-lawyer-tip{--j-accent:var(--j-green);--j-accent-strong:var(--j-green-strong);--j-soft:var(--j-green-soft);display:flex;align-items:flex-start;gap:1rem;padding:1.125rem 1.25rem;background:var(--j-soft);border-radius:var(--j-radius)}
.j-lawyer-tip-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex:0 0 2.5rem;color:#fff;background:var(--j-accent);border-radius:50%}
.j-lawyer-tip-content{min-width:0}
.j-lawyer-tip-label{display:block;margin-bottom:.25rem;color:var(--j-accent-strong);font-size:.75rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.j-lawyer-tip-title{margin:0 0 .375rem;color:var(--j-heading);font-size:.9375rem;font-weight:700;line-height:1.4}
.j-lawyer-tip-text{margin:0}

/* Comparison card: p-3 border rounded-3 bg-*-10 shadow-sm h-100. */
.j-compare-card{--j-accent:var(--j-green);--j-accent-strong:var(--j-green-strong);--j-soft:var(--j-green-soft);height:100%;padding:1rem;background:var(--j-soft);border:1px solid var(--j-border);border-radius:var(--j-radius);box-shadow:var(--j-shadow-sm)}
.j-compare-title{margin-bottom:.625rem;color:var(--j-accent-strong);font-weight:700}
.j-compare-divider{margin:.5rem 0;border-color:var(--j-border)}
.j-compare-content{margin-bottom:0}

/* Road sign card. */
.j-sign-card{--j-accent:var(--j-green);--j-accent-strong:var(--j-green-strong);--j-soft:var(--j-green-soft);height:100%;padding:1rem;text-align:center;background:var(--j-soft);border:1px solid var(--j-border);border-radius:var(--j-radius);box-shadow:var(--j-shadow-sm)}
.j-sign-image,.j-sign-card img{display:block;max-width:5rem;max-height:5rem;margin:0 auto .625rem}
.j-sign-title{color:var(--j-accent-strong);font-weight:700}
.j-sign-divider{margin:.5rem 0;border-color:var(--j-border)}
.j-sign-text{text-align:left;font-size:.875rem}

/* Compact metric. */
.j-metric-card{--j-accent:var(--j-green);--j-accent-strong:var(--j-green-strong);--j-soft:var(--j-green-soft);height:100%;padding:1rem;text-align:center;background:var(--j-soft);border:1px solid var(--j-border);border-radius:var(--j-radius);box-shadow:var(--j-shadow-sm)}
.j-metric-label{margin-bottom:.25rem;color:var(--j-accent-strong);font-weight:700}
.j-metric-value{margin:0;color:var(--j-heading);font-size:1.65rem;font-weight:700;line-height:1.2}
.j-metric-note{margin-top:.25rem;color:var(--j-muted);font-size:.875rem}

/* Experimental component: fine / sanction disclosure. */
.j-fine{position:relative;overflow:hidden;background:var(--j-surface);border:1px solid var(--j-border);border-radius:var(--j-radius);box-shadow:var(--j-shadow-sm)}
.j-fine::before{position:absolute;z-index:1;top:0;right:0;left:0;height:.1875rem;background:var(--j-green);content:""}
.j-fine-toggle{display:block;padding:1.125rem 1.25rem;color:var(--j-text);text-decoration:none}
.j-fine-toggle:hover{color:var(--j-text)}
.j-fine-main{display:grid;grid-template-columns:minmax(0,1fr) 10.625rem;gap:1.5rem;align-items:center}
.j-fine-content{min-width:0}
.j-fine-law{display:inline-block;margin-bottom:.5rem;padding:.25rem .5rem;color:var(--j-green-strong);background:var(--j-green-soft);border-radius:.5rem;font-size:.75rem;font-weight:700;line-height:1.3}
.j-fine-title{margin:0 0 .375rem;color:var(--j-heading);font-size:1rem;font-weight:700;line-height:1.4}
.j-fine-extra{color:var(--j-red-strong);font-size:.875rem;font-weight:600;line-height:1.45}
.j-fine-side{min-width:0;padding-left:1.25rem;border-left:1px solid var(--j-border)}
.j-fine-label{margin-bottom:.25rem;color:var(--j-muted);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.j-fine-value{color:var(--j-red-strong);font-size:1.5rem;font-weight:700;line-height:1.1}
.j-fine-unit{color:var(--j-text);font-size:.8125rem;font-weight:600}
.j-fine-discount{margin-top:.25rem;color:var(--j-green-strong);font-size:.75rem;font-weight:700}
.j-fine-more{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:.625rem;color:var(--j-muted);font-size:.8rem;font-weight:600}
.j-fine-more-icon{transition:transform .2s ease}
.j-fine-toggle[aria-expanded="true"] .j-fine-more-icon{transform:rotate(180deg)}
.j-fine-details{padding:0 1.25rem 1.125rem}
.j-fine-law-text{padding:.875rem 1rem;color:var(--j-text);background:var(--j-slate-soft);border-radius:var(--j-radius-sm);font-size:.875rem;line-height:1.6}
.j-fine-values{display:grid;gap:.75rem}
.j-fine-value-row+.j-fine-value-row{padding-top:.75rem;border-top:1px solid var(--j-border)}

/* Feature section and cards. j-soft-section keeps current CMS markup working. */
.j-feature-section,.j-soft-section{padding:2rem 1rem;background:var(--j-surface-soft);border-radius:var(--j-radius-lg)}
.j-feature-card{--j-accent:var(--j-green);--j-accent-strong:var(--j-green-strong);--j-soft:var(--j-green-soft);height:100%;padding:1.5rem;text-align:center;background:var(--j-surface);border-radius:var(--j-radius);box-shadow:var(--j-shadow-sm)}
.j-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin:0 auto .875rem;color:var(--j-accent);background:var(--j-soft);border-radius:50%}
.j-feature-title{margin:0 0 .5rem;color:var(--j-heading);font-size:.9375rem;font-weight:700;line-height:1.4}
.j-feature-text{margin:0;color:var(--j-text);font-size:.75rem;line-height:1.55}

/* Internal recommendation. */
.j-recommend{display:flex;align-items:flex-start;gap:.875rem;padding:1rem;background:var(--j-surface);border-left:.1875rem solid var(--j-green);border-radius:0 var(--j-radius-sm) var(--j-radius-sm) 0;box-shadow:var(--j-shadow-sm)}
.j-recommend-icon,.j-recommend>i{flex:0 0 auto;margin-top:.15rem;color:var(--j-green);font-size:1.2rem}
.j-recommend-content{min-width:0}
.j-recommend-label{display:block;margin-bottom:.2rem;color:var(--j-muted);font-size:.6875rem;font-weight:700;text-transform:uppercase}
.j-recommend-link,.j-recommend a{color:var(--j-heading);font-size:.875rem;font-weight:600;text-decoration:none}
.j-recommend-link:hover,.j-recommend a:hover{color:var(--j-green-strong)}

/* External source. */
.j-source{padding:.875rem 1rem;background:var(--j-surface-soft);border-left:.125rem solid var(--j-green);border-radius:0 var(--j-radius-sm) var(--j-radius-sm) 0}
.j-source-label{display:block;margin:0 0 .2rem;color:var(--j-muted);font-size:.6875rem;text-transform:uppercase}
.j-source-link,.j-source a{color:var(--j-heading);font-size:.875rem;font-weight:600;text-decoration:none}
.j-source-link:hover,.j-source a:hover{color:var(--j-green-strong)}
.j-source-icon{margin-right:.5rem;color:var(--j-green)}

/* Downloadable file. */
.j-file-card{display:flex;align-items:center;gap:.875rem;width:100%;max-width:25rem;padding:1rem;color:var(--j-text);text-decoration:none;background:var(--j-surface-soft);border-radius:var(--j-radius);box-shadow:var(--j-shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.j-file-card:hover{color:var(--j-text);box-shadow:var(--j-shadow);transform:translateY(-2px)}
.j-file-card-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex:0 0 2.5rem;color:var(--j-green);background:var(--j-surface);border-radius:50%;box-shadow:var(--j-shadow-sm)}
.j-file-card-content{min-width:0}
.j-file-card-title{margin:0;color:var(--j-heading);font-size:.875rem;font-weight:600}
.j-file-card-meta{color:var(--j-muted);font-size:.75rem}

/* Linked article: card-hover border-0 shadow-sm rounded-4 overflow-hidden bg-body. */
.j-article-card{display:grid;grid-template-columns:minmax(10rem,33.333%) minmax(0,1fr);overflow:hidden;color:var(--j-text);text-decoration:none;background:var(--j-surface);border:0;border-radius:var(--j-radius-lg);box-shadow:var(--j-shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.j-article-card:hover{color:var(--j-text);box-shadow:var(--j-shadow);transform:translateY(-2px)}
.j-article-card-media{position:relative;min-height:13.75rem;overflow:hidden}
.j-article-card-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.j-article-card-body{align-self:center;min-width:0;padding:1.5rem}
.j-article-card-kicker{display:inline-block;margin-bottom:.5rem;padding:.35em .65em;color:var(--j-green-strong);background:var(--j-green-soft);border-radius:.375rem;font-size:.75rem;font-weight:700;line-height:1}
.j-article-card-title{margin:0 0 .5rem;color:var(--j-heading);font-size:1.25rem;font-weight:600;line-height:1.3}
.j-article-card-text{margin:0;color:var(--j-text);font-size:.875rem}
.j-article-card-compact{grid-template-columns:minmax(7rem,33.333%) minmax(0,1fr)}
.j-article-card-compact .j-article-card-media{min-height:9.375rem}
.j-article-card-compact .j-article-card-body{padding:1rem 1.5rem}
.j-article-card-compact .j-article-card-title{font-size:1rem}

/* Tone modifiers come after component defaults so their values always win. */
.j-tone-green{--j-accent:var(--j-green);--j-accent-strong:var(--j-green-strong);--j-soft:var(--j-green-soft)}
.j-tone-blue{--j-accent:var(--j-blue);--j-accent-strong:var(--j-blue-strong);--j-soft:var(--j-blue-soft)}
.j-tone-amber{--j-accent:var(--j-amber);--j-accent-strong:var(--j-amber-strong);--j-soft:var(--j-amber-soft)}
.j-tone-red{--j-accent:var(--j-red);--j-accent-strong:var(--j-red-strong);--j-soft:var(--j-red-soft)}
.j-tone-slate{--j-accent:var(--j-slate);--j-accent-strong:var(--j-slate-strong);--j-soft:var(--j-slate-soft)}

@media(max-width:575.98px){
  .j-section-divider{gap:.75rem}
  .j-material-card-media{width:6rem;height:4.5rem;flex-basis:6rem}
  .j-status-head,.j-law-header{align-items:flex-start}
  .j-important,.j-lawyer-tip{gap:.75rem;padding:1rem}
  .j-fine-toggle{padding:1rem}
  .j-fine-main{grid-template-columns:1fr;gap:.875rem}
  .j-fine-side{padding:.875rem 0 0;border-top:1px solid var(--j-border);border-left:0}
  .j-fine-details{padding:0 1rem 1rem}
  .j-feature-section,.j-soft-section{padding:1.5rem .875rem}
  .j-article-card:not(.j-article-card-compact){grid-template-columns:1fr}
  .j-article-card:not(.j-article-card-compact) .j-article-card-media{min-height:0;aspect-ratio:16/9}
  .j-article-card-body{padding:1rem}
  .j-article-card-title{font-size:1rem}
}

/* Compact UI Kit elements currently used by the local page. */
.j-important-compact{position:relative;display:block;margin-bottom:1rem;padding:1rem 1.125rem;color:var(--j-text);background:var(--j-surface);border:1px solid var(--j-border);border-radius:var(--ar-border-radius-xl,var(--j-radius-lg));box-shadow:var(--j-shadow-sm)}
.j-important-compact-alert{border-left:.1875rem solid var(--j-red)}
.j-important-compact-alert .j-important-compact-head{display:flex;align-items:center;gap:.625rem;margin-bottom:.375rem}
.j-important-compact-alert .j-important-compact-head i{margin-left:auto;color:var(--j-red);font-size:1rem}
.j-important-compact-alert .j-important-compact-eyebrow,.j-important-compact-condition .j-important-compact-eyebrow{display:block;margin-bottom:.25rem;color:var(--j-red-strong);font-size:.75rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.j-important-compact .j-important-compact-title{margin:0 0 .25rem;color:var(--j-heading);font-size:1rem;font-weight:700;line-height:1.4}
.j-important-compact .j-important-compact-text{margin:0;font-size:.875rem;line-height:1.55}
.j-important-compact-condition{padding-right:3.75rem}
.j-important-compact-condition .j-important-compact-corner{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;color:var(--j-red);background:var(--j-red-soft);border-radius:0 0 0 var(--ar-border-radius-xl,var(--j-radius-lg));font-size:1rem}

.j-status-compact .j-status-body{padding:.875rem 1rem}
.j-summary-compact{padding:.875rem 1rem}
.j-summary-compact .j-summary-head{margin-bottom:.375rem}
.j-compare-content{display:grid;gap:.625rem;padding-left:0;list-style:none}
.j-compare-content li{display:grid;gap:.125rem}
.j-compare-key{color:var(--j-muted);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.j-compare-content strong{color:var(--j-heading)}

.j-pdd-tabs .j-law-open{display:inline-flex;align-items:center;gap:.375rem;margin:0 1.125rem 1rem}

.j-fine-compact .j-fine-toggle{padding:.875rem 1rem}
.j-fine-compact .j-fine-main{gap:1rem}
.j-fine-compact .j-fine-law{margin-bottom:.375rem}
.j-fine-compact .j-fine-title{font-size:.9375rem}
.j-fine-compact .j-fine-value{font-size:1.25rem;white-space:nowrap}
.j-fine-compact .j-fine-extra{font-size:.8125rem}
.j-fine-compact .j-fine-more{margin-top:.375rem}
.j-fine-details-outside{width:100%;margin:-.25rem 0 1rem}
.j-fine-details-outside .j-fine-details{padding:.875rem 0 0}
.j-fine-details-outside .j-fine-law-text{box-sizing:border-box;width:100%;padding:.875rem 1rem;color:var(--j-text);background:transparent;border:1px solid var(--j-border);border-radius:var(--j-radius-sm);font-size:.875rem}
.j-fine-details-outside .j-fine-law-text p{color:var(--j-text)}

.j-article-card-compact .j-article-card-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;color:var(--j-green-strong);font-size:.8125rem;font-weight:700}

@media(max-width:575.98px){
  .j-fine-compact .j-fine-toggle{padding:.875rem 1rem}
  .j-fine-details-outside .j-fine-details{padding:.75rem 0 0}
  .j-article-card-compact{grid-template-columns:6rem minmax(0,1fr)}
  .j-article-card-compact .j-article-card-media{min-height:100%;aspect-ratio:1}
  .j-article-card-compact .j-article-card-body{padding:.875rem}
  .j-article-card-compact .j-article-card-text{font-size:.8125rem;line-height:1.45}
}