.cp-intro{font-size:16px;line-height:1.55;margin:0 0 18px}.control-panel{border:2px solid #8b8d7b;background:#e2dfcd;box-shadow:inset 1px 1px #fff9e7,3px 3px #b8b7a3;padding:3px;color:#29352d}.cp-toolbar{display:flex;justify-content:space-between;gap:10px;background:#405348;color:#f0e9d4;padding:10px 12px;font:11px/1.4 var(--mono)}.cp-toolbar strong{letter-spacing:.5px}.cp-summary{margin:12px;padding:12px 14px;border:1px solid #a4a690;background:#f0ecdc;box-shadow:inset 1px 1px #fff8e5}.cp-summary h3{font:700 11px/1.4 var(--mono);margin:0 0 6px;color:#5b604e}.cp-summary p{font-size:15px;line-height:1.55;margin:0}.cp-summary b{color:#8b5538;padding:0 2px}.cp-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px;padding:0 12px 12px}.cp-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px}.cp-module{font:700 12px/1.35 var(--mono);color:#303a30;border:1px solid transparent;background:transparent;padding:9px 5px;cursor:pointer;display:flex;align-items:center;flex-direction:column;gap:7px;min-height:95px}.cp-module:hover{background:#ece8d6;border-color:#b2b39e}.cp-module[aria-pressed=true]{background:#ccd3bc;border:1px solid #64775f;box-shadow:inset 1px 1px #eff2de}.cp-module:focus-visible{outline:3px solid #8b5538;outline-offset:1px}.cp-icon{display:block;width:42px;height:42px;background:#d2d8c0;border:1px solid #76816c;box-shadow:2px 2px #b0b39d;padding:4px;color:#405348}.cp-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;shape-rendering:crispEdges}.cp-icon-1,.cp-icon-6{background:#ded0ac;color:#755b37;border-color:#9b8862}.cp-icon-2,.cp-icon-5{background:#ccd4d0;color:#475e64;border-color:#81958e}.cp-icon-3,.cp-icon-4{background:#e4d8be;color:#775f47;border-color:#a18e73}.cp-detail{background:#f0ecdc;border:1px solid #9c9e88;box-shadow:inset 1px 1px #fff8e5;padding:14px;align-self:start;min-height:260px}.cp-detail-heading{display:flex;justify-content:space-between;gap:8px;font:10px/1.5 var(--mono);border-bottom:1px solid #b6b6a0;padding-bottom:9px}.cp-active{color:#435d43;font-weight:700}.cp-active:before{content:'';display:inline-block;width:6px;height:6px;background:#657d54;margin-right:5px}.cp-detail h3{font-size:21px;line-height:1.2;margin:15px 0 10px}.cp-detail p{font-size:15px;line-height:1.55;margin:0 0 14px}.cp-detail ul{padding-left:18px;margin:0}.cp-detail li{font-size:14px;line-height:1.5;margin:8px 0}.cp-footer{border-top:1px solid #a5a78e;padding:9px 12px;display:flex;justify-content:space-between;gap:8px;font:10px/1.5 var(--mono)}@media(max-width:600px){.cp-toolbar{flex-wrap:wrap}.cp-workspace{grid-template-columns:1fr}.cp-modules{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-module{font-size:11px;min-height:92px}.cp-detail{min-height:0}.cp-footer{flex-wrap:wrap}.cp-summary p{font-size:15px}}@media(max-width:380px){.cp-modules{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Original office-era desktop: deep blue workspace and illustrated pixel utility icons. */
.control-panel{background:#244b72;border-color:#728293;box-shadow:inset 1px 1px #d9decc,3px 3px #b8b7a3}.cp-toolbar{background:#163a60;border-bottom:1px solid #7290a7;color:#f4eddb}.cp-workspace{gap:14px}.cp-modules{gap:8px}.cp-module{color:#f5efdc;text-shadow:1px 1px #163149;min-height:109px;font-size:12px}.cp-module:hover{background:#315c83;border-color:#7d99ae}.cp-module[aria-pressed=true]{background:#365f86;border-color:#c8d6d2;box-shadow:inset 1px 1px #6c8aa0}.cp-module:focus-visible{outline-color:#efd69a}.cp-icon{width:50px;height:50px;background:transparent;border:0;box-shadow:none;padding:3px;color:inherit}.cp-icon svg{stroke:none;fill:none;shape-rendering:crispEdges;filter:drop-shadow(2px 2px 0 #14334d)}.cp-detail{border:2px solid #8a918c;box-shadow:inset 1px 1px #fff8e5,3px 3px #16344c;padding:0 14px 14px}.cp-detail-heading{background:#e0ddcb;border-bottom:1px solid #a4a48e;margin:0 -14px;padding:9px 10px}.cp-footer{background:#dfdfcc;border-top-color:#9ea58f;color:#35423d}.cp-summary{border-color:#a3ab9d}.cp-summary h3{color:#40566a}@media(max-width:600px){.cp-modules{gap:5px}.cp-module{font-size:11px;min-height:104px}.cp-icon{width:48px;height:48px}}