/* A small personal choice inside a life otherwise entrusted to chance. */
.birth-customization{min-width:0;margin:8px 0 13px;padding:13px 14px 11px;border:1px solid var(--line);background:#f8f3e96b}
.birth-customization legend{padding:0 7px;font:600 12px var(--serif);color:var(--red)}
.setup-select-row{display:grid;grid-template-columns:75px minmax(0,1fr);align-items:center;gap:7px;margin-bottom:8px}
.setup-select-row label{font-size:11px;color:var(--muted);word-break:keep-all}
.setup-select-row select{width:100%;min-width:0;min-height:36px;padding:6px 22px 6px 9px;border:1px solid #c9beaa;background:var(--light);color:var(--ink);font:11px var(--sans);border-radius:0;cursor:pointer}
.setup-select-row select:focus-visible{outline:2px solid var(--red);outline-offset:2px}
#setup-preview{border-top:1px solid var(--line);padding-top:9px;margin-top:10px;font-size:10px;line-height:1.8;color:var(--muted)}
.setup-preview-content>div{display:flex;align-items:start;gap:8px;margin:6px 0}
.setup-preview-content>div>span{font:15px var(--serif);color:var(--gold);flex-shrink:0;padding-top:3px}
.setup-preview-content b{color:var(--ink);font-weight:600}
.setup-preview-content ul{margin:3px 0 10px;padding-left:22px}
.setup-preview-content li{padding-left:0;margin:1px 0}
.setup-resource-note{font-size:9px;padding-left:23px}
.setup-random-note{font-size:10px}
.birth-panel>.birth-note{margin-bottom:8px}
.family-catalog-open{font-size:10px;align-self:flex-start;margin:0 0 16px;text-align:left}
.family-catalog .family-rank-list{list-style:none;padding:0;margin:21px 0}
.family-catalog .family-rank-list>li{display:grid;grid-template-columns:31px 1fr;gap:13px;padding:15px 0;border-top:1px solid var(--line)}
.family-rank-number{color:var(--gold);font:24px var(--serif);padding-top:1px}
.family-rank-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.family-rank-heading h3{font:600 16px var(--serif);color:var(--ink)}
.family-rank-heading>span{font-size:11px;white-space:nowrap;color:var(--red)}
.family-rank-list p{font-size:11px;line-height:1.9}
.family-rank-list small{display:block;font-size:10px;color:var(--red);margin-top:5px}
.family-catalog-note{font-size:11px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.family-eligibility-note{font-size:10px;color:var(--muted);margin:0 0 12px;line-height:1.7}
@media(min-width:1101px){.hero-grid{grid-template-columns:minmax(0,1fr) 340px}.hero{min-height:600px}}
@media(max-width:800px){.birth-panel>.birth-customization{grid-column:1/-1;margin-top:18px;width:100%}.birth-panel>.family-catalog-open,.birth-panel>.family-eligibility-note{grid-column:1/-1}.birth-panel>.family-catalog-open{margin-top:0}.birth-panel>.primary{margin-top:0}.birth-panel>.birth-note{margin-bottom:0}.setup-select-row{grid-template-columns:95px minmax(0,1fr)}.setup-select-row select{font-size:12px}.setup-preview-content{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.setup-preview-content>div,.setup-preview-content>ul,.setup-preview-content>.setup-resource-note,.setup-preview-content>.setup-random-note{grid-column:1/-1}}
@media(max-width:480px){.birth-customization{padding:12px}.setup-select-row{grid-template-columns:75px minmax(0,1fr)}.family-rank-heading h3{font-size:15px}.family-catalog .family-rank-list>li{gap:9px}.family-catalog-note{font-size:10px}}
@media(max-width:800px){.birth-panel>.panel-eyebrow,.birth-panel>h2,.birth-panel>.intro,.birth-panel>.name-field,.birth-panel>.fate-row,.birth-panel>.birth-note{grid-column:1/-1;grid-row:auto}.birth-panel>.panel-eyebrow{width:100%}.birth-panel>.fate-row{margin:0}.birth-panel>.birth-note{margin:9px 0}.birth-panel>.family-catalog-open{margin-bottom:10px}}