.lc-lead{max-width:760px;margin:12px 0 0;font-size:19px;line-height:1.45;color:#1d1d1f;font-weight:500}
.zchart .lbar-legend,.zchart .lbar-axis,.zchart .lbar-axis{margin-right:128px}
.zchart .lbar{padding-right:0}.lc-rt{flex:0 0 auto;margin-left:14px;min-width:92px;text-align:center;display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-sizing:border-box}
.lc-cv{flex:0 0 22px;text-align:right;color:#86868b;font-size:20px;line-height:1}
.lc-tap{cursor:pointer;transition:background .2s}.lc-tap:hover{background:#f5f5f7}.lc-tap:hover .lc-cv{color:#1e8e3e}
.r-s{background:#1e8e3e;color:#fff}.r-g{background:#e6f4ea;color:#1e8e3e}.r-b{background:#f5f5f7;color:#6e6e73}.r-l{background:#f5f5f7;color:#1d1d1f}.r-c{background:#ffe5ea;color:#d70033}
.lz{font-family:"PingFang SC","Noto Sans SC","Noto Sans CJK SC",sans-serif;font-weight:900;color:inherit}
.lc-ov{position:fixed;inset:0;background:rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .3s;z-index:9998}
.lc-panel{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);background:#fff;z-index:9999;padding:40px 48px;box-sizing:border-box;overflow:auto;transform:translateX(100%);transition:transform .35s cubic-bezier(.25,.1,.3,1);box-shadow:-16px 0 40px rgba(0,0,0,.12);border-radius:20px 0 0 20px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:#1d1d1f}
.lc-open .lc-ov{opacity:1;pointer-events:auto}.lc-open .lc-panel{transform:none}
.lc-back{display:inline-block;color:#1e8e3e;font-weight:600;text-decoration:none;margin-bottom:28px}.lc-back:hover{color:#18793a}
.lc-dt{font-size:48px;line-height:1.05;letter-spacing:-.04em;font-weight:700;margin:8px 0 0}.lc-sub2{color:#6e6e73;font-size:17px;margin:8px 0 0}
.lc-num{display:flex;align-items:baseline;gap:12px;margin:28px 0 22px}.lc-num .lc-rt{align-self:center;margin:0;font-size:14px;padding:6px 14px}.lc-num b{font-size:40px;letter-spacing:-.03em}.lc-num small{color:#86868b;font-size:14px}
.lc-dots{display:inline-flex;align-items:center}.lc-dots>span{display:inline-flex;gap:6px}.lc-dots>b{width:1px;height:16px;background:#d2d2d7;margin:0 8px}
.lc-dots .d{width:12px;height:12px;border-radius:50%;background:#e8e8ed;display:block}
.lc-dots.big{display:flex;justify-content:space-between}.lc-dots.big>span{gap:10px}.lc-dots.big .d{width:34px;height:34px}.lc-dots.big>b{height:44px;margin:0 12px}
.d.n1.f{background:#ff9f0a}.d.n2.f{background:#ff7f2a}.d.n3.f{background:#ff5f3d}.d.n4.f{background:#ff4049}.d.n5.f{background:#ff2d55}
.d.p1.f{background:#8fd19e}.d.p2.f{background:#5cb874}.d.p3.f{background:#38a457}.d.p4.f{background:#259546}.d.p5.f{background:#1e8e3e}
.lc-dax{display:flex;justify-content:space-between;font-size:13px;color:#86868b;margin-top:10px}
.lc-pe{font-size:19px;line-height:1.45;margin:28px 0 0;font-weight:500}.lc-ah{font-size:21px;letter-spacing:-.02em;margin:36px 0 8px;padding-top:24px;border-top:1px solid #e8e8ed}.lc-pa{font-size:16px;line-height:1.55;color:#424245;margin:0}
.lc-foot2{margin-top:40px;color:#86868b;font-size:13px}

.zbar.k-s{background:#1e8e3e}.zbar.k-g{background:#7fcf94}.zbar.k-b{background:#c7c7cc}.zbar.k-l{background:#ffb3c1}.zbar.k-c{background:#ff2d55}
.zbar.zover.k-s{background:repeating-linear-gradient(135deg,#1e8e3e 0 6px,#36a757 6px 10px)}.zbar.zover.k-c{background:repeating-linear-gradient(135deg,#ff2d55 0 6px,#ff5c7a 6px 10px)}
em.k-st{color:#1e8e3e!important}em.k-gt{color:#2f9e4f!important}em.k-bt{color:#6e6e73!important}em.k-lt{color:#d70033!important;opacity:.75}em.k-ct{color:#d70033!important}
.lc-legend{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 128px 14px var(--lbl,190px)}.lc-legend .lc-rt{margin:0;min-width:0}.lc-cap{flex-basis:100%;font-size:12px;color:#6e6e73;margin:6px 0 0}
.lc-fam{--lbl:270px}.lc-fam .lbar-l{line-height:1.3}
.lc-fam .lc-grp{margin-top:18px}.lc-fam .lc-grp:first-of-type{margin-top:6px}
.lc-fam .lbar.main{background:#f5f5f7;border-radius:12px;border-bottom:0;min-height:52px;padding-left:12px;margin-bottom:2px}
.lc-fam .lbar.main .lbar-l{font-size:16px}.lc-gs{display:block;font-size:12px;font-weight:500;color:#6e6e73;margin-top:2px}
.lc-fam .lbar.sub .lbar-l{padding-left:28px}
.lc-note2{max-width:760px;font-size:15px;color:#6e6e73;margin:6px 0 0}
.learn-more-btn.lc-lm{background:none;border:0;padding:0;color:#1e8e3e;font:600 16px -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;cursor:pointer}.learn-more-btn.lc-lm:after{content:" ›"}.learn-more-btn.lc-lm:hover{color:#18793a}
.lc-zgz{margin:8px 0 24px}.lc-zp{max-width:760px}
.lc-fw{display:grid;gap:20px;margin:24px 0}.lc-fcard{padding:24px 28px}.lc-fcard .lab{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6e6e73;margin:0 0 14px}
.lc-ppl{display:flex;flex-wrap:wrap;gap:8px}.lc-pc{display:inline-flex;flex-direction:column;background:#f5f5f7;border-radius:12px;padding:8px 12px;min-height:36px;box-sizing:border-box;border:1.5px solid transparent}
.lc-pc b{font-size:14px;font-weight:600;color:#1d1d1f}.lc-pc small{font-size:12px;color:#6e6e73}.lc-pc.y{border-color:#1e8e3e;background:#fff}

.lc-hd .lbar{min-height:56px}.lc-hd{--lbl:300px}.lc-hd .lbar-l{font-size:16px;color:#1d1d1f}
.lc-rowdots{flex:1;display:flex;align-items:center;gap:14px}.lc-rowdots .lc-dots .d{width:14px;height:14px}.lc-rowdots .lc-dots>span{gap:8px}
.lc-over{font-size:14px;font-weight:600;color:#1e8e3e;min-width:150px}.lc-over i{font-style:normal;font-weight:500;font-size:12px;color:#86868b}
.lc-hd .lc-legend{margin-left:300px}
.lc-raw{margin-top:20px}.lc-raw summary{cursor:pointer;color:#1e8e3e;font-weight:600;list-style:none;font-size:16px}.lc-raw summary:after{content:" ›"}.lc-raw[open] summary:after{content:" ‹"}
.lc-abs{display:inline-block;margin:18px 8px 0 0;padding:6px 12px;border-radius:12px;background:#f5f5f7;color:#424245;font-size:14px;font-weight:600}.lc-abs.b{color:#1e8e3e;background:#e6f4ea}
.lc-tips{margin:0;padding-left:20px;color:#424245;font-size:16px;line-height:1.55}.lc-tips li{margin:4px 0}.lc-m2{font-size:12px;color:#86868b;margin:10px 0 0}
.lc-panel{visibility:hidden}.lc-open .lc-panel{visibility:visible}
/* ===== Grayscale switch: html.lc-gray (set by LC_GRAY in tl-layer.js). Remove the class to bring colour back. ===== */
.lc-gray{--g1:#1d1d1f;--g2:#424245;--g3:#6e6e73;--g4:#86868b;--g5:#aeaeb2;--g6:#d2d2d7;--g7:#e8e8ed;--g8:#f5f5f7}
.lc-gray .lc-rt{background:var(--g8)!important;color:var(--g1)!important}
.lc-gray .d.p1.f{background:var(--g4)}.lc-gray .d.p2.f{background:#757579}.lc-gray .d.p3.f{background:var(--g3)}.lc-gray .d.p4.f{background:#48484a}.lc-gray .d.p5.f{background:var(--g1)}
.lc-gray .d.f[class*=" n"]{background:#fff;box-shadow:inset 0 0 0 2px var(--g5)}
.lc-gray .d.n3.f,.lc-gray .d.n4.f{box-shadow:inset 0 0 0 2px var(--g4)}.lc-gray .d.n5.f{box-shadow:inset 0 0 0 2px var(--g3)}
.lc-gray .zbar.k-s{background:var(--g1)}.lc-gray .zbar.k-g{background:var(--g4)}.lc-gray .zbar.k-b{background:var(--g6)}
.lc-gray .zbar.k-l{background:#fff;box-shadow:inset 0 0 0 1.5px var(--g5)}.lc-gray .zbar.k-c{background:#fff;box-shadow:inset 0 0 0 2px var(--g3)}
.lc-gray .zbar.zover.k-s{background:repeating-linear-gradient(135deg,var(--g1) 0 6px,var(--g3) 6px 10px)}
.lc-gray .lbar-t em{color:var(--g2)!important;opacity:1}
.lc-gray .lc-over{color:var(--g1)}.lc-gray .lc-abs.b{background:var(--g8);color:var(--g1)}
.lc-gray .lc-pc.y{border-color:var(--g1)}
.lc-gray .lc-back,.lc-gray .lc-raw summary,.lc-gray .learn-more-btn.lc-lm,.lc-gray .lc-tap:hover .lc-cv{color:var(--g1)!important}
.lc-gray .lchart [class*="b-"]:not(.zbar){background:var(--g4)!important}.lc-gray .lchart .lbar-legend .b-wk{background:var(--g6)!important;color:var(--g1)!important}.lc-gray .lchart .lbar-legend .b-ok{background:var(--g4)!important}.lc-gray .lchart .lbar-legend .b-st{background:var(--g3)!important}.lc-gray .lchart .lbar-legend .b-vs{background:var(--g1)!important}
.lc-gray .lchart em[class*="b-"]{background:none!important;color:var(--g2)!important}
.lc-gray .zaxis-ends span{color:var(--g3)!important}

/* ===== Page-token pass: reuse .rd page values (body 17, .m muted, .lab 13/600 .08em caps, .lead, .h2, .float card 20px radius 36/32 + --rd-shadow, chip = .bf-chip 14/500 radius 12) ===== */
.rd .lc-lead{margin:16px 0 24px}
.rd .lc-note2{font-size:17px;margin:0 0 24px;max-width:720px}
.learn-more-btn.lc-lm{font-size:17px}
.lc-rt{font-size:14px;font-weight:500;padding:6px 12px;border-radius:12px;min-height:28px;line-height:16px}
.lc-legend .lc-rt{min-height:28px}.rd .lc-cap{font-size:13px}
.zchart .lbar-l,.lc-hd .lbar-l{font-size:17px;color:var(--rd-fg)}
.lc-fam .lbar.main .lbar-l{font-size:17px;font-weight:600}.lc-fam .lbar.sub .lbar-l{font-size:17px;font-weight:400;color:var(--rd-body)}
.lc-fam .lbar{min-height:44px}.lc-fam .lbar.main{min-height:64px}
.lc-gs{font-size:15px;font-weight:400;color:var(--rd-mut);margin-top:2px}
.lbar{border-bottom-color:#e8e8ed}
.lc-over{font-size:14px;font-weight:500}.lc-over i{font-size:13px}
.rd .lc-panel.float{border-radius:20px 0 0 20px;padding:36px 32px;box-shadow:var(--rd-shadow)}
.rd .lc-panel .h2.lc-dt{margin:8px 0 0}
.lc-sub2{font-size:17px;margin:8px 0 0}
.lc-num b{font-size:56px;font-weight:700;letter-spacing:-.04em;line-height:1}.lc-num small{font-size:13px;color:var(--rd-mut)}.lc-num .lc-rt{font-size:14px}
.rd .lc-pe{font-size:17px;font-weight:500;line-height:1.45;margin:24px 0 0}
.rd .lc-ah{margin:32px 0 8px;padding-top:24px;border-top:1px solid #e8e8ed}
.lc-pa,.lc-tips{font-size:17px;line-height:1.5;color:var(--rd-body)}
.lc-abs{font-size:14px;font-weight:500}
.rd .lc-foot2,.rd .lc-m2{font-size:13px}
.lc-back{font-size:17px}
.rd .lc-fcard.float{padding:36px 32px}.lc-pc b{font-size:14px;font-weight:500}.lc-pc small{font-size:13px}
.lc-raw summary{font-size:17px}

/* LC_ZH=false hides every Chinese label this layer adds */
.lc-nozh .lc-hd .lbar .lz,.lc-nozh .lc-fam .lbar.sub .lz,.lc-nozh .lc-sub2 .lz{display:none!important}
/* Clean pass: no row dividers, whitespace grouping (Family + Health) */
.rd .zchart .lbar,.rd .lc-hd .lbar,.rd .lc-fam .lbar{border-bottom:0!important}
.rd .lc-fam .lbar.main{background:none;border-radius:0;padding-left:0;min-height:56px;margin:0}
.rd .lc-fam .lc-grp{margin-top:36px}.rd .lc-fam .lc-grp:first-of-type{margin-top:12px}
.rd .lc-fam .lbar.main .lbar-l{font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--rd-fg);line-height:1.3}
.rd .lc-fam .lbar.sub .lbar-l,.rd .lc-hd .lbar-l{font-size:17px;font-weight:400;color:var(--rd-fg)}
.rd .lc-fam .lbar.sub .lbar-l{padding-left:0}
.rd .lc-fam .lbar.sub{min-height:44px}
.rd .lc-gs{font-size:15px;font-weight:400;color:var(--rd-mut);margin-top:2px;letter-spacing:0}
.rd .zaxis-ends span{text-transform:none;font-weight:400}

.lc-hd2 .lbar-t{display:none}.rd .lc-hd2 .lbar{min-height:44px}.rd .lc-hd2 .lbar.main{min-height:56px}

/* Single-line key replacing chip legend */
.rd .lc-legend{display:block;margin:0 0 16px!important}
.lc-key{display:block;font-size:14px;font-weight:400;color:var(--rd-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:600px){.lc-kw{display:none}.lc-key{font-size:14px;letter-spacing:-.01em}}
/* Phone: two-line rows (label + chip + › on top, dots below) */
@media(max-width:600px){
.rd .lc-hd .lbar,.rd .lc-hd2 .lbar{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;grid-template-areas:"l r c" "d d d";align-items:center;column-gap:10px;row-gap:6px;padding:10px 0;min-height:56px}
.rd .lc-hd .lbar-l,.rd .lc-hd2 .lbar-l{grid-area:l;flex:none;padding:0!important;min-width:0}
.rd .lc-hd .lc-rowdots,.rd .lc-hd2 .lc-rowdots{grid-area:d;gap:10px;flex-wrap:wrap}
.rd .lc-hd .lc-rt,.rd .lc-hd2 .lc-rt{grid-area:r;margin:0;min-width:0}
.rd .lc-hd .lc-cv,.rd .lc-hd2 .lc-cv{grid-area:c}
.rd .lc-rowdots .lc-dots .d{width:12px;height:12px}.rd .lc-rowdots .lc-dots>span{gap:6px}.rd .lc-rowdots .lc-dots>b{margin:0 6px}
.rd .lc-over{min-width:0;font-size:13px}
.rd .lc-hd .lbar-l,.rd .lc-hd2 .lbar.sub .lbar-l{font-size:17px}
.rd .lc-hd2 .lbar.main{padding-top:4px}
.lc-panel .lc-dots.big .d{width:22px;height:22px}.lc-panel .lc-dots.big>span{gap:6px}.lc-panel .lc-dots.big>b{margin:0 6px;height:30px}
.rd .lc-panel.float{padding:28px 20px}
}

/* Family lite (LC_FAM_FULL=false) */


.lc-pickbox{margin-top:36px}
.lc-sellab{display:block;font-size:17px;font-weight:600;color:var(--rd-fg);margin:0 0 8px}
.rd .lc-sel{display:block;width:100%;max-width:320px;height:auto;margin:0 0 12px;background:#f5f5f7;border:0;border-radius:12px;padding:11px 12px;font-size:16px;color:#1d1d1f;font-family:inherit;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6e6e73 50%),linear-gradient(135deg,#6e6e73 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.lc-pickul .lbar[hidden]{display:none!important}

.lc-fh{font-size:21px;font-weight:700;letter-spacing:-.01em;margin:0;color:#1d1d1f !important}
.lc-fs{font-size:14px;color:#6e6e73;margin:4px 0 14px}
.lc-tgs{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.lc-tg{font-style:normal;font-size:11px;font-weight:600;line-height:1;padding:4px 7px;border-radius:999px;background:#f0f0f2;color:#86868b}
.lc-tg.on{background:#e8e8ed;color:#424245}
@media(max-width:600px){.lc-ppl{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.lc-pc{min-width:0}}

.lc-famlite ul.lc-grp:not(.lc-open2) .lbar.lc-more{display:none}
.lc-morebtn{list-style:none;padding:6px 0 2px}
.lc-mb{background:none;border:0;padding:10px 0;min-height:44px;font:inherit;font-size:15px;font-weight:600;color:#1d1d1f;cursor:pointer}
.lc-mb:hover{text-decoration:underline}

.lc-oel{font-size:13px;font-weight:400;color:#86868b;margin-left:6px;white-space:nowrap}
@media(max-width:600px){.lc-oel{display:block;margin-left:0;margin-top:1px}}



/* ===== Birth-details form cleanup (html.tlf, set by tl-layer.js when #f.bfc exists) ===== */
.tlf .bfc{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;max-width:480px;padding:32px 32px 28px}
.tlf .bfc .bf-lbl{margin:28px 0 8px;font-size:15px;font-weight:600;justify-content:flex-start;gap:6px}
.tlf .bfc .bf.p>.bf-lbl:first-child{margin-top:0}
.tlf .bfc .bf-lbl span:not(.bf-t){font-size:15px;font-weight:400;color:#86868b}
.tlf .bfc .bf-lbl span:not(.bf-t):before{content:"· "}
.tlf .bfc .bf-in{height:48px;padding:0 14px;border-radius:12px;background:#f5f5f7;border:0;box-shadow:none;font-size:17px}
.tlf .bfc .wheel{border-radius:12px;background:#f5f5f7;border:0}
.tlf .bfc .bf-grid{grid-template-columns:repeat(4,1fr);gap:8px}
.tlf .bfc .bf-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tlf .bfc .bf-tzl{margin-top:12px;font-size:15px}
.tlf .bfc .bf-link{font-size:15px}
.tlf .bfc .tsbox:empty{display:none}
.tlf .bfc .tsbox{margin:24px auto 0}
.tlf .bfc .check{margin:24px 0 0;font-size:15px}
.tlf .bfc .bf-go{display:block;width:100%;height:50px;margin:32px 0 0;border:0;border-radius:12px;background:#1e8e3e;color:#fff;font-size:17px;font-weight:600;box-shadow:none}
.tlf .bfc .bf-go:hover{background:#187a34}
.tlf .bfc .bf-msg:empty{display:none}
@media(max-width:600px){.tlf .bfc{padding:24px 20px;border-radius:18px}}
/* phone form fixes (all .bfc forms: Life, Relationship, Chart) */
.tlf .bfc .wheel.dw:not(.tw){width:100%!important;max-width:none!important;flex:none}
.tlf .bfc .bf-go{max-width:none!important;margin-left:0!important;margin-right:0!important}
.tlf .bfc .bf-grid{grid-template-columns:repeat(4,1fr)!important}
.tlf .bfc .bf-chips:not(#types){display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
.tlf .bfc .bf-chips:not(#types) .bf-chip{width:100%}
/* relationship type wheel */
.tlf #types.lc-hide{display:none!important}
.tlf .lc-typew{width:100%;margin-bottom:8px}
.tlf .lc-typew .wr{font-size:16px}
.tlf .bfc .tsbox.lc-empty{display:none!important;min-height:0!important;margin:0!important}

.tlf{--tab:#f5f5f7}
.tlf .bfc .bf.p:is([data-k=a],[data-k=b]){background:var(--tab)!important;border:0!important;box-shadow:none!important;margin-top:0!important;border-radius:0 0 18px 18px!important;padding:20px 16px!important}
.tlf .bfc .bf.p:is([data-k=a],[data-k=b]) :is(.bf-in,.wheel){background:#fff}
.tlf .bfc .bf-pair{margin-top:0!important;background:none!important}.tlf .bfc .wheel.dw:not(.tw){width:100%!important;box-sizing:border-box!important;max-width:none!important;margin-left:0!important;margin-right:0!important;align-self:stretch}
.tlf .bfc .bf.p:is([data-k=a],[data-k=b]){padding:20px 0 0!important;overflow:hidden}
.tlf .bfc .bf.p:is([data-k=a],[data-k=b])>.bf-lbl,.tlf .bfc .bf.p:is([data-k=a],[data-k=b])>h2,.tlf .bfc .bf.p:is([data-k=a],[data-k=b])>.bf-tzl{padding-left:16px;padding-right:16px}
.tlf .bfc .bf.p:is([data-k=a],[data-k=b]) :is(.bf-in,.wheel){border-radius:0!important}

.tlf .bfc .bf.p:is([data-k=a],[data-k=b]){padding-bottom:20px!important}

.tlf .bfc.wide{max-width:var(--form-w-wide,1040px)}
@media(min-width:900px){.tlf .bf-seg{display:none!important}
.tlf .bfc .bf.p:is([data-k=a],[data-k=b]){border-radius:18px!important;padding:24px 20px!important}
.tlf .bfc .bf.p:is([data-k=a],[data-k=b])>.bf-lbl,.tlf .bfc .bf.p:is([data-k=a],[data-k=b])>h2,.tlf .bfc .bf.p:is([data-k=a],[data-k=b])>.bf-tzl{padding-left:0;padding-right:0}
.tlf .bfc .bf.p:is([data-k=a],[data-k=b]) :is(.bf-in,.wheel){border-radius:12px!important}}
/* grouped-form card: inset fields (phone) */
@media(max-width:899px){
.tlf .bfc .bf.p:is([data-k=a],[data-k=b]){padding:16px 16px 20px!important;overflow:visible}
.tlf .bfc .bf.p:is([data-k=a],[data-k=b])>.bf-lbl,.tlf .bfc .bf.p:is([data-k=a],[data-k=b])>h2,.tlf .bfc .bf.p:is([data-k=a],[data-k=b])>.bf-tzl{padding-left:0!important;padding-right:0!important}
.tlf .bfc .bf.p:is([data-k=a],[data-k=b]) :is(.bf-in,.wheel){border-radius:12px!important}
.tlf .bfc .bf.p:is([data-k=a],[data-k=b])>h2{display:none!important}
.tlf .bfc .bf.p:is([data-k=a],[data-k=b])>.bf-lbl:first-of-type{margin-top:0!important}}

/* Relationship (phone): Apple segmented control — track #e8e8ed, fully rounded, white thumb, 240ms cubic-bezier(.4,0,.6,1) */
@media(max-width:899px){
.tlf .bf-seg{position:relative;display:grid!important;grid-template-columns:1fr 1fr;height:40px;padding:3px!important;margin:24px 0 0!important;background:#e8e8ed!important;border-radius:999px!important;border:0!important;box-shadow:none!important;box-sizing:border-box}
.tlf .bf-seg:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.04);transition:transform 240ms cubic-bezier(.4,0,.6,1)}
.tlf .bf-seg:has(#tab-b[aria-selected=true]):before{transform:translateX(100%)}
.tlf .bf-seg button{position:relative;z-index:1;height:34px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;font-size:15px;font-weight:400;color:#6e6e73!important;transition:color 240ms cubic-bezier(.4,0,.6,1)}
.tlf .bf-seg button[aria-selected=true]{color:#1d1d1f!important;font-weight:600}
.tlf .bf-seg button{-webkit-tap-highlight-color:transparent}.tlf .bf-seg button:focus:not(:focus-visible){outline:none}
.tlf .bf-seg button small{display:none!important}
.tlf .bfc .bf-pair{margin-top:16px!important}
.tlf .bfc .bf.p:is([data-k=a],[data-k=b]){border-radius:18px!important;padding:16px!important}}

/* Relationship (phone, default pill view): whole person card tints per tab — A #f5f5f7, B #e8e8ed; track darkens to #dcdce1 on B */
@media(max-width:899px){
html.tlf:not(.tlv1,.tlv2,.tlv3) .bfc .bf-pair{background:#f5f5f7!important;border-radius:18px;transition:background-color 240ms cubic-bezier(.4,0,.6,1)}
html.tlf:not(.tlv1,.tlv2,.tlv3) .bfc:has(#tab-b[aria-selected=true]) .bf-pair{background:#e8e8ed!important}
html.tlf:not(.tlv1,.tlv2,.tlv3) .bfc .bf-pair .bf.p:is([data-k=a],[data-k=b]){background:transparent!important}
html.tlf:not(.tlv1,.tlv2,.tlv3) .bf-seg{transition:background-color 240ms cubic-bezier(.4,0,.6,1)}
html.tlf:not(.tlv1,.tlv2,.tlv3) .bfc:has(#tab-b[aria-selected=true]) .bf-seg{background:#dcdce1!important}
}

/* connection wheel: full list, neutral white field (grayscale, matches card inputs) */
.tlf .bfc .wheel.lc-typew{box-sizing:border-box;height:114px;background:#fff!important;border:1px solid #d2d2d7!important;border-radius:12px!important;margin-bottom:16px}
.tlf .bfc .wheel.lc-typew:after{background:#f5f5f7}
.tlf .bfc .wheel.lc-typew .wr{font-size:16px;color:#86868b}
.tlf .bfc .wheel.lc-typew .wr.s{color:#1d1d1f;font-weight:600;font-size:17px}
.tlf .bfc .wheel.lc-typew .ar:before{border-color:#86868b}

/* connection row (replaces wheel): 4 equal white radio buttons, grayscale */
.tlf .bfc .lc-typer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;box-sizing:border-box;margin:0 0 16px;padding:0;background:none;border:0}

/* ===== ONE white choice button (gender, time-of-birth, connection) — single shared rule set ===== */
html.tlf .bfc :is(.bf-chip,.lc-typer button){box-sizing:border-box!important;height:44px!important;min-height:44px!important;min-width:0;margin:0;padding:0 4px!important;background:#fff!important;border:1px solid #d2d2d7!important;border-radius:12px!important;box-shadow:none!important;font-family:inherit;font-size:15px!important;font-weight:400!important;line-height:1!important;color:#1d1d1f!important;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s}
@media(hover:hover){html.tlf .bfc :is(.bf-chip,.lc-typer button):hover{border-color:#86868b!important}}
html.tlf .bfc :is(.bf-chip[aria-pressed=true],.lc-typer button[aria-checked=true]){border-color:#1d1d1f!important;box-shadow:inset 0 0 0 .5px #1d1d1f!important;font-weight:600!important;color:#1d1d1f!important}
html.tlf .bfc :is(.bf-chip,.lc-typer button):focus{outline:none}
html.tlf .bfc :is(.bf-chip,.lc-typer button):focus-visible{outline:2px solid #1d1d1f!important;outline-offset:2px}

.lc-dots>.d.c0{margin:0 8px;background:#d2d2d7;box-shadow:none}
.lc-dots>.d.c0.f{background:#86868b}
.lc-dots.big>.d.c0{margin:0 12px}
.rd .lc-rowdots .lc-dots>.d.c0{margin:0 6px}
.lc-gray .lc-dots>.d.c0{background:#d2d2d7;box-shadow:none}.lc-gray .lc-dots>.d.c0.f{background:#86868b}
@media(max-width:600px){.lc-key{white-space:normal}}

.lc-over{display:none}
.tln-dotbal .lc-over{display:inline}
/* one hollow outline gray for every "too little" dot */
.d.f[class*=" n"],.lc-gray .d.f[class*=" n"],.lc-gray .d.n1.f,.lc-gray .d.n2.f,.lc-gray .d.n3.f,.lc-gray .d.n4.f,.lc-gray .d.n5.f{background:#fff!important;box-shadow:inset 0 0 0 2px #86868b!important}
/* family group header: caption on its own line under the name, dots/tag/chevron on the name line */
.lc-fam .lbar.main{flex-wrap:wrap;align-items:center;row-gap:0;padding-top:10px;padding-bottom:10px}
.lc-fam .lbar.main>.lc-gs{order:9;flex:0 0 calc(100% - 140px);margin:2px 0 0;font-size:13px;line-height:1.35;font-weight:400;color:#6e6e73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:734px){.lc-fam .lbar.main>.lc-gs{white-space:normal;flex-basis:100%}}

.rd .d,.rd .lc-gray .d{background:#ededf0!important;box-shadow:none!important;box-sizing:border-box}
.rd .d.f[class*=" n"]{background:transparent!important;box-shadow:inset 0 0 0 1.5px #58585c!important}
.rd .d.f[class*=" p"]{background:#58585c!important;box-shadow:none!important}
.rd .d.c0{background:#ededf0!important;box-shadow:inset 0 0 0 1px #c7c7cc!important}
.rd .d.c0.f{background:#86868b!important;box-shadow:inset 0 0 0 1px #58585c!important}
.lc-key .d.lg,.lc-legend .d.lg{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:-1px;margin:0 2px 0 0}
/* Family group description: not in the chart; small line at the bottom of the More list, and in the panel About */
.lc-gdesc{list-style:none;font-size:13px;line-height:1.4;color:#6e6e73;padding:8px 0 2px}
.lc-famlite ul.lc-grp:not(.lc-open2) .lc-gdesc{display:none}
.lc-panel .lc-pa+.lc-pa{margin-top:10px}
/* Family card-level More: all groups + descriptions */
.lc-gall{margin-top:12px}.lc-gall .lc-glist{display:none;list-style:none;margin:0 0 8px;padding:0}.lc-gall.open .lc-glist{display:block}
.lc-glist li{padding:8px 0}.lc-glist b{display:block;font-size:17px;font-weight:600;color:#1d1d1f}.lc-glist span{display:block;font-size:13px;line-height:1.4;color:#6e6e73;margin-top:2px}
.lc-glist b *{display:inline!important;font-size:inherit!important;margin:0 0 0 4px!important;color:inherit!important}


.lc-ppl:not(.lc-open2) .lc-pc.lc-xm{display:none}.lc-ppl .lc-xmb{flex-basis:100%;margin:0}
/* Life results clean-up (2026-10-27): one card style, rhythm, decoded table, colour, phone */
#out .band .tile{background:#fff;border-radius:20px;box-shadow:var(--rd-shadow,0 2px 6px rgba(0,0,0,.04),0 16px 40px rgba(0,0,0,.08))}
#out .band .h2+.lead,#out .band .h2+.tln-caps,#out .band .h2+.intro{margin-top:16px!important}
#out .band .rw>.float,#out .band .rw>.tile,#out .band .rw>.gz,#out .band .rw>.g2,#out .band .rw>.g3{margin-top:24px!important}
#out .tln-caps{margin:16px 0 0}#out .tln-caps .m{margin-top:12px}
#out .tscroll{overflow-x:auto;max-width:100%}
#out table.pillars{width:100%;min-width:0;table-layout:fixed}
#out table.pillars td,#out table.pillars th{overflow-wrap:anywhere;vertical-align:top}
#out table.pillars tbody th,#out table.pillars tbody td{padding-top:6px;padding-bottom:6px;line-height:1.4;vertical-align:top}
#out table.pillars th[scope=row]{line-height:1.4}
#out article.float .ast{margin:20px 0 0}
#overview article.float>div:first-child,#overview article.float .tscroll,#overview article.float table.pillars{margin-top:0!important;padding-top:0!important}#overview table.pillars caption{display:none}
#out ul.list.m{color:var(--rd-fg,#1d1d1f)}#out ul.list.m li{font-weight:600}
#out .prose.lc-zp.tile{max-width:none;margin-left:0;margin-right:0;width:auto}
#out .lc-rt.r-b{color:#1e8e3e}#out .lc-rt.r-l,#out .lc-rt.r-g{color:#FF9500}#out .lc-rt.r-c,#out .lc-rt.r-s{color:#FF3B30}
#out .lbar:has(.lc-rt.r-b) .d.f{background:#34C759;border-color:#34C759}
#out .lbar:has(.lc-rt.r-l) .d.f,#out .lbar:has(.lc-rt.r-g) .d.f{background:#FF9500;border-color:#FF9500}
#out .lbar:has(.lc-rt.r-c) .d.f,#out .lbar:has(.lc-rt.r-s) .d.f{background:#FF3B30;border-color:#FF3B30}
#book .rw,#book h2,#book .intro,#book p{text-align:left!important}
#book .rw>*{margin-left:0!important;margin-right:auto!important}
#book h2,#book .intro{max-width:none}
#book .ctas{justify-content:flex-start!important}#book .tln-share{margin-bottom:40px!important}
#out .intro,main .hero .intro{font-size:17px!important;font-weight:400!important;line-height:1.5!important;color:var(--rd-mut,#6e6e73)!important}
#out #health .lc-keyline,#out #family-relations .lc-keyline{display:none}
@media(max-width:600px){#out .band .gz,#out .band .g2{grid-template-columns:1fr!important}}