Spaces:
Sleeping
Sleeping
| *{box-sizing:border-box} | |
| :root{--ink:#18212f;--muted:#64748b;--line:#e5eaf0;--accent:#315c83;--paper:#fff;--bg:#f3f6f9} | |
| html{scroll-behavior:smooth} | |
| body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 Georgia,"Times New Roman",serif} | |
| .hero{max-width:980px;margin:44px auto 24px;padding:48px 56px 40px;background:#10283f;color:#fff;border-radius:18px} | |
| .eyebrow{font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#a9c7e1;margin-bottom:22px} | |
| h1{font:700 clamp(30px,4.2vw,48px)/1.12 system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 24px;max-width:850px} | |
| .author{font:600 18px system-ui,sans-serif;margin:0 0 5px} | |
| .affiliation,.email{font:14px/1.6 system-ui,sans-serif;color:#d5e1ec;margin:4px 0} | |
| .email{color:#9ed2f3;text-decoration:none} | |
| .paper{max-width:980px;margin:0 auto 48px;padding:48px 64px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #20354a0b} | |
| h2{font:700 22px/1.3 system-ui,sans-serif;letter-spacing:-.02em;margin:42px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line);color:#163b5a} | |
| h2:first-child{margin-top:0} | |
| p{margin:0 0 16px;text-align:justify} | |
| .meta-line{font:14px/1.65 system-ui,sans-serif;color:var(--muted);text-align:left;margin:12px 0} | |
| .caption{text-align:center;font:italic 13px/1.5 system-ui,sans-serif;color:var(--muted);margin:8px 0 20px} | |
| .figure{margin:24px auto;text-align:center} | |
| .figure img{max-width:100%;height:auto;max-height:620px;object-fit:contain;border:1px solid var(--line);border-radius:8px} | |
| .figure figcaption{font:12px system-ui,sans-serif;color:var(--muted);margin-top:6px} | |
| .table-wrap{overflow-x:auto;margin:18px 0 26px} | |
| table{width:100%;border-collapse:collapse;font:13px/1.5 system-ui,sans-serif} | |
| th,td{border:1px solid #cbd5e1;padding:9px 10px;text-align:left;vertical-align:top} | |
| th{background:#edf3f8;font-weight:700} | |
| tr:nth-child(even) td{background:#fafcfe} | |
| footer{text-align:center;color:var(--muted);font:12px system-ui,sans-serif;padding:8px 20px 36px} | |
| @media(max-width:700px){.hero{margin:0;padding:36px 24px 32px;border-radius:0}.paper{margin:0;padding:30px 22px;border-radius:0;border-left:0;border-right:0}body{font-size:15px}h2{font-size:19px}p{text-align:left}table{font-size:12px}} | |