.frm-related-articles { padding:64px 24px; background:#f0f7f8; border-top:1px solid #dbe6ed; color:#061738; }
.frm-related-articles * { box-sizing:border-box; }
.frm-related-articles .frm-related-inner { max-width:1220px; margin:0 auto; min-width:0; }
.frm-related-articles .frm-related-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.frm-related-articles .frm-related-head h2 { margin:0; color:#061738; font-size:30px; font-weight:800; line-height:1.25; letter-spacing:-.5px; scroll-margin-top:90px; }
.frm-related-articles .frm-related-all { display:inline-flex; align-items:center; min-height:44px; color:#145166; font-size:14px; line-height:1.5; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.frm-related-articles .frm-related-track { display:flex; gap:20px; margin:0; padding:4px 4px 16px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#6f9fa8 #e0ecef; list-style:none; }
.frm-related-articles .frm-related-track>li { flex:0 0 calc((100% - 40px)/3); min-width:0; padding:0; margin:0; scroll-snap-align:start; list-style:none; }
.frm-related-articles .frm-related-card { display:flex; flex-direction:column; gap:18px; height:100%; min-height:290px; padding:26px; border:1px solid #c8dce3; border-radius:12px; background:#fff; color:#061738; text-decoration:none; transition:border-color .18s; }
.frm-related-articles .frm-related-card:hover { border-color:#167b85; }
.frm-related-articles .frm-related-card h3 { color:#061738; font-size:20px; line-height:1.4; font-weight:800; letter-spacing:-.25px; margin:0; overflow-wrap:break-word; }
.frm-related-articles .frm-related-card p { color:#426077; font-size:14px; line-height:1.7; margin:0; }
.frm-related-articles .frm-related-meta { display:flex; flex-wrap:wrap; gap:8px 14px; margin-top:auto; color:#426077; font-size:12px; line-height:1.6; }
.frm-related-articles .frm-related-read { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #e1ebef; padding-top:16px; color:#145166; font-size:14px; font-weight:800; }
.frm-related-articles .frm-related-read svg { flex-shrink:0; }
.frm-related-articles .frm-related-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:16px; }
.frm-related-articles [hidden] { display:none!important; }
.frm-related-articles .frm-related-status { color:#426077; font-size:13px; line-height:1.5; margin:0; font-variant-numeric:tabular-nums; }
.frm-related-articles .frm-related-buttons { display:flex; gap:10px; }
.frm-related-articles .frm-related-buttons button { display:grid; place-items:center; width:46px; height:46px; padding:0; border:1px solid #8bb4bf; border-radius:50%; background:#fff; color:#145166; cursor:pointer; }
.frm-related-articles .frm-related-buttons button:hover:enabled { background:#e0f4f3; border-color:#167b85; }
.frm-related-articles .frm-related-buttons button:disabled { color:#7a929d; border-color:#cfdee4; background:#f3f8f9; cursor:default; }
.frm-related-articles :focus-visible { outline:3px solid #00838a; outline-offset:3px; }
.frm-related-articles ::selection { background:#bdeeea; color:#061738; }
@media(max-width:1000px) { .frm-related-articles .frm-related-track>li { flex-basis:calc((100% - 20px)/2); } }
@media(max-width:640px) {
 .frm-related-articles { padding:40px 20px; }
 .frm-related-articles .frm-related-head { align-items:flex-start; flex-direction:column; gap:4px; margin-bottom:16px; }
 .frm-related-articles .frm-related-head h2 { font-size:26px; }
 .frm-related-articles .frm-related-track { gap:14px; }
 .frm-related-articles .frm-related-track>li { flex-basis:88%; }
 .frm-related-articles .frm-related-card { padding:22px; min-height:300px; }
 .frm-related-articles .frm-related-card h3 { font-size:20px; }
 .frm-related-articles .frm-related-card p { font-size:16px; line-height:1.65; }
}
@media(prefers-reduced-motion:reduce) { .frm-related-articles * { scroll-behavior:auto; transition:none; } }
@media print { .frm-related-articles .frm-related-track { display:block; overflow:visible; } .frm-related-articles .frm-related-controls { display:none; } }