12 lines
15 KiB
CSS
12 lines
15 KiB
CSS
:root{--bg:#2b2b2b;--bar:#3c3f41;--panel:#3c3f41;--inner:#303234;--text:#f1f1f1;--muted:rgba(255,255,255,.8);--heading:#a8cded;--link:#5497d2;--accent:#55bd79;--line:#55595b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 20%,rgba(92,151,192,.12),transparent 28%),linear-gradient(135deg,#2b2b2b,#252525 65%,#303234);background-attachment:fixed;color:var(--text);font:600 16px/1.45 "Clear Sans","Helvetica Neue",Arial,sans-serif}.topbar{height:48px;display:flex;align-items:stretch;background:var(--bar);position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--line)}.search-brand,.tab{display:flex;align-items:center;gap:14px;padding:0 22px;color:var(--muted);border-right:1px solid var(--line);text-decoration:none;white-space:nowrap}.search-brand{font-weight:700}.search-brand span{font-size:27px;line-height:1}.tab.active{color:var(--heading);background:var(--bg)}.profile{margin-left:auto;padding:12px 20px;color:var(--heading)}.org-header,.page-content,.section-nav{max-width:1420px;margin-left:auto;margin-right:auto}.org-header{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:30px 22px 20px}.eyebrow{margin:0 0 5px;color:var(--heading);font-size:14px}.org-header h1{margin:0;font-size:30px;line-height:1.2}.home-link,.source-link,.related-links a{color:var(--link);text-decoration:underline;text-underline-offset:3px}.home-link{border:1px solid #5b7384;border-radius:10px;padding:9px 13px;text-decoration:none}.section-nav{display:flex;gap:28px;overflow:auto;padding:0 22px 12px}.section-nav a{color:var(--muted);font-size:15px;text-decoration:none;white-space:nowrap}.section-nav a:hover,.section-nav a:focus-visible,.external-link:hover,.home-link:hover,.related-links a:hover{color:#fff}.page-content{padding:0 22px 36px}.section-card{margin:18px 0;padding:24px 30px;border-radius:18px;background:var(--panel);box-shadow:0 12px 32px rgba(0,0,0,.16);scroll-margin-top:72px}.card-head,.modal-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.card-head h2,.modal-head h2{margin:0;color:var(--heading);font-size:24px;line-height:1.25}.detail-button,.modal-close{margin-left:auto;border:0;border-radius:10px;background:#292b2d;color:#e9e9e9;padding:10px 15px;font:inherit;font-size:14px;cursor:pointer;transition:background .18s,transform .18s}.detail-button:hover,.modal-close:hover{background:#1d1f20;transform:translateY(-1px)}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 34px}.info-grid>.wide{grid-column:1/-1}.section-card h3{margin:4px 0 12px;font-size:18px;color:var(--heading)}.inner{border-radius:14px;background:var(--inner);padding:18px 22px}.kv{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(0,1.6fr);gap:10px 20px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;text-align:right;overflow-wrap:anywhere}.external-link{color:var(--link)}.prose{line-height:1.65}.prose p{margin:0 0 14px}.prose p:last-child{margin-bottom:0}.history-preview{max-height:230px;overflow:hidden;position:relative}.history-preview:after{content:"";position:absolute;inset:auto 0 0;height:58px;background:linear-gradient(transparent,var(--inner))}.finance-note{margin:-4px 0 14px;color:var(--muted);font-size:14px}.financial-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.line-chart{border-radius:14px;background:var(--inner);padding:18px;overflow:hidden}.line-chart h3{margin:0 0 8px;color:var(--text);font-size:16px}.line-chart svg{display:block;width:100%;height:auto}.grid-line{stroke:#727679;stroke-dasharray:4 5;opacity:.7}.chart-label{fill:#d7d7d7;font:12px "Clear Sans",Arial,sans-serif}.chart-line{fill:none;stroke:var(--chart);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:var(--chart);opacity:.13}.chart-point{fill:var(--chart);stroke:#fff;stroke-width:2}.related-links{display:flex;flex-wrap:wrap;gap:11px}.related-links a{display:flex;align-items:center;gap:9px;border:1px solid #5a676e;border-radius:10px;padding:10px 12px;background:#333638;text-decoration:none;transition:background .18s,border-color .18s}.related-links a:hover{background:#45494c;border-color:#7fa7bd}.related-links span{font-size:18px}.ownership-copy{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px;color:var(--muted)}.ownership-copy p{margin:0}.ownership-tree{position:relative;min-height:600px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);align-items:center;gap:20px;padding:36px;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(82,151,210,.14),transparent 42%),var(--inner)}.node{position:relative;z-index:2;justify-self:center;width:min(100%,330px);padding:15px 18px;border:2px solid #56bb76;border-radius:12px;background:#3c3f41;color:#fff;text-align:center;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.22);transition:transform .18s,background .18s}.node:hover{transform:translateY(-2px);background:#494d50}.node small{display:block;color:#b8c9d4;font-size:13px}.node.subject{grid-column:2;grid-row:4;border-color:#7eacd4;clip-path:polygon(10% 0,90% 0,100% 20%,100% 80%,90% 100%,10% 100%,0 80%,0 20%)}.node.roscosmos{grid-column:1/-1;grid-row:1}.node.orkk{grid-column:1/-1;grid-row:2}.node.rks{grid-column:1;grid-row:3}.node.federation{grid-column:2;grid-row:3}.line{position:absolute;z-index:1;display:block;width:3px;background:#56bb76;left:50%;transform:translateX(-50%)}.line:after{content:"";position:absolute;bottom:-1px;left:50%;border:7px solid transparent;border-top-color:#56bb76;transform:translate(-50%,100%)}.line b{position:absolute;left:12px;top:50%;color:#e9e9e9;font-size:13px;white-space:nowrap}.line-one{top:18%;height:8%}.line-two{top:43%;height:8%}.line-three{top:67%;height:19%;left:33.333%}.line-four{top:67%;height:19%;left:66.666%}.person-layout{display:grid;grid-template-columns:minmax(370px,.72fr) minmax(0,1.45fr);gap:30px;max-width:1848px;margin:33px auto;padding:0 36px}.person-profile,.person-content .section-card{background:var(--panel);border-radius:18px}.person-profile{display:flex;min-height:660px;align-items:center;flex-direction:column;padding:36px;text-align:center}.portrait{display:grid;place-items:center;width:238px;aspect-ratio:1;border:7px solid #a8cded;border-radius:50%;background:radial-gradient(circle at 35% 30%,#78b1d8,#315a75 52%,#1c3d50);box-shadow:inset 0 0 0 13px rgba(60,63,65,.7),0 14px 30px rgba(0,0,0,.25)}.portrait span{font-size:56px;color:#d8edf9;letter-spacing:4px}.person-profile h1{margin:36px 0 26px;color:var(--heading);font-size:25px;line-height:1.3}.person-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-content:start}.person-content .section-card{margin:0;min-height:315px}.person-content .section-card:last-child{grid-column:1/-1}.timeline p{margin:0 0 15px}.timeline p:last-child{margin-bottom:0}.modal{width:min(1000px,94vw);max-height:90vh;padding:0;border:0;border-radius:18px;background:transparent;color:var(--text)}.modal::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(6px)}.modal-viewport{max-height:90vh;overflow:auto;border-radius:18px}.modal-card{padding:26px 30px;background:var(--panel)}.modal-card .section-card{box-shadow:none;margin:0;padding:0;background:transparent}.modal-card .detail-button{display:none}@media(max-width:850px){.org-header{align-items:start;flex-direction:column}.info-grid,.financial-charts,.person-layout,.person-content{grid-template-columns:1fr}.person-layout{padding:0 16px;margin:18px auto}.person-profile{min-height:auto}.person-content .section-card:last-child{grid-column:auto}.ownership-tree{min-height:710px;padding:20px}.node{font-size:14px}.line-three{left:28%}.line-four{left:72%}.section-card{padding:20px}.ownership-copy{align-items:start;flex-direction:column}.topbar{overflow:auto}.profile{display:none}.search-brand,.tab{padding:0 12px;font-size:13px}.section-nav{gap:18px}.kv{grid-template-columns:1fr}.kv dd{text-align:left}}
|
|
@media(max-width:850px){.ownership-tree .line b{left:50%;max-width:88px;transform:translateX(-50%);text-align:center;white-space:normal;line-height:1.15}}
|
|
@media(max-width:850px){.ownership-tree{grid-template-columns:repeat(2,minmax(0,1fr))}}
|
|
@media(max-width:850px){.ownership-tree .node{min-width:0;overflow-wrap:anywhere}}
|
|
.cover-year,.year-badge{display:inline-flex;align-items:center;border:1px solid #70b8e9;border-radius:999px;color:#d5edff;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1;padding:6px 9px;vertical-align:middle}.year-badge{margin-left:8px;color:#c9e6ff}.history-lead{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:start;border-radius:14px;background:var(--inner);padding:20px 22px}.history-lead>span{color:#79b8e6;font-size:36px;font-weight:800;line-height:1}.history-lead p{margin:0 0 12px;line-height:1.55}.history-lead p:last-child{margin:0}.staff-chart .line-chart{max-width:650px}.staff-summary{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px;border-radius:14px;background:linear-gradient(110deg,rgba(115,184,229,.18),rgba(48,50,52,.8));padding:18px 22px}.staff-summary p{max-width:300px;margin:0;color:var(--muted);text-align:right}.staff-value{display:block;color:#d8efff;font-size:38px;font-weight:800;line-height:1}.staff-unit{color:var(--heading);font-size:14px}.staff-detail{margin-top:16px}.staff-detail p{margin:0}@media(max-width:850px){.staff-summary{align-items:start;flex-direction:column}.staff-summary p{text-align:left}.history-lead{grid-template-columns:1fr}}
|
|
#finance + #staff,#staff + #finance{margin-top:36px}
|
|
|
|
.ownership-section{padding:20px 32px}.ownership-head,.ownership-actions{display:flex;align-items:center;gap:20px}.ownership-head{justify-content:space-between;margin-bottom:12px}.ownership-head h2{margin:0;color:var(--heading);font-size:24px;line-height:1.3}.ownership-actions{margin-left:auto;justify-content:flex-end}.ownership-graphic-button,.ownership-expand-button{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:16px;border:0;border-radius:12px;background:#313335;color:var(--heading);padding:8px 12px 8px 16px;font:700 18px/1.3 "Clear Sans","Helvetica Neue",Arial,sans-serif;text-decoration:none;transition:background .18s,box-shadow .18s,transform .18s}.ownership-graphic-button img{display:block;width:32px;height:26px;flex:none}.ownership-expand-button{margin:0;cursor:pointer;white-space:nowrap}.ownership-expand-button span{color:#8fed91;font-size:23px;line-height:1}.ownership-graphic-button:hover,.ownership-graphic-button:focus-visible,.ownership-expand-button:hover,.ownership-expand-button:focus-visible{background:#292b2d;box-shadow:0 0 0 2px rgba(143,237,145,.3);color:#d7eaff;outline:0;transform:translateY(-1px)}.ownership-holder{margin:0 0 18px;color:var(--muted);font-size:18px}.ownership-holder a,.ownership-legend__item,.ownership-related__panel a{color:var(--link);text-decoration:underline;text-underline-offset:3px}.ownership-shareholders{overflow:hidden;border-radius:18px;background:#313335;padding:12px 20px 16px}.ownership-shareholders__head{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:20px;margin-bottom:8px}.ownership-shareholders__head h3{margin:0;color:var(--muted);font-size:20px}.ownership-nominal{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:18px}.ownership-nominal strong{border:2px solid var(--line);border-radius:12px;background:var(--panel);color:#8fed91;padding:8px 12px;white-space:nowrap}.ownership-shareholders__body{display:grid;min-height:360px;grid-template-columns:minmax(240px,340px) minmax(0,1fr);align-items:center;gap:48px;border:1px solid rgba(255,255,255,.8);border-radius:18px;padding:24px 58px}.ownership-donut{position:relative;width:240px;max-width:100%;aspect-ratio:1;justify-self:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:conic-gradient(from -90deg,#3b3e40 0 62.1%,#51748c 62.1% 81.94%,#2ca2f2 81.94% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.ownership-donut:before{content:"";position:absolute;z-index:1;inset:24%;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:#313335}.ownership-donut__label{position:absolute;z-index:2;color:#fff;font-size:13px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.75);white-space:nowrap}.ownership-donut__label--rks{right:18px;top:66px}.ownership-donut__label--roscosmos{left:82px;bottom:19px}.ownership-donut__label--russia{left:13px;top:98px}.ownership-legend{display:flex;min-width:0;flex-direction:column;gap:15px}.ownership-share-summary{margin:0 0 2px;color:var(--muted);font-size:20px}.ownership-legend__item{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:12px;color:var(--muted);font-size:18px;line-height:1.25}.ownership-legend__item small{color:var(--muted);font-size:.82em}.ownership-swatch{display:block;width:70px;height:16px;border:1px solid rgba(255,255,255,.75);border-radius:12px}.ownership-swatch--rks{background:#3b3e40}.ownership-swatch--roscosmos{background:#51748c}.ownership-swatch--russia{background:#2ca2f2}.ownership-related{margin-top:26px}.ownership-related h3{margin:0 0 12px;color:var(--heading);font-size:20px}.ownership-related__panel{border-radius:18px;background:#313335;padding:18px 16px;text-align:left}.ownership-related__panel a{display:block;color:var(--link);font-size:18px}.ownership-legend__item:hover,.ownership-holder a:hover,.ownership-related__panel a:hover{color:#8fc8f5}.modal:has(.ownership-modal-card){width:min(1600px,96vw)}.ownership-modal-card{padding:28px 32px}.ownership-modal-card .modal-head{align-items:flex-start;justify-content:space-between}.ownership-modal-card .modal-head .ownership-actions{flex-wrap:wrap}.ownership-modal-card .modal-close{margin:0}.ownership-detail-content{text-align:left}.ownership-detail-content .ownership-holder,.ownership-detail-content .ownership-related,.ownership-detail-content .ownership-related__panel,.ownership-detail-content .ownership-related__panel a{text-align:left}
|
|
|
|
@media(max-width:1000px){.ownership-head{align-items:flex-start;flex-direction:column}.ownership-actions{width:100%;margin-left:0}.ownership-graphic-button{flex:1}.ownership-shareholders__body{grid-template-columns:1fr;padding:28px;gap:28px}.ownership-legend{width:100%}}
|
|
@media(max-width:600px){.ownership-section,.ownership-modal-card{padding:20px}.ownership-actions{align-items:stretch;flex-direction:column;gap:10px}.ownership-graphic-button,.ownership-expand-button{width:100%}.ownership-holder{font-size:16px}.ownership-shareholders{padding:12px}.ownership-shareholders__head{align-items:flex-start;flex-direction:column}.ownership-nominal{width:100%;justify-content:space-between;font-size:16px}.ownership-shareholders__body{min-height:0;padding:22px 14px}.ownership-donut{width:210px}.ownership-legend__item{grid-template-columns:48px minmax(0,1fr);font-size:16px}.ownership-swatch{width:48px}.ownership-graphic-button span,.ownership-expand-button{font-size:16px}.ownership-related__panel a{font-size:16px}.ownership-modal-card .modal-head{flex-direction:column}.ownership-modal-card .modal-head .ownership-actions{width:100%}}
|