/* Separate settings surface; use the established Buddy palette and typography. */
#own-card-introduction,#detail-peer-card-introduction,#peer-intro{white-space:pre-wrap;overflow-wrap:anywhere}
.personal-settings-view main{padding-top:18px}
.personal-settings-view .owner-summary{margin-top:0;border-top:0;padding-top:0}
.personal-settings-view .settings-screen{margin:0 0 32px}
.personal-settings-view .settings-head{align-items:center}
.settings-nav{flex-wrap:wrap;overflow:visible}
.settings-nav button{min-height:44px;white-space:normal}
.settings-profile-form{margin:20px 0;padding:18px;border:1px solid var(--line);background:#f9fbff}
.settings-profile-form[hidden]{display:none!important}
.settings-profile-form label{font-weight:750}
.settings-profile-form textarea,.settings-profile-form input{margin-top:8px;font-weight:400}
.supply-demand-editor{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.supply-demand-editor>label{margin:8px 0;padding:16px;border-top:5px solid var(--offer);background:#fff3e8}
.supply-demand-editor>label+label{border-color:var(--need);background:#e7f4ef}
.supply-demand-editor small{display:block;font-size:13px;font-weight:400;line-height:1.65;margin-top:8px}
.settings-directions{display:flex;flex-wrap:wrap;gap:10px 16px}
.settings-directions legend{font-size:16px}
.settings-directions label{display:flex;align-items:center;gap:7px;margin:0;min-height:44px}
.settings-directions input{width:19px;height:19px;margin:0;accent-color:var(--blue)}
.settings-editor-boundary{font-size:14px;line-height:1.7;color:#52605c}
.settings-editor-actions{display:flex;flex-wrap:wrap;gap:12px}
.settings-editor-actions button{min-height:46px;padding:10px 16px;font:inherit;border:1px solid #b9c4ec;border-radius:8px;cursor:pointer}
#settings-profile-error{color:#9c3333;line-height:1.6}
.recruit-settings-links{display:grid;gap:12px}
.recruit-settings-links a{display:block;padding:20px;border:1px solid #b9c4ec;text-decoration:none;color:#182458;background:#f4f7ff}
.recruit-settings-links b,.recruit-settings-links span{display:block}
.recruit-settings-links b{font-size:21px}.recruit-settings-links span{font-size:15px;margin-top:7px}
.buddy-invitation{margin:28px 0;line-height:1.8;color:#34423c}
.invitation-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.invitation-pair>div{padding:18px;background:#fff3e8;border-top:5px solid var(--offer)}
.invitation-pair>div+div{background:#e7f4ef;border-color:var(--need)}
.invitation-pair h2{font-size:22px;margin:0 0 8px;color:#182458}.invitation-pair p{margin:0}
.invitation-work{border-left:4px solid var(--blue);padding:12px 16px;background:#eef2ff}
.invitation-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.invitation-actions a,.invitation-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid var(--blue);border-radius:8px;background:#fff;color:var(--blue);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
.invitation-actions button{background:var(--blue);color:#fff}
.invitation-future{border-top:1px solid var(--line);padding:16px 0;font-size:15px}
.invitation-future summary{cursor:pointer;font-weight:800;color:#182458}
.profile-guide-launcher[hidden],.profile-guide-dialog [hidden]{display:none!important}
.profile-guide-launcher{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:12px 18px;border:2px solid #182458;border-radius:16px;background:#182458;color:white;box-shadow:0 6px 18px #18245824;font:inherit;cursor:pointer;text-align:left}
.profile-guide-launcher>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eaf377;color:#182458;font-size:25px}
.profile-guide-launcher b,.profile-guide-launcher small{display:block}.profile-guide-launcher small{font-size:12px;color:#e1e7ff;margin-top:3px}
.profile-guide-dialog{margin:auto 20px 20px auto;padding:0;width:440px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);border:2px solid #182458;border-radius:18px;background:#fffef7;color:#182458;box-shadow:0 15px 50px #18245830;overflow:auto}
.profile-guide-dialog::backdrop{background:#18245833}
.profile-guide-dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;background:#182458;color:white;font-size:14px}
.profile-guide-dialog header button{background:transparent;color:white;border:1px solid #6e7ead;border-radius:8px;min-width:44px;min-height:44px;font-size:25px;cursor:pointer}
.profile-guide-body{padding:20px}.profile-guide-body h2{font-size:24px;line-height:1.4;margin:10px 0}.profile-guide-body>p{line-height:1.75;font-size:15px}
#profile-guide-step{font-weight:800;background:#eaf377;padding:5px 9px;border-radius:5px;color:#182458}
#profile-guide-input label{font-size:16px;font-weight:800}#profile-guide-answer{display:block;width:100%;box-sizing:border-box;margin:10px 0;padding:12px;border:1px solid #8998b9;border-radius:8px;background:white;color:#182458;font:inherit;line-height:1.7;resize:vertical}
.profile-guide-example{font-size:13px;line-height:1.7;color:#57627c}.profile-guide-body .profile-guide-boundary{font-size:12px;padding:12px;background:#edf1fb;border-radius:8px;line-height:1.75}
.profile-guide-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-guide-actions button{padding:10px 12px;min-height:44px;border:1px solid #8998b9;border-radius:8px;background:white;color:#182458;font:inherit;font-size:14px;cursor:pointer}.profile-guide-actions .profile-guide-primary{background:#182458;color:white;border-color:#182458;margin-left:auto}
#profile-guide-preview section{padding:12px 0;border-top:1px solid #d0d8e6}#profile-guide-preview h3{font-size:16px;margin:0 0 7px}#profile-guide-preview p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.75;margin:0}
#profile-guide-error{color:#9c3333}.profile-guide-dialog :focus-visible,.profile-guide-launcher:focus-visible{outline:3px solid #5276f5;outline-offset:3px}
.personal-settings-view:has(#profile-guide-launcher:not([hidden])) main{padding-bottom:105px}
@media(max-width:620px){.profile-guide-launcher{right:12px;bottom:12px;padding:10px 14px}.profile-guide-dialog{margin:auto auto 12px}.profile-guide-body{padding:16px}}
@media(max-width:620px){.supply-demand-editor,.invitation-pair{grid-template-columns:1fr}.settings-profile-form{padding:12px}.settings-nav button{flex:1 1 42%;border-radius:8px}.invitation-actions>*{flex:1 1 45%;text-align:center}}

/* Materials and QA UI only: */
/* Scoped adaptation of the approved light-blue/yellow materials-first prototype. */
#context-settings{max-width:1000px;color:#17221d}
.personal-settings-view:has(#context-settings:not([hidden])) #settings-password-link{display:none}
#context-settings [hidden]{display:none!important}
#context-settings h3{font-size:25px;line-height:1.45;color:#192458;margin:0 0 12px}
#context-settings h4{font-size:19px;color:#192458;margin:0 0 12px}
#context-settings p{line-height:1.8;overflow-wrap:anywhere}
#context-settings .context-first-hero{padding:30px;background:#edf3ff;border:1px solid #bdcef1;border-radius:22px;margin-bottom:24px}
#context-settings .context-first-hero h3{font-size:31px;line-height:1.45}
#context-settings .material-intro{max-width:46em;margin:0 0 18px;font-size:16px;color:#475b55}
#context-settings .material-short-boundary{font-size:14px;color:#52605c;margin:14px 0 0}
#context-settings button,#context-settings .context-file-action{min-height:44px}
#context-settings .settings-primary-action{background:#f5f58b;color:#192458;border:1.5px solid #192458;border-radius:12px;padding:12px 21px;font-weight:750;box-shadow:0 3px 0 #192458}
#context-settings .settings-primary-action:disabled{box-shadow:none;background:#edf3ff;border-color:#bdcef1;color:#52605c;cursor:default}
#context-settings .material-quiet{background:white;border:1px solid #9bafd3;color:#192458;border-radius:10px;padding:10px 15px;font:inherit}
#context-settings .settings-context-editor{background:#edf3ff;padding:26px;border:1px solid #bdcef1;border-radius:20px;margin:0 0 26px}
#context-settings #context-intake{padding:0;margin:0;background:transparent;border:0;box-shadow:none}
#context-settings #context-intake header{margin:18px 0 12px}
#context-settings #context-intake header p{font-size:15px;color:#475b55;margin:5px 0 14px}
#context-settings .context-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#context-settings .context-actions>*{box-sizing:border-box;width:100%;max-width:none;background:white;color:#192458;border:1px solid #93a8cd;border-radius:12px;padding:16px;text-align:left}
#context-settings .context-actions b{font-size:18px}
#context-settings .context-actions small{display:block;font-size:13px;line-height:1.65;white-space:normal;color:#52605c;margin-top:5px}
#context-settings .context-file-action input{display:block;max-width:100%;font-size:13px;margin-bottom:8px}
#context-settings .context-boundary,#context-settings #analyze-context{display:none!important}
#context-settings .context-link-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0;margin:12px 0}
#context-settings .context-link-row input,#context-settings .context-link-row select{width:100%;min-width:0;box-sizing:border-box;font-size:15px;min-height:44px}
#context-settings .context-link-row .context-link-url{grid-column:1/-1}
#context-settings .context-link-row button{justify-self:end}
#context-settings .context-analysis{margin:18px 0;background:white;border:1px solid #bdcef1;box-shadow:none}
#context-settings .context-analysis header{display:block}
#context-settings .context-analysis header span{display:block;line-height:1.7;margin-top:6px}
#context-settings .context-analysis article{min-width:0;display:flex;align-items:flex-start}
#context-settings .context-analysis article div{min-width:0}
#context-settings .context-analysis p{white-space:pre-wrap}
#context-settings [data-material-stage=choose] #context-analysis,#context-settings [data-material-stage=read] #context-analysis{display:none}
#context-settings #material-use-boundary{padding:13px 16px;background:white;border-left:4px solid #3154d8;font-size:14px;margin:18px 0 14px}
#context-settings .material-editor-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#context-settings #settings-context-error:not(:empty){color:#8f3030;background:white;padding:12px;margin-top:16px}
#context-settings .material-library{padding:4px 0 25px;margin-bottom:26px;border-bottom:1px solid #bdcef1}
#context-settings .context-first-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
#context-settings #material-source-count{font-size:14px;color:#52605c}
#context-settings .material-saved-row{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid #dde4ee;min-width:0}
#context-settings .material-saved-row:last-child{border-bottom:0}
#context-settings .material-saved-row details{flex:1;min-width:0}
#context-settings .material-saved-row summary{cursor:pointer;color:#192458;line-height:1.7;overflow-wrap:anywhere}
#context-settings .material-saved-row summary span{display:block;font-size:13px;font-weight:400;color:#52605c;margin:4px 0 0 18px}
#context-settings .material-saved-row details p{font-size:16px;white-space:pre-wrap;margin:12px 0}
#context-settings .material-saved-row small{font-size:13px;color:#52605c;line-height:1.7}
#context-settings .material-saved-row button{font:inherit;font-size:14px;color:#192458;background:white;border:1px solid #bdcef1;border-radius:8px;padding:8px 12px}
#context-settings .material-followup{padding:28px;background:#f5f58b;border:1px solid #c7ca67;border-radius:20px;margin:0 0 30px}
#context-settings .material-followup .material-intro{color:#434c35}
#context-settings .material-pending-empty{font-size:15px;margin:0;color:#434c35}
#context-settings .material-pending-row{display:flex;align-items:center;gap:16px;padding:18px;background:#fffef7;border:1px solid #d2d58b;border-radius:12px;margin-top:12px}
#context-settings .material-pending-row div{flex:1;min-width:0;overflow-wrap:anywhere}
#context-settings .material-pending-row b{color:#192458}
#context-settings .material-pending-row p{font-size:14px;margin:5px 0 0;color:#52605c}
#context-settings .material-qa-area{border-block:1px solid #bdcef1;padding:18px 0;margin-top:26px}
#context-settings #manual-qa>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-weight:700;color:#192458;min-height:48px}
#context-settings #manual-qa>summary::-webkit-details-marker{display:none}
#context-settings #manual-qa>summary>span:before{content:"＋ ";font-size:19px}
#context-settings #manual-qa[open]>summary>span:before{content:"− "}
#context-settings #manual-qa>summary small{font-size:13px;font-weight:400;color:#52605c}
#context-settings #manual-qa[open]>.material-intro{margin-top:15px}
#context-settings .settings-data-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;max-width:45%}
#context-settings .qa-audience-tag{width:100%;box-sizing:border-box;background:#edf3ff;color:#192458;font-size:13px;line-height:1.65;white-space:normal}
#context-settings #settings-add-qa{margin-top:14px}
#context-settings .settings-qa-form{padding:24px;margin-top:20px;background:#edf3ff;border:1px solid #bdcef1;border-radius:18px}
#context-settings .settings-qa-form label{display:block;font-size:16px;font-weight:700;line-height:1.65}
#context-settings .settings-qa-form input,#context-settings .settings-qa-form textarea,#context-settings .settings-qa-form select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;background:white;color:#17221d;font-size:16px;font-weight:400;line-height:1.7;margin:8px 0 0}
#context-settings .qa-audience-help{font-size:14px;color:#475b55;margin:0 0 16px}
#context-settings #qa-category{border-top:1px solid #bdcef1;padding:12px 0;margin-bottom:12px}
#context-settings #qa-category summary,#context-settings .material-import summary{font-weight:700;color:#192458;cursor:pointer;min-height:44px;line-height:1.7}
#context-settings #qa-category label{margin-top:12px}
#context-settings .material-import{margin:20px 0 0;padding:14px 0}
#context-settings .settings-qa-import{display:block;padding:16px;background:white;border:1px solid #bdcef1;border-radius:10px}
#context-settings .settings-qa-import input{width:100%;max-width:100%;box-sizing:border-box;font-size:14px}
#context-settings :focus-visible{outline:3px solid #3154d8;outline-offset:3px}
@media(max-width:620px){#context-settings h3{font-size:23px}#context-settings .context-first-hero{padding:23px 20px}#context-settings .context-first-hero h3{font-size:27px}#context-settings .settings-context-editor,#context-settings .settings-qa-form,#context-settings .material-followup{padding:20px 16px}#context-settings .context-actions{grid-template-columns:1fr}#context-settings .material-saved-row,#context-settings .material-pending-row{flex-direction:column;align-items:stretch}#context-settings .settings-data-actions{max-width:100%;width:100%}#context-settings .material-editor-actions button{flex:1 1 100%}#context-settings #manual-qa>summary{align-items:flex-start;flex-direction:column;gap:4px}}

/* End materials and QA UI. */