/* A full editorial panel, inspired by the supplied portrait-and-community composition. */
.character-panel{background:var(--surface);overflow:hidden;color:#111;border:0;border-radius:0}
.character-stage{position:relative;display:grid;grid-template-columns:39% 61%;min-height:560px;background:var(--surface)}
.character-portrait{position:relative;min-width:0;overflow:hidden;grid-row:1/3}
.character-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:36% center;max-width:none}
.character-topics{padding:40px 24px 24px 20px;min-width:0}
.character-topics h2{font-size:clamp(21px,2.05vw,34px);font-weight:400;letter-spacing:-.045em;line-height:1.02;margin:0 0 32px;color:#171b1d}
.character-topics h2 strong{font-weight:750}.character-topics h2>span{color:#00758f;font-weight:350}
.topic-portraits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}
.topic-portraits a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#22292c;font-size:11px;font-weight:650;letter-spacing:.035em;text-align:center;min-width:0}
.topic-orbit{width:min(100%,87px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#e8f4f6;display:block;transition:transform .2s}
.topic-orbit img{width:100%;height:100%;object-fit:cover;display:block}.topic-portraits a:hover .topic-orbit{transform:translateY(-4px)}.topic-portraits a:hover{color:#007c99}
.topic-orbit--2,.topic-orbit--6{background:#f0e9e0}.topic-orbit--3{background:#e2e8ee}.topic-orbit--4 img{object-position:20%;transform:scale(1.6)}.topic-orbit--5 img{transform:scale(1.2)}.topic-orbit--6 img{transform:scale(1.6)}.topic-orbit--7 img{transform:scale(1.4)}.topic-orbit--8{background:#e5f2f6}.topic-orbit--9 img{object-position:75%;transform:scale(1.8)}
.character-tabs{grid-column:2;display:flex;align-self:end;background:#f5f7f8;min-width:0}
.character-tabs a{flex:1;display:flex;justify-content:center;align-items:center;min-height:57px;padding:8px 4px;text-decoration:none;font-size:11px;font-weight:650;color:#455056;text-align:center;border-bottom:4px solid transparent}.character-tabs a:first-child{background:var(--surface);border-color:#00aed1}.character-tabs a:hover{color:#007d99}
.character-callout{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 90%,#075d77,transparent 65%),#040e15;color:white;min-height:302px;padding:32px 32px 64px}
.callout-kicker{font-size:11px;font-style:italic;letter-spacing:.06em;color:#99dcea;margin:0 0 8px}
.character-callout h2{position:relative;z-index:1;font-size:clamp(27px,3.1vw,44px);font-weight:300;line-height:1.03;letter-spacing:-.035em;margin:0;color:#f1f9fc}.character-callout h2 strong{font-weight:600;color:#24d0ee}
.callout-description{font-size:14px;line-height:1.5;color:#b5cdd6;margin:20px 0 0}
.signal-art{position:absolute;right:-105px;bottom:-105px;width:350px;height:350px;z-index:-1}.signal-art i{position:absolute;inset:0;border:2px solid #10bee875;border-radius:50%}.signal-art i:nth-child(2){inset:35px;border-width:15px;border-style:dashed;opacity:.55;transform:rotate(22deg)}.signal-art i:nth-child(3){inset:80px;border:1px solid #25b9d8}.signal-art b{position:absolute;inset:105px;display:grid;place-items:center;border-radius:50%;background:#00a9d0;color:#003954;font-size:44px}
.character-action{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:16px 24px;background:#00acd0;color:#062b36;text-decoration:none;z-index:2}.character-action>span{font-size:11px;font-weight:600;letter-spacing:.06em}.character-action strong{font-size:13px;letter-spacing:.015em}.character-action b{font-size:21px;padding-left:8px}.character-action:hover{background:#2ac9e7;color:#052b37}
.feed-home{--canvas:#f1f4f4;--primary:#00a7c9;--primary-hover:#0088a7;--primary-text:#032b38}
.feed-home .app-header{background:#00aed1}.feed-home .app-header .brand,.feed-home .app-nav a,.feed-home .header-login{color:#052f3c}.feed-home .app-nav a[aria-current]{border-color:#064356}.feed-home .site-menu summary{border-color:#086b8070}.feed-home .header-search{background:#ffffffb0;border-color:#ffffff80}
.feed-band{background:#1b1e20}.feed-band .feed-band__action{color:#6bdef4}.feed-band__label{font-size:17px;letter-spacing:-.015em;font-weight:750}.feed-band nav a{color:#d3d7da}
.feed-home main.page,.feed-home.signed-in main{max-width:1600px;width:100%;padding:0}.feed-layout{grid-template-columns:minmax(480px,.95fr) minmax(0,1.05fr);gap:0;align-items:start}.feed-left{position:sticky;top:64px;display:block;min-width:0}.feed-center{padding:24px 24px;min-width:0;background:#f1f4f4;min-height:calc(100vh - 64px);border-left:1px solid #dce3e4}.feed-home .question-entry,.feed-home .stream-panel,.feed-home .question-guide{border-radius:0}.feed-home .question-entry .button,.feed-home .feed-empty .button{background:#00a7c9;border-color:#00a7c9;color:var(--surface)}.feed-home .stream-tabs a[aria-current]{color:#006d85;border-color:#00aed1}.feed-home .question-avatar{background:#e1f3f8;color:#08798d}.feed-home .empty-symbol{background:#eaf7fa;color:#007b95;border-color:#c5e5eb}
@media(min-width:1301px){.feed-home:has(.record-drawer[open]) .feed-layout{grid-template-columns:minmax(390px,.85fr) minmax(0,1.15fr);padding-right:64px}.feed-home:has(.record-drawer[open]) .character-stage{grid-template-columns:33% 67%;min-height:500px}.feed-home:has(.record-drawer[open]) .character-topics{padding:24px 16px 20px 12px}.feed-home:has(.record-drawer[open]) .character-topics h2{font-size:21px}.feed-home:has(.record-drawer[open]) .topic-portraits{gap:20px 8px}.feed-home:has(.record-drawer[open]) .feed-center{padding:20px 16px}.record-drawer{inset:118px 0 0 auto;width:400px;height:calc(100dvh - 118px);border-radius:0;box-shadow:-8px 0 30px #12211415}}
@media(max-width:1100px){.feed-layout{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)}.character-stage{grid-template-columns:34% 66%;min-height:490px}.character-topics{padding:24px 16px 20px 12px}.character-topics h2{font-size:21px}.topic-portraits{gap:24px 8px}.feed-center{padding:20px 16px}.character-action{padding-inline:16px}.character-action>span{font-size:11px}.character-action strong{font-size:11px}}
@media(max-width:760px){.feed-home main.page,.feed-home.signed-in main{padding:0}.feed-layout{display:block}.feed-left{position:static;margin:0}.character-stage{grid-template-columns:38% 62%;min-height:470px}.character-topics{padding:32px 20px 20px 12px}.character-topics h2{font-size:27px}.topic-portraits{gap:20px 12px}.character-callout{min-height:260px;padding:24px 24px 64px}.character-callout h2{font-size:34px}.callout-description{font-size:13px;margin-top:16px}.feed-center{padding:16px 12px;border:0}.character-tabs a{font-size:11px}.character-action{padding:12px 20px}.character-action>span{font-size:11px}.character-action strong{font-size:11px}.feed-band__label{display:none}}
@media(max-width:380px){.character-topics h2{font-size:21px}.character-topics{padding-right:12px}.topic-portraits{gap:16px 8px}.topic-portraits a{font-size:11px}.character-stage{min-height:425px}.character-action>span{font-size:11px}.character-action strong{font-size:11px}}
.feed-home .question-entry .button,.feed-home .feed-empty .button{color:#032b38}
.callout-description small{display:block;font-size:11px;color:#a6c3cc;margin-top:8px}

.feed-home .button:hover{background:#0d5162;border-color:#0d5162;color:var(--surface)}