@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#181818;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#f3f0e7;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:#f3f0e7;min-height:100dvh}button,input{font:inherit}button{color:inherit}::selection{color:#181818;background:#ffdf43}:focus-visible{outline-offset:3px;outline:3px solid #1769ff}:root{--paper:#f3f0e7;--paper-deep:#e8e3d6;--ink:#181818;--yellow:#ffdf43;--pink:#ff74b8;--blue:#83b6ff;--white:#fffdf8;--line:3px solid var(--ink);--shadow:5px 5px 0 var(--ink);--shadow-small:3px 3px 0 var(--ink);--mono:"IBM Plex Mono", monospace}#root{min-height:100dvh}button{-webkit-tap-highlight-color:transparent}.page{flex-direction:column;width:min(100%,980px);height:100dvh;min-height:540px;margin:0 auto;padding:0 30px;display:flex}.header{border-bottom:var(--line);flex:none;padding:25px 0 21px;position:relative}.header:before{content:"MUJ  /  POLICY DESK";font:700 11px/1 var(--mono);letter-spacing:.13em;margin:0 0 15px 2px;display:block}.header h1{border:var(--line);background:var(--yellow);max-width:100%;box-shadow:var(--shadow);letter-spacing:-.065em;text-transform:uppercase;margin:0;padding:8px 15px 10px;font-size:clamp(1.65rem,4.4vw,2.65rem);font-weight:700;line-height:.98;display:inline-block}.header p{max-width:610px;margin:19px 0 16px 2px;font-size:1rem;font-weight:500;line-height:1.45}.header-links{flex-wrap:wrap;gap:10px;display:flex}.link-button,.example-chip,.composer button,.panel-close,.copy-answer-button{border:var(--line);color:var(--ink);cursor:pointer;border-radius:2px;font-weight:700}.link-button{min-height:42px;box-shadow:var(--shadow-small);font:700 .72rem/1.2 var(--mono);letter-spacing:.025em;text-transform:uppercase;padding:8px 12px;transition:transform .12s,box-shadow .12s}.link-button:first-child{background:var(--pink)}.link-button:last-child{background:var(--blue)}.link-button:hover,.example-chip:hover:not(:disabled),.composer button:hover:not(:disabled),.panel-close:hover,.copy-answer-button:hover,.link-button:active,.example-chip:active:not(:disabled),.composer button:active:not(:disabled),.panel-close:active,.copy-answer-button:active{box-shadow:none;transform:translate(3px,3px)}.chat{overscroll-behavior:contain;scrollbar-color:var(--ink) transparent;scrollbar-width:thin;flex-direction:column;flex:auto;gap:19px;min-height:0;padding:28px 5px 30px;display:flex;overflow-y:auto}.empty-state{text-align:left;width:min(100%,640px);margin:auto;padding:24px 0}.empty-state>p{background:var(--ink);color:var(--white);font:700 .75rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 17px 1px;padding:5px 9px;display:inline-block}.examples{align-items:stretch;gap:12px;display:grid}.example-chip{background:var(--white);width:100%;max-width:610px;min-height:54px;box-shadow:var(--shadow-small);text-align:left;flex-direction:column;gap:8px;padding:12px 16px;font-size:.95rem;line-height:1.35;transition:transform .12s,box-shadow .12s;display:flex}.example-chip:nth-child(2){background:var(--pink)}.example-chip:nth-child(3){background:var(--blue)}.example-chip:nth-child(4){background:var(--white)}.example-chip:nth-child(5){background:var(--yellow)}.example-topic{border:2px solid var(--ink);background:var(--ink);width:fit-content;color:var(--white);font:700 .64rem/1.15 var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:3px 6px}.example-question{display:block}.example-chip:disabled{opacity:.55;cursor:not-allowed}.message{border:var(--line);width:fit-content;max-width:min(78%,650px);box-shadow:var(--shadow-small);overflow-wrap:anywhere;border-radius:2px;padding:14px 16px;font-size:.98rem;line-height:1.5;animation:.2s ease-out both arrive}@keyframes arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.message-text{white-space:pre-wrap;margin:0}.markdown p{margin:0 0 10px}.markdown p:last-child{margin-bottom:0}.markdown ul,.markdown ol{margin:7px 0 9px;padding-left:1.35em}.markdown li{margin:4px 0;padding-left:2px}.markdown strong{text-underline-offset:2px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.markdown code{border:1px solid var(--ink);background:var(--paper-deep);font-family:var(--mono);padding:1px 4px;font-size:.84em}.message-user{background:var(--yellow);align-self:flex-end}.message-assistant{background:var(--white);align-self:flex-start}.message-error{background:#ffd5df;align-self:flex-start}.not-found-badge{border:2px solid var(--ink);background:var(--paper-deep);width:fit-content;box-shadow:2px 2px 0 var(--ink);font:700 .69rem/1.2 var(--mono);letter-spacing:.035em;text-transform:uppercase;margin:0 0 10px;padding:4px 7px;display:block}.sources{border-top:2px solid var(--ink);flex-wrap:wrap;gap:7px;margin-top:13px;padding-top:10px;display:flex}.source-chip{border:2px solid var(--ink);background:var(--white);max-width:100%;box-shadow:2px 2px 0 var(--ink);font:600 .7rem/1.35 var(--mono);overflow-wrap:anywhere;border-radius:2px;padding:4px 7px}.message-actions{flex-wrap:wrap;align-items:center;margin-top:11px;display:flex}.copy-answer-button{background:var(--yellow);min-height:34px;box-shadow:var(--shadow-small);font:700 .64rem/1.2 var(--mono);letter-spacing:.025em;text-transform:uppercase;padding:6px 9px;transition:transform .12s,box-shadow .12s}.message-loading{align-items:center;gap:7px;min-width:83px;padding:17px 18px;display:flex}.dot{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;width:9px;height:9px;animation:.9s ease-in-out infinite dot-bounce}.dot:nth-child(2){background:var(--pink);animation-delay:.12s}.dot:nth-child(3){background:var(--blue);animation-delay:.24s}@keyframes dot-bounce{0%,70%,to{opacity:.55;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}.composer{z-index:1;border-top:var(--line);background:var(--paper);flex:none;gap:12px;padding:15px 0 20px;display:flex;position:relative}.composer input{border:var(--line);background:var(--white);min-width:0;min-height:54px;box-shadow:var(--shadow-small);color:var(--ink);border-radius:2px;outline:none;flex:1;padding:12px 15px;font-size:1rem}.composer input:focus{box-shadow:5px 5px 0 var(--blue)}.composer input::placeholder{color:#67645d;opacity:1}.composer input:disabled{background:var(--paper-deep)}.composer button{background:var(--pink);min-width:100px;box-shadow:var(--shadow-small);font:700 .78rem/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:2px;padding:0 18px;transition:transform .12s,box-shadow .12s}.composer button:disabled{box-shadow:none;cursor:not-allowed;color:#69655e;background:#d5d0c6}.panel-overlay{z-index:10;background:#181818b8;justify-content:center;align-items:center;padding:20px;animation:.16s ease-out both fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel{border:4px solid var(--ink);background:var(--white);width:min(100%,560px);max-height:min(82dvh,720px);box-shadow:8px 8px 0 var(--yellow);border-radius:2px;padding:23px 25px 26px;overflow-y:auto}.panel-header{border-bottom:var(--line);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding-bottom:15px;display:flex}.panel-header h2{background:var(--yellow);letter-spacing:-.045em;text-transform:uppercase;margin:0;padding:4px 7px;font-size:clamp(1.35rem,5vw,1.85rem);line-height:1.05}.panel-close{background:var(--pink);width:42px;height:42px;box-shadow:var(--shadow-small);flex:none;place-items:center;padding:0;font-size:1.8rem;line-height:1;transition:transform .12s,box-shadow .12s;display:grid}.panel-list{flex-direction:column;gap:14px;margin:0;padding-left:1.3em;font-size:.96rem;line-height:1.55;display:flex}.panel-list li{padding-left:4px}.panel-list li::marker{font-size:1.15em}.panel-list strong{background:var(--yellow);font-weight:700}@media (width<=640px){.page{height:100dvh;min-height:100dvh;padding:0 17px}.header{padding:18px 0 16px}.header:before{margin-bottom:12px;font-size:10px}.header h1{box-shadow:4px 4px 0 var(--ink);letter-spacing:-.06em;padding:8px 10px}.header p{margin:15px 0 14px;font-size:.91rem}.header-links{gap:9px}.link-button{flex:auto;padding:8px 9px;font-size:.65rem}.chat{gap:15px;padding:20px 2px}.empty-state{padding:18px 1px}.example-chip{min-height:51px;padding:11px 12px;font-size:.88rem}.message{max-width:92%;padding:12px 13px;font-size:.93rem}.composer{padding:12px 0 max(14px, env(safe-area-inset-bottom));gap:9px}.composer input{min-height:51px;padding:10px 11px;font-size:.9rem}.composer input::placeholder{font-size:.86rem}.composer button{min-width:76px;padding:0 11px;font-size:.72rem}.panel-overlay{padding:14px}.panel{box-shadow:6px 6px 0 var(--yellow);padding:18px 17px 21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a.source-chip{color:inherit;text-decoration:none}a.source-chip:hover,a.source-chip:focus-visible{background:var(--ink);color:var(--white)}.doc-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.doc-view{border:2px solid var(--ink);background:var(--white);color:var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:2px;flex:none;padding:5px;display:inline-flex}.doc-view:hover,.doc-view:focus-visible{background:var(--ink);color:var(--white)}
