.renewed-reader{padding-bottom:70px}.renewed-reader .reader-layout{grid-template-columns:minmax(0,710px) 250px;gap:90px;max-width:1050px}.renewed-reader .reading-body{font-size:17px;line-height:2.5}.renewed-reader .reading-end{margin-bottom:35px;border-bottom:0}.renewed-reader .reader-aside{position:sticky;top:25px;align-self:start}.renewed-reader .reader-aside>.btn{white-space:normal;font-size:11px;line-height:1.8}.renewed-reader .reader-before a{display:flex;gap:10px;margin:13px 0;align-items:baseline}.reader-before a>span{font:10px -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif;color:#98a0a9}.reading-parent p{margin:12px 0 0;color:#66748a;font-size:12px;line-height:1.9}.possibilities{padding:42px 0 0;border-top:1px solid var(--line);max-width:1115px;margin:auto}.possibilities-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px}.possibilities-heading h2{font-size:34px;line-height:1.6;margin:9px 0}.possibilities-heading p{font-size:13px;color:#78828e;margin:0}.possibility-map-link{display:flex;align-items:center;gap:10px;color:#546c91;font-size:12px;white-space:nowrap;border:1px solid #d5dfe6;border-radius:30px;padding:11px 16px;min-height:44px}.possibility-map-link:hover{background:#edf3fa}.possibility-map-link svg{width:22px;height:22px}.shared-moment{display:flex;gap:20px;align-items:center;padding:23px 30px;background:#fff;border:1px solid #e3e6e3;border-radius:8px;position:relative;margin:0 0 35px}.shared-moment:after{content:"";position:absolute;left:43px;height:36px;width:1px;background:#bfcdd8;top:100%}.moment-dot{width:8px;height:8px;border:2px solid #5e7eab;border-radius:50%;flex-shrink:0}.shared-moment>div>span{font-size:10px;color:#7e8a93;letter-spacing:.07em}.shared-moment p{font:14px/2 var(--serif);color:#43505c;margin:7px 0 0;white-space:pre-line}.possibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.possibility-grid:not(:has(>:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))}.possibility-card{--possibility-accent:#496ca2;--possibility-wash:#edf3fc;--possibility-border:#cedbed;background:#fff;border:1px solid #dfe5e8;border-radius:9px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-width:0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.possibility-card.tone-1{--possibility-accent:#537969;--possibility-wash:#eef5ef;--possibility-border:#d3e4d8}.possibility-card.tone-2{--possibility-accent:#966b4f;--possibility-wash:#faf2eb;--possibility-border:#e9d8c7}.possibility-card:before{content:"";display:block;height:3px;background:var(--possibility-border)}.possibility-card:hover,.possibility-card:focus-within{border-color:var(--possibility-accent);box-shadow:0 9px 25px #243b5710;transform:translateY(-3px)}.possibility-top{display:flex;align-items:center;gap:10px;padding:20px 23px 0;color:var(--possibility-accent);font-size:10px}.possibility-top>span:first-child{background:var(--possibility-wash);padding:5px 9px;border-radius:4px}.possibility-top>span:last-child{margin-left:auto;font-size:20px;font-weight:300}.possibility-top small{font-size:9px;color:#8b949d}.possibility-main{display:block;padding:18px 23px 25px;flex:1}.possibility-premise{font:600 21px/1.8 var(--serif);color:#2a3947;margin:0 0 23px;overflow-wrap:anywhere;letter-spacing:.01em}.possibility-main h3{font-size:13px;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif;font-weight:500;color:#59677a;margin:0 0 8px;overflow-wrap:anywhere}.possibility-author{font-size:11px;color:#8c96a2}.possibility-footer{border-top:1px solid #e9edf0;display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 23px;padding:17px 0;font-size:10px}.possibility-footer>a{color:var(--possibility-accent);font-size:12px;min-height:30px;display:flex;align-items:center;gap:12px}.possibility-footer>span{color:#929ca6;font-size:10px;white-space:nowrap}.possibility-more{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;margin:26px 0 0}.possibility-more .btn{font-size:12px;min-width:220px}.possibility-more>small{font-size:10px;color:#8c97a1;line-height:1.9;text-align:center}.imagine-next{display:flex;align-items:center;gap:28px;background:#f0f3ef;border:1px solid #e1e7df;border-radius:9px;padding:33px 35px;margin-top:38px;position:relative;overflow:hidden}.imagine-symbol{font-size:65px;color:#b5c3b8;font-weight:300;line-height:1;flex-shrink:0}.imagine-copy{flex:1}.imagine-copy>.eyebrow{font-size:9px;color:#718774}.imagine-copy h3{font:600 25px/1.6 var(--serif);margin:8px 0}.imagine-copy p{font-size:12px;line-height:2;color:#78837b;margin:0}.imagine-actions{display:flex;flex-direction:column;gap:14px;align-items:center;flex-shrink:0}.imagine-actions .btn{font-size:13px;width:100%;min-width:190px}.imagine-actions .text-link{font-size:12px;min-height:24px}.imagine-actions small{font-size:10px;color:#8d998e}.unwritten-future{padding:30px;text-align:center;border:1px dashed #cbd7df;border-radius:8px;background:#f3f6f8}.unwritten-future>span{color:#98abbc;font-size:35px}.unwritten-future h3{font:600 22px/1.8 var(--serif);margin:8px 0}.unwritten-future p{color:#7f8c97;font-size:12px}.sibling-possibilities{margin-top:55px;padding-top:40px;border-top:1px solid var(--line)}.sibling-possibilities .section-heading h2{font-size:24px}.sibling-possibilities .section-heading p{font-size:12px;line-height:1.9}.sibling-possibilities .section-heading>.text-link{font-size:11px}.sibling-possibilities .possibility-premise{font-size:18px}.posting-closed{font-size:12px;color:#7a8390;margin-top:30px}.writer-launch{border:1px solid #dce3e7;background:#fff;border-radius:8px;margin-bottom:30px;padding:28px}.writer-source>.eyebrow{display:block;font-size:9px;color:#8998a8;margin-bottom:10px}.writer-source>a{font:600 19px/1.8 var(--serif);color:#435a77}.writer-source blockquote{font:14px/2.1 var(--serif);padding:0 0 0 17px;border-left:2px solid #bdcddd;margin:18px 0;white-space:pre-line;color:#65707d}.writer-source summary{cursor:pointer;font-size:11px;color:#597ca6;min-height:32px}.writer-source details>div{max-height:350px;overflow:auto;font:14px/2.2 var(--serif);padding:17px;background:#f5f6f4;border-radius:5px}.writer-source details p{margin:0 0 18px;line-height:2.2}.approach-options{border:0;border-top:1px solid #e6ebee;margin:20px 0;padding:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.approach-options legend{font-size:12px;font-weight:600;padding-top:22px;color:#49586b}.approach-options label{display:flex;align-items:start;gap:10px;border:1px solid #dce4eb;border-radius:6px;padding:16px 13px;cursor:pointer;background:#f9fafb}.approach-options label:has(input:checked){border-color:#748fb9;background:#eef3fc}.approach-options input{accent-color:var(--blue);margin:4px 0 0;flex-shrink:0}.approach-options strong{font-size:12px;font-weight:600;color:#4e668a}.approach-options small{display:block;font-size:10px;color:#8a95a2;margin-top:7px;line-height:1.8}.writer-launch>.form-field{margin:23px 0 0}.writer-launch>.form-field>small{font-size:10px;line-height:1.9;color:#85919d}.preview-possibility{background:#f0f4f9;border-left:2px solid #92aac8;font-size:11px;line-height:1.9;color:#5c7190;padding:12px;margin:15px 0;overflow-wrap:anywhere}.preview-possibility[hidden]{display:none}.publication-complete{padding-top:48px;padding-bottom:65px;max-width:800px;text-align:center}.publication-complete>h1{font-size:37px;line-height:1.7;margin:17px 0}.publication-complete>.eyebrow{display:block;margin-top:20px}.publication-complete .intro{font-size:13px;line-height:2.1}.published-connection{max-width:440px;margin:32px auto 28px;text-align:left}.published-origin{display:block;text-align:center;padding:17px;background:#f0f3f5;border:1px solid #dee5e8;border-radius:7px}.published-origin>span{display:block;font-size:10px;color:#8595a3;margin-bottom:8px}.published-origin>strong{font:600 17px/1.8 var(--serif)}.published-line{display:block;text-align:center;color:#a1b3c4;font-size:27px;line-height:45px}.publication-complete>.actions{justify-content:center}.publication-complete .btn{font-size:12px}.publication-note{font-size:11px;line-height:2;color:#8491a1;margin:23px 0}.publication-complete>.text-link{font-size:12px}.possibilities :focus-visible,.writer-launch :focus-visible,.publication-complete :focus-visible{outline:2px solid #557fac;outline-offset:5px}.possibilities h2:focus{outline:none}
@media(max-width:1100px){.renewed-reader .reader-layout{gap:50px;grid-template-columns:minmax(0,1fr) 220px}.imagine-next{padding:28px;gap:20px}.imagine-symbol{font-size:48px}.possibility-main{padding:17px 19px 22px}.possibility-top{padding:18px 19px 0}.possibility-footer{margin:0 19px}.possibility-premise{font-size:19px}}
@media(max-width:1000px){.renewed-reader .reader-layout{grid-template-columns:1fr;max-width:710px}.possibility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.imagine-symbol{display:none}.imagine-copy h3{font-size:24px}.possibilities-heading h2{font-size:30px}}
@media(max-width:720px){.renewed-reader{padding-bottom:40px}.renewed-reader .reading-sheet{padding-top:30px}.renewed-reader .reading-sheet h1{font-size:29px;line-height:1.6}.renewed-reader .reading-body{font-size:16px;padding-top:25px}.renewed-reader .reading-end{margin-bottom:24px;padding:18px 0}.renewed-reader .reader-bar{font-size:10px;gap:10px;padding:20px 0}.renewed-reader .reader-bar>.text-link{font-size:10px;white-space:nowrap}.possibilities{padding-top:29px}.possibilities-heading{align-items:start;gap:14px;flex-direction:column;margin-bottom:22px}.possibilities-heading h2{font-size:27px}.possibilities-heading p{font-size:12px;line-height:1.9}.possibility-map-link{font-size:10px;padding:6px 12px;min-height:38px}.possibility-map-link svg{width:18px;height:18px}.shared-moment{gap:15px;padding:20px;margin-bottom:29px}.shared-moment p{font-size:13px}.shared-moment:after{left:24px;height:30px}.possibility-grid,.possibility-grid:not(:has(>:nth-child(3))){grid-template-columns:1fr;gap:14px}.possibility-premise{font-size:21px;margin-bottom:17px}.possibility-main{padding:15px 22px 22px}.possibility-top{padding:18px 22px 0}.possibility-footer{margin:0 22px;padding:13px 0}.possibility-footer>a{min-height:32px}.imagine-next{padding:26px 23px;margin-top:28px;align-items:stretch;flex-direction:column;gap:22px}.imagine-copy h3{font-size:25px}.imagine-copy p{font-size:12px}.imagine-actions{align-items:stretch;gap:16px}.imagine-actions .text-link{text-align:center;min-height:36px;display:grid;place-items:center}.imagine-actions small{text-align:center}.possibility-more>small{font-size:10px}.sibling-possibilities{margin-top:38px;padding-top:29px}.sibling-possibilities .section-heading{align-items:start;flex-direction:column;gap:16px}.sibling-possibilities .section-heading h2{font-size:23px;line-height:1.7}.writer-launch{padding:22px 18px}.writer-source>a{font-size:17px}.writer-source blockquote{font-size:13px}.approach-options{grid-template-columns:1fr}.approach-options label{padding:16px}.approach-options small{font-size:11px}.approach-options strong{font-size:13px}.publication-complete{padding-top:32px}.publication-complete>h1{font-size:27px}.publication-complete>.actions{flex-direction:column;gap:12px}.publication-complete .actions>.btn{width:100%}.publication-complete .intro{font-size:12px}.published-connection{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.possibility-card{transition:none}.possibility-card:hover,.possibility-card:focus-within{transform:none}}

.publication-complete>.complete-mark{margin-inline:auto}

/* Compact nodes reserve their height for the title and child count; the selected
   detail panel shows the full author and the author's description of the branch. */
.intuitive-map .node:not(.current-node) .node-main p{display:none}
.intuitive-map .node:not(.current-node) .node-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.intuitive-map .node:not(.current-node) .node-main strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(min-width:721px){.intuitive-map .graph-children .node-main{height:106px;min-height:106px}.intuitive-map .graph-children .node-main>img,.intuitive-map .graph-children .node-main>.cover-placeholder{display:none}}

.story-editions{margin-bottom:44px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.story-editions .section-heading h2{font-size:26px}
.approach-options>label:has(input[value=adaptation]){grid-column:1/-1}

/* Keep the story's lineage and cast visible while writing. */
.writer-lineage{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 20px;font-size:11px;line-height:1.8;color:#8795a4}.writer-lineage a{color:#54749a;text-decoration:underline;text-underline-offset:3px}.writer-lineage [aria-current]{font-weight:700;color:#344b69}.writer-character-step{border:1px solid #dce3e7;border-radius:9px;background:#fff;padding:28px;margin:30px 0}.writer-character-heading .eyebrow{font-size:9px;color:#8797a9}.writer-character-heading h2{font:600 23px/1.6 var(--serif);margin:8px 0}.writer-character-heading p,.writer-new-characters p{font-size:12px;line-height:1.9;color:#738191}.writer-character-step .character-selection{margin:22px 0 28px}.writer-new-characters{border-top:1px solid #e5eaed;padding-top:22px}.writer-new-characters>strong{font-size:14px;color:#364a63}.writer-new-characters>small{display:block;color:#8794a0;font-size:11px;margin-top:12px}.writer-new-character{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:10px;align-items:end;margin:14px 0;padding:16px;background:#f6f8fa;border-radius:7px}.writer-new-character label{display:grid;gap:6px;font-size:11px;font-weight:600;color:#62758b}.writer-new-character input{min-width:0;width:100%;border:1px solid #d6dfe6;border-radius:5px;background:#fff;padding:10px 12px;font-size:14px}.writer-new-character button{min-height:41px}.writer-new-characters>.btn{font-size:12px;min-height:42px}.writer-lineage :focus-visible,.writer-character-step :focus-visible{outline:2px solid #557fac;outline-offset:3px}
@media(max-width:720px){.writer-character-step{padding:20px 17px}.writer-character-heading h2{font-size:20px}.writer-new-character{grid-template-columns:1fr}.writer-new-character input{font-size:16px}.writer-new-character button{justify-self:start}}
.comic-origin-ribbon{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;padding:16px 20px;margin:18px 0 28px;border-left:3px solid #8ca8c7;background:#f3f6fa;color:#526a88;font-size:12px}.comic-origin-ribbon span{font-size:10px;color:#8293a6}.comic-origin-ribbon a{text-decoration:underline;text-underline-offset:3px}.comic-origin-ribbon p{width:100%;margin:0;line-height:1.7}

/* Reading destinations: large direct links, with the map as a secondary view. */
.reader-next{max-width:760px;padding:44px 0;margin:32px auto}.reader-next>h2{font:600 clamp(25px,4vw,36px)/1.5 var(--serif);text-align:center;margin:12px 0 28px}.reader-finished{text-align:center;color:#60718b;font-size:13px}.reader-next .reading-continue{display:block;text-align:center;padding:0 0 28px;border:0;background:none}.reader-next .reading-continue>.btn{display:flex;justify-content:center;gap:24px;width:100%;min-height:58px;font-size:18px;border-radius:12px;background:#0860e8;color:white}.reader-next .reading-continue p{margin:14px 0 5px}.reader-next .reading-continue small{color:#60718b}.reader-choice-group{margin:28px 0}.reader-choice-group h3{font:600 23px/1.5 var(--serif);margin:0 0 8px}.reader-choice-group>p,.trail-help{color:#53647e;font-size:14px;line-height:1.8}.reader-choice-list{display:grid;gap:14px}.reader-choice{display:flex;align-items:center;gap:18px;border:1px solid #dbe4ef;border-radius:14px;overflow:hidden;background:#fff;color:#142442;text-decoration:none;min-width:0;min-height:144px;padding-right:18px;transition:border-color .15s,box-shadow .15s}.reader-choice:hover{border-color:#0860e8;box-shadow:0 4px 16px #1737690c}.reader-choice:focus-visible,.reader-story-map a:focus-visible,.reader-next a:focus-visible{outline:3px solid #0860e8;outline-offset:4px}.reader-choice>.reader-choice-cover{width:132px;height:154px;object-fit:cover;flex-shrink:0;margin:0;border-radius:0}.reader-choice-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:10px;padding:15px 0;overflow-wrap:anywhere}.reader-choice-copy strong{font:600 21px/1.5 var(--serif)}.reader-choice-copy>span{font-size:14px;line-height:1.7;color:#53647e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reader-choice-copy small{color:#53647e;font-size:12px}.reader-map-entry{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;min-height:52px;color:#0860e8;border-top:1px solid #e1e8f1;margin-top:30px}.reader-siblings,.reader-next .reader-create{border-top:1px solid #e1e8f1;padding:18px 0;margin:12px 0}.reader-siblings>summary,.reader-next .reader-create>summary{cursor:pointer;min-height:44px;line-height:1.8;color:#53647e}.reader-no-next{padding:24px;color:#53647e;background:#f3f7fc;border-radius:12px;line-height:1.8}.reader-story-map{max-width:860px;padding-bottom:60px}.trail-header{margin:24px 0}.trail-header h1{font:600 32px/1.5 var(--serif);margin:24px 0 8px}.trail-header p{color:#53647e}.trail-ancestors{display:flex;align-items:center;flex-direction:column;gap:6px;padding:15px}.trail-ancestors a{padding:12px 18px;border:1px solid #dbe4ef;border-radius:9px;background:white;text-align:center;max-width:100%;overflow-wrap:anywhere}.trail-ancestors>span{color:#7f93b0}.trail-node{border:1px solid #dbe4ef;border-radius:14px;background:#fff;overflow:hidden}.trail-node .reader-choice{border:0;border-radius:0}.trail-node.is-current{border:2px solid #0860e8}.trail-current{display:block;background:#eaf3ff;color:#0759ca;padding:9px 16px;font-size:13px;font-weight:600}.trail-node-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;border-top:1px solid #edf1f7;font-size:12px;color:#60718b}.trail-node-footer a{padding:12px 0;color:#0759ca}.trail-descendants{margin:0 0 28px 24px;padding:10px 0 0 28px;border-left:2px solid #cbd8eb}.trail-branch{position:relative;margin:16px 0 22px}.trail-branch:before{content:'';position:absolute;width:28px;height:2px;background:#cbd8eb;left:-28px;top:12px}.trail-relation{font-size:13px;color:#53647e;margin:0 0 10px}.trail-overview{border-top:1px solid #dbe4ef;padding-top:12px}.trail-overview summary{padding:16px 0;cursor:pointer;color:#0759ca}.trail-all{display:grid;gap:8px}.trail-all>div{padding:14px;border:1px solid #dbe4ef;border-radius:8px;display:grid;gap:8px}.trail-all a{color:#0759ca;overflow-wrap:anywhere}.trail-all small{color:#53647e;overflow-wrap:anywhere}
@media(max-width:600px){.reader-choice{gap:12px;padding-right:12px;min-height:132px}.reader-choice>.reader-choice-cover{width:96px;height:142px}.reader-choice-copy strong{font-size:18px}.reader-choice-copy>span{font-size:13px}.reader-next{padding-top:28px}.reader-choice-group h3{font-size:21px}.trail-descendants{margin-left:10px;padding-left:16px}.trail-branch:before{left:-16px;width:16px}.reader-story-map .reader-choice>.reader-choice-cover{width:76px}.trail-node-footer{padding:8px 10px}}

/* Cover frames stay 3:4 regardless of the card text length or viewport. */
.reader-choice>.reader-choice-cover,.reader-story-map .reader-choice>.reader-choice-cover{width:96px;height:128px;min-width:96px;max-width:96px;flex:0 0 96px;object-fit:cover;object-position:center;align-self:center;aspect-ratio:3/4}
@media(min-width:601px){.reader-choice>.reader-choice-cover,.reader-story-map .reader-choice>.reader-choice-cover{width:120px;height:160px;min-width:120px;max-width:120px;flex-basis:120px}}

/* Collaborative story genealogy: authors and origins stay visible. */
.genealogy-page{max-width:1600px;margin:auto;padding:24px 32px 60px;color:#182b46}.genealogy-heading>div{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:20px}.genealogy-heading h1{font:600 clamp(25px,3vw,38px)/1.5 var(--serif);margin:0}.genealogy-heading p{font-size:16px;color:#59677b;margin:10px 0}.genealogy-heading a{font-size:13px;color:#285caa}.genealogy-help{font-size:12px;line-height:1.8;color:#62728a}.genealogy-viewport{height:520px;max-height:62vh;min-height:300px;overflow:auto;background-color:#fafaf7;background-image:radial-gradient(#b9c4d6 0.6px,transparent .6px);background-size:18px 18px;border:1px solid #e2e6eb;border-radius:14px;overscroll-behavior:contain}.genealogy-canvas{position:relative}.genealogy-lines{position:absolute;inset:0;pointer-events:none;overflow:visible}.genealogy-edge path{fill:none;stroke:#566b90;stroke-width:2}.genealogy-edge.alternate path{stroke-dasharray:7 5}.genealogy-edge.adaptation path{stroke-dasharray:2 4}.genealogy-edge.is-active path{stroke:#0860e8;stroke-width:3}.genealogy-edge text{font-size:11px;fill:#284975;paint-order:stroke;stroke:#fafaf7;stroke-width:5;stroke-linejoin:round}.genealogy-node,.genealogy-world{position:absolute;width:240px;height:196px;border:1px solid #dce2eb;background:white;border-radius:10px;box-shadow:0 3px 10px #15274209;display:flex;flex-direction:column;padding:9px;text-decoration:none;color:#182b46;box-sizing:border-box}.genealogy-node:hover{border-color:#6e97ce;box-shadow:0 4px 16px #15274218}.genealogy-node.is-selected{border:2px solid #0860e8;box-shadow:0 0 0 4px #0860e80c}.genealogy-node>img,.genealogy-world>img{width:100%;height:94px;object-fit:cover;border-radius:5px;flex-shrink:0}.genealogy-node>strong,.genealogy-world>strong{font:600 17px/1.5 var(--serif);margin:8px 3px 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.genealogy-node>span:not(.genealogy-badge),.genealogy-world>span{font-size:12px;color:#566883;margin:0 3px}.genealogy-node>small{font-size:10px;color:#62728a;margin:5px 3px 0}.genealogy-badge{position:absolute;top:-15px;left:10px;padding:4px 12px;border-radius:15px;background:#0860e8;color:white;font-size:11px}.genealogy-world{height:210px;background:#f5f7fa}.genealogy-world>small{font-size:10px;color:#567091;margin-top:6px}.genealogy-world>strong{margin-top:2px}.genealogy-world>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.genealogy-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;color:#5e6e85;font-size:12px}.genealogy-toolbar>div{display:flex;gap:8px}.genealogy-toolbar button{background:white;border:1px solid #dce2eb;border-radius:7px;min-height:44px;min-width:44px;padding:8px 12px;color:#284975;cursor:pointer}.genealogy-detail{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:28px;padding:24px;background:white;border:1px solid #dce2eb;border-radius:12px;margin-top:18px}.genealogy-detail-title{display:flex;gap:18px;align-items:center;min-width:0}.genealogy-detail-title>img{width:90px;height:120px;object-fit:cover;border-radius:7px}.genealogy-detail-label{font-size:11px;color:#0860e8;background:#edf4ff;padding:4px 8px;border-radius:4px}.genealogy-detail h2{font:600 23px/1.5 var(--serif);margin:10px 0 6px;overflow-wrap:anywhere}.genealogy-detail p{font-size:12px;line-height:1.8;margin:6px 0;color:#53647e}.genealogy-detail a:not(.btn){color:#285caa;text-decoration:underline;text-underline-offset:3px}.genealogy-synopsis small{display:block;margin-top:10px;color:#738097}.genealogy-actions{display:grid;gap:10px;min-width:220px}.genealogy-actions .btn{min-height:46px;justify-content:center;display:flex;align-items:center;font-size:13px}.genealogy-actions>span{font-size:12px;max-width:220px;line-height:1.7}.genealogy-all{margin-top:24px;font-size:13px}.genealogy-all summary{cursor:pointer;padding:14px 0}.genealogy-all>a{display:block;padding:14px;background:white;border-bottom:1px solid #e3e8ef;color:#285caa}.genealogy-all small{margin-left:16px;color:#66758a}.genealogy-page :is(a,button,[tabindex],summary):focus-visible{outline:3px solid #0860e8;outline-offset:3px}
@media(max-width:900px){.genealogy-page{padding:20px 16px 80px}.genealogy-heading>div{align-items:flex-start;flex-direction:column;gap:8px}.genealogy-detail{grid-template-columns:1fr;gap:10px;padding:18px}.genealogy-actions{grid-template-columns:1fr 1fr;min-width:0}.genealogy-viewport{height:390px;max-height:none}.genealogy-toolbar{align-items:flex-start;flex-direction:column}.genealogy-detail-title>img{width:66px;height:90px}.genealogy-detail h2{font-size:21px}.genealogy-heading p{font-size:14px}.genealogy-actions .btn{padding:12px 8px;font-size:12px}.genealogy-detail-title>div{min-width:0}}
.genealogy-toolbar>div{flex-wrap:wrap}.genealogy-all small{display:block;margin:6px 0 0}.genealogy-node>strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;font-size:16px}.genealogy-node{height:210px}.genealogy-viewport{height:470px}