:root { --mwalib58-font-sans: "Lexend", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --mwalib58-font-head: var(--mwalib58-font-sans); --mwalib58-font-body: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --mwalib58-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; --mwalib58-mint: #21cdad; --mwalib58-mint-dark: #087b68; --mwalib58-mint-soft: #d7f6f0; --mwalib58-mint-tint: #eefbf8; --mwalib58-navy: #002678; --mwalib58-navy-dark: #00194f; --mwalib58-navy-hero: #133c68; --mwalib58-navy-deep: #102e50; --mwalib58-navy-soft: #eaf1f8; --mwalib58-teal: #087e98; --mwalib58-yellow: #d8b92b; --mwalib58-amber: #e8890c; --mwalib58-red: #e5484d; --mwalib58-green: #0f9d58; --mwalib58-ink: #18304d; --mwalib58-text: #212529; --mwalib58-muted: #61738a; --mwalib58-line: #dce6ef; --mwalib58-border: #e3e7ef; --mwalib58-soft: #f7f9fc; --mwalib58-white: #ffffff; --mwalib58-surface: #ffffff; --mwalib58-shadow-xs: 0 1px 2px rgba(0, 25, 79, 0.04); --mwalib58-shadow-sm: 0 4px 12px rgba(0, 25, 79, 0.06); --mwalib58-radius-sm: 5px; --mwalib58-radius: 7px; --mwalib58-radius-lg: 10px; --mwalib58-container: 1200px; --bs-primary: #002678; --bs-primary-rgb: 0, 38, 120; --bs-secondary: #61738a; --bs-secondary-rgb: 97, 115, 138; --bs-success: #087b68; --bs-info: #087e98; --bs-warning: #d8b92b; --bs-danger: #e5484d; --bs-body-font-family: var(--mwalib58-font-body); --bs-body-color: var(--mwalib58-text); --bs-body-bg: var(--mwalib58-white); --bs-border-color: var(--mwalib58-border); --bs-link-color: var(--mwalib58-navy); --bs-link-hover-color: var(--mwalib58-mint-dark); } *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: 84px; } body { margin: 0; background-color: var(--mwalib58-white); color: var(--mwalib58-text); font-family: var(--mwalib58-font-body); font-size: 0.875rem; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { margin-top: 0; color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-weight: 700; line-height: 1.25; letter-spacing: -0.015em; } a { color: var(--mwalib58-navy); text-decoration: none; transition: color 0.16s ease, background-color 0.16s ease, border-color 0.16s ease; } a:hover { color: var(--mwalib58-mint-dark); } img, svg { max-width: 100%; height: auto; vertical-align: middle; } :focus-visible { outline: 2px solid var(--mwalib58-teal); outline-offset: 2px; } .container, .container-xl { max-width: var(--mwalib58-container); } .mwalib58-skip { position: fixed; top: 0.75rem; left: 0.75rem; z-index: 2000; padding: 0.55rem 0.95rem; background: var(--mwalib58-white); color: var(--mwalib58-navy); border: 2px solid var(--mwalib58-mint); border-radius: var(--mwalib58-radius); font-family: var(--mwalib58-font-sans); font-size: 0.8rem; font-weight: 700; transform: translateY(-220%); transition: transform 0.2s ease; } .mwalib58-skip:focus { transform: translateY(0); } .mwalib58-section { padding-block: clamp(2rem, 3.8vw, 3.25rem); } .mwalib58-section--inner { padding-top: 1.15rem; } .mwalib58-section--soft { background-color: var(--mwalib58-soft); border-top: 1px solid var(--mwalib58-border); border-bottom: 1px solid var(--mwalib58-border); } .mwalib58-section-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 0.75rem; margin-bottom: 1.25rem; } .mwalib58-section-head h2 { margin: 0; font-size: clamp(1.2rem, 2vw, 1.55rem); } .mwalib58-eyebrow { display: inline-flex; align-items: center; gap: 0.4rem; margin-bottom: 0.3rem; color: var(--mwalib58-mint-dark); font-family: var(--mwalib58-font-sans); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .mwalib58-eyebrow::before { content: ""; display: inline-block; width: 14px; height: 2.5px; border-radius: 2px; background: var(--mwalib58-mint); } .mwalib58-more { display: inline-flex; align-items: center; gap: 0.35rem; color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.8rem; font-weight: 700; } .mwalib58-more:hover { color: var(--mwalib58-mint-dark); text-decoration: underline; text-underline-offset: 0.2em; } .mwalib58-ico { margin-right: 0.38rem; } .btn, .mwalib58-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.42rem; min-height: 38px; padding: 0.5rem 0.95rem; border-radius: var(--mwalib58-radius); font-family: var(--mwalib58-font-sans); font-size: 0.82rem; font-weight: 600; line-height: 1.25; text-decoration: none; box-shadow: none; transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease; } .btn-sm, .mwalib58-btn--sm { min-height: 32px; padding: 0.35rem 0.72rem; font-size: 0.76rem; } .btn-lg, .mwalib58-btn--lg { min-height: 44px; padding: 0.65rem 1.25rem; font-size: 0.88rem; } .btn-primary, .mwalib58-btn--primary { background-color: var(--mwalib58-navy); border-color: var(--mwalib58-navy); color: var(--mwalib58-white); } .btn-primary:hover, .btn-primary:focus, .mwalib58-btn--primary:hover, .mwalib58-btn--primary:focus { background-color: var(--mwalib58-mint); border-color: var(--mwalib58-mint); color: var(--mwalib58-navy-dark); } .btn-mint, .mwalib58-btn--mint { background-color: var(--mwalib58-mint); border-color: var(--mwalib58-mint); color: var(--mwalib58-navy-dark); } .btn-mint:hover, .btn-mint:focus, .mwalib58-btn--mint:hover, .mwalib58-btn--mint:focus { background-color: var(--mwalib58-mint-dark); border-color: var(--mwalib58-mint-dark); color: var(--mwalib58-white); } .btn-navy, .mwalib58-btn--navy { background-color: var(--mwalib58-navy-hero); border-color: var(--mwalib58-navy-hero); color: var(--mwalib58-white); } .btn-navy:hover, .mwalib58-btn--navy:hover { background-color: var(--mwalib58-navy-deep); border-color: var(--mwalib58-navy-deep); color: var(--mwalib58-white); } .btn-outline-primary, .mwalib58-btn--secondary { background-color: var(--mwalib58-white); border-color: #ccdae8; color: var(--mwalib58-navy); } .btn-outline-primary:hover, .mwalib58-btn--secondary:hover { background-color: var(--mwalib58-navy-soft); border-color: var(--mwalib58-navy); color: var(--mwalib58-navy); } .mwalib58-btn--outline-light { background-color: transparent; border-color: rgba(255, 255, 255, 0.72); color: var(--mwalib58-white); } .mwalib58-btn--outline-light:hover { background-color: var(--mwalib58-white); border-color: var(--mwalib58-white); color: var(--mwalib58-navy); } .mwalib58-btn--text { background-color: transparent; border-color: transparent; color: var(--mwalib58-navy); } .mwalib58-btn--text:hover { background-color: #e5edf5; color: var(--mwalib58-navy-dark); } .mwalib58-gbtn { display: inline-flex; align-items: center; gap: 0.32rem; min-height: 28px; padding: 0.22rem 0.65rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-sm); background: var(--mwalib58-white); color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.73rem; font-weight: 600; } .mwalib58-gbtn:hover { background: var(--mwalib58-mint-soft); border-color: var(--mwalib58-mint); color: var(--mwalib58-navy-dark); } .mwalib58-gbtn--pdf { border-color: #f3c6c8; background: #fff5f5; color: #b42328; } .mwalib58-gbtn--pdf:hover { background: var(--mwalib58-red); border-color: var(--mwalib58-red); color: var(--mwalib58-white); } .mwalib58-pdfbtn { display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; min-height: 42px; padding: 0.6rem 1rem; border: 1px solid var(--mwalib58-amber); border-radius: var(--mwalib58-radius); background: var(--mwalib58-amber); color: var(--mwalib58-white); font-family: var(--mwalib58-font-sans); font-size: 0.84rem; font-weight: 700; } .mwalib58-pdfbtn:hover { background: #cf7706; border-color: #cf7706; color: var(--mwalib58-white); } .mwalib58-pdf-cta { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.55rem 1.25rem; border-radius: 9px; background: #dc2626; border: 1px solid #b91c1c; color: #fff !important; font-family: var(--mwalib58-font-head); font-size: 0.9rem; font-weight: 700; line-height: 1.2; box-shadow: 0 2px 6px rgba(220, 38, 38, 0.22); transition: background-color 0.18s ease, box-shadow 0.18s ease; } .mwalib58-pdf-cta:hover { background: #b91c1c; box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3); } .mwalib58-sbtn { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-sm); background: var(--mwalib58-white); color: var(--mwalib58-navy); font-size: 0.88rem; padding: 0; } .mwalib58-sbtn:hover, .mwalib58-sbtn.is-done { background: var(--mwalib58-mint-soft); border-color: var(--mwalib58-mint); color: var(--mwalib58-navy-dark); } .mwalib58-badge { display: inline-flex; align-items: center; gap: 0.3rem; width: max-content; padding: 0.18rem 0.55rem; border-radius: 999px; background: var(--mwalib58-mint-soft); color: #075e50; font-family: var(--mwalib58-font-sans); font-size: 0.66rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; } .mwalib58-tag { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.15rem 0.5rem; border-radius: 4px; background: var(--mwalib58-navy-soft); color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.66rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; } .mwalib58-chips { display: flex; flex-wrap: wrap; gap: 0.38rem; padding: 0; margin: 0; list-style: none; } .mwalib58-chips li, .mwalib58-chip { display: inline-flex; align-items: center; padding: 0.24rem 0.65rem; border: 1px solid var(--mwalib58-border); border-radius: 999px; background: var(--mwalib58-soft); color: var(--mwalib58-ink); font-size: 0.76rem; font-weight: 500; } .mwalib58-chips a:hover, a.mwalib58-chip:hover { background: var(--mwalib58-mint-soft); border-color: var(--mwalib58-mint); color: var(--mwalib58-navy-dark); } .mwalib58-tgl { display: inline-flex; align-items: center; gap: 0.3rem; margin-top: 0.35rem; padding: 0.22rem 0.65rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-sm); background: var(--mwalib58-soft); color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.72rem; font-weight: 600; } .mwalib58-tgl:hover { background: var(--mwalib58-mint-soft); border-color: var(--mwalib58-mint); } .mwalib58-orcid { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin-left: 0.3rem; border-radius: 50%; background-color: #a6ce39; color: #ffffff !important; font-family: var(--mwalib58-font-head); font-size: 0.62rem; font-weight: 800; line-height: 1; text-decoration: none !important; vertical-align: middle; transform: translateY(-1px); transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease; } .mwalib58-orcid:hover { background-color: #8eb528; color: #ffffff !important; transform: translateY(-2px) scale(1.06); box-shadow: 0 2px 6px rgba(166, 206, 57, 0.45); } .mwalib58-ror { display: inline-flex; align-items: center; gap: 0.22rem; margin-left: 0.35rem; padding: 0.08rem 0.42rem; border-radius: 999px; background-color: #eefbf7; border: 1px solid #53baa1; color: #0f766e !important; font-family: var(--mwalib58-font-head); font-size: 0.65rem; font-weight: 800; letter-spacing: 0.03em; line-height: 1.2; text-decoration: none !important; vertical-align: middle; transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; } .mwalib58-ror:hover { background-color: #53baa1; color: #ffffff !important; box-shadow: 0 2px 6px rgba(83, 186, 161, 0.35); } .mwalib58-ror i { font-size: 0.62rem; } .mwalib58-prose { color: var(--mwalib58-text); font-size: 0.875rem; line-height: 1.72; } .mwalib58-prose > *:last-child { margin-bottom: 0; } .mwalib58-prose h2, .mwalib58-prose h3, .mwalib58-prose h4 { margin-top: 1.5rem; margin-bottom: 0.6rem; color: var(--mwalib58-navy); } .mwalib58-prose p, .mwalib58-prose ul, .mwalib58-prose ol { margin-bottom: 0.9rem; } .mwalib58-prose blockquote { margin: 1rem 0; padding: 0.85rem 1.1rem; border-left: 3px solid var(--mwalib58-mint); background: var(--mwalib58-soft); border-radius: 0 var(--mwalib58-radius) var(--mwalib58-radius) 0; color: var(--mwalib58-ink); font-style: italic; } .mwalib58-prose code, .mwalib58-mono { font-family: var(--mwalib58-font-mono); font-size: 0.84em; } .mwalib58-prose.is-clamped p:nth-of-type(n+2) { display: none; } .mwalib58-prose.is-clamped p:first-of-type { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } [data-mwalib58-clamp], .mwalib58-affs--inline[open] { padding: 0.6rem 0.75rem; margin-left: -0.75rem; margin-right: -0.75rem; border-radius: var(--mwalib58-radius); } .mwalib58-tablewrap { width: 100%; overflow-x: auto; margin-bottom: 1rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); background: var(--mwalib58-white); } .mwalib58-table, .mwalib58-prose table { width: 100%; margin-bottom: 0; border-collapse: collapse; font-size: 0.82rem; font-variant-numeric: tabular-nums; } .mwalib58-table th, .mwalib58-prose table th { padding: 0.7rem 0.85rem; background: var(--mwalib58-soft); border-bottom: 2px solid var(--mwalib58-border); color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-weight: 700; text-align: left; } .mwalib58-table td, .mwalib58-prose table td { padding: 0.65rem 0.85rem; border-bottom: 1px solid var(--mwalib58-border); color: var(--mwalib58-text); vertical-align: top; } .mwalib58-table tbody tr:last-child td, .mwalib58-prose table tbody tr:last-child td { border-bottom: 0; } .mwalib58-table tbody tr:hover, .mwalib58-prose table tbody tr:hover { background-color: #fafcfe; } .form-label { margin-bottom: 0.35rem; color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.8rem; font-weight: 600; } .form-control, .form-select { min-height: 38px; padding: 0.45rem 0.8rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); color: var(--mwalib58-text); font-size: 0.85rem; box-shadow: none; } .form-control:focus, .form-select:focus { border-color: var(--mwalib58-teal); box-shadow: 0 0 0 3px rgba(33, 205, 173, 0.22); } .form-check-input:checked { background-color: var(--mwalib58-navy); border-color: var(--mwalib58-navy); } .mwalib58-pw { position: relative; display: flex; align-items: center; } .mwalib58-pw .form-control { padding-right: 2.5rem; } .mwalib58-pw button { position: absolute; right: 0.35rem; display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: var(--mwalib58-radius-sm); background: transparent; color: var(--mwalib58-muted); } .mwalib58-pw button:hover { color: var(--mwalib58-navy); background: var(--mwalib58-soft); } .card, .mwalib58-card { background: var(--mwalib58-white); border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-lg); box-shadow: none; } .mwalib58-topbar { position: relative; z-index: 1035; background-color: var(--mwalib58-navy-dark); color: #dce7ff; font-size: 0.75rem; padding-block: 0.32rem; } .mwalib58-topbar a { color: var(--mwalib58-white); text-decoration: none; } .mwalib58-topbar a:hover { color: var(--mwalib58-mint); } .mwalib58-topbar .dropdown-menu { z-index: 1040; min-width: 195px; padding: 0.4rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); box-shadow: 0 10px 24px rgba(0, 25, 79, 0.14); font-size: 0.78rem; } .mwalib58-topbar .dropdown-item { display: flex; align-items: center; gap: 0.45rem; padding: 0.42rem 0.65rem; border-radius: var(--mwalib58-radius-sm); color: var(--mwalib58-ink); font-weight: 500; } .mwalib58-topbar .dropdown-item:hover, .mwalib58-topbar .dropdown-item:focus { background-color: var(--mwalib58-mint-tint); color: var(--mwalib58-navy); } .mwalib58-topbar-item { display: inline-flex; align-items: center; gap: 0.3rem; color: #dce7ff; } .mwalib58-topbar-sep { width: 1px; height: 12px; margin-inline: 0.45rem; background: rgba(255, 255, 255, 0.22); } .mwalib58-header { position: sticky; top: 0; z-index: 1020; background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(8px); border-bottom: 1px solid var(--mwalib58-border); } .mwalib58-navbar { min-height: 62px; padding-block: 0.35rem; } .mwalib58-brand { display: inline-flex; align-items: center; gap: 0.65rem; text-decoration: none; } .mwalib58-brand:hover { text-decoration: none; } .mwalib58-brand-mark { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 6px; background: var(--mwalib58-navy); color: var(--mwalib58-mint); font-family: var(--mwalib58-font-sans); font-size: 0.88rem; font-weight: 800; letter-spacing: -0.02em; } .mwalib58-brand-name { display: block; color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.94rem; font-weight: 700; line-height: 1.2; } .mwalib58-brand-meta { display: block; color: var(--mwalib58-muted); font-size: 0.68rem; } .mwalib58-nav-link, .mwalib58-navbar .nav-link { display: inline-flex; align-items: center; padding: 0.45rem 0.68rem; color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.81rem; font-weight: 600; border-bottom: 2px solid transparent; } .mwalib58-nav-link:hover, .mwalib58-navbar .nav-link:hover, .mwalib58-nav-link.active, .mwalib58-navbar .nav-link.active { color: var(--mwalib58-mint-dark); border-bottom-color: var(--mwalib58-mint); } .mwalib58-navbar .dropdown-menu { min-width: 210px; padding: 0.4rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); box-shadow: 0 10px 28px rgba(0, 25, 79, 0.08); font-size: 0.8rem; } .mwalib58-navbar .dropdown-item { display: flex; align-items: center; gap: 0.45rem; padding: 0.45rem 0.65rem; border-radius: var(--mwalib58-radius-sm); color: var(--mwalib58-ink); font-weight: 500; } .mwalib58-navbar .dropdown-item:hover, .mwalib58-navbar .dropdown-item:focus, .mwalib58-navbar .dropdown-item.active { background-color: var(--mwalib58-mint-tint); color: var(--mwalib58-navy); } .mwalib58-searchbar { background: var(--mwalib58-soft); border-bottom: 1px solid var(--mwalib58-border); padding-block: 0.85rem; } .mwalib58-smodal .modal-content { border: 1px solid var(--mwalib58-mint); border-radius: var(--mwalib58-radius-lg); box-shadow: 0 24px 60px rgba(0, 25, 79, 0.24); overflow: hidden; } .mwalib58-smodal-head { display: flex; align-items: center; justify-content: space-between; padding: 0.9rem 1.25rem; background: var(--mwalib58-navy-dark); color: var(--mwalib58-white); } .mwalib58-smodal-head h2 { margin: 0; color: var(--mwalib58-white); font-size: 0.95rem; } .mwalib58-smodal-body { padding: 1.25rem; background: var(--mwalib58-white); } .mwalib58-smodal-input { min-height: 48px; font-size: 0.95rem; padding-left: 1rem; } .modal-backdrop.show { backdrop-filter: blur(4px); background-color: rgba(0, 25, 79, 0.55); opacity: 1; } .mwalib58-hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(1.35rem, 2.8vw, 2.25rem) 0; color: var(--mwalib58-ink); background: radial-gradient(ellipse at 88% 35%, rgba(8, 126, 152, 0.12), transparent 50%), linear-gradient(125deg, #ffffff, #edf4fa); border-bottom: 1px solid var(--mwalib58-line); } .mwalib58-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: radial-gradient(#133c6818 1px, transparent 1px); background-size: 24px 24px; } .mwalib58-hero__issn { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; animation: mwalib58-reveal 1.1s ease 0.15s both; } .mwalib58-hero__badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border: 1px solid #d6e3ef; border-radius: 999px; background: var(--mwalib58-white); color: var(--mwalib58-navy-hero); font-family: var(--mwalib58-font-sans); font-size: 0.72rem; font-weight: 600; line-height: 1.35; text-decoration: none; } a.mwalib58-hero__badge:hover { background: var(--mwalib58-mint-soft); border-color: var(--mwalib58-mint); color: var(--mwalib58-navy-dark); } .mwalib58-hero__title { margin: 0; color: var(--mwalib58-navy-deep); font-family: var(--mwalib58-font-sans); font-size: clamp(42px, 5.2vw, 68px); font-weight: 800; line-height: 1.02; letter-spacing: -0.05em; animation: mwalib58-title-enter 1.4s ease 0.2s both; } .mwalib58-hero__subtitle { margin: 10px 0 0; color: var(--mwalib58-ink); font-family: var(--mwalib58-font-sans); font-size: clamp(16px, 1.45vw, 20px); font-weight: 700; line-height: 1.35; letter-spacing: -0.015em; text-wrap: balance; animation: mwalib58-reveal 1.1s ease 0.35s both; } .mwalib58-hero__accent { display: flex; align-items: center; gap: 5px; margin: 15px 0; animation: mwalib58-reveal 1.1s ease 0.5s both; } .mwalib58-hero__accent span { height: 3.5px; border-radius: 3px; } .mwalib58-hero__accent span:nth-child(1) { width: 38px; background: var(--mwalib58-navy-hero); } .mwalib58-hero__accent span:nth-child(2) { width: 22px; background: var(--mwalib58-mint); } .mwalib58-hero__accent span:nth-child(3) { width: 11px; background: var(--mwalib58-yellow); } .mwalib58-hero__description { max-width: 560px; margin: 0 0 20px; color: var(--mwalib58-muted); font-size: 0.88rem; line-height: 1.72; animation: mwalib58-reveal 1.2s ease 0.65s both; } .mwalib58-hero__actions { display: flex; flex-wrap: wrap; gap: 8px; animation: mwalib58-reveal 1.2s ease 0.8s both; } .mwalib58-hero__trust { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.25rem 0 0; padding: 0; list-style: none; color: var(--mwalib58-navy-hero); font-family: var(--mwalib58-font-sans); font-size: 0.74rem; font-weight: 700; } .mwalib58-hero__trust li { display: inline-flex; align-items: center; gap: 0.35rem; } .mwalib58-hero__trust li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--mwalib58-mint); } .mwalib58-hero__visual { position: relative; min-width: 0; } .mwalib58-hero__entrance { animation: mwalib58-pulled-enter 2.4s linear 0.1s both; } .mwalib58-hero__stage { position: relative; width: 100%; height: 360px; display: grid; place-items: center; } .mwalib58-hero__halo { position: absolute; width: min(92%, 330px); aspect-ratio: 1; border: 1px solid #087e9826; border-radius: 50%; pointer-events: none; } .mwalib58-hero__halo::before { content: ""; position: absolute; inset: 22px; border: 1px dashed #133c6821; border-radius: inherit; } .mwalib58-hero__halo::after { content: ""; position: absolute; top: 15%; right: 12%; width: 9px; height: 9px; border-radius: 50%; background: #f1cf35; box-shadow: 0 0 0 6px #f1cf351c; } .mwalib58-hero__stack { position: relative; width: clamp(185px, 17vw, 225px); aspect-ratio: 43 / 60; isolation: isolate; cursor: pointer; } .mwalib58-hero__cover { position: absolute; inset: 0; z-index: 4; border-radius: 5px 10px 10px 5px; transform: rotate(3deg); transform-origin: center bottom; transition: transform 0.85s cubic-bezier(0.22, 1, 0.36, 1); } .mwalib58-hero__visual[data-open="true"] .mwalib58-hero__cover, .mwalib58-hero__stack:hover .mwalib58-hero__cover, .mwalib58-hero__stack:focus-within .mwalib58-hero__cover { transform: translate(-10px, -16px) rotate(-2deg); } .mwalib58-hero__cover-link { position: relative; display: block; width: 100%; height: 100%; border-radius: inherit; } .mwalib58-hero__cover-image { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; background: var(--mwalib58-navy-deep); box-shadow: 10px 18px 28px #102e502b, 2px 4px 8px #102e501c; transition: opacity 0.35s ease; } .mwalib58-hero__cover-image.is-switching { opacity: 0.2; } .mwalib58-hero__cover-link::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient( to right, #00000024 0, #ffffff25 3px, transparent 10px, transparent 97%, #00000012 100% ); box-shadow: inset 0 0 0 1px #ffffff30; } .mwalib58-hero__cards { position: absolute; inset: 0; z-index: 1; } .mwalib58-hero__card { position: absolute; inset: 6px 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px 13px; overflow: hidden; border: 1px solid #ffffff30; border-radius: 9px; color: var(--mwalib58-white); text-decoration: none; box-shadow: 0 8px 18px #102e501c; transform-origin: center bottom; transition: transform 0.85s cubic-bezier(0.22, 1, 0.36, 1), filter 220ms ease; } .mwalib58-hero__card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, #ffffff12, transparent 55%), repeating-linear-gradient(135deg, transparent 0 21px, #ffffff07 21px 22px); } .mwalib58-hero__card-label { position: relative; display: block; font-family: var(--mwalib58-font-sans); font-size: 13.5px; font-weight: 700; line-height: 1.25; letter-spacing: 0.02em; writing-mode: vertical-rl; } .mwalib58-hero__card-arrow { position: absolute; top: 14px; left: 13px; font-size: 17px; } .mwalib58-hero__card--archives { z-index: 3; background: var(--mwalib58-teal); transform: translateX(-6px) rotate(-2.5deg); transition-delay: 0.08s; } .mwalib58-hero__card--archives .mwalib58-hero__card-label { transform: rotate(180deg); } .mwalib58-hero__card--about { z-index: 2; align-items: flex-end; background: var(--mwalib58-navy-hero); transform: translateX(6px) rotate(2.5deg); transition-delay: 0.04s; } .mwalib58-hero__card--indexing { z-index: 1; align-items: flex-end; background: var(--mwalib58-yellow); color: #19334b; transform: translateX(12px) rotate(4.5deg); transition-delay: 0s; } .mwalib58-hero__card--about .mwalib58-hero__card-arrow, .mwalib58-hero__card--indexing .mwalib58-hero__card-arrow { left: auto; right: 13px; } .mwalib58-hero__visual[data-open="true"] .mwalib58-hero__card--archives, .mwalib58-hero__stack:hover .mwalib58-hero__card--archives, .mwalib58-hero__stack:focus-within .mwalib58-hero__card--archives { transform: translate(-68px, 8px) rotate(-9deg); transition-delay: 0s; } .mwalib58-hero__visual[data-open="true"] .mwalib58-hero__card--about, .mwalib58-hero__stack:hover .mwalib58-hero__card--about, .mwalib58-hero__stack:focus-within .mwalib58-hero__card--about { transform: translate(62px, -14px) rotate(6deg); transition-delay: 0.08s; } .mwalib58-hero__visual[data-open="true"] .mwalib58-hero__card--indexing, .mwalib58-hero__stack:hover .mwalib58-hero__card--indexing, .mwalib58-hero__stack:focus-within .mwalib58-hero__card--indexing { transform: translate(112px, 14px) rotate(11deg); transition-delay: 0.16s; } .mwalib58-hero__card:hover { filter: brightness(1.08); color: inherit; } .mwalib58-aside { position: sticky; top: 78px; display: flex; flex-direction: column; gap: 1rem; } .mwalib58-qnav { overflow: hidden; background: var(--mwalib58-white); border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-lg); } .mwalib58-qnav-header { padding: 0.85rem 1rem; border-bottom: 1px solid var(--mwalib58-border); background: linear-gradient(to bottom, #ffffff, #fafcfe); } .mwalib58-qnav-title { margin: 0; color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.9rem; font-weight: 700; } .mwalib58-qnav-desc { margin: 0.2rem 0 0; color: var(--mwalib58-muted); font-size: 0.72rem; } .mwalib58-qmenu, .mwalib58-qsubmenu { padding: 0; margin: 0; list-style: none; } .mwalib58-qmenu > li + li { border-top: 1px solid var(--mwalib58-border); } .mwalib58-qcat, .mwalib58-qlink { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; width: 100%; padding: 0.68rem 1rem; border: 0; background: transparent; color: var(--mwalib58-ink); font-family: var(--mwalib58-font-sans); font-size: 0.8rem; font-weight: 600; text-align: left; text-decoration: none; transition: background-color 0.15s ease, color 0.15s ease; } .mwalib58-qcat:hover, .mwalib58-qlink:hover { background: var(--mwalib58-mint-tint); color: var(--mwalib58-mint-dark); } .mwalib58-qcat[aria-expanded="true"] { color: var(--mwalib58-navy); background: var(--mwalib58-soft); } .mwalib58-qchev { flex-shrink: 0; width: 0.42rem; height: 0.42rem; margin-right: 0.1rem; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: rotate(45deg); transition: transform 0.2s ease; } .mwalib58-qcat[aria-expanded="true"] .mwalib58-qchev { transform: rotate(225deg); } .mwalib58-qsubmenu { padding: 0.2rem 0.65rem 0.55rem 0.95rem; } .mwalib58-qsubmenu a { display: flex; align-items: center; padding: 0.38rem 0.65rem; margin: 0.05rem 0; border-left: 2px solid transparent; border-radius: 0 5px 5px 0; color: var(--mwalib58-muted); font-size: 0.76rem; line-height: 1.38; text-decoration: none; overflow-wrap: anywhere; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; } .mwalib58-qsubmenu a:hover { background: var(--mwalib58-mint-tint); color: var(--mwalib58-mint-dark); } .mwalib58-qsubmenu a.active, .mwalib58-qlink.active { background: var(--mwalib58-mint-soft); color: var(--mwalib58-navy-dark); font-weight: 600; } .mwalib58-qsubmenu a.active { border-left-color: var(--mwalib58-mint-dark); } .mwalib58-qnav-footer { padding: 0.65rem 1rem; border-top: 1px solid var(--mwalib58-border); background: var(--mwalib58-soft); color: var(--mwalib58-muted); font-size: 0.72rem; } .mwalib58-widget { overflow: hidden; background: var(--mwalib58-white); border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-lg); } .mwalib58-widget-head { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.75rem 1rem; border-bottom: 1px solid var(--mwalib58-border); color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.85rem; font-weight: 700; } .mwalib58-widget-body { padding: 0.85rem 1rem; } .mwalib58-quick, .mwalib58-tpl, .mwalib58-contact { padding: 0; margin: 0; list-style: none; } .mwalib58-quick li + li, .mwalib58-tpl li + li, .mwalib58-contact li + li { border-top: 1px solid var(--mwalib58-border); } .mwalib58-quick a, .mwalib58-tpl a, .mwalib58-contact a { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.55rem 0; color: var(--mwalib58-ink); font-size: 0.78rem; font-weight: 500; } .mwalib58-quick a:hover, .mwalib58-tpl a:hover, .mwalib58-contact a:hover { color: var(--mwalib58-mint-dark); } .mwalib58-idxgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.45rem; } .mwalib58-idxitem { display: grid; place-items: center; min-height: 42px; padding: 0.35rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-sm); background: var(--mwalib58-soft); color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.7rem; font-weight: 700; text-align: center; } .mwalib58-idxitem:hover { border-color: var(--mwalib58-mint); background: var(--mwalib58-mint-tint); } .mwalib58-phead { padding-block: clamp(1.5rem, 3vw, 2.25rem); background: radial-gradient(ellipse at 90% 20%, rgba(33, 205, 173, 0.12), transparent 55%), linear-gradient(125deg, #ffffff, #edf4fa); border-bottom: 1px solid var(--mwalib58-line); } .mwalib58-phead h1 { margin-bottom: 0.35rem; font-size: clamp(1.4rem, 2.5vw, 1.95rem); } .mwalib58-phead p { max-width: 700px; margin: 0; color: var(--mwalib58-muted); font-size: 0.86rem; } .mwalib58-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; margin-bottom: 0.6rem; padding: 0; list-style: none; font-size: 0.75rem; color: var(--mwalib58-muted); } .mwalib58-crumb li + li::before { content: "/"; margin-right: 0.4rem; color: #a3b1c2; } .mwalib58-crumb a { color: var(--mwalib58-navy); font-weight: 600; } .mwalib58-bcbar { margin-bottom: 0.85rem; } .mwalib58-breadcrumb-pill { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.45rem; padding: 0.42rem 0.85rem; margin: 0; border: 1px solid var(--mwalib58-border); border-radius: 999px; background: var(--mwalib58-soft); list-style: none; font-size: 0.78rem; line-height: 1.3; } .mwalib58-breadcrumb-pill li { display: inline-flex; align-items: center; gap: 0.45rem; color: var(--mwalib58-muted); } .mwalib58-breadcrumb-pill li + li::before { content: "/"; color: #94a3b8; font-weight: 600; } .mwalib58-breadcrumb-pill a { display: inline-flex; align-items: center; gap: 0.3rem; color: var(--mwalib58-navy); font-weight: 600; } .mwalib58-breadcrumb-pill a:hover { color: var(--mwalib58-mint-dark); } .mwalib58-breadcrumb-pill li[aria-current="page"] { color: var(--mwalib58-teal); font-weight: 600; } .pagination { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; } .pagination .page-item .page-link, .page-link { display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; min-width: 34px; min-height: 34px; padding: 0.35rem 0.75rem; border: 1px solid var(--mwalib58-border); border-radius: 8px !important; color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.8rem; font-weight: 600; line-height: 1; white-space: nowrap; } .page-link:hover { background-color: var(--mwalib58-mint-soft); border-color: var(--mwalib58-mint); color: var(--mwalib58-navy-dark); } .page-item.active .page-link { background-color: var(--mwalib58-navy); border-color: var(--mwalib58-navy); color: var(--mwalib58-white); } .mwalib58-num { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; padding: 0; margin: 0; list-style: none; } .mwalib58-num--2 { grid-template-columns: repeat(2, 1fr); } .mwalib58-num--4 { grid-template-columns: repeat(4, 1fr); } .mwalib58-num--5 { grid-template-columns: repeat(5, 1fr); } .mwalib58-num li { padding: 0.85rem 1rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); background: var(--mwalib58-white); } .mwalib58-num strong { display: block; color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 1.35rem; font-weight: 800; line-height: 1.15; font-variant-numeric: tabular-nums; } .mwalib58-num strong small { font-size: 0.85em; font-weight: 700; } .mwalib58-num span { display: block; margin-top: 0.18rem; color: var(--mwalib58-muted); font-size: 0.74rem; } .mwalib58-alist { display: flex; flex-direction: column; gap: 0.65rem; } .mwalib58-aitem { padding: 0.85rem 1.05rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); background: var(--mwalib58-white); transition: border-color 0.16s ease; } .mwalib58-aitem:hover { border-color: var(--mwalib58-mint); } .mwalib58-aitem-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.4rem; margin-bottom: 0.35rem; } .mwalib58-aitem-title { margin: 0 0 0.3rem; font-size: 0.94rem; font-weight: 700; line-height: 1.36; } .mwalib58-aitem-title a { color: var(--mwalib58-navy); } .mwalib58-aitem-title a:hover { color: var(--mwalib58-mint-dark); text-decoration: underline; text-underline-offset: 0.16em; } .mwalib58-aitem-authors { margin: 0 0 0.35rem; color: var(--mwalib58-muted); font-size: 0.78rem; } .mwalib58-aitem-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; margin-top: 0.45rem; margin-bottom: 0.5rem; } .mwalib58-aitem-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; padding-top: 0.5rem; border-top: 1px dashed var(--mwalib58-border); font-size: 0.74rem; color: var(--mwalib58-muted); } .mwalib58-exticons { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; } .mwalib58-exticons a { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 2px; border: 1px solid var(--mwalib58-border); border-radius: 5px; background: var(--mwalib58-white); transition: transform 0.15s ease, border-color 0.15s ease; } .mwalib58-exticons a:hover { transform: translateY(-1px); border-color: var(--mwalib58-mint); } .mwalib58-exticons img, .mwalib58-exticons svg { width: 14px; height: 14px; object-fit: contain; display: block; } .mwalib58-pop-list { padding: 0; margin: 0; list-style: none; counter-reset: mwalib58-pop; } .mwalib58-pop-list > li { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; padding: 0.65rem 0 0.65rem 2rem; border-bottom: 1px solid var(--mwalib58-border); counter-increment: mwalib58-pop; font-size: 0.82rem; } .mwalib58-pop-list > li:last-child { border-bottom: 0; } .mwalib58-pop-list > li::before { content: counter(mwalib58-pop, decimal-leading-zero); position: absolute; left: 0; top: 0.65rem; color: var(--mwalib58-mint-dark); font-family: var(--mwalib58-font-sans); font-size: 0.82rem; font-weight: 800; } .mwalib58-jcard { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-lg); background: var(--mwalib58-white); transition: transform 0.2s ease, border-color 0.2s ease; } .mwalib58-jcard:hover { transform: translateY(-3px); border-color: var(--mwalib58-mint); } .mwalib58-jcover { aspect-ratio: 3 / 4; overflow: hidden; background: var(--mwalib58-soft); } .mwalib58-jcover img { width: 100%; height: 100%; object-fit: cover; } .mwalib58-cover-ph { display: grid; place-items: center; width: 100%; height: 100%; min-height: 160px; padding: 0.75rem; border-radius: var(--mwalib58-radius); background: linear-gradient(135deg, var(--mwalib58-navy), var(--mwalib58-teal)); color: var(--mwalib58-mint); font-family: var(--mwalib58-font-sans); font-size: 1.15rem; font-weight: 800; letter-spacing: 0.04em; text-align: center; } .mwalib58-yearnav { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 1.5rem; padding: 0; list-style: none; } .mwalib58-yearnav a { display: inline-flex; align-items: center; padding: 0.35rem 0.8rem; border: 1px solid var(--mwalib58-border); border-radius: 999px; background: var(--mwalib58-white); color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.78rem; font-weight: 700; } .mwalib58-yearnav a:hover, .mwalib58-yearnav a.active { background: var(--mwalib58-navy); border-color: var(--mwalib58-navy); color: var(--mwalib58-white); } .mwalib58-year-group { scroll-margin-top: 90px; } .mwalib58-year-group + .mwalib58-year-group { margin-top: 1.75rem; } .mwalib58-year-head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.85rem; padding-bottom: 0.45rem; border-bottom: 2px solid var(--mwalib58-border); } .mwalib58-year-badge { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.28rem 0.75rem; border-radius: 999px; background: var(--mwalib58-navy); color: #fff; font-family: var(--mwalib58-font-head); font-size: 0.88rem; font-weight: 700; } .mwalib58-icard-list { display: flex; flex-direction: column; gap: 0.85rem; } .mwalib58-icard { position: relative; display: flex; gap: 1rem; height: 100%; padding: 1rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); background: var(--mwalib58-surface); transition: border-color 0.2s ease, box-shadow 0.2s ease; } .mwalib58-icard:hover { border-color: var(--mwalib58-mint); box-shadow: var(--mwalib58-shadow-sm); } .mwalib58-icard-cover { display: block; width: 100%; max-width: 96px; flex-shrink: 0; aspect-ratio: 3 / 4; border-radius: 8px; overflow: hidden; border: 1px solid var(--mwalib58-border); box-shadow: var(--mwalib58-shadow-xs); } .mwalib58-icard-cover img { width: 100%; height: 100%; object-fit: cover; } .mwalib58-icard-title { margin: 0 0 0.35rem; font-size: 1.02rem; font-weight: 700; line-height: 1.35; } .mwalib58-icard-title a { color: var(--mwalib58-navy); } .mwalib58-icard-title a:hover { color: var(--mwalib58-mint-dark); } .mwalib58-ann { padding: 1rem 1.2rem; border: 1px solid var(--mwalib58-border); border-left: 4px solid var(--mwalib58-mint); border-radius: var(--mwalib58-radius); background: var(--mwalib58-white); } .mwalib58-ann-main { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 1.15rem 1.3rem; border: 1px solid var(--mwalib58-border); border-left: 4px solid var(--mwalib58-mint); border-radius: var(--mwalib58-radius-lg); background: var(--mwalib58-white); } .mwalib58-ann-main h3 { font-size: 1.02rem; margin-bottom: 0.45rem; } .mwalib58-ann-side { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 0.9rem 1.15rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-lg); background: var(--mwalib58-white); list-style: none; margin: 0; } .mwalib58-ann-side li { padding-block: 0.55rem; } .mwalib58-ann-side li + li { border-top: 1px solid var(--mwalib58-border); } .mwalib58-ann-date { display: inline-flex; align-items: center; gap: 0.3rem; color: var(--mwalib58-muted); font-size: 0.72rem; font-weight: 500; } .mwalib58-ann-side a { display: block; margin-top: 0.15rem; color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.8rem; font-weight: 600; line-height: 1.35; } .mwalib58-ann-side a:hover { color: var(--mwalib58-mint-dark); } .mwalib58-ann-list { display: flex; flex-direction: column; gap: 0.85rem; } .mwalib58-ann-card { padding: 1.05rem 1.25rem; border: 1px solid var(--mwalib58-border); border-left: 4px solid var(--mwalib58-navy); border-radius: var(--mwalib58-radius); background: var(--mwalib58-white); transition: border-color 0.16s ease, box-shadow 0.16s ease; } .mwalib58-ann-card--pinned { border-left-color: var(--mwalib58-mint); background: linear-gradient(to right, var(--mwalib58-mint-tint), #ffffff 42%); } .mwalib58-ann-card:hover { border-color: var(--mwalib58-mint); border-left-color: var(--mwalib58-mint-dark); box-shadow: var(--mwalib58-shadow-xs); } .mwalib58-ann-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.45rem; } .mwalib58-ann-title { margin: 0 0 0.4rem; font-size: 1rem; font-weight: 700; line-height: 1.38; } .mwalib58-ann-title a { color: var(--mwalib58-navy); } .mwalib58-ann-title a:hover { color: var(--mwalib58-mint-dark); text-decoration: underline; text-underline-offset: 0.15em; } .mwalib58-ann-excerpt { margin: 0 0 0.7rem; color: var(--mwalib58-muted); font-size: 0.83rem; line-height: 1.6; } .mwalib58-ann-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; padding-top: 0.55rem; border-top: 1px dashed var(--mwalib58-border); font-size: 0.75rem; color: var(--mwalib58-muted); } .mwalib58-ann-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin-top: 1.25rem; } .mwalib58-ann-nav a { display: flex; flex-direction: column; gap: 0.2rem; padding: 0.75rem 0.95rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); background: var(--mwalib58-soft); color: var(--mwalib58-navy); font-size: 0.8rem; font-weight: 600; line-height: 1.35; } .mwalib58-ann-nav a:hover { border-color: var(--mwalib58-mint); background: var(--mwalib58-mint-tint); } .mwalib58-ann-nav small { color: var(--mwalib58-muted); font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; } @media (max-width: 575.98px) { .mwalib58-ann-nav { grid-template-columns: 1fr; } } .mwalib58-cgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.25rem; } .mwalib58-cbox { padding: 1.15rem 1.25rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-lg); background: var(--mwalib58-soft); } .mwalib58-cbox--map { padding: 1rem; background: var(--mwalib58-white); } @media (max-width: 767.98px) { .mwalib58-cgrid { grid-template-columns: 1fr; } } .mwalib58-atitle { font-size: clamp(1.35rem, 2.4vw, 1.9rem); line-height: 1.28; margin-bottom: 0.85rem; } .mwalib58-authors { display: flex; flex-wrap: wrap; gap: 0.35rem 0.9rem; padding: 0; margin: 0 0 0.45rem; list-style: none; font-size: 0.78rem; } .mwalib58-authors li { display: inline-flex; align-items: center; gap: 0.25rem; font-weight: 600; color: var(--mwalib58-ink); } .mwalib58-art-authors { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem 0.95rem; margin: 0 0 0.55rem; padding: 0; list-style: none; font-size: 0.96rem; font-weight: 700; color: var(--mwalib58-navy); } .mwalib58-art-authors + .mwalib58-tgl { margin-top: 0.15rem; margin-bottom: 0.85rem; } .mwalib58-art-authors li { display: inline-flex; align-items: baseline; } .mwalib58-art-authors li:not(:last-child)::after { content: ","; margin-left: 1px; color: var(--mwalib58-muted); } .mwalib58-art-authors sup { margin-left: 2px; font-size: 0.72rem; font-weight: 700; color: var(--mwalib58-teal); } .mwalib58-art-affil { display: flex; flex-direction: column; gap: 0.35rem; margin-top: 0.5rem; font-size: 0.84rem; color: var(--mwalib58-muted); line-height: 1.5; } .mwalib58-art-affil sup { display: inline-block; min-width: 2.1rem; font-weight: 700; color: var(--mwalib58-navy); } .mwalib58-affs { margin-bottom: 0.5rem; padding: 0.45rem 0.75rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-sm); background: var(--mwalib58-soft); font-size: 0.74rem; color: var(--mwalib58-muted); } .mwalib58-affs--inline { display: inline-block; width: 100%; margin-bottom: 0.4rem; padding: 0.25rem 0.6rem; background: #fafcfe; } .mwalib58-affs summary { cursor: pointer; color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.72rem; font-weight: 600; } .mwalib58-affs ol, .mwalib58-affs ul { margin: 0.35rem 0 0; padding-left: 1.1rem; } .mwalib58-art-hero { display: grid; grid-template-columns: 155px minmax(0, 1fr); gap: 1.25rem; align-items: start; } .mwalib58-art-hero.is-no-cover, .mwalib58-art-hero:not(:has(.mwalib58-art-cover img[src]:not([src=""]))) { grid-template-columns: minmax(0, 1fr); } .mwalib58-art-hero.is-no-cover .mwalib58-art-cover, .mwalib58-art-hero:not(:has(.mwalib58-art-cover img[src]:not([src=""]))) .mwalib58-art-cover { display: none; } .mwalib58-art-cover { display: block; width: 100%; border-radius: 10px; overflow: hidden; border: 1px solid var(--mwalib58-border); box-shadow: var(--mwalib58-shadow-sm); background: var(--mwalib58-soft); } .mwalib58-art-cover img { display: block; width: 100%; height: auto; object-fit: cover; } .mwalib58-art-meta-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem 1rem; padding: 0.9rem 1.05rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); background: var(--mwalib58-soft); } .mwalib58-art-meta-item--full { grid-column: 1 / -1; padding-bottom: 0.65rem; border-bottom: 1px dashed var(--mwalib58-border); } .mwalib58-art-meta-item small { display: block; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--mwalib58-muted); margin-bottom: 0.2rem; } .mwalib58-art-meta-item strong, .mwalib58-art-meta-item a { font-size: 0.86rem; font-weight: 600; } .mwalib58-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.85rem; padding: 0.85rem 0; margin: 1rem 0; border-top: 2px solid var(--mwalib58-mint); border-bottom: 1px solid var(--mwalib58-border); } .mwalib58-meta dt { color: var(--mwalib58-muted); font-family: var(--mwalib58-font-sans); font-size: 0.66rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } .mwalib58-meta dd { margin: 0.15rem 0 0; color: var(--mwalib58-navy); font-weight: 700; font-size: 0.82rem; } .mwalib58-istats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.6rem; padding: 0.75rem; border-radius: var(--mwalib58-radius); background: var(--mwalib58-mint-tint); border: 1px solid var(--mwalib58-mint-soft); text-align: center; } .mwalib58-istats strong { display: block; color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 1.15rem; font-weight: 800; font-variant-numeric: tabular-nums; } .mwalib58-istats span { font-size: 0.7rem; color: var(--mwalib58-muted); } .mwalib58-citebox { padding: 0.85rem 1rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); background: var(--mwalib58-soft); font-size: 0.8rem; line-height: 1.6; } .mwalib58-cite-output { padding: 0.9rem 1rem; border: 1px solid var(--mwalib58-border); border-left: 4px solid var(--mwalib58-navy); border-radius: 8px; background: var(--mwalib58-soft); font-size: 0.88rem; line-height: 1.65; color: var(--mwalib58-text); } .mwalib58-ref-wrap { padding: 0.6rem 0.75rem; margin-left: -0.75rem; margin-right: -0.75rem; border-radius: var(--mwalib58-radius); } .mwalib58-ref-list { margin: 0; padding: 0; list-style: none; } .mwalib58-ref-list li { padding: 0.55rem 0 0.55rem 1.5rem; text-indent: -1.5rem; border-bottom: 1px dashed var(--mwalib58-border); font-size: 0.86rem; line-height: 1.65; color: var(--mwalib58-text); } .mwalib58-ref-list li:last-child { border-bottom: 0; } .mwalib58-ref-list + .mwalib58-tgl ~ .mwalib58-tgl { display: none !important; } .mwalib58-usagestats-slot, .mwalib58-plugin-slot { min-height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.15rem; border: 1px dashed #cbd5e1; border-radius: var(--mwalib58-radius); background: var(--mwalib58-soft); text-align: center; } .mwalib58-metric-card { padding: 0.8rem 0.9rem; border: 1px solid var(--mwalib58-border); border-radius: 10px; background: var(--mwalib58-soft); } .mwalib58-metric-card + .mwalib58-metric-card { margin-top: 0.65rem; } .mwalib58-metric-embed { margin-top: 0.55rem; min-height: 44px; padding: 0.5rem 0.75rem; border: 1px dashed #cbd5e1; border-radius: 8px; background: #fff; display: flex; align-items: center; justify-content: flex-start; font-size: 0.82rem; font-weight: 700; color: var(--mwalib58-navy); } .mwalib58-explore-list { display: flex; flex-direction: column; gap: 0.42rem; margin: 0; padding: 0; list-style: none; } .mwalib58-explore-list a { display: flex; align-items: center; justify-content: space-between; gap: 0.65rem; padding: 0.48rem 0.75rem; border: 1px solid var(--mwalib58-border); border-radius: 8px; background: var(--mwalib58-soft); font-size: 0.82rem; font-weight: 600; color: var(--mwalib58-navy); transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease; } .mwalib58-explore-list a:hover { border-color: var(--mwalib58-mint); background: var(--mwalib58-mint-tint); color: var(--mwalib58-navy-dark); transform: none; } .mwalib58-explore-item { display: inline-flex; align-items: center; gap: 0.6rem; } .mwalib58-explore-icon { width: 22px; height: 22px; border-radius: 5px; background: #fff; border: 1px solid var(--mwalib58-border); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 0.68rem; font-weight: 800; color: var(--mwalib58-navy); overflow: hidden; } .mwalib58-explore-icon img { width: 15px; height: 15px; object-fit: contain; } .mwalib58-toc { display: flex; flex-direction: column; gap: 0.15rem; padding: 0; margin: 0; list-style: none; } .mwalib58-toc a { display: block; padding: 0.38rem 0.65rem; border-left: 2px solid var(--mwalib58-border); color: var(--mwalib58-muted); font-size: 0.78rem; } .mwalib58-toc a:hover, .mwalib58-toc a.is-active { border-left-color: var(--mwalib58-mint-dark); background: var(--mwalib58-mint-tint); color: var(--mwalib58-navy); font-weight: 600; } .mwalib58-policy-card { padding: 1.5rem 1.75rem; margin-bottom: 1.25rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); background: var(--mwalib58-surface); box-shadow: var(--mwalib58-shadow-xs); scroll-margin-top: 92px; } .mwalib58-policy-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; margin-bottom: 1rem; padding-bottom: 0.65rem; border-bottom: 2px solid var(--mwalib58-soft); } .mwalib58-policy-head h2 { margin: 0; font-size: 1.2rem; font-weight: 700; color: var(--mwalib58-navy); display: inline-flex; align-items: center; gap: 0.55rem; } .mwalib58-policy-head h2 i { color: var(--mwalib58-teal); } .mwalib58-policy-nav { display: flex; flex-wrap: wrap; gap: 0.45rem; padding: 1rem 1.25rem; margin-bottom: 1.5rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); background: var(--mwalib58-surface); } .mwalib58-ecard { display: flex; align-items: flex-start; gap: 0.85rem; height: 100%; padding: 1rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-lg); background: var(--mwalib58-white); } .mwalib58-eavatar { display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; border-radius: 50%; background: var(--mwalib58-navy-soft); color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.85rem; font-weight: 800; overflow: hidden; } .mwalib58-idxcard { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 1.1rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-lg); background: var(--mwalib58-white); } .mwalib58-auth { max-width: 440px; margin-inline: auto; padding: clamp(1.25rem, 3.5vw, 2rem); border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-lg); background: var(--mwalib58-white); } .mwalib58-adv summary { cursor: pointer; color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.82rem; font-weight: 700; } .mwalib58-perf { padding: 1.25rem 1.35rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-lg); background: var(--mwalib58-white); } .mwalib58-perf-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; padding: 0; margin: 0; list-style: none; } .mwalib58-perf-grid li { padding: 0.85rem 0.95rem; border: 1px solid var(--mwalib58-border); border-top: 3px solid var(--mwalib58-mint); border-radius: var(--mwalib58-radius); background: var(--mwalib58-soft); } .mwalib58-perf-val { display: flex; align-items: baseline; gap: 0.28rem; color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 1.4rem; font-weight: 800; line-height: 1.1; } .mwalib58-perf-val small { color: var(--mwalib58-mint-dark); font-size: 0.75rem; font-weight: 700; text-transform: lowercase; } .mwalib58-perf-label { display: block; margin-top: 0.3rem; color: var(--mwalib58-ink); font-family: var(--mwalib58-font-sans); font-size: 0.75rem; font-weight: 600; } .mwalib58-perf-note { margin: 0.85rem 0 0; color: var(--mwalib58-muted); font-size: 0.72rem; font-style: italic; } .mwalib58-partners { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0.75rem; padding: 0; margin: 0; list-style: none; } .mwalib58-partner-item { display: flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 56px; padding: 0.65rem 0.9rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); background: var(--mwalib58-white); color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.78rem; font-weight: 700; text-align: center; transition: border-color 0.16s ease, transform 0.16s ease; } .mwalib58-partner-item:hover { border-color: var(--mwalib58-mint); transform: translateY(-2px); } .mwalib58-egroup { margin-bottom: 1.35rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius); background: var(--mwalib58-surface); overflow: hidden; scroll-margin-top: 90px; } .mwalib58-egroup-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.68rem 1.05rem; background: var(--mwalib58-soft); border-bottom: 1px solid var(--mwalib58-border); } .mwalib58-egroup-head h2, .mwalib58-egroup-head h3 { margin: 0; font-size: 0.92rem; font-weight: 700; color: var(--mwalib58-navy); display: inline-flex; align-items: center; gap: 0.45rem; } .mwalib58-egroup-head h2 i, .mwalib58-egroup-head h3 i { color: var(--mwalib58-teal); } .mwalib58-elist { margin: 0; padding: 0; list-style: none; } .mwalib58-elist + .mwalib58-tgl { margin: 0.55rem 1.05rem 0.75rem; } .mwalib58-erow { display: flex; align-items: center; justify-content: space-between; gap: 0.85rem; padding: 0.62rem 1.05rem; border-bottom: 1px solid var(--mwalib58-border); background: var(--mwalib58-white); transition: background-color 0.15s ease; } .mwalib58-erow:last-child { border-bottom: 0; } .mwalib58-erow:hover { background-color: #fafcfe; } .mwalib58-erow-info { min-width: 0; flex: 1 1 auto; } .mwalib58-erow-name { margin: 0; font-family: var(--mwalib58-font-sans); font-size: 0.86rem; font-weight: 700; color: var(--mwalib58-navy); line-height: 1.3; } .mwalib58-erow-affil { margin: 0.1rem 0 0; font-size: 0.78rem; color: var(--mwalib58-ink); line-height: 1.38; } .mwalib58-erow-focus { margin: 0.15rem 0 0; font-size: 0.73rem; color: var(--mwalib58-muted); line-height: 1.35; } .mwalib58-erow-focus span { color: var(--mwalib58-teal); font-weight: 600; } .mwalib58-eprofiles { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0.32rem; flex-shrink: 0; } .mwalib58-epbtn { display: inline-flex; align-items: center; gap: 0.28rem; height: 25px; padding: 0 0.48rem; border: 1px solid var(--mwalib58-border); border-radius: 6px; background: var(--mwalib58-soft); color: var(--mwalib58-navy); font-family: var(--mwalib58-font-sans); font-size: 0.68rem; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .mwalib58-epbtn:hover { background: var(--mwalib58-mint-tint); border-color: var(--mwalib58-mint); color: var(--mwalib58-navy-dark); } .mwalib58-epbtn img { width: 13px; height: 13px; object-fit: contain; } .mwalib58-epbtn--orcid i { display: inline-grid; place-items: center; width: 13px; height: 13px; border-radius: 50%; background: #a6ce39; color: #fff; font-style: normal; font-size: 0.55rem; font-weight: 800; } .mwalib58-epbtn--scopus i { display: inline-grid; place-items: center; width: 13px; height: 13px; border-radius: 3px; background: #e9711c; color: #fff; font-style: normal; font-size: 0.56rem; font-weight: 800; } .mwalib58-epbtn--sinta i { display: inline-grid; place-items: center; width: 13px; height: 13px; border-radius: 3px; background: #1d4ed8; color: #fff; font-style: normal; font-size: 0.56rem; font-weight: 800; } @media (max-width: 575.98px) { .mwalib58-erow { flex-direction: column; align-items: flex-start; gap: 0.45rem; } .mwalib58-eprofiles { justify-content: flex-start; } } .mwalib58-idxlogo-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; margin: 0; padding: 0; list-style: none; } .mwalib58-idxlogo-card { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 96px; padding: 0.85rem 1rem; border: 1px solid var(--mwalib58-border); border-radius: var(--mwalib58-radius-lg); background: var(--mwalib58-white); box-shadow: var(--mwalib58-shadow-xs); text-decoration: none; overflow: hidden; transition: border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease; } .mwalib58-idxlogo-card:hover { border-color: var(--mwalib58-mint); background: var(--mwalib58-mint-tint); box-shadow: var(--mwalib58-shadow-sm); } .mwalib58-idxlogo-card img { width: 100%; height: 100%; object-fit: contain; display: block; } @media (max-width: 991.98px) { .mwalib58-idxlogo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 575.98px) { .mwalib58-idxlogo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .mwalib58-footer { background-color: var(--mwalib58-navy-dark); color: #cbd5e8; padding-top: 2.75rem; padding-bottom: 1.75rem; font-size: 0.8rem; } .mwalib58-footer h3, .mwalib58-footer h4, .mwalib58-footer h5 { color: var(--mwalib58-white); font-size: 0.88rem; margin-bottom: 0.85rem; } .mwalib58-footer ul { padding: 0; margin: 0; list-style: none; } .mwalib58-footer li + li { margin-top: 0.4rem; } .mwalib58-footer a { color: #cbd5e8; } .mwalib58-footer a:hover { color: var(--mwalib58-mint); } .mwalib58-footer-bottom { margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.12); font-size: 0.75rem; color: #9ab0d4; } .mwalib58-social { display: flex; flex-wrap: wrap; gap: 0.4rem; } .mwalib58-social a { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: var(--mwalib58-radius-sm); background: rgba(255, 255, 255, 0.08); color: var(--mwalib58-white); } .mwalib58-social a:hover { background: var(--mwalib58-mint); color: var(--mwalib58-navy-dark); } .mwalib58-totop { position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 1030; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--mwalib58-mint); border-radius: 50%; background: var(--mwalib58-navy); color: var(--mwalib58-mint); opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; } .mwalib58-totop.is-show { opacity: 1; visibility: visible; transform: translateY(0); } .mwalib58-totop:hover { background: var(--mwalib58-mint); color: var(--mwalib58-navy-dark); } .mwalib58-toast { position: fixed; left: 50%; bottom: 1.5rem; z-index: 1080; padding: 0.55rem 1.1rem; border-radius: 999px; background: var(--mwalib58-navy-dark); color: var(--mwalib58-white); border: 1px solid var(--mwalib58-mint); font-family: var(--mwalib58-font-sans); font-size: 0.78rem; font-weight: 600; opacity: 0; visibility: hidden; transform: translate(-50%, 10px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; } .mwalib58-toast.is-show { opacity: 1; visibility: visible; transform: translate(-50%, 0); } [id] { scroll-margin-top: 86px; } .mwalib58-glow-target { position: relative; isolation: isolate; border-radius: var(--mwalib58-radius-lg); } h1.mwalib58-glow-target, h2.mwalib58-glow-target, h3.mwalib58-glow-target, h4.mwalib58-glow-target { padding: 0.35rem 0.65rem; margin-inline: -0.65rem; border-radius: var(--mwalib58-radius); } .mwalib58-glow-target::before, .mwalib58-glow-target::after { content: ""; position: absolute; inset: -2px; border-radius: inherit; pointer-events: none; opacity: 0; } .mwalib58-glow-target::before { z-index: -2; padding: 2px; background: conic-gradient( from 0deg, transparent 0deg, var(--mwalib58-mint) 75deg, var(--mwalib58-teal) 150deg, var(--mwalib58-yellow) 225deg, var(--mwalib58-navy) 300deg, transparent 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: mwalib58-glow-fade 2.8s cubic-bezier(0.22, 1, 0.36, 1) forwards; } .mwalib58-glow-target::after { z-index: -1; background: radial-gradient(circle at 50% 0%, rgba(33, 205, 173, 0.1), transparent 75%); animation: mwalib58-glow-tint 2.8s ease forwards; } @keyframes mwalib58-glow-fade { 0% { opacity: 0; filter: hue-rotate(0deg); } 12% { opacity: 1; } 70% { opacity: 1; filter: hue-rotate(180deg); } 100% { opacity: 0; filter: hue-rotate(360deg); } } @keyframes mwalib58-glow-tint { 0% { opacity: 0; } 18% { opacity: 1; } 75% { opacity: 0.7; } 100% { opacity: 0; } } @keyframes mwalib58-pulled-enter { 0% { opacity: 0; transform: translateX(140px) rotate(3deg); } 20% { opacity: 0.8; transform: translateX(95px) rotate(1.5deg); } 45% { opacity: 1; transform: translateX(48px) rotate(-1deg); } 70% { transform: translateX(18px) rotate(0.6deg); } 90% { transform: translateX(-3px) rotate(-0.3deg); } 100% { opacity: 1; transform: translateX(0) rotate(0); } } @keyframes mwalib58-title-enter { from { opacity: 0; transform: translateX(22px); } to { opacity: 1; transform: translateX(0); } } @keyframes mwalib58-reveal { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @media (min-width: 576px) { .mwalib58-prose p { text-align: justify; hyphens: auto; } } @media (min-width: 992px) and (hover: hover) and (pointer: fine) { .mwalib58-navbar .dropdown:hover > .dropdown-menu { display: block; margin-top: 0; } } @media (max-width: 991.98px) { .mwalib58-aside { position: static; } .mwalib58-num--4, .mwalib58-perf-grid { grid-template-columns: repeat(2, 1fr); } .mwalib58-num--5 { grid-template-columns: repeat(3, 1fr); } .mwalib58-hero__stage { height: 330px; margin-top: 0.5rem; } } @media (max-width: 767.98px) { .mwalib58-meta { grid-template-columns: repeat(2, 1fr); } .mwalib58-num { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575.98px) { .mwalib58-hero__stack { width: 170px; } .mwalib58-hero__visual[data-open="true"] .mwalib58-hero__card--archives, .mwalib58-hero__stack:hover .mwalib58-hero__card--archives { transform: translate(-52px, 6px) rotate(-8deg); } .mwalib58-hero__visual[data-open="true"] .mwalib58-hero__card--about, .mwalib58-hero__stack:hover .mwalib58-hero__card--about { transform: translate(48px, -10px) rotate(5deg); } .mwalib58-hero__visual[data-open="true"] .mwalib58-hero__card--indexing, .mwalib58-hero__stack:hover .mwalib58-hero__card--indexing { transform: translate(84px, 10px) rotate(9deg); } .mwalib58-num, .mwalib58-num--2, .mwalib58-num--4, .mwalib58-num--5, .mwalib58-perf-grid, .mwalib58-meta { grid-template-columns: 1fr; } .mwalib58-art-hero { grid-template-columns: minmax(0, 1fr); } .mwalib58-art-cover { max-width: 165px; } .mwalib58-art-meta-grid { grid-template-columns: 1fr 1fr; } .mwalib58-hero__actions .btn, .mwalib58-hero__actions .mwalib58-btn { width: 100%; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } @media print { .mwalib58-topbar, .mwalib58-header, .mwalib58-searchbar, .mwalib58-aside, .mwalib58-footer, .mwalib58-totop, .mwalib58-toast, .mwalib58-sbtn, .pagination { display: none !important; } body { background: #ffffff !important; color: #000000 !important; } .mwalib58-prose.is-clamped p { display: block !important; -webkit-line-clamp: unset !important; } }