/* Additions for the 26 October update; existing presentation styles stay intact. */
.new-systems{position:relative;background:radial-gradient(ellipse at 80% 20%,#173b3b55,transparent 55%),#0b151a;border-bottom:1px solid var(--line)}
.release-line{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:1.8px;color:var(--teal);margin-bottom:58px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.release-dot{width:6px;height:6px;background:var(--teal);border-radius:50%;box-shadow:0 0 16px #7bb4b166;flex-shrink:0}.release-date{margin-left:auto;color:#9aaba9;font-size:8px;letter-spacing:1.1px;font-weight:500}
.companion-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:start}.companion-story,.companion-explorer{min-width:0}.companion-story h2{font-size:clamp(46px,4.7vw,68px)}.companion-lead{font-size:13px;line-height:1.9;margin-top:25px;max-width:480px}
.companion-facts{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin:31px 0;border-block:1px solid var(--line);padding:22px 0}.companion-facts>div:not(:last-child){border-right:1px solid var(--line)}.companion-facts strong{display:block;font:500 42px/1 var(--serif);color:var(--gold)}.companion-facts span{display:block;margin-top:9px;font-size:9px;color:#aabbb8}
.companion-benefits{list-style:none;padding:0;margin:0;display:grid;gap:18px}.companion-benefits li{display:flex;gap:15px}.companion-benefits li>span{color:var(--gold);font-size:22px;line-height:1.3}.companion-benefits p{font-size:11px;line-height:1.8}.companion-benefits strong{display:block;color:#e2e4d8;font-size:12px;font-weight:600;margin-bottom:4px}.companion-key{display:flex;align-items:center;gap:12px;margin-top:25px;font-size:10px}.companion-key kbd{display:inline-grid;place-items:center;flex-shrink:0;border:1px solid #897c58;border-bottom:3px solid #897c58;border-radius:3px;width:31px;height:31px;font:600 13px var(--sans);color:var(--gold);background:#28312d}
.companion-explorer{padding:32px;background:linear-gradient(135deg,#173035,#0b171c 65%);border:1px solid #6e765449;box-shadow:0 18px 70px #0003}.explorer-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:27px}.explorer-heading .eyebrow{font-size:8px;letter-spacing:1.7px;margin:0}.explorer-heading .tag{font-size:7px;padding:4px 7px;letter-spacing:.8px}.companion-explorer h3{font-size:37px;line-height:1.08}.companion-explorer>p:not(.type-note){font-size:11px;margin-top:16px;max-width:290px}.companion-types{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:27px}.companion-types button{padding:13px 3px 10px;background:#0a171b;color:#9caba2;border:1px solid #344a49;font:500 27px/1 var(--serif);transition:background .2s,border-color .2s}.companion-types small{display:block;font:700 7px var(--sans);letter-spacing:1.3px;margin-bottom:7px}.companion-types button:hover{border-color:#a7956b}.companion-types button[aria-pressed=true]{background:linear-gradient(145deg,#dcc593,#ad8849);border-color:#efd8a4;color:#182528;box-shadow:0 3px 16px #d6b77819}.type-result{text-align:center;padding:28px 0 24px;border-bottom:1px solid var(--line);margin-bottom:17px;min-height:185px}.type-result>span{display:block;font-size:9px;letter-spacing:2px;color:#adbbb0}.type-result strong{font:500 73px/1.2 var(--serif);color:var(--gold);display:block}.type-result strong small{font-size:34px;margin-left:2px}.type-result p{font-size:10px}.type-note{font-size:10px;line-height:1.8}.collection-note{display:flex;gap:15px;margin-top:25px;padding-top:21px;border-top:1px solid var(--line)}.collection-note>span{font-size:37px;color:var(--teal);line-height:1.2}.collection-note p{font-size:10px}.collection-note strong{display:block;font-size:11px;font-weight:600;color:#d6ddd1;margin-bottom:5px}
.update-heading{margin-top:85px;border-top:1px solid var(--line);padding-top:35px}.update-heading .eyebrow{font-size:8px;margin-bottom:10px}.update-heading h3{font-size:36px;line-height:1.2}.update-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 32px;margin-top:28px}.update-grid article{padding:24px 0;border-top:1px solid var(--line)}.update-index{font-size:8px;letter-spacing:1.6px;color:var(--teal);font-weight:600}.update-grid h4{font:500 27px/1.2 var(--serif);margin:14px 0}.update-grid p{font-size:11px;line-height:1.85}.update-grid .update-detail{margin-top:13px;color:#d1c5a5;font-size:10px}.update-catalog-link{margin-top:15px;color:var(--gold);font-size:11px}
@media(max-width:1100px){.companion-layout{gap:36px}.companion-explorer{padding:26px}.update-grid{gap:20px 26px}}
@media(max-width:860px){.companion-layout{grid-template-columns:1fr;gap:38px}.companion-story h2{font-size:57px}.companion-lead{max-width:570px}.companion-explorer{max-width:580px;width:100%;justify-self:center;padding:30px}.companion-facts{max-width:570px}.update-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release-date{max-width:155px;text-align:right}.release-line{margin-bottom:40px}}
@media(max-width:600px){.release-line{font-size:8px;letter-spacing:1px;flex-wrap:wrap;row-gap:6px}.release-date{flex-basis:100%;margin-left:16px;max-width:none;text-align:left;font-size:7px}.companion-story h2{font-size:46px}.companion-lead{font-size:12px}.companion-facts{gap:11px;padding-block:20px}.companion-facts strong{font-size:39px}.companion-facts span{font-size:8px}.companion-explorer{padding:23px 20px}.companion-explorer h3{font-size:34px}.explorer-heading .eyebrow{font-size:7px}.explorer-heading .tag{font-size:6px}.companion-types{gap:5px}.companion-types button{font-size:25px;padding-block:12px 9px}.companion-types small{font-size:6px}.type-result strong{font-size:68px}.update-heading{margin-top:54px;padding-top:28px}.update-heading h3{font-size:32px}.update-grid{grid-template-columns:1fr;gap:0;margin-top:22px}.update-grid article{padding-block:22px}.update-grid h4{font-size:28px}.update-grid p{font-size:12px}.update-grid .update-detail{font-size:11px}}
@media(prefers-reduced-motion:reduce){.companion-types button{transition:none}}