.opc-article-hero{background:linear-gradient(135deg,#1e3a8a,#2a7efb 58%,#1f8fff);color:#fff;padding:56px 0 48px;position:relative;overflow:hidden}
.opc-article-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.opc-article-hero .container{position:relative;z-index:1}
.opc-article-hero .crumb{font-size:13px;color:#c9e2ff;margin-bottom:14px}
.opc-article-hero .crumb a{color:#fff}
.opc-article-hero .tag{display:inline-block;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26);border-radius:99px;padding:5px 14px;font-size:12.5px;margin-bottom:14px}
.opc-article-hero h1{font-size:38px;line-height:1.3;font-weight:800;letter-spacing:-.8px;margin-bottom:12px;max-width:900px}
.opc-article-hero .lead{font-size:16px;line-height:1.9;color:#dcecff;max-width:760px}
.opc-article-wrap{padding:54px 0 60px}
.opc-article{max-width:860px;margin:0 auto}
.opc-article h2{font-size:26px;font-weight:800;color:var(--ink);margin:44px 0 14px;padding-left:14px;border-left:4px solid var(--primary);line-height:1.4}
.opc-article h2:first-child{margin-top:0}
.opc-article h3{font-size:18px;font-weight:700;color:var(--ink);margin:28px 0 10px}
.opc-article p{color:var(--ink-3,#354255);font-size:15.5px;line-height:1.95;margin-bottom:14px}
.opc-article ul,.opc-article ol{margin:12px 0 18px;padding-left:22px}
.opc-article li{color:var(--ink-3,#354255);font-size:15px;line-height:1.9;margin-bottom:7px}
.opc-article strong{color:var(--ink);font-weight:700}
.opc-article blockquote{margin:22px 0;padding:18px 22px;background:var(--blue-tint,#f5faff);border-left:4px solid var(--primary);border-radius:0 10px 10px 0;color:var(--ink-3,#354255);font-size:15px;line-height:1.9}
.opc-article .note{background:#eaf4ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:12px;padding:16px 20px;font-size:14px;line-height:1.8;margin:20px 0}
.opc-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.opc-mini-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.opc-mini-card b{display:block;color:var(--ink);font-size:15.5px;margin-bottom:6px}
.opc-mini-card p{font-size:13.5px;line-height:1.8;color:var(--muted);margin:0}
.opc-mini-card a{font-size:13px;font-weight:600;color:var(--primary);text-decoration:none}
.opc-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:20px 0;background:#fff}
.opc-table{width:100%;border-collapse:collapse;min-width:640px}
.opc-table th,.opc-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;line-height:1.7;color:var(--muted);vertical-align:top}
.opc-table th{background:var(--bg-soft);color:var(--ink);font-weight:800}
.opc-table td:first-child{color:var(--ink);font-weight:700}
.opc-table tr:last-child td{border-bottom:0}
.opc-table .yes{color:var(--primary);font-weight:700}
.opc-related{background:var(--bg-soft);padding:52px 0}
.opc-related .container{max-width:1000px}
.opc-related h2{font-size:26px;font-weight:800;margin-bottom:8px;text-align:center}
.opc-related .sub{text-align:center;color:var(--muted);font-size:14.5px;margin-bottom:26px}
.opc-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.opc-related-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;text-decoration:none;transition:.2s}
.opc-related-card:hover{border-color:var(--primary);box-shadow:0 10px 26px rgba(14,125,240,.1);transform:translateY(-3px)}
.opc-related-card b{display:block;color:var(--ink);font-size:16px;margin-bottom:8px}
.opc-related-card p{color:var(--muted);font-size:13.5px;line-height:1.8;margin:0 0 10px}
.opc-related-card span{color:var(--primary);font-size:13px;font-weight:700}
.opc-cta-band{background:linear-gradient(135deg,#1e6fd0,#2a7efb 55%,#1f8fff);color:#fff;text-align:center;padding:52px 0}
.opc-cta-band h2{font-size:28px;font-weight:800;margin-bottom:8px}
.opc-cta-band p{color:#dcecff;font-size:14.5px;margin-bottom:20px}
.opc-cta-band .btn-ghost{color:#fff;border:1.5px solid rgba(255,255,255,.5);background:transparent}
.opc-faq{display:grid;gap:12px;margin:20px 0}
.opc-faq details{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.opc-faq summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:700;color:var(--ink);font-size:15px;display:flex;justify-content:space-between;gap:12px}
.opc-faq summary::-webkit-details-marker{display:none}
.opc-faq summary::after{content:"+";font-size:22px;color:var(--primary)}
.opc-faq details[open] summary::after{content:"−"}
.opc-faq .faq-body{padding:0 20px 18px;color:var(--muted);font-size:14px;line-height:1.9}
@media(max-width:760px){
  .opc-article-hero{padding:42px 0 36px}
  .opc-article-hero h1{font-size:29px}
  .opc-article-wrap{padding:40px 0 46px}
  .opc-article h2{font-size:23px;margin-top:36px}
  .opc-card-grid{grid-template-columns:1fr}
  .opc-related,.opc-cta-band{padding:42px 0}
  .opc-related h2,.opc-cta-band h2{font-size:23px}
}