/* SUNDO.live publisher and local camera surfaces. System fonts, no remote assets. */
:root{--sun-ink:#102d38;--sun-muted:#4f6570;--sun-mint:#d9f5e8;--sun-green:#12684d;--sun-line:#dce5e4;--sun-paper:#f7f9f6}
.sun-body{margin:0;background:var(--sun-paper);color:var(--sun-ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.sun-body *{box-sizing:border-box}.sun-body a{color:var(--sun-green);text-underline-offset:.2em}.sun-body button,.sun-body input{font:inherit}.sun-shell{width:min(1180px,calc(100% - 48px));margin:auto}.sun-header{background:#fff;border-bottom:1px solid var(--sun-line)}.sun-header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.sun-brand{display:inline-flex;gap:10px;align-items:center;color:var(--sun-ink)!important;font-weight:800;text-decoration:none;font-size:23px;letter-spacing:-1px}.sun-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--sun-green);color:#fff;border-radius:12px;letter-spacing:0}.sun-brand small{font-size:13px;letter-spacing:0;font-weight:500}.sun-nav{display:flex;align-items:center;gap:24px}.sun-nav a{font-size:14px;font-weight:650;text-decoration:none;color:var(--sun-ink)}.sun-menu{display:none;position:relative}.sun-menu summary{cursor:pointer;padding:10px 12px;border:1px solid var(--sun-line);border-radius:8px;min-height:44px}.sun-menu nav{position:absolute;right:0;top:52px;z-index:20;width:220px;background:white;padding:12px;border:1px solid var(--sun-line);border-radius:12px;box-shadow:0 12px 28px #102d3818}.sun-menu nav a{display:block;padding:9px 8px;text-decoration:none}
.sun-hero{padding:72px 0 64px;background:#112f3b;color:#fff;overflow:hidden}.sun-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center}.sun-eyebrow{text-transform:uppercase;font-size:12px;font-weight:750;letter-spacing:.14em;color:var(--sun-green);margin:0 0 15px}.sun-hero .sun-eyebrow{color:#a9e4c7}.sun-body h1{font-size:clamp(33px,4.4vw,58px);line-height:1.12;letter-spacing:-.045em;margin:0 0 24px;font-weight:750}.sun-hero p{font-size:18px;color:#d7e5e7;max-width:600px}.sun-body h2{font-size:clamp(25px,3vw,35px);line-height:1.23;letter-spacing:-.025em;margin:0 0 14px}.sun-body h3{font-size:19px;line-height:1.35;margin:0 0 12px;letter-spacing:-.015em}.sun-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 16px}.sun-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border:1px solid var(--sun-green);border-radius:9px;background:var(--sun-green);color:#fff!important;font-size:15px;font-weight:700;text-decoration:none!important;cursor:pointer}.sun-hero .sun-btn{background:#cef2dc;color:#143e31!important;border-color:#cef2dc}.sun-btn.sun-btn-quiet{color:var(--sun-green)!important;background:transparent}.sun-hero .sun-btn-quiet{color:white!important;border-color:#93b4b6}.sun-small{font-size:13px!important}.sun-demo{background:#1d404b;border:1px solid #4d6b72;border-radius:20px;padding:24px;transform:rotate(2deg)}.sun-demo-top{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#c0dcdd}.sun-demo-sheet{margin:26px auto;background:#f7f9f6;border-radius:6px;width:85%;padding:24px;box-shadow:0 8px 20px #0002;transform:rotate(-2deg)}.sun-demo-sheet span{display:block;background:#dae2df;height:7px;margin:12px 0;border-radius:3px}.sun-demo-sheet span:nth-child(2){width:60%;background:#b1cbbb}.sun-demo-sheet b{display:block;height:58px;border:2px dashed #8aada0;margin-bottom:18px}.sun-demo-bottom{padding-top:6px;color:#caead8;font-size:13px;display:flex;gap:10px;justify-content:space-between}.sun-demo-label{font-size:11px;color:#91b3b8;text-align:center;margin:14px 0 0}
.sun-section{padding:64px 0}.sun-section+.sun-section{border-top:1px solid var(--sun-line)}.sun-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.sun-section-head p{max-width:700px;margin-bottom:0;color:var(--sun-muted)}.sun-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sun-card{display:flex;flex-direction:column;padding:25px;background:#fff;border:1px solid var(--sun-line);border-radius:13px;color:var(--sun-ink)}.sun-card p{color:var(--sun-muted);margin:0 0 22px;font-size:15px}.sun-card .sun-card-link{margin-top:auto;font-weight:650;font-size:14px;min-height:40px;display:flex;align-items:center}.sun-chip{font-size:11px;letter-spacing:.075em;text-transform:uppercase;color:var(--sun-green);font-weight:750;margin-bottom:15px}.sun-category-list{display:flex;gap:10px;flex-wrap:wrap}.sun-category-list a{background:white;border:1px solid var(--sun-line);padding:10px 16px;border-radius:24px;text-decoration:none;font-size:14px}.sun-search{padding:24px;background:#e8efe9;border-radius:13px;margin:0 0 28px}.sun-search label{display:block;font-weight:700;font-size:14px;margin-bottom:9px}.sun-search-row{display:flex;gap:9px}.sun-search input{width:100%;min-width:0;min-height:48px;border:1px solid #a5b9b0;border-radius:8px;background:#fff;padding:10px 13px;color:var(--sun-ink)}.sun-count{font-size:13px;color:var(--sun-muted);margin:13px 0 0}.sun-trust{background:#e4f0e7;padding:32px;border-radius:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.sun-trust p{font-size:14px;margin:0;color:#3f5c4e}.sun-trust h3{font-size:17px}.sun-faq{max-width:850px}.sun-faq details{background:white;border:1px solid var(--sun-line);padding:18px 22px;border-radius:10px;margin:12px 0}.sun-faq summary{cursor:pointer;font-weight:650;min-height:30px}.sun-faq p{color:var(--sun-muted);font-size:15px}.sun-footer{background:#fff;border-top:1px solid var(--sun-line);padding:36px 0;color:var(--sun-muted);font-size:13px}.sun-footer nav{display:flex;gap:10px 22px;flex-wrap:wrap;margin:18px 0}.sun-footer a{min-height:30px;display:inline-flex;align-items:center}.sun-breadcrumb{font-size:13px;margin-bottom:24px;color:var(--sun-muted)}.sun-subhero{padding:48px 0 24px}.sun-subhero h1{font-size:clamp(32px,4vw,49px)}.sun-body :focus-visible{outline:3px solid #dd7b32;outline-offset:4px}.sun-card [hidden],.sun-body [hidden]{display:none!important}.sun-empty{padding:24px;border:1px dashed #a8b9ae;border-radius:10px;color:var(--sun-muted)}
/* Local-only workflow checks are human checks, never a claim of detection. */
.workflow-intro{max-width:1180px;margin:28px auto 0;padding:28px;background:#e9f3ed;border:1px solid #bcd8c8;border-radius:15px}.workflow-intro h1{font-size:clamp(28px,4vw,43px);line-height:1.18;margin:10px 0 16px;letter-spacing:-.025em}.workflow-intro p{max-width:850px}.workflow-intro .workflow-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.workflow-checks label{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#fff;border:1px solid #d1e2d8;border-radius:9px;font-size:14px;min-width:0}.workflow-checks input{margin-top:4px;accent-color:#12684d;flex:0 0 auto;width:18px;height:18px}.workflow-intro .workflow-state{font-size:13px;color:#476b59}.workflow-overlay{pointer-events:none;position:absolute;inset:12%;border:1px dashed #a7f4d1;z-index:2;border-radius:3px;opacity:.75}.workflow-overlay.multi:before,.workflow-overlay.multi:after{content:"";position:absolute;inset:0 50%;border-left:1px dashed #a7f4d1}.workflow-overlay.multi:after{inset:50% 0;border-left:0;border-top:1px dashed #a7f4d1}.workflow-overlay.graph{background:linear-gradient(transparent 49%,#a7f4d160 50%,transparent 51%);background-size:100% 25%}.workflow-overlay.document{inset:8% 18%}.workflow-overlay[hidden]{display:none}.workflow-overlay-control{display:flex;align-items:center;gap:8px;font-size:13px;padding:10px 0}.workflow-guide-note{font-size:12px;color:#5b7166}.workflow-library{margin-top:30px}.sundo-in-article-ad{margin:36px 0;min-height:190px;border-top:1px solid #dce5e4;border-bottom:1px solid #dce5e4;padding:12px 0}.sundo-in-article-ad small{display:block;text-align:center;color:#63756b;font-size:11px}.sundo-in-article-ad ins{display:block;text-align:center;min-height:150px}
@media(max-width:1000px){.sun-nav{gap:15px}.sun-hero-grid{gap:32px}.sun-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sun-nav a{font-size:13px}.workflow-intro{margin-left:20px;margin-right:20px}}
@media(max-width:720px){.sun-shell{width:calc(100% - 32px)}.sun-header-inner{min-height:72px;gap:12px}.sun-nav{display:none}.sun-menu{display:block}.sun-hero{padding:46px 0}.sun-hero-grid{grid-template-columns:1fr;gap:30px}.sun-hero p{font-size:16px}.sun-demo{max-width:380px;transform:none}.sun-demo-sheet{margin:16px auto;padding:16px}.sun-demo-sheet b{height:35px}.sun-section{padding:40px 0}.sun-section-head{display:block}.sun-section-head>a{display:inline-block;margin-top:16px}.sun-trust{grid-template-columns:1fr;padding:24px}.workflow-intro .workflow-checks{grid-template-columns:1fr}.workflow-intro{padding:20px}.sun-brand small{display:none}.sun-search{padding:18px}}
@media(max-width:460px){.sun-grid{grid-template-columns:1fr}.sun-card{padding:21px}.sun-search-row{flex-direction:column}.sun-section-head{margin-bottom:20px}.sun-actions .sun-btn{width:100%}.sun-hero h1{font-size:36px}.sun-demo-bottom{display:block}.sun-subhero{padding-top:32px}}
@media(max-width:280px){.sun-shell{width:calc(100% - 20px)}.sun-brand{font-size:20px;gap:6px}.sun-mark{width:29px;height:29px}.sun-hero h1{font-size:31px}.sun-demo{padding:15px}.workflow-intro{margin-left:10px;margin-right:10px;padding:14px}}
@media(prefers-reduced-motion:reduce){.sun-body *{scroll-behavior:auto!important;transition:none!important}}

.sun-spacer{height:20px}
@media(max-width:280px){.sun-header .sun-mark{display:none}.sun-header .sun-brand{font-size:19px;gap:3px}.sun-header-inner{gap:8px}.sun-menu nav{width:min(220px,calc(100vw - 20px))}}

.sun-body>.skip{position:absolute;top:-90px;left:12px;z-index:100;padding:12px;background:#fff;border:1px solid #12684d;border-radius:6px}.sun-body>.skip:focus{top:8px}
/* Reflow also works when browser text/layout zoom reduces available space. */
.sun-header-inner{flex-wrap:wrap}.sun-demo-top{flex-wrap:wrap;gap:8px}.sun-nav{flex-wrap:wrap}
.sun-header .sun-brand{font-size:20px;gap:4px}.sun-header .sun-mark{width:30px;height:30px}