/* YetoMail 0.17 — shared product finish. Scoped to public and application surfaces. */
:root{--yeto-graphite:#202733;--yeto-crimson:#c91e32;--yeto-sand:#f4f1e9;--yeto-gold:#ba913b;--yeto-muted:#626c7a}
body[data-area=website]{font-size:16px;line-height:1.65;background:#fffdf9;color:var(--yeto-graphite)}
body[data-area=website] .people-header{background:#fffdf9f5;border-color:#e7e1d8}
body[data-area=website] .people-nav{max-width:1440px;padding:0 48px;min-height:88px}
body[data-area=website] .people-nav .logo{width:190px}
body[data-area=website] .people-nav nav{gap:24px;color:#424957;font-size:13px}
body[data-area=website] .people-hero{max-width:1440px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:58px;padding:68px 48px 84px;align-items:center}
body[data-area=website] .people-hero h1{font-size:clamp(42px,5vw,72px);letter-spacing:-3px;line-height:1.07;font-weight:750;margin:25px 0}
body[data-area=website] .people-origin{color:#6a6258;font-size:10px;letter-spacing:1.4px;line-height:1.8}
body[data-area=website] .people-hero-copy>p{font-size:17px;line-height:1.85;color:#626975;max-width:480px}
body[data-area=website] .people-promise{font-size:11px;color:#606973;gap:14px}
body[data-area=website] .people-promise svg{color:#a77a23}
body[data-area=website] .people-hero-visual{padding:0 0 44px;min-width:0}
body[data-area=website] .people-hero-visual:before{display:none}
.people-photo{margin:0;position:relative;border-radius:110px 18px 18px 18px;overflow:hidden;background:#e9e1d6;aspect-ratio:1.12;box-shadow:0 22px 60px #4b362012}
.people-photo picture,.people-photo img{display:block;width:100%;height:100%}.people-photo img{object-fit:cover;object-position:52% center}
.people-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#17202cdb);pointer-events:none}
.people-photo figcaption{position:absolute;z-index:1;left:30px;right:30px;bottom:27px;color:#fff;font-size:20px;font-weight:650;line-height:1.35;letter-spacing:-.3px}.people-photo figcaption small{display:block;color:#e6e5e2;font-size:10px;font-weight:400;margin-top:9px;letter-spacing:.1px}
body[data-area=website] .people-mail-card{position:absolute;z-index:2;right:25px;left:38px;bottom:0;padding:17px 22px;border-radius:12px;border-color:#e7e0d6;box-shadow:0 12px 32px #28334515;background:#fffefa}
body[data-area=website] .people-address{font-size:23px;padding:10px 0 6px}
body[data-area=website] .people-card-head{font-size:8px;color:#626b78}
body[data-area=website] .people-mail-card>p,body[data-area=website] .people-mini-mail,body[data-area=website] .people-community{display:none}
body[data-area=website] .people-card-footer{border:0;padding:0;font-size:9px;color:#747b84;gap:12px}
body[data-area=website] .people-section{max-width:1440px;padding:72px 48px}
body[data-area=website] .people-section-top{gap:40px;margin-bottom:32px}
body[data-area=website] h2{font-size:clamp(30px,3vw,43px);line-height:1.17;letter-spacing:-1.5px;font-weight:700}
body[data-area=website] .eyebrow{color:#9c582d;letter-spacing:1.6px;font-size:10px}
body[data-area=website] .people-section-top p,body[data-area=website] .people-benefits p{color:#666e78;font-size:14px;line-height:1.85}
body[data-area=website] .people-benefits{gap:22px}
body[data-area=website] .people-benefits article{padding:30px;border:1px solid #e8e2d9;border-radius:16px 5px 16px 5px;background:#fffefb}
body[data-area=website] .people-benefits h3{font-size:20px;letter-spacing:-.5px;margin:20px 0 12px}
body[data-area=website] .people-feature-icon{background:#f7ece6;border:1px solid #edddd0;color:#b52432;border-radius:12px;width:45px;height:45px}
body[data-area=website] .people-free{max-width:1344px;margin:20px auto;background:#202733;color:#fff;border-radius:24px 8px 24px 8px;padding:55px 58px;gap:64px;position:relative;overflow:hidden}
body[data-area=website] .people-free h2{color:#fff}body[data-area=website] .people-free p{color:#c7ced8}body[data-area=website] .people-free .eyebrow{color:#eac17a}body[data-area=website] .people-free-steps article{border-color:#ffffff21}body[data-area=website] .people-free-steps article>span{background:#ffffff0b;color:#f0cc8f;border-color:#ffffff25}
body[data-area=website] .people-plans{gap:22px}body[data-area=website] .people-plans article{border:1px solid #deded9;border-radius:16px;padding:30px;background:#fffefb}body[data-area=website] .people-plans .free-plan{border:2px solid #c91e32;box-shadow:0 10px 35px #a4263210}body[data-area=website] .people-plans ul{color:#626975;font-size:13px}body[data-area=website] .people-price{color:#202733}body[data-area=website] .plan-coming{font-size:13px;color:#6b5e45;background:#f5efe3;padding:12px;border-radius:7px}
.people-trust{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:65px;border-top:1px solid #e6e0d6}.people-trust>div>p{max-width:370px;color:#68707b;font-size:14px}.people-trust-grid{display:grid;gap:24px}.people-trust-grid article{padding:0 0 24px 46px;position:relative;border-bottom:1px solid #e9e2d8}.people-trust-grid article>svg{position:absolute;left:0;top:4px;color:#b68830;width:23px;height:23px}.people-trust-grid h3{font-size:18px;margin:0 0 8px}.people-trust-grid p{font-size:13px;color:#66707e;margin:0;line-height:1.8}
body[data-area=website] .people-faq details{border-color:#e6dfd5;border-radius:10px;background:#fffefb;padding:20px}body[data-area=website] .people-faq summary{font-size:14px;line-height:1.5}body[data-area=website] .people-faq details p{color:#626b77;font-size:13px}
body[data-area=website] .people-final{background:#f1eade;border-block:1px solid #e8dfd2;padding:70px 24px}body[data-area=website] .people-final p{color:#636b76}body[data-area=website] .people-footer{max-width:1440px;padding:52px 48px 28px;color:#68717f}body[data-area=website] .people-footer b{color:#27303e}
/* Workspaces: clear typography and quiet controls around the content. */
body[data-area=webmail],body[data-area=admin]{--sf-muted:#687281;font-size:14px}
body[data-area=webmail] .topbar,body[data-area=admin] .topbar{border-bottom:1px solid var(--sf-border);box-shadow:none}
body[data-area=webmail] .page-heading h1,body[data-area=admin] .page-heading h1{font-weight:700;letter-spacing:-1px;line-height:1.25}
body[data-area=webmail] .mail-context{background:#f1eee6;color:#6f6759;border-bottom:1px solid #e9e4d9}
body[data-area=webmail] .mail-context>.muted{font-size:10px}
body[data-area=webmail] .navitem{font-weight:500;min-height:43px;border-radius:9px;font-size:12px}
body[data-area=webmail] .navitem.active{background:#ece3d8;color:#992530;border-left:3px solid #d12034}
body[data-area=webmail] .navitem .count{font-weight:750;background:#d7192012;color:#b7172d;font-size:10px;min-width:19px;text-align:center;border-radius:6px}
body[data-area=webmail] .mail-filter-tabs{gap:3px;flex-wrap:wrap}
body[data-area=webmail] .mail-filter-tabs .btn{background:transparent!important;border-color:transparent!important;box-shadow:none!important;font-size:12px;min-height:44px;color:var(--sf-muted)}
body[data-area=webmail] .mail-filter-tabs .btn.active{background:#d7192008!important;color:#b71c30;border-bottom:2px solid #d71920!important}
body[data-area=webmail] .mail-category-count{font-size:10px;font-weight:500;color:inherit;white-space:nowrap}
body[data-area=webmail] .mail-row{border-color:var(--sf-border);min-height:88px;background:var(--sf-card);transition:background-color .15s ease}
body[data-area=webmail] .mail-row.unread{background:#faf4e9;border-left:3px solid #cd2336}
body[data-area=webmail] .mail-row:not(.unread) .sender,body[data-area=webmail] .mail-row:not(.unread) .mail-subject-title{font-weight:450;color:#4c5563}
body[data-area=webmail] .mail-row.unread .sender,body[data-area=webmail] .mail-row.unread .mail-subject-title{font-weight:700;color:#202b3b}
body[data-area=webmail] .mail-row .preview{font-size:12px;line-height:1.6;color:#748092}
body[data-area=webmail] .mail-row time{font-size:10px;color:#778294}
body[data-area=webmail] .compose-sheet{border:1px solid var(--sf-border);border-radius:14px;background:var(--sf-card);box-shadow:0 8px 35px #16284005}
body[data-area=webmail] .message-body{font-size:15px;line-height:1.85;overflow-wrap:anywhere}
body[data-area=webmail] .sf-panel,body[data-area=admin] .sf-panel{border-radius:13px;border-color:var(--sf-border);box-shadow:0 3px 18px #18223803}
/* Administration is an operations desk; never imply a service check that did not run. */
body[data-area=admin]{--sf-bg:#f2f4f7;--sf-card:#fff;--sf-text:#263243;--sf-muted:#69788b;--sf-border:#dde3ec}
body[data-area=admin] .sidebar{background:#1d2532;border-right:1px solid #303b4b}
body[data-area=admin] .sidebar .navitem{font-size:12px;color:#b8c3d4;min-height:43px;border-radius:7px}
body[data-area=admin] .sidebar .navitem.active{background:#ffffff0b;border-left:3px solid #e43e4b;color:#fff}
body[data-area=admin] .admin-context{background:#e9edf3;color:#738299;border-bottom:1px solid #dde3ec}
body[data-area=admin] .stats .stat{padding:25px;border-top:3px solid #9aa9bb}
body[data-area=admin] .stats .stat:first-child{border-top-color:#c91e32}
body[data-area=admin] .stat b{font-size:36px;font-weight:700;letter-spacing:-1px;color:#273548}
body[data-area=admin] .stat small{font-size:11px;line-height:1.7}
body[data-area=admin] .provider-readiness{padding:21px 0;border-color:#e1e6ee;gap:15px;align-items:flex-start}
body[data-area=admin] .provider-readiness b{font-size:13px}body[data-area=admin] .provider-readiness p{font-size:12px;line-height:1.75;color:var(--sf-muted)}body[data-area=admin] .provider-readiness>small{font-size:10px;background:#f0f3f7;padding:5px 8px;border-radius:5px;white-space:nowrap}
.operation-focus{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:26px;border-left:3px solid #c19644!important}.operation-focus>div{display:flex;gap:18px;align-items:flex-start}.operation-focus>div>svg{color:#b38330;flex-shrink:0;margin-top:5px}.operation-focus h2{font-size:19px;margin:6px 0 8px}.operation-focus p{font-size:12px;color:var(--sf-muted);line-height:1.7;max-width:680px;margin:0}.operation-focus .eyebrow{font-size:9px;letter-spacing:1.5px;color:#7b6a50}
body[data-area=admin] th{font-size:10px;color:#76859b;letter-spacing:.7px}body[data-area=admin] td{font-size:12px;line-height:1.65}
/* Focus and motion are consistent across all three surfaces. */
body[data-area] a:focus-visible,body[data-area] summary:focus-visible,body[data-area] button:focus-visible{outline:2px solid #bb8e32;outline-offset:3px}
@media(max-width:1100px){body[data-area=website] .people-nav{padding-inline:28px}body[data-area=website] .people-nav nav{gap:15px;font-size:12px}body[data-area=website] .people-hero{padding:48px 28px 60px;gap:35px}body[data-area=website] .people-hero h1{font-size:52px}body[data-area=website] .people-section{padding:56px 28px}body[data-area=website] .people-free{margin:15px 28px;padding:38px;gap:35px}.people-trust{gap:35px}}
@media(max-width:800px){body[data-area=website] .people-nav{min-height:75px;padding:0 18px;gap:14px}body[data-area=website] .people-nav .logo{width:145px}body[data-area=website] .people-nav>.row{gap:10px}body[data-area=website] .people-nav .btn{font-size:11px;padding:10px}body[data-area=website] .people-hero{grid-template-columns:1fr;padding:36px 22px 48px;gap:30px}body[data-area=website] .people-hero h1{font-size:clamp(40px,8vw,58px);letter-spacing:-2px}body[data-area=website] .people-hero-copy>p{font-size:15px}.people-photo{aspect-ratio:1.4;border-radius:55px 14px 14px 14px}.people-photo figcaption{font-size:18px;left:22px;bottom:28px}.people-mail-card{left:16px!important;right:16px!important}body[data-area=website] .people-section{padding:44px 22px}body[data-area=website] .people-section-top{gap:20px}body[data-area=website] .people-free{margin:8px 18px;padding:30px 24px;grid-template-columns:1fr;gap:28px}.people-trust{grid-template-columns:1fr;gap:30px}body[data-area=website] .people-footer{padding:35px 22px}.operation-focus{align-items:stretch;flex-direction:column;gap:18px}.operation-focus .btn{align-self:flex-start}body[data-area=webmail] .mail-filter-tabs .btn{font-size:11px;padding:10px 9px}body[data-area=webmail] .mail-category-count{font-size:9px}}
@media(prefers-reduced-motion:reduce){body[data-area=webmail] .mail-row{transition:none}}
/* Theme equivalents keep content readable; photography is not recoloured. */
html[data-theme=dark] body[data-area=website]{background:#171d26;color:#edf0f6}html[data-theme=dark] body[data-area=website] .people-header{background:#1b222ded;border-color:#364253}html[data-theme=dark] body[data-area=website] .people-nav nav{color:#c1cbd9}html[data-theme=dark] body[data-area=website] .people-origin{color:#d8c293}html[data-theme=dark] body[data-area=website] .people-hero-copy>p,html[data-theme=dark] body[data-area=website] .people-section-top p,html[data-theme=dark] body[data-area=website] .people-benefits p,html[data-theme=dark] .people-trust p{color:#acb8c9}html[data-theme=dark] body[data-area=website] .people-mail-card,html[data-theme=dark] body[data-area=website] .people-benefits article,html[data-theme=dark] body[data-area=website] .people-plans article,html[data-theme=dark] body[data-area=website] .people-faq details{background:#222c39;border-color:#3a4657}html[data-theme=dark] body[data-area=website] .people-price,html[data-theme=dark] body[data-area=website] .people-footer b{color:#e8eef8}html[data-theme=dark] body[data-area=website] .people-final{background:#272c35;border-color:#3a404a}html[data-theme=dark] .people-trust,html[data-theme=dark] .people-trust-grid article{border-color:#3a4657}html[data-theme=dark] body[data-area=website] .people-faq details p,html[data-theme=dark] body[data-area=website] .people-plans ul{color:#b9c4d2}html[data-theme=dark] body[data-area=website] .plan-coming{background:#39352d;color:#e3cda9}
html[data-theme=dark] body[data-area=webmail] .mail-row.unread{background:#322a29}html[data-theme=dark] body[data-area=webmail] .mail-row.unread .sender,html[data-theme=dark] body[data-area=webmail] .mail-row.unread .mail-subject-title{color:#f5e9dc}html[data-theme=dark] body[data-area=webmail] .mail-row:not(.unread) .sender,html[data-theme=dark] body[data-area=webmail] .mail-row:not(.unread) .mail-subject-title{color:#b7c3d3}html[data-theme=dark] body[data-area=webmail] .mail-context{background:#2a2a29;border-color:#3d3a36;color:#cfc4b0}html[data-theme=dark] body[data-area=webmail] .navitem.active{background:#513139;color:#ffd0d6}
html[data-theme=dark] body[data-area=admin]{--sf-bg:#171e28;--sf-card:#222d3b;--sf-text:#e1eaf7;--sf-muted:#a4b4c9;--sf-border:#39485c}html[data-theme=dark] body[data-area=admin] .stat b{color:#e6edf8}html[data-theme=dark] body[data-area=admin] .admin-context{background:#263244;border-color:#39485c}html[data-theme=dark] body[data-area=admin] .provider-readiness>small{background:#314056;color:#c8d4e6}

.recovery-security{border:1px solid var(--sf-border);padding:24px;border-radius:12px;grid-column:1/-1}.recovery-security p{font-size:13px;line-height:1.8;color:var(--sf-muted)}.recovery-security form{max-width:620px;margin-top:20px}.recovery-expired-notice{margin-bottom:24px}.recovery-expired-notice p{margin:8px 0;font-size:13px;line-height:1.7}

/* 0.18.1 — a composed workspace, with the same reading surfaces in both themes. */
body[data-area=webmail] .compose-sheet{padding:0;overflow:hidden;border-top:2px solid var(--yeto-crimson)}
body[data-area=webmail] .compose-sheet .compose-fields{padding:20px 24px 24px;gap:14px;scroll-padding:20px;box-sizing:border-box}
body[data-area=webmail] .compose-sheet .recipient-heading{padding:0 0 6px;border-bottom:1px solid var(--sf-border)}
body[data-area=webmail] .compose-sheet .recipient-heading>span{font-size:12px;font-weight:600;color:var(--sf-text)}
body[data-area=webmail] .compose-sheet .field{margin:0}
body[data-area=webmail] .compose-sheet .field-control input{min-height:44px;border-radius:10px}
body[data-area=webmail] .compose-sheet .compose-assist-bar{margin:2px 0 0}
body[data-area=webmail] .compose-sheet .compose-editor-shell{margin-top:0;flex:1 0 300px;min-height:300px;border-radius:12px}
body[data-area=webmail] .compose-sheet .compose-editor-shell>label{padding:14px 18px;font-size:12px}
body[data-area=webmail] .compose-sheet .mail-editor{padding:24px;line-height:1.75}
body[data-area=webmail] .compose-sheet>.form-actions{padding:16px 24px;margin:0;background:var(--sf-card-alt);gap:14px}
body[data-area=webmail] .compose-sheet #compose-error:not(:empty){margin:0;padding:14px 24px}
body[data-area=webmail] .rich-editor .editor-toolbar [data-editor-format=size]{max-width:92px;min-width:80px}
body[data-area=webmail] [data-yetomail-signature=true]{display:block;margin-top:8px}
body[data-area=webmail] [data-yetomail-divider=true]{display:block;margin-left:0!important;opacity:1}
body[data-area=webmail] .message-body{line-height:1.8;overflow-wrap:anywhere}
body[data-area=webmail] .formatted-mail{padding:28px;border-radius:12px}
body[data-area=webmail] .formatted-mail p{margin:0 0 16px}
body[data-area=webmail] #signature-preview{padding:22px 24px;border:1px solid var(--sf-border);border-radius:12px}
html[data-theme=dark] body[data-area=webmail] .formatted-mail,
html[data-theme=dark] body[data-area=webmail] #signature-preview{background:#202329;color:#e7e9ed;border-color:#3b404a;color-scheme:dark}
/* Display adaptation only: stored HTML and outgoing formatting are preserved. Images are never inverted. */
html[data-theme=dark] body[data-area=webmail] .formatted-mail :is(p,div,span,font,b,strong,i,em,u,li,blockquote),
html[data-theme=dark] body[data-area=webmail] #signature-preview :is(p,div,span,font,b,strong,i,em,u,li,blockquote){color:inherit!important;background-color:transparent!important}
html[data-theme=dark] body[data-area=webmail] .formatted-mail a,
html[data-theme=dark] body[data-area=webmail] #signature-preview a{color:#ff9aa5!important;text-decoration:underline}
html[data-theme=dark] body[data-area=webmail] .message-meta,
html[data-theme=dark] body[data-area=webmail] .message-header small{color:#b3bac6}
html[data-theme=dark] body[data-area=webmail] .mail-editor [data-yetomail-signature=true] :is(div,span,p,font,b,strong){color:inherit!important}
html[data-theme=dark] body[data-area=webmail] .compose-sheet .compose-assist-bar>span{color:#b3bac6}
@media(max-width:700px){
 body[data-area=webmail] .compose-sheet .compose-fields{padding:14px;gap:12px}
 body[data-area=webmail] .compose-sheet .compose-fields>.field,
 body[data-area=webmail] .compose-sheet #recipient-cc>.field,
 body[data-area=webmail] .compose-sheet #recipient-bcc>.field{grid-template-columns:minmax(0,1fr);gap:6px}
 body[data-area=webmail] .compose-sheet .compose-editor-shell{min-height:290px;flex-basis:290px}
 body[data-area=webmail] .compose-sheet .mail-editor{padding:16px}
 body[data-area=webmail] .compose-sheet>.form-actions{padding:12px 14px;flex-direction:column;align-items:stretch}
 body[data-area=webmail] .compose-sheet>.form-actions>.row{width:100%;justify-content:flex-end;flex-wrap:wrap}
 body[data-area=webmail] .formatted-mail{padding:18px}
}
/* 0.19 — trustworthy writing status and a compact preparation shelf. */
body[data-area=webmail] .draft-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-size:12px;border-bottom:1px solid var(--sf-border);flex-wrap:wrap}
.draft-status-row>div{display:flex;gap:8px}.draft-status-row .btn{font-size:11px;min-height:32px!important;padding:6px 10px}
#draft-save-status{color:var(--sf-muted)}#draft-save-status[data-state=saved]{color:#178065}#draft-save-status[data-state=local]{color:#99701c}#draft-save-status[data-state=error]{color:#cc3045}
html[data-theme=dark] #draft-save-status[data-state=saved]{color:#84d8bc}html[data-theme=dark] #draft-save-status[data-state=local]{color:#e5c47a}html[data-theme=dark] #draft-save-status[data-state=error]{color:#ff9aa5}
.draft-tray{position:fixed;right:22px;bottom:14px;z-index:80;display:flex;align-items:center;gap:12px;max-width:min(480px,calc(100vw - 28px));padding:6px 12px 6px 6px;background:var(--sf-card);border:1px solid var(--sf-border);border-top:2px solid #c91e32;border-radius:14px;box-shadow:0 8px 28px #0002}
.draft-tray>span{font-size:11px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-tray .btn{border:0!important;box-shadow:none!important;font-size:12px}.draft-tray b{background:#c91e3215;color:#c91e32;border-radius:20px;padding:2px 8px}
body[data-view=compose] .draft-tray{display:none}.draft-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--sf-border);text-align:left}.draft-card>div{min-width:0}.draft-card small{display:block;color:var(--sf-muted);font-size:11px;margin-top:6px}.draft-card b{font-size:13px;overflow-wrap:anywhere}.draft-card .btn{font-size:11px;padding:7px 10px;min-height:34px!important}.draft-card>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.draft-card p{font-size:12px}.draft-manager{max-height:55vh;overflow:auto}.compose-extras{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.compose-extras .btn{font-size:11px;min-height:34px!important;padding:7px 10px}
#draft-attachment{flex-basis:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--sf-muted)}#draft-attachment:empty{display:none}#draft-attachment svg{width:15px;vertical-align:middle}#draft-attachment .btn{font-size:11px;min-height:28px!important;padding:4px 9px}
.mail-extra-tools{display:flex;gap:7px;flex-wrap:wrap;align-items:center;padding:12px 0;border-bottom:1px solid var(--sf-border)}.mail-extra-tools .btn{font-size:11px;min-height:34px!important;padding:7px 10px}.mail-extra-tools small{font-size:11px;color:var(--sf-muted);flex-basis:100%}
body[data-area=webmail] .compose-sheet .compose-assist-bar{align-items:flex-start}.compose-assist-bar>.compose-extras{margin-left:auto}
@media(max-width:700px){.draft-card{align-items:flex-start;flex-direction:column;gap:10px}.draft-tray{right:12px;bottom:10px}.draft-tray>span{display:none}.compose-extras{width:100%}.draft-status-row{gap:8px}.draft-status-row>div{margin-left:auto}.mail-extra-tools .btn{font-size:10px;padding:6px 8px}body[data-area=webmail] .compose-sheet .compose-editor-shell{min-height:280px;flex-basis:280px}}
.draft-readonly-text{white-space:pre-wrap;text-align:left;padding:18px;background:var(--sf-card-alt);border:1px solid var(--sf-border);border-radius:12px;max-height:50vh;overflow:auto;font-size:13px;overflow-wrap:anywhere}