.hl-shell,.hl-shell *{box-sizing:border-box}
.hl-shell{width:420px;max-width:100%;margin:auto;padding:10px;color:#1e293b;font:15px/1.5 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
.hl-shell a{color:#1d4ed8}
.hl-nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;font-size:14px;color:#64748b}
.hl-nav a{color:#475569;text-decoration:none}
.hl-nav a:hover{text-decoration:underline}
.hl-hero{margin:0 0 16px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#f8fafc);border:1px solid #dbe4f0}
.hl-hero h1{margin:0 0 8px;color:#172554;font-size:28px;line-height:1.15}
.hl-hero p{margin:0;color:#475569;font-size:16px}
.hl-flag{font-size:1.15em;margin-right:4px}
.hl-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none}
.hl-tabs a{display:inline-block;padding:7px 11px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:14px;text-decoration:none}
.hl-tabs a:hover{background:#e0e7ff}
.hl-tabs a[aria-current="page"]{background:#3730a3;color:#fff;font-weight:bold}
.hl-list{margin:0;padding:0;list-style:none}
.hl-item{position:relative;margin:0 0 10px;padding:12px 14px 12px 46px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.hl-item::before{content:attr(data-rank);position:absolute;left:10px;top:12px;width:26px;height:26px;border-radius:50%;background:#eef2ff;color:#4f46e5;font-size:13px;font-weight:bold;line-height:26px;text-align:center}
.hl-item a.hl-title{display:block;color:#172554;font-size:18px;font-weight:bold;line-height:1.3;text-decoration:none}
.hl-item a.hl-title:hover,.hl-item a.hl-title:focus{text-decoration:underline}
.hl-item small{display:block;margin-top:4px;color:#64748b;font-size:13px}
.hl-item[dir="rtl"]{padding:12px 46px 12px 14px}
.hl-item[dir="rtl"]::before{left:auto;right:10px}
.hl-item[dir="rtl"] a.hl-title,.hl-item[dir="rtl"] small{text-align:right}
.hl-empty{padding:16px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#64748b;font-style:italic;text-align:center}
.hl-group{margin:12px 0;border:1px solid #dbe4f0;border-radius:14px;background:#fff;overflow:hidden}
.hl-group>summary{padding:14px 16px;background:#f8fafc;color:#172554;font-size:20px;font-weight:bold;cursor:pointer}
.hl-cards{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}
.hl-card{display:block;padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#1e293b!important;text-decoration:none}
.hl-card:hover,.hl-card:focus{border-color:#818cf8;box-shadow:0 6px 16px rgba(30,41,59,.10)}
.hl-card strong{display:block;color:#172554;font-size:18px}
.hl-card em{display:block;margin:2px 0 8px;color:#64748b;font-size:13px;font-style:normal}
.hl-card ul{margin:0;padding:0 0 0 18px;font-size:13px;color:#475569}
.hl-card li{margin:0 0 3px}
.hl-card li[dir="rtl"]{text-align:right}
.hl-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.hl-chips a{display:inline-block;padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#1e293b;font-size:13px;text-decoration:none}
.hl-chips a:hover{background:#e2e8f0}
.hl-note{margin:18px 0 0;padding:12px 14px;border-left:4px solid #94a3b8;border-radius:0 10px 10px 0;background:#f8fafc;color:#475569;font-size:13px;line-height:1.5}
.hl-h2{margin:22px 0 10px;color:#172554;font-size:21px}