/* Scoped to the synthetic product studio; preserve the marketing site. */
#experience .xp-nav-group{display:block;font-size:8px;letter-spacing:.14em;color:#99ada4;padding:17px 12px 8px}
#experience #app-nav{gap:3px}#experience #app-nav button{font-size:11px;padding:10px 12px}#experience .app-sidebar{min-width:0}
#experience #app-screen{min-width:0}#experience .app-screen-title h3{font-size:27px}#experience .app-screen-title{gap:18px}
#experience .xp-notice{display:flex;gap:12px;padding:15px 17px;margin:15px 0 20px;background:#e3c27b0a;border:1px solid #d2c19130;border-left:2px solid #acb3a1;border-radius:4px;font-size:11px;line-height:1.8;color:#c6d1c8}
#experience .xp-notice .icon{flex-shrink:0;margin-top:3px}#experience .xp-notice.warning{border-left-color:#e0b565;background:#cba65e0f;color:#e0ceac}
#experience .xp-pills{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}#experience .xp-pills button{font-size:10px;border:1px solid #657b7044;background:#0b1b1f;color:#b6c9be;padding:9px 12px;border-radius:5px;cursor:pointer}#experience .xp-pills button[aria-pressed=true]{background:#dec080;color:#14231f;border-color:#dec080}
#experience .xp-case-list{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:3px 0 13px;margin-bottom:12px}#experience .xp-case-list button{flex:0 0 157px;text-align:left;background:#10252a;border:1px solid #647f7340;padding:12px;border-radius:7px;color:#d8e1d6;cursor:pointer}#experience .xp-case-list button[aria-pressed=true]{border-color:#d5b77d;background:#20332f}#experience .xp-case-list strong{display:block;font-size:11px;font-weight:500}#experience .xp-case-list small{display:block;margin-top:6px;font-size:8px;line-height:1.7;color:#9bb3a5}
#experience .xp-case-heading{display:flex;flex-direction:column;gap:7px;margin:16px 0 20px}#experience .xp-case-heading b{font-size:16px;font-weight:500;color:#e5e9dc}#experience .xp-case-heading span{font-size:11px;color:#abbfb2}
#experience label{display:flex;flex-direction:column;gap:8px;font-size:11px;line-height:1.6;color:#becec3}
#experience input:not([type=checkbox]),#experience select,#experience textarea{width:100%;min-width:0;background:#0c1c20;border:1px solid #68827455;border-radius:5px;padding:11px 12px;color:#e0e7da;font:400 12px/1.7 'Be Vietnam Pro',sans-serif;box-sizing:border-box;color-scheme:dark}
#experience input:focus-visible,#experience select:focus-visible,#experience textarea:focus-visible,#experience button:focus-visible{outline:2px solid #dfbd78;outline-offset:3px}
#experience textarea{resize:vertical}#experience button:disabled{opacity:.38;cursor:not-allowed}#experience input[type=checkbox]{accent-color:#dabc7e;width:15px;height:15px;flex:0 0 15px}
#experience .xp-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:18px 0}#experience .xp-controls label{flex:1 1 160px;max-width:260px}#experience .xp-controls .app-button{margin-bottom:1px}
#experience .xp-editor-label{margin-top:23px;margin-bottom:10px;color:#d4b77a}#experience .xp-check{flex-direction:row;align-items:flex-start;margin:12px 0;font-size:11px}
#experience .xp-inline-status{color:#cdbb8b;font-size:11px;line-height:1.8}#experience .xp-detail{border-top:1px solid #6a80733b;margin-top:20px;padding-top:16px;font-size:11px;line-height:1.8;color:#aebfb3}#experience summary{cursor:pointer;color:#d8c48f;font-size:11px;line-height:1.8;padding:8px 0}
#experience details p{font-size:11px;color:#b6c8bc;line-height:1.8;margin:10px 0}#experience pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 11px/1.9 'Be Vietnam Pro',sans-serif;color:#c2d0c1}#experience .xp-preview{background:#0b1d21;border:1px solid #617e7040;padding:20px;border-radius:6px;margin:14px 0}
#experience .xp-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}#experience .xp-tools button{font-size:9px;padding:9px 10px}#experience .xp-status-row{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}#experience .context-card .app-button{margin-top:12px;width:100%;justify-content:center}#experience .xp-table-scroll{overflow:auto;max-width:100%;border-radius:5px}#experience .app-table{min-width:580px}#experience .app-table th{font-size:9px;padding:12px 10px}#experience .app-table td{font-size:11px;padding:14px 10px;vertical-align:top}#experience .app-table td small{display:block;color:#9eb3a7;line-height:1.8;font-size:9px;margin-top:6px}
#experience .xp-row-open{background:transparent;border:0;color:#ddc38d;font-size:12px;line-height:1.65;text-align:left;text-decoration:underline;text-decoration-color:#ddc38d55;text-underline-offset:4px;cursor:pointer}#experience .xp-ledger{margin:22px 0}#experience .xp-ledger h4{font-size:14px;color:#e0e5d8;margin:15px 0}#experience .xp-empty{font-size:11px;color:#a9beb0;padding:20px 0}
#experience .xp-task-detail{background:#142b2e;border:1px solid #ad966c6b;border-radius:10px;padding:24px;margin-top:25px}#experience .xp-task-head{display:flex;justify-content:space-between;align-items:start;gap:15px}#experience .xp-task-head span{font-size:9px;color:#c6b789}#experience .xp-task-head h4{font-size:20px;margin:10px 0;color:#e2e6d8}#experience .xp-form{margin:20px 0}#experience .xp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}#experience .xp-flight{border:1px solid #cbb07944;border-radius:6px;padding:18px;margin:22px 0}#experience .xp-flight strong{font-size:12px;color:#ddc791}#experience .xp-flight p{font-size:11px;line-height:1.8;color:#bbccbd}#experience .xp-flight button{margin:10px 8px 0 0}#experience .xp-evidence{margin-top:20px}
#experience .xp-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start;margin-top:24px;min-width:0}#experience .xp-columns>*{min-width:0}#experience .xp-columns h4{font-size:15px;margin:0 0 16px}#experience .xp-columns .app-button{margin-top:12px}#experience .xp-work-card{display:grid;grid-template-columns:72px 1fr 95px;gap:14px;background:#11272c;border:1px solid #71877342;border-radius:7px;text-align:left;padding:16px;color:#d2decf;width:100%;cursor:pointer;margin:9px 0;font-size:10px}#experience .xp-work-card small{display:block;font-size:9px;color:#a1b5a5;line-height:1.8;margin-top:6px}#experience .xp-work-card strong{font-size:11px;font-weight:500;line-height:1.6}#experience .xp-work-card.chosen{border-color:#d7b77b}#experience .xp-checklist{font-size:12px;line-height:2;color:#bccbbb;padding-left:20px;margin:14px 0 20px}#experience .xp-checklist li{margin-bottom:8px}#experience .xp-handoff{margin-top:14px}#experience .xp-handoff small{display:block;margin-top:12px;font-size:10px;color:#9db3a5}
#experience .xp-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}#experience .xp-product-grid>button{display:block;text-align:left;background:#12282d;border:1px solid #73857655;border-radius:7px;padding:18px;color:#d8e3d2;cursor:pointer}#experience .xp-product-grid>button:hover{border-color:#d6b674}#experience .xp-product-grid strong{display:block;font-size:12px;line-height:1.7}#experience .xp-product-grid small{display:block;font-size:10px;margin-top:8px;line-height:1.7;color:#aeceae}#experience .xp-product-grid .app-card{padding:20px}#experience .xp-product-grid h4{font-size:17px;line-height:1.5;margin:12px 0}#experience .xp-product-grid p{font-size:11px;line-height:1.8}#experience .xp-product-grid .app-button{margin-top:18px}#experience .metric-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}#experience .metric-box .xp-money{font-size:21px;overflow-wrap:anywhere}#experience .app-actions{flex-wrap:wrap;gap:8px}#experience .app-actions .app-button{font-size:10px;padding:11px 14px}#experience .app-card p{line-height:1.8;font-size:12px}#experience .demo-footnote{line-height:1.9}#experience #xp-guide-note{padding:0 24px;margin-bottom:12px}#experience #xp-guide-note+.text-link{margin:0 24px 22px;font-size:11px}
#modal #xp-new-task{max-width:620px}#modal #xp-new-task label{display:flex;flex-direction:column;gap:7px;color:#b8cbbf;font-size:12px;margin:13px 0}#modal #xp-new-task input,#modal #xp-new-task select{background:#0e2025;color:#e1e6d7;padding:12px;border:1px solid #6f857455;border-radius:5px;width:100%;font:inherit;color-scheme:dark}#modal #xp-new-task .xp-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:1200px){#experience .xp-columns{grid-template-columns:1fr}#experience .xp-product-grid{grid-template-columns:1fr 1fr}#experience .xp-work-card{grid-template-columns:75px 1fr 120px}}
@media(max-width:700px){#experience .xp-nav-group{display:none}#experience #app-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}#experience #app-nav button{flex:0 0 auto}#experience .xp-case-list button{flex-basis:145px}#experience .xp-grid,#experience .xp-product-grid{grid-template-columns:1fr}#experience .xp-task-detail{padding:16px}#experience .xp-controls{gap:12px}#experience .xp-controls label{max-width:none;flex-basis:100%}#experience .app-screen-title{flex-direction:column;align-items:flex-start}#experience .xp-work-card{grid-template-columns:58px 1fr;gap:12px;padding:13px}#experience .xp-work-card>span:last-child{grid-column:2}#experience .xp-columns{gap:15px}#experience .xp-pills button{font-size:9px;padding:9px}#experience .xp-case-heading b{font-size:14px}#experience .xp-task-head{flex-direction:column}#experience .xp-status-row .chip{font-size:9px}#experience .app-actions .app-button{width:100%;justify-content:center}#experience .xp-tools .app-button{width:auto}#experience .metric-box .xp-money{font-size:18px}#modal #xp-new-task .xp-grid{grid-template-columns:1fr}}