.art-progress{ position:fixed; left:0; top:0; height:3px; width:0; background:#FFDE59; z-index:2000; transition:width .1s linear; }
  .art-meta{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px 18px; margin-top:22px; color:#B4C1E4; font:600 14px var(--font-body); }
  .art-meta b{ color:#FFFFFF; font-weight:700; }
  .art-meta .dot{ width:4px; height:4px; border-radius:50%; background:#FFDE59; align-self:center; }
  .art-grid{ display:grid; grid-template-columns:240px minmax(0,720px); gap:56px; justify-content:center; align-items:start; }
  .art-toc{ position:sticky; top:110px; font:600 14px/1.45 var(--font-body); }
  .art-toc .back{ display:inline-flex; gap:6px; color:#1F3C88; font-weight:700; text-decoration:none; margin-bottom:22px; }
  .art-toc h4{ font:800 11px var(--font-body); letter-spacing:.14em; text-transform:uppercase; color:#5B6788; margin:0 0 12px; }
  .art-toc ol{ list-style:none; margin:0; padding:0; border-left:2px solid #E3E9F5; }
  .art-toc li a{ display:block; padding:7px 0 7px 14px; margin-left:-2px; border-left:2px solid transparent; color:#5B6788; text-decoration:none; }
  .art-toc li a:hover{ color:#0F1E4A; }
  .art-toc li a.on{ color:#0F1E4A; border-left-color:#FFDE59; font-weight:700; }
  .art-body{ font-size:18px; line-height:1.75; color:#334066; }
  .art-body > p:first-child{ font-size:20px; line-height:1.65; color:#0F1E4A; }
  .art-body h2{ font:700 clamp(1.45rem,2.4vw,1.85rem)/1.25 var(--font-display); color:#0F1E4A; letter-spacing:-.02em; margin:48px 0 14px; scroll-margin-top:110px; }
  .art-body p{ margin:0 0 18px; }
  .art-body ul, .art-body ol{ margin:0 0 22px; padding-left:22px; }
  .art-body li{ margin-bottom:10px; padding-left:4px; }
  .art-body ul li::marker{ color:#1F3C88; }
  .art-body ol li::marker{ color:#1F3C88; font-weight:800; }
  .art-body strong{ color:#0F1E4A; }
  .art-body a{ color:#1F3C88; font-weight:700; text-decoration:underline; text-decoration-color:#FFDE59; text-decoration-thickness:2px; text-underline-offset:3px; }
  .art-callout{ background:#FFFBEA; border-left:5px solid #FFDE59; border-radius:12px; padding:20px 24px; margin:28px 0; }
  .art-callout b{ display:block; font:800 12px var(--font-body); letter-spacing:.12em; text-transform:uppercase; color:#1F3C88; margin-bottom:6px; }
  .art-callout p{ margin:0; color:#0F1E4A; font-size:17px; text-align:left !important; }
  .art-check{ background:#FFFFFF; border:1px solid #E3E9F5; border-radius:16px; padding:22px 24px 10px; margin:26px 0; box-shadow:0 12px 30px -22px rgba(15,30,74,.3); }
  .art-check h3{ font:700 17px var(--font-display); color:#0F1E4A; margin:0 0 14px; }
  .art-check ul{ list-style:none; padding:0; margin:0; }
  .art-check li{ position:relative; padding-left:34px; margin-bottom:14px; font-size:16.5px; line-height:1.55; text-align:left !important; }
  .art-check li::before{ content:""; position:absolute; left:0; top:2px; width:22px; height:22px; border-radius:50%; background:#FFDE59 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%230F1E4A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat; }
  .art-table{ overflow-x:auto; margin:26px 0; border:1px solid #E3E9F5; border-radius:14px; background:#FFFFFF; }
  .art-table table{ border-collapse:collapse; width:100%; min-width:520px; font-size:15.5px; }
  .art-table th{ background:#0F1E4A; color:#FFFFFF; text-align:left; padding:13px 16px; font:700 14px var(--font-body); }
  .art-table td{ padding:13px 16px; border-top:1px solid #E3E9F5; color:#334066; vertical-align:top; line-height:1.5; }
  .art-table td:first-child{ font-weight:700; color:#0F1E4A; background:#F7F9FD; }
  .art-faq{ border-top:1px solid #E3E9F5; margin:6px 0 26px; }
  .art-faq details{ border-bottom:1px solid #E3E9F5; }
  .art-faq summary{ list-style:none; cursor:pointer; padding:18px 36px 18px 0; position:relative; font:700 17px/1.4 var(--font-display); color:#0F1E4A; }
  .art-faq summary::-webkit-details-marker{ display:none; }
  .art-faq summary::after{ content:"+"; position:absolute; right:4px; top:14px; font:500 24px var(--font-body); color:#1F3C88; }
  .art-faq details[open] summary::after{ content:"\2212"; }
  .art-faq details p{ margin:0 0 18px; font-size:16.5px; text-align:left !important; }
  .art-cta{ background:#0F1E4A; border-radius:18px; padding:28px 30px; margin:36px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; }
  .art-cta h3{ font:700 21px var(--font-display); color:#FFFFFF; margin:0 0 6px; }
  .art-cta p{ margin:0; color:#C9D4F2; font-size:16px; max-width:46ch; text-align:left !important; }
  .art-cta .btn-y{ display:inline-flex; align-items:center; gap:8px; background:#FFDE59; color:#0F1E4A !important; font:700 15px var(--font-body); padding:13px 20px; border-radius:10px; text-decoration:none !important; white-space:nowrap; }
  .art-cta .btn-y:hover{ background:#FFE980; }
  .art-author{ display:flex; gap:16px; align-items:center; margin-top:46px; padding:22px 24px; border:1px solid #E3E9F5; border-radius:16px; background:#FFFFFF; }
  .art-author .av{ width:52px; height:52px; border-radius:50%; background:#1F3C88; color:#FFDE59; display:flex; align-items:center; justify-content:center; font:800 16px var(--font-display); flex-shrink:0; }
  .art-author b{ display:block; color:#0F1E4A; font-size:16px; }
  .art-author span{ color:#5B6788; font-size:14.5px; line-height:1.5; }
  .art-related{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
  .art-related a.card{ display:flex; flex-direction:column; gap:10px; background:#FFFFFF; border:1px solid #E3E9F5; border-radius:16px; padding:22px; text-decoration:none; box-shadow:0 12px 30px -24px rgba(15,30,74,.35); transition:transform .2s ease, box-shadow .2s ease; }
  .art-related a.card:hover{ transform:translateY(-3px); box-shadow:0 18px 40px -22px rgba(15,30,74,.4); }
  .art-related .tag{ font:800 11px var(--font-body); letter-spacing:.12em; text-transform:uppercase; color:#1F3C88; }
  .art-related h3{ font:700 18px/1.3 var(--font-display); color:#0F1E4A; margin:0; }
  .art-related p{ margin:0; color:#5B6788; font-size:14.5px; line-height:1.55; text-align:left !important; }
  .art-related .go{ margin-top:auto; color:#1F3C88; font:700 14px var(--font-body); }
  @media (max-width:980px){ .art-grid{ grid-template-columns:minmax(0,1fr); gap:0; } .art-toc{ position:static; margin-bottom:26px; } .art-toc h4, .art-toc ol{ display:none; } .art-related{ grid-template-columns:1fr; } }
  @media (max-width:560px){ .art-body{ font-size:17px; } .art-cta{ padding:24px 22px; } }