:root { --ln-blue: #2251ec; --ln-ink: #020c53; }
.ln-blog-page *, .ln-blog-page *::before, .ln-blog-page *::after { box-sizing: border-box; }
.ln-skip-link { position: fixed; left: 16px; top: -100px; z-index: 101; background: var(--ln-ink); color: #fff; padding: 9px 14px; border-radius: 7px; }
.ln-skip-link:focus { top: 12px; }
.ln-frontend-header { position: sticky; top: 0; z-index: 100; background: #00095d; box-shadow: 0 6px 18px rgba(0,9,70,.14); }
.ln-frontend-header-inner { display: flex; align-items: center; gap: 28px; width: min(1180px, calc(100% - 48px)); min-height: 74px; margin: 0 auto; }
.ln-frontend-logo, .ln-frontend-logo-mark { display: flex; flex: 0 0 auto; align-items: center; }
.ln-frontend-logo img { display: block; width: 178px; height: auto; }
.ln-frontend-logo-mark { display: none; }
.ln-frontend-nav { margin-left: auto; }
.ln-frontend-nav ul { display: flex; align-items: center; gap: 3px; margin: 0; padding: 0; list-style: none; }
.ln-frontend-nav a, .ln-frontend-nav summary { display: block; padding: 10px 12px; border-radius: 9px; color: #fff; cursor: pointer; font-size: .92rem; font-weight: 600; line-height: 1; text-decoration: none; }
.ln-frontend-nav a:hover, .ln-frontend-nav summary:hover, .ln-frontend-nav details[open] > summary { background: rgba(255,255,255,.12); color: #fff; }
.ln-frontend-nav details { position: relative; }
.ln-frontend-nav summary { display: flex; align-items: center; gap: 6px; list-style: none; }
.ln-frontend-nav summary::-webkit-details-marker { display: none; }
.ln-frontend-nav summary span { font-size: 12px; transition: transform .2s; }
.ln-frontend-nav details[open] summary span { transform: rotate(180deg); }
.ln-frontend-menu { position: absolute; top: calc(100% + 19px); left: 50%; display: grid; width: 292px; padding: 18px; border: 1px solid #e3e8f4; border-radius: 14px; background: #fff; box-shadow: 0 28px 70px rgba(0,9,70,.28); color: #14213d; transform: translateX(-38%); }
.ln-frontend-menu strong { color: #00095d; font-size: .95rem; }
.ln-frontend-menu small { margin: 4px 0 12px; color: #6c7892; font-size: .77rem; line-height: 1.45; }
.ln-frontend-menu a { padding: 8px; color: #33405e; border-radius: 7px; font-size: .84rem; }
.ln-frontend-menu a:first-of-type { margin-bottom: 4px; background: #eef4ff; color: #0047ff; font-weight: 800; }
.ln-frontend-menu a:hover { background: #eaf1ff; color: #0047ff; }
.ln-frontend-actions { display: flex; align-items: center; gap: 9px; }
.ln-frontend-actions a, .ln-frontend-mobile-actions a { padding: 10px 14px; border: 1px solid transparent; border-radius: 8px; color: #fff; font-size: .88rem; font-weight: 700; text-decoration: none; }
.ln-frontend-actions a:last-child, .ln-frontend-mobile-actions a:last-child { background: #fff; color: #00095d; }
.ln-frontend-mobile-actions, .ln-frontend-menu-toggle { display: none; }
.ln-site-footer { padding: 35px 0; border-top: 1px solid #dce4f5; background: #fff; color: #64748b; font-size: .88rem; }
.ln-footer-inner { display: flex; justify-content: space-between; gap: 16px; width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.ln-footer-inner nav { display: flex; gap: 17px; }
.ln-footer-inner a { color: #64748b; text-decoration: none; }
.ln-footer-inner a:hover { color: #2251ec; }
@media (max-width: 960px) { .ln-frontend-header-inner { min-height: 64px; } .ln-frontend-logo img { width: 158px; } .ln-frontend-nav ul { gap: 0; } .ln-frontend-nav a, .ln-frontend-nav summary { padding-inline: 8px; font-size: .84rem; } }
@media (max-width: 760px) {
	.ln-frontend-header-inner { width: min(100% - 32px, 1180px); min-height: 62px; }
	.ln-frontend-logo { display: none; } .ln-frontend-logo-mark { display: flex; } .ln-frontend-logo-mark img { width: 40px; height: 40px; }
	.ln-frontend-actions { display: none; }
	.ln-frontend-menu-toggle { display: flex; width: 34px; height: 30px; margin-left: auto; padding: 5px 2px; flex-direction: column; justify-content: space-between; border: 0; background: transparent; cursor: pointer; }
	.ln-frontend-menu-toggle span { display: block; width: 100%; height: 2px; background: #fff; transition: transform .2s, opacity .2s; }
	.ln-frontend-menu-toggle.is-open span:nth-child(1) { transform: translateY(9px) rotate(45deg); } .ln-frontend-menu-toggle.is-open span:nth-child(2) { opacity: 0; } .ln-frontend-menu-toggle.is-open span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }
	.ln-frontend-nav { position: fixed; z-index: 99; top: 62px; left: 0; display: none; width: 100%; max-height: calc(100vh - 62px); overflow-y: auto; margin: 0; padding: 18px 16px 25px; background: #00095d; }
	.ln-frontend-nav.is-open { display: flex; flex-direction: column; align-items: stretch; } .ln-frontend-nav ul { display: flex; width: 100%; flex-direction: column; align-items: stretch; } .ln-frontend-nav ul li { width: 100%; }
	.ln-frontend-nav a, .ln-frontend-nav summary { padding: 15px 14px; border-bottom: 1px solid rgba(255,255,255,.12); border-radius: 0; font-size: 1.05rem; } .ln-frontend-nav summary { justify-content: space-between; }
	.ln-frontend-menu { position: static; width: 100%; margin-top: 8px; transform: none; background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.14); box-shadow: none; color: #fff; } .ln-frontend-menu strong { color: #fff; } .ln-frontend-menu small { color: rgba(255,255,255,.7); } .ln-frontend-menu a { color: #fff; border: 0; font-size: .88rem; } .ln-frontend-menu a:first-of-type, .ln-frontend-menu a:hover { background: rgba(255,255,255,.14); color: #fff; }
	.ln-frontend-mobile-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; margin-top: 21px; } .ln-frontend-mobile-actions a { border: 1px solid rgba(255,255,255,.36); text-align: center; }
	.ln-footer-inner { display: block; width: min(100% - 32px, 1180px); } .ln-footer-inner nav { margin-top: 10px; flex-wrap: wrap; }
}
