/* Five introductions share the approved day/night palette and compact type scale. */
body.profession-screen .topbar{margin-bottom:0;border-radius:0}
.profession-module{--text-body:var(--cabinet-copy-size,11px);--text-leading:var(--cabinet-copy-leading,1.65);--bot-gap:16px;color:var(--theme-text)}
.profession-lead{display:flex;flex-direction:column;min-height:300px;margin:0 -22px;padding:8px 22px 38px;background:linear-gradient(90deg,#3b383d,#343237 54%,#2e2d31);color:#f5f2f6}
.profession-back{align-self:flex-start;min-height:40px;padding:7px 0;background:none;border:0;color:#c6bec9;font-size:var(--text-body);line-height:var(--text-leading)}
.profession-module .bot-module-meta{margin:15px 0 20px;gap:12px;color:#c69aa7;font-size:10px;line-height:1.65;letter-spacing:0}
.profession-module .bot-module-meta span:last-child{color:#bcb4bf}
.profession-module .profession-lead h1{margin:0 0 15px;color:#f5f2f6;font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.5px}
.profession-module .profession-lead>p{margin:0 0 26px;color:#c6bec9;font-size:var(--text-body);line-height:var(--text-leading)}
.profession-module .bot-progress{gap:7px;margin:auto 0 0;padding-top:5px}
.profession-module .bot-progress span{height:3px;background:#ffffff13}
.profession-module .bot-progress .filled{background:linear-gradient(90deg,#ad7b8b,#d1abb7)}
.profession-content{position:relative;margin:-14px -22px 0;padding:23px 22px 0;background:var(--page);border-radius:25px 25px 0 0}
.profession-module :is(.bot-panel,.bot-details details){border:1px solid #e2dbe270;border-radius:21px;background:#ffffffd9;box-shadow:inset 0 1px 0 #fff;color:var(--theme-text)}
.profession-module .bot-panel{padding:21px 20px;margin-bottom:16px}
.profession-module .profession-context{background:linear-gradient(125deg,#fff,#f4f0f2);border-color:#ffffffb3}
.profession-module :is(h2,.smoke h2){font-size:18px;line-height:1.4;letter-spacing:-.35px;font-weight:600;margin:0 0 17px;color:var(--theme-text)}
.profession-module :is(h3,.smoke h3,.bot-document h3){font-size:13px;line-height:1.5;font-weight:600;letter-spacing:-.1px;color:var(--theme-text)}
.profession-content :is(p,li,.smoke p,.smoke li,.bot-document p,.bot-document li,.bot-document dd,.bot-details summary small,.smoke .content-story p){font-size:var(--text-body);line-height:var(--text-leading);letter-spacing:0;color:var(--theme-muted)}
.profession-module p+p{margin-top:13px}
.profession-module .bot-feature-list>div{padding:17px 0;gap:12px;border-bottom:1px solid var(--theme-soft-line)}
.profession-module .bot-feature-list>div:last-child{border:0;padding-bottom:0}
.profession-module :is(.bot-number,.smoke .bot-number,.bot-step-number){color:var(--theme-accent);font-size:10px;padding-top:3px}
.profession-module .bot-finale-mark{width:24px;height:24px;border:0;background:none;color:var(--theme-accent);padding:0;margin:0 0 15px;border-radius:0}
.profession-module .bot-finale-mark svg{width:23px;height:23px;stroke-width:1.4}
.profession-module .bot-section{margin:26px 0}
.profession-module .bot-details summary{padding:17px 16px;font-size:13px;line-height:1.5;color:var(--theme-text)}
.profession-module .bot-details summary small{margin-top:6px}
.profession-module .bot-details details>p{padding:0 16px 18px}
.profession-module .bot-plus{color:var(--theme-arrow-text);font-size:20px}
.profession-module :is(blockquote,.smoke blockquote,.bot-document blockquote,.smoke .content-story blockquote){font-size:var(--text-body);line-height:var(--text-leading);padding:15px 16px;margin:17px 0;background:#a9758a0c;border-left:2px solid #b98e9d75;color:var(--theme-text);border-radius:0 13px 13px 0}
.profession-module :is(.bot-doc-tabs,.content-story-tabs,.smm-journey-tabs){background:none;border-color:var(--theme-soft-line);gap:7px}
.profession-module :is(.bot-doc-tabs button,.content-story-tabs button,.smm-journey-tabs button,.bot-chat-choices button,.bot-options button){border:1px solid var(--theme-soft-line);background:#ffffff66;color:var(--theme-text);font-size:var(--text-body);line-height:var(--text-leading);box-shadow:none;border-radius:14px;min-height:44px}
.profession-module :is(.bot-doc-tabs button,.content-story-tabs button,.smm-journey-tabs button)[aria-pressed=true],.profession-module .bot-options button[aria-pressed=true]{background:linear-gradient(125deg,#f4ecef,#e9dbe1);border-color:#b8869855;color:#654451}
.profession-module .bot-options button>span{border-color:#ad8d9c44;color:var(--theme-accent)}
.profession-module :is(.bot-document,.content-story,.bot-bubble,.bot-feedback){padding:18px;background:#f5f2f4;border:1px solid var(--theme-soft-line);border-radius:16px;box-shadow:none;color:var(--theme-text);font-size:var(--text-body);line-height:var(--text-leading)}
.profession-module .bot-document h3{font-size:14px;margin-bottom:14px}
.profession-module .bot-document dt{font-size:10px;color:var(--theme-accent)}
.profession-module .bot-document dl>div,.profession-module .smm-plan section{border-color:var(--theme-soft-line)}
.profession-module :is(.bot-chat-top,.bot-back-link,.bot-situation-nav,.bot-situation-nav button,.content-story-format){color:var(--theme-text);font-size:var(--text-body);line-height:var(--text-leading)}
.profession-module :is(.bot-caption,.smoke .eyebrow,.smoke .content-story .eyebrow){color:var(--theme-muted);font-size:10px;line-height:1.65;letter-spacing:0}
.profession-module .bot-online{background:#ba8d9e}
.profession-module .bot-page-nav{gap:12px;margin-top:25px;align-items:center}
.profession-module :is(.wine-button,.light-button){border:1px solid #b3829440;border-radius:100px;background:linear-gradient(115deg,#92576a,#6e364c);color:#fff;box-shadow:inset 0 1px 0 #ffffff17;min-height:49px;font-size:var(--text-body);line-height:var(--text-leading);font-weight:500;padding:13px 18px}
.profession-module :is(.wine-button,.light-button) svg{width:16px;height:16px;stroke-width:1.4;flex:none;color:#e6d4db}
.profession-module .text-button{color:var(--theme-text);font-size:11px;min-height:44px}
.profession-module .bot-closing{margin:23px 5px}
.profession-module .bot-local-note{font-size:10px;line-height:1.65;color:var(--theme-muted);margin:20px 7px}
.profession-module .statement-heading{font-size:15px;line-height:1.55;font-weight:500}
.profession-module button:focus-visible,.profession-back:focus-visible{outline:2px solid var(--theme-accent);outline-offset:4px}
.profession-module button[aria-busy=true]{opacity:.6}
[data-color-mode=night] .profession-lead,[data-color-mode=night] .profession-content{background:transparent}
[data-color-mode=night] .profession-module :is(.bot-panel,.bot-details details){background:linear-gradient(125deg,#ffffff07,#ffffff03);border-color:#c3b2c121;box-shadow:inset 0 1px 0 #ffffff05}
[data-color-mode=night] .profession-module .profession-context{background:linear-gradient(120deg,#b2809610,#ffffff04)}
[data-color-mode=night] .profession-module :is(.bot-document,.content-story,.bot-bubble,.bot-feedback){background:#24232685;border-color:#ffffff0d}
[data-color-mode=night] .profession-module :is(.bot-doc-tabs button,.content-story-tabs button,.smm-journey-tabs button,.bot-chat-choices button,.bot-options button){background:#ffffff04}
[data-color-mode=night] .profession-module :is(.bot-doc-tabs button,.content-story-tabs button,.smm-journey-tabs button,.bot-options button)[aria-pressed=true]{background:linear-gradient(125deg,#77536375,#513a4645);color:#f1e9ed;border-color:#b8869855}
[data-color-mode=night] .profession-module :is(.wine-button,.light-button){background:linear-gradient(115deg,#60434f,#40343c);border-color:#b3829455;color:#f2eaf0}
@media(min-width:600px){body.profession-screen .topbar{border-radius:28px 28px 0 0}}
@media(max-width:359px){.profession-lead{margin-left:-17px;margin-right:-17px;padding:8px 17px 36px;min-height:300px}.profession-content{margin-left:-17px;margin-right:-17px;padding:22px 17px 0}.profession-module .profession-lead h1{font-size:20px}.profession-module .bot-panel{padding:19px 16px}.profession-module h2{font-size:17px}.profession-module .bot-page-nav{gap:9px}.profession-module .bot-page-nav .wine-button{padding:13px 14px}.profession-module .bot-doc-tabs{flex-wrap:wrap;border-radius:17px}.profession-module .bot-doc-tabs button{flex:1 1 68px}.profession-module .content-story-tabs{gap:5px}.profession-module .content-story-tabs button{padding:7px 4px}}
@media(hover:hover){.profession-module :is(.bot-chat-choices button,.bot-options button):hover{border-color:#b3829466;background:#b3829410}.profession-module .bot-details summary:hover{background:#b3829408}}
@media(prefers-reduced-motion:no-preference){.profession-module button{transition:background .2s,border-color .2s,opacity .2s}}
/* Graphite hero copy must not inherit the light-content colour. */
.profession-module .profession-lead>p{color:#c6bec9;font-size:var(--text-body);line-height:var(--text-leading)}
.profession-module .bot-module-meta>span:first-child{max-width:70%;color:#c69aa7}
.profession-module .bot-module-meta>span:last-child{flex:none}
.profession-module .profession-back{display:inline-flex;align-items:center;gap:8px}
.profession-back svg{width:14px;height:14px;transform:rotate(180deg);stroke-width:1.5}
.profession-module .bot-progress{flex:none}
/* Returning to an introduction uses the same compact graphite treatment. */
dialog.profession-resume-modal{width:calc(100% - 28px);max-width:420px;border:1px solid #bda9b72b;border-radius:27px;background:linear-gradient(145deg,#39363b,#2d2c30);color:#f4eff4;color-scheme:dark}
dialog.profession-resume-modal::backdrop{background:#17151b92;backdrop-filter:blur(8px)}
.profession-resume-modal .sheet{padding:23px 22px}
.profession-resume-modal .sheet-head{align-items:center;gap:12px;margin-bottom:21px}
.profession-resume-modal .sheet-head h2{font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.4px;color:#f4eff4}
.profession-resume-modal .close{width:40px;height:40px;flex:none;border:1px solid #ffffff16;background:#ffffff06;color:#ded9df}
.profession-resume-modal .tag{background:none;padding:0;color:#c69aa7;font-size:10px;line-height:1.65;letter-spacing:0}
.profession-resume-modal #modal-body p{font-size:var(--cabinet-copy-size);line-height:var(--cabinet-copy-leading);color:#c6bec9;margin:15px 0 23px}
.profession-resume-modal .wine-button{min-height:49px;border:1px solid #b3829455;background:linear-gradient(115deg,#795363,#51404b);color:#f5edf2;box-shadow:inset 0 1px 0 #ffffff12;font-size:var(--cabinet-copy-size)}
.profession-resume-modal .text-button{margin:10px 0 0;min-height:44px;color:#d7cedb;font-size:var(--cabinet-copy-size)}
.profession-resume-modal #modal-body .legal{margin:18px 0 0;font-size:10px;color:#bdb2c1;text-align:center}
.profession-resume-modal button:focus-visible{outline:2px solid #c69aa7;outline-offset:3px}