/* Public reading pages share the site's blue and teal identity. */
.editorial-body .reading-figure{margin:28px 0;max-width:100%}.editorial-body .reading-figure img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;border:1px solid #dce6f2;border-radius:12px;background:#f5f8fc;box-sizing:border-box}.editorial-body .reading-figure figcaption{margin:12px auto 0;max-width:680px;text-align:center;color:#63778f;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.editorial-page { padding-bottom: 72px; }
.editorial-hero { padding-top: 54px; padding-bottom: 42px; }
.editorial-breadcrumb { display: block; width: fit-content; font-size: 13px; color: var(--muted); margin-bottom: 34px; }
.reading-category { display: block; color: #2563eb; font-size: 13px; font-weight: 700; letter-spacing: .06em; margin-bottom: 18px; }
.editorial-hero h1 { max-width: 960px; font-size: clamp(30px, 3.6vw, 48px); line-height: 1.35; letter-spacing: -.03em; margin: 0 0 22px; text-wrap: pretty; }
.editorial-hero > p { max-width: 820px; color: var(--text-2); font-size: 18px; line-height: 1.9; margin: 0; }
.reading-meta { display: flex; flex-wrap: wrap; gap: 12px 24px; color: var(--muted); font-size: 13px; margin-top: 22px; }
.about-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 64px; align-items: start; }
.editorial-body { min-width: 0; max-width: 800px; }
.editorial-body > section { border-top: 1px solid var(--line); padding: 30px 0 12px; scroll-margin-top: 105px; }
.editorial-body h2 { font-size: 23px; line-height: 1.5; margin: 0 0 18px; letter-spacing: -.02em; }
.editorial-body p { color: var(--text-2); line-height: 1.95; font-size: 16px; margin: 0 0 18px; overflow-wrap: anywhere; }
.editorial-body p a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.about-aside { border: 1px solid #d5e5f8; border-radius: 22px; padding: 28px; background: linear-gradient(145deg,#eff6ff,#f1fbf9); }
.about-aside h2 { font-size: 25px; line-height: 1.5; margin: 0 0 16px; }
.about-aside p { color: var(--text-2); line-height: 1.8; margin-bottom: 22px; }
.about-aside .button + .button { margin-top: 12px; }
.about-aside nav { display: grid; gap: 15px; margin-top: 28px; font-size: 14px; }
.about-aside nav a { color: var(--text-2); }
.reading-related { margin-top: 50px; }
.reading-related > h2 { font-size: 26px; margin-bottom: 26px; }
.reading-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.reading-card { display: flex; flex-direction: column; min-width: 0; padding: 30px; border: 1px solid var(--line); border-radius: 20px; color: var(--text); background: linear-gradient(155deg,#f7faff,#fff 65%); transition: border-color .2s, box-shadow .2s, transform .2s; }
.reading-card:nth-child(2) { background: linear-gradient(155deg,#effaf7,#fff 65%); }
.reading-card:nth-child(2) .reading-category { color: #087f8c; }
.reading-card:nth-child(3) { background: linear-gradient(155deg,#f6f2ff,#fff 65%); }
.reading-card h2 { font-size: 22px; line-height: 1.55; margin: 0 0 16px; text-wrap: pretty; }
.reading-card p { font-size: 15px; color: var(--text-2); line-height: 1.85; margin: 0 0 26px; }
.reading-card-link { display: flex; justify-content: space-between; margin-top: auto; color: var(--blue); font-size: 14px; font-weight: 700; }
.reading-card:hover { transform: translateY(-3px); border-color: #a9c9f4; box-shadow: 0 12px 30px #2455960e; }
.reading-card:focus-visible { outline: 3px solid #2563eb; outline-offset: 4px; }
.reading-help { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; padding-top: 44px; }
.reading-help > div { flex: 1; min-width: 250px; }
.reading-help h2 { font-size: 24px; margin: 0 0 8px; }
.reading-help p { color: var(--text-2); line-height: 1.8; margin: 0; }
.reading-layout { display: grid; grid-template-columns: 230px minmax(0, 800px); justify-content: space-between; gap: 50px; align-items: start; }
.reading-toc { position: sticky; top: 105px; font-size: 14px; padding-top: 20px; }
.reading-toc > span { display: block; font-weight: 700; margin-bottom: 16px; }
.reading-toc nav { display: grid; gap: 8px; }
.reading-toc a { line-height: 1.8; padding: 7px 0; color: var(--muted); }
.reading-toc a:hover, .about-aside nav a:hover { color: var(--blue); }
.reading-next { padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: #f5f9ff; margin-top: 20px; }
.reading-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.reading-actions .button { white-space: normal; text-align: center; font-size: 14px; }
.reading-back { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 18px; padding-top: 36px; color: var(--blue); font-size: 14px; }
.home-reading-entry { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 30px; margin-bottom: 34px; padding: 22px 26px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(115deg,#f2f7ff,#f4fcfa); }
.home-reading-entry p { flex: 1; min-width: 210px; margin: 0; color: var(--text-2); font-size: 14px; line-height: 1.7; }
.home-reading-entry p strong { color: var(--text); }
.home-reading-entry a { font-size: 14px; color: var(--blue); font-weight: 700; }
@media(max-width: 960px) { .about-layout { grid-template-columns: minmax(0,1fr) 270px; gap: 30px; } .reading-layout { grid-template-columns: 190px minmax(0,1fr); gap: 30px; } .reading-card { padding: 23px; } }
@media(max-width: 760px) { .editorial-hero { padding-top: 28px; padding-bottom: 28px; } .editorial-breadcrumb { margin-bottom: 26px; } .editorial-hero > p { font-size: 16px; } .about-layout, .reading-layout, .reading-grid { grid-template-columns: minmax(0,1fr); gap: 24px; } .reading-toc { position: static; padding: 20px; border-radius: 16px; background: #f5f8fd; } .reading-toc nav { gap: 2px; } .editorial-body h2 { font-size: 21px; } .about-aside { padding: 24px; } .reading-next { padding: 22px; } .reading-related { margin-top: 36px; } .home-reading-entry { padding: 20px; margin-bottom: 24px; } }
@media(prefers-reduced-motion: reduce) { .reading-card { transition: none; } .reading-card:hover { transform: none; } }

.knowledge-hero { position:relative; margin-top:28px; margin-bottom:42px; padding:42px; border:1px solid #d6e6fb; border-radius:24px; background:radial-gradient(ellipse at top right,#cbf5ed90,transparent 60%),linear-gradient(120deg,#eef4ff,#f8fbff); }
.knowledge-hero h1 { color:#1c3865; font-size:clamp(34px,4vw,54px); }.knowledge-hero .editorial-breadcrumb{margin-bottom:28px}.knowledge-shortcuts{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:28px;font-size:14px;color:#2265cd;font-weight:600}
.reading-section-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:26px}.reading-section-head h2{font-size:clamp(22px,2.2vw,30px);margin:0;line-height:1.5}.reading-section-head p{color:var(--text-2);line-height:1.8;margin:12px 0 0}.reading-all{font-size:14px;color:var(--blue);font-weight:700}.reading-count{font-size:13px;color:var(--muted)}
.reading-card-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px}.reading-card-meta .reading-category{margin:0}.reading-card-meta time{font-size:12px;color:var(--muted)}.reading-card h2{overflow-wrap:anywhere}.reading-card:focus-visible,.reading-all:focus-visible{outline:3px solid #5587eb;outline-offset:4px}.home-latest{padding-top:24px;padding-bottom:66px}.reading-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:36px;font-size:14px;color:var(--text-2)}.reading-pagination a{padding:10px 16px;border:1px solid var(--line);border-radius:10px;color:var(--blue)}
@media(min-width:981px) and (max-width:1320px){.site-nav{gap:0}.site-nav>a{padding-inline:6px;font-size:12px}.site-nav .nav-telegram{margin-left:2px;padding-inline:7px}.nav-actions .button{padding-inline:12px}}
@media(max-width:760px){.knowledge-hero{padding:26px 22px;margin-top:20px;margin-bottom:30px;border-radius:18px}.home-latest{padding-bottom:40px}.reading-card-meta{margin-bottom:18px}.reading-section-head{gap:12px}.reading-card{min-height:0}.knowledge-shortcuts{gap:14px}.reading-help>div{min-width:0}}