/* SOURCE: lssm-tech/contractspec@17053b80fbb6ef6e8600cbdf9e03015d5b421eda.
 * CommunicationInbox, HcircleMarketingHome/Chrome, PersonalOsShell,
 * PlanningSummary, SummaryCard, HealthSummary and WellbeingGoalSummary.
 * TODO(monorepo-component-reuse): import these original components and their
 * app globals.css after consolidation; remove this scoped display-port CSS.
 * Original color values, font stacks, radii, type hierarchy and composition
 * retained; viewport breakpoints become container-relative embed breakpoints. */
.spv16-frame{container-type:inline-size;box-sizing:border-box;width:100%;min-width:0;overflow:hidden;text-align:left;color:#17201c;font:14px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f2ea;border:1px solid #d6d1c5;border-radius:8px}
.spv16-frame *{box-sizing:border-box;min-width:0}
.spv16-frame :is(h3,h4,h5,p,span,strong,a,summary,nav,header,section,footer,time){letter-spacing:normal;text-transform:none;max-width:none}
.spv16-frame :is(h3,h4,h5,p){margin:0;padding:0;border:0;color:inherit}
.spv16-frame h3,.spv16-frame h4,.spv16-frame h5{font-family:ui-serif,Georgia,Cambria,"Times New Roman",serif;font-weight:400;line-height:1.12}
.spv16-frame h3{font-size:clamp(24px,4.8cqi,45px)}
.spv16-frame h4{font-size:clamp(19px,3cqi,24px)}
.spv16-frame h5{font-size:19px}
.spv16-frame p{font-size:inherit;line-height:1.5}
.spv16-frame a{color:inherit;text-decoration:none}
.spv16-frame a:focus-visible,.spv16-frame summary:focus-visible{outline:3px solid #397368;outline-offset:3px}
.spv16-frame .spv16-muted{color:#59655f}
.spv16-frame .spv16-caption{font:10px/1.6 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#59655f;padding:12px 20px;border-top:1px solid #d6d1c5;background:#fbfaf6}
.spv16-personal{background:#f5f2ea;color:#17201c}
.spv16-personal-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px 16px;background:#fbfaf6}
.spv16-personal-head strong{font-family:ui-serif,Georgia,Cambria,"Times New Roman",serif;font-size:25px;font-weight:400}
.spv16-personal-head p{color:#59655f;margin-top:4px}
.spv16-language{font-size:12px;padding:7px 9px;border:1px solid #d6d1c5;border-radius:6px}
.spv16-personal-nav{display:flex;flex-wrap:wrap;gap:5px;padding:0 28px 18px;background:#fbfaf6;border-bottom:1px solid #d6d1c5}
.spv16-nav-item{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap}
.spv16-personal-nav .is-current{background:#285548;color:#fffdf8}
.spv16-personal-nav a:hover{background:#e9e5dc;color:#17201c}
.spv16-personal-main{padding:30px 28px 34px;display:grid;gap:26px}
.spv16-route-head{display:grid;gap:12px}
.spv16-route-head>span{font-size:10px;color:#285548;letter-spacing:.16em;font-weight:600}
.spv16-route-head>p{color:#59655f;font-size:clamp(13px,2.1cqi,17px)}
.spv16-summary-stack{display:grid;gap:16px}
.spv16-card{display:grid;gap:12px;padding:23px;border-radius:24px;border:1px solid #d6d1c5;background:#fbfaf6;box-shadow:0 1px 2px #17201c0d}
.spv16-soft-row{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#eeebe3;border-radius:16px;padding:15px}
.spv16-soft-row strong{font-weight:500}
.spv16-soft-row>span{font-size:12px}
.spv16-health-sub{display:grid;gap:11px;margin-top:8px}
.spv16-health-sub p{font-size:12px;color:#59655f}
.spv16-health-goal{background:#eeebe3;border-radius:16px;padding:16px;display:grid;gap:9px}
.spv16-health-goal .spv16-soft-row{padding:0}
.spv16-personal-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #d6d1c5;padding:15px 28px;color:#59655f;font-size:11px}
.spv16-comms-app{background:#f3f1eb;font-family:SourcePlex,Arial,sans-serif}
.spv16-comms-brand{display:flex;justify-content:space-between;gap:20px;padding:18px 25px;border-bottom:1px solid #d7d3c8;background:#faf9f5}
.spv16-comms-brand strong{font-family:SourceNewsreader,Georgia,serif;font-size:25px;font-weight:450}
.spv16-comms-brand>span{font-family:SourcePlexMono,monospace;font-size:10px;color:#3f7c75;align-self:center;text-transform:uppercase;letter-spacing:.1em}
.spv16-inbox{padding:28px}
.spv16-inbox-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:25px}
.spv16-inbox-head>div{display:grid;gap:10px}
.spv16-inbox-head h3{font-family:SourceNewsreader,Georgia,serif;font-size:clamp(25px,4.6cqi,36px)}
.spv16-inbox-head p:not(.spv16-mono){color:#51605a}
.spv16-frame .spv16-mono{font:10px/1.5 SourcePlexMono,monospace;letter-spacing:.14em;text-transform:uppercase;color:#3f7c75}
.spv16-inbox-head>span{white-space:nowrap;color:#5f6c66}
.spv16-room{background:#fff;border:1px solid #17201c1a;border-radius:16px;overflow:hidden}
.spv16-room-accent{height:6px;background:#e26045}
.spv16-room-body{display:grid;gap:15px;padding:23px}
.spv16-room-body>.spv16-mono{color:#8f3f36}
.spv16-room-body h4{font-family:SourceNewsreader,Georgia,serif;font-size:27px}
.spv16-message{border-left:2px solid #d8d4ca;padding-left:16px;color:#33413b}
.spv16-message time{display:block;margin-top:5px;font:10px/1.5 SourcePlexMono,monospace;color:#5f6c66}
.spv16-conversation>summary,.spv16-faux-action{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:44px;background:#285548;color:#f8f6ef;border-radius:7px;padding:10px 15px;font:12px/1.4 SourcePlex,Arial,sans-serif;cursor:pointer}
.spv16-faux-action{cursor:default}
.spv16-conversation>summary::-webkit-details-marker{display:none}
.spv16-conversation>div{margin-top:16px;padding:18px;background:#f6f3eb;border:1px solid #d8d4ca;border-radius:12px;display:grid;gap:15px}
.spv16-conversation>div>.spv16-muted{font-size:11px}
.spv16-hcircle{--hc-paper:#f4efe3;--hc-ink:#153a35;--hc-ink-soft:#48635d;--hc-glass:#72a99f;--hc-coral:#b84432;color:var(--hc-ink);font-family:SourcePlex,Arial,sans-serif;background:radial-gradient(circle at 1px 1px,#153a351c 1px,transparent 0) 0 0/24px 24px,var(--hc-paper)}
.spv16-hc-head{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:12px 24px;border-bottom:1px solid #153a352e;background:#f4efe3e6}
.spv16-hc-wordmark{display:inline-flex;align-items:center;gap:7px;font:600 26px/1 SourceNewsreader,Georgia,serif}
.spv16-hc-wordmark>span{display:grid;place-items:center;width:30px;height:30px;background:#153a35;color:#f4efe3;border-radius:50% 50% 42% 58%;transform:rotate(-7deg)}
.spv16-hc-nav{display:flex;gap:18px;font-size:11px;font-weight:700;color:#48635d}
.spv16-hc-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;padding:40px 28px 45px}
.spv16-frame .spv16-hc-eyebrow,.spv16-frame .spv16-hc-principles{font:10px/1.55 SourcePlexMono,monospace;text-transform:uppercase;letter-spacing:.12em;color:#b84432}
.spv16-hc-hero h3{font:560 clamp(32px,6.7cqi,65px)/.91 SourceNewsreader,Georgia,serif;letter-spacing:-.055em;margin:20px 0}
.spv16-frame .spv16-hc-lede{font-size:clamp(12px,2.1cqi,18px);line-height:1.35;color:#48635d}
.spv16-frame .spv16-hc-principles{color:#48635d;margin-top:24px;font-size:9px}
.spv16-hc-map{position:relative;min-height:330px;border:1px solid #153a353d;border-radius:52% 48% 44% 56%/58% 45% 55% 42%;background:color-mix(in srgb,var(--hc-glass) 18%,var(--hc-paper));box-shadow:12px 15px 0 #153a351a}
.spv16-hc-orbit{position:absolute;border:1px dashed #153a356b;border-radius:50%}
.spv16-hc-orbit.one{inset:15% 8% 24% 14%;transform:rotate(18deg)}
.spv16-hc-orbit.two{inset:28% 20% 10% 5%;transform:rotate(-22deg)}
.spv16-hc-node{position:absolute;display:grid;place-items:center;width:48px;height:48px;border:1px solid #153a35;border-radius:50%;font:10px/1 SourcePlexMono,monospace;background:#f4efe3;box-shadow:3px 4px 0 #153a35}
.spv16-hc-node.self{top:41%;left:41%;color:#f4efe3;background:#153a35}
.spv16-hc-node.home{top:14%;left:14%}
.spv16-hc-node.friends{top:19%;right:10%}
.spv16-hc-node.circle{right:19%;bottom:12%}
.spv16-hc-map>p{position:absolute;bottom:14%;left:8%;max-width:105px;color:#48635d;font-size:10px;transform:rotate(-5deg)}
@container (max-width:550px){.spv16-hc-hero{grid-template-columns:1fr;padding:27px 22px;gap:28px}.spv16-hc-hero h3{font-size:43px;max-width:13ch}.spv16-hc-map{min-height:280px;max-width:340px;width:100%;justify-self:center}.spv16-hc-nav{gap:12px;font-size:10px}.spv16-inbox-head{display:grid;gap:12px}.spv16-personal-main{padding:24px 18px}.spv16-personal-head{padding:20px 18px 14px}.spv16-personal-nav{padding:0 18px 15px;gap:2px}.spv16-nav-item{padding:7px 9px;font-size:11px}.spv16-inbox{padding:22px 18px}.spv16-room-body,.spv16-card{padding:19px}.spv16-personal-foot{padding:15px 18px}.spv16-personal-head p{font-size:12px}.spv16-health-goal{padding:13px}}
@container (max-width:320px){.spv16-hc-head{padding:14px 17px}.spv16-hc-nav{display:none}.spv16-hc-hero h3{font-size:35px}.spv16-route-head h3{font-size:27px}.spv16-personal-head strong{font-size:23px}.spv16-caption{overflow-wrap:anywhere}.spv16-soft-row{align-items:flex-start;gap:10px}.spv16-hc-map{min-height:250px}}
@media(prefers-reduced-motion:reduce){.spv16-frame *{scroll-behavior:auto;animation:none;transition:none}}