.article-shell{max-width:var(--maxw);padding:10px var(--gutter);grid-template-columns:220px 1fr;gap:56px;margin:0 auto;display:grid}.toc{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);border-left:1px solid var(--rule);align-self:start;max-height:calc(100vh - 48px);padding:8px 0 8px 16px;font-size:11px;position:sticky;top:24px;overflow-y:auto}.toc__label{color:var(--navy);letter-spacing:.18em;margin-bottom:14px;font-size:10.5px;font-weight:700;display:block}.toc ol{counter-reset:toc;margin:0;padding:0;list-style:none}.toc li{counter-increment:toc;margin:0 0 10px;line-height:1.35}.toc li:before{content:counter(toc, decimal-leading-zero);color:var(--rule);margin-right:8px}.toc a{color:var(--slate);border:none;font-weight:700}.toc a:hover{color:var(--red);border:none}.toc li.is-active a,.toc li.is-active:before{color:var(--red)}@media (max-width:1100px){.article-shell{grid-template-columns:1fr;gap:0}.toc{display:none}}.infographic-embed{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);overflow:hidden}.infographic-mobile-note{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background-image:url(/articles/chotyry-roky-v-mori-frehaty/cover.jpg);background-position:50%;background-size:cover;min-height:220px;display:none;position:relative}.infographic-mobile-note:before{content:"";background:#0000008c;position:absolute;inset:0}.infographic-mobile-note__text{min-height:220px;padding:24px var(--gutter);color:#fff;text-align:center;justify-content:center;align-items:center;font-size:.95rem;line-height:1.55;display:flex;position:relative}@media (max-width:767px){.infographic-embed{display:none}.infographic-mobile-note{display:block}}.hero-strip{background:var(--paper-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0 calc(-1 * var(--gutter)) 32px;padding:28px 0}.hero-strip__inner{max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.hero-strip__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.hero-strip__kicker{font-family:var(--mono);letter-spacing:.22em;color:var(--slate);text-transform:uppercase;font-size:11px;font-weight:700}.hero-strip__title{font-family:var(--serif);color:var(--navy);max-width:30ch;margin:4px 0 0;font-size:26px;font-weight:700;line-height:1.15}.hero-strip__sub{font-family:var(--serif);color:var(--slate);text-align:right;max-width:38ch;font-size:15px;font-style:italic}.hero-strip svg{width:100%;height:auto;display:block}.hero-strip__legend{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--slate);flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:16px;font-size:11px;font-weight:700;display:flex}.hero-strip__legend ul{flex-wrap:wrap;gap:22px;margin:0;padding:0;list-style:none;display:flex}.hero-strip__legend li{align-items:center;gap:8px;display:inline-flex}.hero-strip__legend i{width:18px;height:10px;display:inline-block}.hero-strip__legend i.active{background:#5c7a95}.hero-strip__legend i.outside{background:repeating-linear-gradient(90deg,#5c7a95 0 4px,#0000 4px 8px)}.hero-strip__legend i.damaged{background:var(--red)}.hero-strip__legend i.repair{background:var(--cream);border:1px solid var(--rust)}.ship{margin:56px 0 32px}.ship__head{border-bottom:2px solid var(--navy);grid-template-columns:120px 1fr auto;align-items:end;gap:26px;padding-bottom:14px;display:grid}.ship__num{font-family:var(--mono);letter-spacing:.2em;color:var(--red);text-transform:uppercase;font-size:11px;font-weight:700}.ship__num strong{font-family:var(--serif);color:var(--navy);letter-spacing:-.02em;margin-top:4px;font-size:56px;font-weight:700;line-height:1;display:block}.ship__title{font-family:var(--serif);color:var(--navy);letter-spacing:-.005em;margin:0;font-size:34px;font-weight:700;line-height:1.08}.ship__title em{color:var(--steelB);margin-top:4px;font-size:19px;font-style:italic;font-weight:400;line-height:1.3;display:block}.ship__chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ship__chips .chip{padding:5px 9px;font-size:10.5px}@media (max-width:800px){.ship__head{grid-template-columns:80px 1fr}.ship__num strong{font-size:40px}.ship__title{font-size:26px}.ship__chips{grid-column:1/-1}}.status-bar{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(4,1fr);gap:0;margin:22px 0 18px;display:grid}.status-bar__cell{border-right:1px solid var(--rule);padding:14px 16px}.status-bar__cell:last-child{border-right:none}.status-bar__k{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--slate);font-size:10px;font-weight:700}.status-bar__v{font-family:var(--serif);color:var(--navy);margin-top:4px;font-size:17px;font-weight:700;line-height:1.2}.status-bar__v em{color:var(--slate);font-size:12px;font-style:italic;font-weight:400;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-top:2px;display:block}.status-bar__cell.is-bad .status-bar__v{color:var(--red)}.status-bar__cell.is-warn .status-bar__v{color:var(--rust)}@media (max-width:800px){.status-bar{grid-template-columns:1fr 1fr}.status-bar__cell{border-bottom:1px solid var(--rule)}.status-bar__cell:nth-child(2){border-right:none}.status-bar__cell:nth-last-child(-n+2){border-bottom:none}}.ship-grid{display:block}.ship-grid__main{min-width:0}.ship-grid__rail{border-top:2px solid var(--navy);gap:24px;margin-top:44px;padding-top:28px;display:grid}.ship-grid__rail>*{margin-top:0}.ship-grid__rail .tth{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px 28px;padding:22px 26px;display:grid}.ship-grid__rail .tth h5{grid-column:1/-1;margin:0 0 4px}.ship-grid__rail .tth__row{grid-template-columns:none;border-bottom:none!important;padding:0!important;display:block!important}.ship-grid__rail .tth__row .k{margin-bottom:4px;padding-top:0;font-size:10px;display:block}.ship-grid__rail .tth__row .v{text-align:left;font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.2;display:block}.ship-grid__rail .rail-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:800px){.ship-grid__rail .rail-row{grid-template-columns:1fr}}.ship-grid__rail .units ul{grid-template-columns:1fr;gap:0;display:grid}.ship-grid__rail .events-list ol{border-left:2px solid var(--rule);grid-template-columns:1fr;gap:0;display:grid}.article-body .events-list{display:block}.commander{background:var(--paper-2);border-left:3px solid var(--navy);grid-template-columns:140px 1fr;align-items:start;gap:24px;margin:26px 0;padding:20px 22px;display:grid}.commander__photo{aspect-ratio:3/4;border:1px solid var(--rule);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--slate);text-align:center;background:repeating-linear-gradient(135deg,#dde2e7 0 6px,#cfd6dd 6px 12px) top/cover;justify-content:center;align-items:center;padding:6px;font-size:8.5px;font-weight:700;display:flex;overflow:hidden}.commander__label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--slate);font-size:10.5px;font-weight:700}.commander__name{font-family:var(--serif);color:var(--navy);margin:4px 0 6px;font-size:22px;font-weight:700;line-height:1.15}.commander__rank{font-family:var(--mono);letter-spacing:.1em;color:var(--rust);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.commander__text{font-size:14.5px;line-height:1.55}.commander__text p{margin:0 0 .8em}.commander__text p:last-child{margin-bottom:0}@media (max-width:600px){.commander{grid-template-columns:100px 1fr;gap:16px}.commander__name{font-size:19px}}.crew{border:1px solid var(--rule);margin:22px 0}.crew__head{background:var(--navy);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;display:flex}.crew__title{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700}.crew__count{font-family:var(--serif);color:#b8c4d2;font-size:14px;font-style:italic}.crew__grid{background:var(--paper-2);grid-template-columns:repeat(2,1fr);display:grid}.crew__row{border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);grid-template-columns:1fr;padding:10px 18px;font-size:13.5px;display:grid}.crew__row:nth-child(2n){border-right:none}.crew__rank{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rust);margin-bottom:2px;font-size:10px;font-weight:700}.crew__name{font-family:var(--serif);color:var(--navy);font-weight:700}@media (max-width:600px){.crew__grid{grid-template-columns:1fr}.crew__row{border-right:none}}.satfig{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;display:grid}.satfig__cell{aspect-ratio:4/3;border:1px solid var(--rule);background:radial-gradient(circle at 35% 30%,#2a3d52 0%,#0000 40%),radial-gradient(circle at 70% 65%,#1a2a3e 0%,#0000 45%),repeating-linear-gradient(#0e1b2a 0 1px,#14222f 1px 2px),#0e1b2a;position:relative;overflow:hidden}.satfig__cell:before,.satfig__cell:after{content:"";background:#ffffff2e;position:absolute}.satfig__cell:before{width:1px;top:8px;bottom:8px;left:50%}.satfig__cell:after{height:1px;top:50%;left:8px;right:8px}.satfig__cell .tag{color:#deebf7;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--steelB);background:#0e1b2ad9;padding:3px 6px;font-size:9.5px;font-weight:700;position:absolute;bottom:8px;left:8px}.satfig__cell .tag.is-hit{border-color:var(--red);color:var(--cream)}.satfig__cell .blip{border:2px solid var(--red);border-radius:50%;width:16px;height:16px;position:absolute}.satfig__cell .blip:after{content:"";border:1px solid var(--red);opacity:.5;border-radius:50%;position:absolute;inset:-8px}.satfig__cap{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--slate);border-top:1px solid var(--rule);grid-column:1/-1;margin-top:-4px;padding-top:8px;font-size:10.5px;font-weight:700}.satfig__cap em{text-transform:none;letter-spacing:0;color:var(--navy);font-style:italic;font-weight:400}