:root { --ink:#13263b; --muted:#5f7286; --line:#d8e2ec; --wash:#f2f7fb; --blue:#075b96; --dark:#073864; --cyan:#35b9da; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--wash); color:var(--ink); font-family:Arial,Helvetica,sans-serif; text-rendering:optimizeLegibility; }
a { color:inherit; } button,input { font:inherit; }
.site-shell { min-height:100vh; display:flex; flex-direction:column; }
.container { width:min(1180px,calc(100% - 36px)); margin:0 auto; }
.topbar { background:#062e52; color:#dceefa; font-size:13px; }
.topbar-inner { min-height:36px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.topbar a { color:#fff; text-decoration:none; }
.masthead { background:rgba(255,255,255,.97); border-bottom:1px solid var(--line); }
.masthead-inner { min-height:112px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:flex; align-items:center; gap:18px; text-decoration:none; }
.brand-mark { width:60px; height:60px; border-radius:50%; display:grid; place-items:center; color:#fff; background:radial-gradient(circle at 40% 35%,var(--cyan),var(--blue) 45%,var(--dark) 72%); font:700 19px Georgia,serif; letter-spacing:.04em; }
.brand-title { margin:0; max-width:690px; color:var(--dark); font:500 clamp(23px,3vw,34px)/1.08 Georgia,"Times New Roman",serif; }
.brand-subtitle { margin:7px 0 0; color:var(--muted); font-size:13px; letter-spacing:.09em; text-transform:uppercase; }
.nav { display:flex; align-items:center; gap:22px; }
.nav a { color:var(--dark); font-size:14px; font-weight:700; text-decoration:none; }
.nav a:hover,.text-link { color:var(--blue); }
.lang-switch { display:inline-flex; padding:4px; border:1px solid var(--line); border-radius:999px; background:#fff; }
.lang-switch a { min-width:38px; padding:7px 10px; border-radius:999px; text-align:center; font-size:12px; text-decoration:none; }
.lang-switch a.active { background:var(--dark); color:#fff; }

.hero { position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 85% 20%,rgba(56,193,225,.33),transparent 34%),linear-gradient(135deg,#052d50 0%,#075b96 58%,#0b78aa 100%); }
.hero::after { content:""; position:absolute; width:520px; height:520px; right:-150px; bottom:-350px; border:1px solid rgba(255,255,255,.2); border-radius:50%; box-shadow:0 0 0 48px rgba(255,255,255,.04),0 0 0 96px rgba(255,255,255,.035),0 0 0 144px rgba(255,255,255,.03); }
.hero-inner { position:relative; z-index:1; min-height:560px; padding:70px 0; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.72fr); gap:70px; align-items:center; }
.eyebrow { margin:0 0 17px; color:#9cecff; font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.hero h2 { margin:0; max-width:760px; font:500 clamp(43px,6vw,74px)/.99 Georgia,"Times New Roman",serif; letter-spacing:-.03em; }
.hero-lead { max-width:680px; margin:25px 0 0; color:#d8f0fb; font:20px/1.55 Georgia,"Times New Roman",serif; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.button { display:inline-flex; min-height:44px; align-items:center; justify-content:center; gap:8px; padding:0 18px; border:1px solid transparent; border-radius:7px; background:var(--blue); color:#fff; font-weight:700; text-decoration:none; cursor:pointer; }
.button:hover { filter:brightness(1.08); }
.button-light { background:#fff; color:var(--dark); }
.button-outline { border-color:rgba(255,255,255,.45); background:transparent; color:#fff; }
.button-ghost { border-color:var(--line); background:#fff; color:var(--dark); }
.cover-wrap { justify-self:end; width:100%; max-width:320px; }
.cover-wrap img { display:block; width:100%; max-width:100%; height:auto; object-fit:contain; border-radius:4px; box-shadow:0 24px 55px rgba(0,0,0,.35); }

.main { flex:1; }
.section { padding:74px 0; }
.section-white { background:#fff; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:30px; }
.section-heading h2 { margin:0; color:var(--dark); font:500 clamp(30px,4vw,44px) Georgia,"Times New Roman",serif; }
.section-heading p { max-width:650px; margin:8px 0 0; color:var(--muted); line-height:1.7; }
.text-link { font-weight:700; text-decoration:none; }
.text-link:hover { text-decoration:underline; }
.latest-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr); gap:26px; }
.article-feature,.info-card,.volume-card,.article-card,.form-card,.sidebar-card { border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 7px 22px rgba(20,56,83,.05); }
.article-feature { padding:clamp(28px,5vw,48px); }
.article-number { display:inline-flex; margin-bottom:21px; padding:6px 10px; border-radius:999px; background:#e5f5fb; color:var(--blue); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.article-feature h3 { margin:0; font:500 clamp(28px,4vw,40px)/1.18 Georgia,"Times New Roman",serif; }
.article-meta { display:flex; flex-wrap:wrap; gap:8px 18px; margin:20px 0; color:var(--muted); font-size:14px; }
.article-abstract { color:#344d61; line-height:1.75; }
.info-card { padding:30px; background:linear-gradient(155deg,#fff 0%,#f3f9fc 100%); }
.info-card h3,.form-card h3 { margin-top:0; color:var(--dark); font:500 25px Georgia,serif; }
.info-list { display:grid; gap:18px; margin:24px 0 0; }
.info-row strong { display:block; color:var(--dark); font-size:13px; text-transform:uppercase; letter-spacing:.08em; }
.info-row span { display:block; margin-top:4px; color:var(--muted); line-height:1.5; }

.volume-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.volume-card { min-height:190px; padding:26px; position:relative; overflow:hidden; text-decoration:none; transition:.2s ease; }
.volume-card:hover { transform:translateY(-4px); border-color:#9ac6df; }
.volume-card::after { content:attr(data-volume); position:absolute; right:-5px; bottom:-34px; color:#e7f2f8; font:112px/1 Georgia,serif; }
.volume-card strong,.volume-card span,.volume-card em { position:relative; z-index:1; display:block; }
.volume-card strong { color:var(--dark); font:25px Georgia,serif; }
.volume-card span { margin-top:8px; color:var(--muted); }
.volume-card em { margin-top:30px; color:var(--blue); font-size:13px; font-style:normal; font-weight:700; }
.search-bar { display:flex; gap:10px; margin-bottom:24px; }
.search-input { width:100%; min-height:48px; padding:0 16px; border:1px solid #b9cad8; border-radius:8px; background:#fff; color:var(--ink); outline:none; }
.search-input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(7,91,150,.12); }
.article-list { display:grid; gap:14px; }
.article-card { padding:23px 26px; }
.article-card-top { display:flex; align-items:start; justify-content:space-between; gap:20px; }
.article-card h3 { margin:0; color:var(--dark); font:21px/1.3 Georgia,serif; }
.article-card h3 a { text-decoration:none; }
.article-card h3 a:hover { color:var(--blue); }
.article-card p { margin:12px 0 0; color:var(--muted); line-height:1.6; }
.article-tag { flex:0 0 auto; color:var(--blue); font-size:12px; font-weight:700; }
.about-grid,.forms-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.about-copy { color:#344d61; font:19px/1.75 Georgia,serif; }
.facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.fact { padding:20px; border-left:3px solid var(--cyan); background:var(--wash); }
.fact strong { display:block; color:var(--dark); }
.fact span { display:block; margin-top:6px; color:var(--muted); font-size:14px; line-height:1.45; }
.form-card { padding:30px; }
.form-card p { color:var(--muted); line-height:1.6; }
.form-row { display:flex; gap:10px; margin-top:20px; }

.crumbs { margin-bottom:26px; color:var(--muted); font-size:14px; }
.crumbs a { color:var(--blue); text-decoration:none; }
.page-header { padding:64px 0 42px; background:linear-gradient(150deg,#f9fcfe,#eaf4f9); border-bottom:1px solid var(--line); }
.page-header h1 { max-width:920px; margin:0; color:var(--dark); font:500 clamp(38px,6vw,62px)/1.08 Georgia,serif; }
.page-header p { max-width:760px; color:var(--muted); line-height:1.65; }
.toc-list { display:grid; gap:14px; }
.toc-item { display:grid; grid-template-columns:60px minmax(0,1fr) auto; gap:20px; align-items:start; padding:24px 0; border-bottom:1px solid var(--line); }
.toc-index { color:var(--cyan); font:27px Georgia,serif; }
.toc-item h2 { margin:0; color:var(--dark); font:22px/1.35 Georgia,serif; }
.toc-item h2 a { text-decoration:none; }
.toc-item p { margin:8px 0 0; color:var(--muted); line-height:1.55; }
.toc-meta { color:var(--muted); font-size:13px; text-align:right; white-space:nowrap; }
.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:50px; align-items:start; }
.article-kicker { color:var(--blue); font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.article-title { margin:12px 0 22px; color:var(--dark); font:500 clamp(34px,5vw,55px)/1.12 Georgia,serif; }
.article-author { font:20px Georgia,serif; }
.abstract-box { margin-top:38px; padding:30px; border-left:4px solid var(--cyan); background:#f5fafc; }
.abstract-box h2 { margin:0 0 14px; color:var(--dark); font:25px Georgia,serif; }
.abstract-box p { margin:0; color:#304a60; line-height:1.8; }
.keywords { margin-top:22px; color:var(--muted); font-size:14px; line-height:1.65; }
.article-sidebar { position:sticky; top:24px; }
.sidebar-card { padding:24px; }
.sidebar-card+.sidebar-card { margin-top:16px; }
.sidebar-card h3 { margin:0 0 16px; color:var(--dark); font:20px Georgia,serif; }
.sidebar-card dl { margin:0; display:grid; gap:13px; }
.sidebar-card dt { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.sidebar-card dd { margin:3px 0 0; line-height:1.45; word-break:break-word; }
.sidebar-actions { display:grid; gap:10px; }
.stats-row { display:grid; gap:8px; margin:16px 0; padding:15px 18px; border:1px solid var(--line); border-radius:10px; background:#f5fafc; color:var(--muted); font-size:13px; }
.sidebar-actions button:disabled { opacity:.65; cursor:default; }
.form-status { align-self:center; font-size:13px; font-weight:700; }
.form-status.success { color:#197247; }
.form-status.error { color:#a93636; }
.footer { margin-top:auto; background:#042a4a; color:#c9dfec; }
.footer-inner { padding:46px 0; display:grid; grid-template-columns:1.2fr .8fr; gap:40px; }
.footer h2 { margin:0 0 12px; color:#fff; font:23px Georgia,serif; }
.footer p { margin:7px 0; line-height:1.55; }
.footer a { color:#fff; }
.footer-bottom { padding:18px 0; border-top:1px solid rgba(255,255,255,.14); color:#9fc0d2; font-size:13px; }

@media(max-width:980px){.nav{display:none}.hero-inner{grid-template-columns:1fr 260px;gap:35px}.volume-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}}
@media(max-width:720px){.container{width:min(100% - 24px,1180px)}.topbar-inner{min-height:44px}.topbar span:first-child{display:none}.masthead-inner{min-height:92px;gap:12px}.brand-mark{width:48px;height:48px;font-size:15px}.brand-subtitle{display:none}.hero-inner{min-height:auto;padding:52px 0;grid-template-columns:1fr}.cover-wrap{justify-self:center;width:72vw;max-width:260px;margin-top:20px}.latest-grid,.about-grid,.forms-grid,.footer-inner{grid-template-columns:1fr}.volume-grid{grid-template-columns:1fr}.section{padding:55px 0}.section-heading{align-items:start;flex-direction:column}.facts{grid-template-columns:1fr}.form-row{flex-direction:column}.toc-item{grid-template-columns:44px minmax(0,1fr);gap:12px}.toc-meta{grid-column:2;text-align:left}.article-card-top{flex-direction:column}}

.honeypot{position:absolute!important;left:-9999px!important}.article-card[hidden]{display:none}.form-row{position:relative;flex-wrap:wrap}.form-status{width:100%}