.workspace-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;border:1px solid #d9d9f2;border-radius:18px;background:linear-gradient(115deg,#eeedff 0%,#f4f2ff 48%,#e8f6f3 100%);margin:8px 0 32px}
.workspace-hero h1{color:#30295d;font-size:38px}.workspace-hero .eyebrow{color:#64568c}.workspace-hero .lead{color:#56536e}.workspace-status{background:#ffffffbf;border:1px solid #d4e6df;border-radius:30px;padding:10px 15px;color:#355e50;font-size:12px;white-space:nowrap}.workspace-status>span{display:inline-block;width:8px;height:8px;background:#29936c;border-radius:50%;margin-right:6px}
.workspace-section{margin:32px 0}.workspace-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.workspace-section-heading h2{margin:0;font-size:21px}.workspace-section-heading p{margin:0;color:#69716e;font-size:13px}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tone-violet{--tone:#6541b4;--tint:#f2ecff;--edge:#daccf4}.tone-amber{--tone:#936012;--tint:#fff4da;--edge:#ead5a6}.tone-blue{--tone:#285aa7;--tint:#eaf2ff;--edge:#c9dbf3}.tone-teal{--tone:#147261;--tint:#e4f6f0;--edge:#bde4d8}.tone-coral{--tone:#ab4b32;--tint:#fff0e9;--edge:#f0cfc1}
.workspace-card{border:1px solid var(--edge);border-top:4px solid var(--tone);border-radius:12px;padding:25px;background:linear-gradient(180deg,var(--tint),#fff 150px);display:flex;flex-direction:column;box-shadow:0 3px 10px #28354804}.workspace-card-top{display:flex;align-items:center;gap:11px}.workspace-marker{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border-radius:10px;background:var(--tone);color:#fff;font-size:22px;font-weight:700}.workspace-tag{color:var(--tone);font-size:11px;font-weight:700;letter-spacing:.025em}.workspace-card h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:19px 0 10px}.workspace-card h3 a{text-decoration:none}.workspace-card h3 a:hover{color:var(--tone);text-decoration:underline}.workspace-card p{color:#606c65;line-height:1.7;margin:0 0 24px;max-width:600px}.workspace-card-footer{display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin-top:auto}.workspace-card-footer small{color:#747b77;font-size:11px}.workspace-action{display:inline-flex;justify-content:space-between;gap:24px;background:var(--tone);color:white;border-radius:7px;padding:10px 14px;text-decoration:none;font-size:13px;font-weight:650}.workspace-action:hover{filter:brightness(.92)}.workspace-card-wide{flex-direction:row;align-items:center;justify-content:space-between;gap:28px}.workspace-card-wide p{margin-bottom:0}.workspace-card-wide .workspace-card-footer{margin:0;flex-shrink:0}
.guide-hero{margin-bottom:24px}.guide-hero .button{background:#6541b4;border-color:#6541b4}.guide-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:28px;align-items:start}.guide-toc{position:sticky;top:20px;background:#fff;border:1px solid #dcdfe8;border-radius:12px;padding:20px}.guide-toc>strong{display:block;color:#655584;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.guide-toc a{display:block;text-decoration:none;color:#545b68;font-size:12px;padding:8px 0;border-bottom:1px solid #f0f0f5}.guide-toc a:last-child{border-bottom:0}.guide-toc a:hover{color:#6541b4}.guide-content{min-width:0}.guide-section{background:white;border:1px solid #dde1e8;border-radius:12px;padding:28px;margin-bottom:20px;scroll-margin-top:20px}.guide-section>h2{margin:0 0 18px;font-size:24px;color:#383052}.guide-section h3{margin:26px 0 10px;font-size:17px;color:#35483f}.guide-section p,.guide-section li{color:#55615b;line-height:1.8}.guide-section li+li{margin-top:8px}.guide-section ul,.guide-section ol{padding-left:24px}.guide-section a{color:#60419f}.guide-section code{font-size:12px;overflow-wrap:anywhere;background:#f4f3f9;padding:2px 4px;border-radius:4px;color:#564478}.guide-section pre{background:#242337;color:#eeeeff;border:1px solid #353349;border-radius:8px;padding:20px;overflow:auto;font-size:12px;line-height:1.75;max-width:100%}.guide-section pre code{background:transparent;padding:0;color:inherit;overflow-wrap:normal}.guide-note{background:#f1ecfb;border-left:3px solid #9274c8;padding:14px 18px;border-radius:0 7px 7px 0;margin:18px 0;color:#544575;line-height:1.8}.guide-note.amber{background:#fff6e2;border-color:#d09b35;color:#725a2b}.guide-stats{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.guide-stats span{background:#f1f5f3;padding:10px 13px;border-radius:7px;color:#52645b;font-size:12px}.guide-stats b{font-size:19px;color:#3b6652;margin-right:5px}.guide-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}.guide-flow>div{background:#f3f0fb;border:1px solid #e0d7f1;border-radius:9px;padding:15px;color:#5b477a;font-size:12px;line-height:1.7}.guide-flow strong{display:block;margin-bottom:6px;font-size:14px}.guide-flow small{display:block;color:#736583}.guide-section table{font-size:12px;line-height:1.7}.guide-section td,.guide-section th{padding:12px}.guide-section th:first-child{width:28%}.guide-section .table-scroll{border:1px solid #e4e5eb;border-radius:8px;margin:18px 0}.guide-file{margin:12px 0;border:1px solid #e0e4e9;border-radius:9px;padding:16px;scroll-margin-top:20px}.guide-file summary{cursor:pointer;color:#504666;font-weight:650}.guide-file summary small{font-weight:400;display:block;margin-top:5px;color:#727b76}.guide-file .table-scroll{margin-bottom:0}.guide-file:target{border-color:#9274c8}.guide-source-path{display:block;overflow-wrap:anywhere;margin:4px 0}
@media(max-width:1100px){.workspace-hero{align-items:flex-start;flex-direction:column}.workspace-section-heading{align-items:flex-start;flex-direction:column;gap:5px}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:18px}.guide-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.workspace-hero{padding:24px}.workspace-hero h1{font-size:30px}.workspace-status{white-space:normal}.workspace-grid{grid-template-columns:1fr}.workspace-card{padding:21px}.workspace-card-wide{align-items:flex-start;flex-direction:column;gap:22px}.workspace-card-wide .workspace-card-footer{flex-shrink:1}.guide-layout{grid-template-columns:1fr}.guide-toc{position:static}.guide-toc a{display:inline-block;margin-right:14px}.guide-section{padding:20px}.guide-section>h2{font-size:22px}.guide-section table{min-width:650px}.guide-section pre{padding:14px}.guide-hero .button{white-space:normal}}
@media(max-width:420px){.guide-flow{grid-template-columns:1fr}}
.division-heading{margin:8px 0 20px}.division-layout{grid-template-columns:245px minmax(0,1fr)}.division-nav a{display:flex;justify-content:space-between;align-items:center;gap:10px}.division-nav a b{font-size:11px;color:#655584;background:#f2edf9;border-radius:5px;padding:2px 7px}.division-group{background:#fff;border:1px solid #dce2e8;border-radius:12px;overflow:hidden;margin-bottom:24px;scroll-margin-top:20px}.division-group-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;background:#edf5f1;border-bottom:1px solid #dce7e0}.division-group-heading h2{margin:0 0 5px;color:#2d5844;font-size:22px}.division-group-heading code{font-size:11px;color:#6d7c74}.division-review .division-group-heading{background:#fff5e2}.division-review .division-group-heading h2{color:#8c6322}.division-table th:first-child,.division-table th:nth-child(2){width:25%}.division-table th:last-child{width:50%}.division-table td{padding:16px;font-size:13px}.division-table td>strong{font-weight:600}.division-key{display:block;margin-top:6px;font-size:10px;color:#8a918d}.division-source{margin-bottom:8px}.division-source:last-child{margin-bottom:0}.division-source>span{font-size:10px;color:#68776e;display:block}.division-source>code{font-size:11px;color:#56675e;overflow-wrap:anywhere}.division-note{font-size:11px;color:#80652f;margin:10px 0 0}.division-table .badge{display:block;width:fit-content;margin-top:8px}.division-group:target{border-color:#92b5a1}@media(max-width:800px){.division-layout{grid-template-columns:1fr}.division-nav a{display:flex}.division-table{min-width:650px}.division-group-heading{padding:16px}.division-heading .heading-actions{max-width:100%}.division-heading .button{white-space:normal}}