/* QA / demo result: preserve line breaks and allow long words to wrap */
.result{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.result .response-section{white-space:pre-wrap}
@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.13.1/font/bootstrap-icons.min.css";@keyframes fadeIn{from{opacity:0}to{opacity:1}}body{font-size:16px;color:#2b3f6c;background-color:#e9f4fc}a{text-decoration:none;color:inherit}.container{margin-right:auto;margin-left:auto;width:90%;max-width:1024px}.img-wrap img{display:block}.wrapper{position:relative;display:flex;flex-direction:column;min-height:100dvh;overflow:hidden}.bg-text{position:absolute;right:0;bottom:-0.1em;white-space:nowrap;font-family:"Playfair Display",serif;font-size:12vw;font-weight:900;color:rgba(255,255,255,.7)}@media only screen and (max-width: 768px){.bg-text{bottom:30px}}.header{position:sticky;top:0;z-index:99;background-color:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(43,63,108,.1);box-shadow:rgba(26,118,179,.15) 0px 16px 48px 0px}.header-logo{position:relative;width:auto;height:clamp(36px,8vw,48px)}.header-logo img{display:block;width:auto;height:100%}.header-nav ul{margin-bottom:0;padding-left:0}.header-nav li{display:inline-block}.header-nav-item{display:flex;align-items:center;padding:1em;display:block;font-size:1rem;color:#2b3f6c}.header-nav-item .img-icon{width:1.25em}.header-container{display:flex;justify-content:space-between;align-items:center;padding-top:.5em;padding-bottom:.5em}.nav-toggle{display:none;width:32px;height:32px;position:fixed;top:clamp(.65rem,2.5vw,1rem);right:1em;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}.nav-toggle span{display:block;position:absolute;height:3px;width:100%;background:linear-gradient(90deg, rgb(47, 173, 225) 0%, rgb(78, 173, 107) 100%);border-radius:8em;opacity:1;left:0;transform:translateY(-50%) rotate(0deg);transition:.25s ease-in-out}.nav-toggle span:nth-child(1){top:calc(50% - 8px);transform-origin:left center}.nav-toggle span:nth-child(2){top:50%;transform-origin:left center}.nav-toggle span:nth-child(3){top:calc(50% + 8px);transform-origin:left center}.nav-toggle.active span:nth-child(1){top:calc(50% - 16px);transform:rotate(45deg)}.nav-toggle.active span:nth-child(2){width:0%;opacity:0}.nav-toggle.active span:nth-child(3){top:calc(50% + 7px);transform:rotate(-45deg)}@media only screen and (max-width: 768px){.header-nav{display:none;position:fixed;inset:0;padding:3em 0;height:100vh;overflow-y:auto;background-color:#fff;opacity:0}.header-nav li{display:block;border-bottom:1px solid rgba(43,63,108,.1)}.header-nav-item{font-size:1.125rem}.header-nav.active{display:block;animation-delay:.01s;animation-name:fadeIn;animation-duration:.5s;animation-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1);animation-fill-mode:both}.nav-toggle{display:block}}.footer{position:relative;z-index:1;margin-top:auto;background:linear-gradient(90deg, rgb(47, 173, 225) 0%, rgb(78, 173, 107) 100%)}.footer-container{padding:1em 0;text-align:center;font-size:.875rem;color:#fff}.page-logo{margin:0 auto 2em;display:block;width:80%;max-width:200px}.page-heading{font-size:clamp(1.125rem,3vw,1.25rem);font-weight:500;letter-spacing:.05em;line-height:1.5}.page-container{position:relative;z-index:1;margin-right:auto;margin-left:auto;padding:2em 1em 5em 1em;width:100%}.page-container.container{max-width:768px}.card{color:#2b3f6c;border-radius:.65rem;border-color:rgba(43,63,108,.1);box-shadow:rgba(26,118,179,.15) 0px 16px 48px 0px}.card-title{margin-bottom:.25em;font-size:clamp(1.125rem,3vw,1.25rem)}.card-text{font-size:.875rem}.card-option{transition:all .35s ease-in-out}.card-option .card-body{position:relative;padding:clamp(1rem,3vw,1rem) clamp(1rem,5vw,1.5rem)}.card-option p{margin-bottom:0}.card-option i.bi{position:absolute;top:50%;right:1rem;font-size:1.25em;color:rgba(43,63,108,.2);transform:translateY(-50%);transition:all .35s ease-in-out}.card-option:hover i.bi{color:#2b3f6c;transform:translateX(2px) translateY(-50%)}.card .img-icon{display:block;width:1.5rem}.tt-query{box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.tt-hint{width:100%;height:100%}.tt-menu{width:100%;padding:.5em 0;background-color:#fff;border:1px solid rgba(43,63,108,.1);border-radius:.65rem;box-shadow:rgba(26,118,179,.15) 0px 16px 48px 0px}.tt-suggestion{padding:3px 20px;font-size:18px;line-height:24px}.tt-suggestion:hover{cursor:pointer;color:rgba(43,63,108,.8)}.tt-suggestion p{margin:0}.gist{font-size:.875rem}.twitter-typeahead{width:100%}.form-label{margin-bottom:.25em;font-size:.875rem}.form-control{padding:.75em;color:#2b3f6c}.form-control::-moz-placeholder{color:rgba(43,63,108,.5)}.form-control::placeholder{color:rgba(43,63,108,.5)}.form-select{padding:.75em;color:#2b3f6c}.btn{padding:.75rem}.btn-primary{--bs-btn-bg: #2B3F6C;--bs-btn-border-color: #1b2745;--bs-btn-hover-bg: #1b2745;--bs-btn-hover-border-color: #1b2745;--bs-btn-active-bg: #2B3F6C;--bs-btn-active-border-color: #2B3F6C}.btn-primary:hover{transform:translateY(-1px);box-shadow:rgba(17,12,46,.15) 0px 16px 48px 0px}.btn-outline-gradient{position:relative;padding:0;border-color:rgba(0,0,0,0) !important}.btn-outline-gradient>span{display:block;padding:.75rem;width:100%;height:100%;position:relative;z-index:1;font-weight:600;background-color:#f2f3f5;border-radius:4em;transition:all .25s ease-in-out}.btn-outline-gradient>span span{background:linear-gradient(90deg, rgb(47, 173, 225) 0%, rgb(78, 173, 107) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.btn-outline-gradient:after{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:0;content:"";width:calc(100% + 4px);height:calc(100% + 4px);background:linear-gradient(90deg, rgb(47, 173, 225) 0%, rgb(78, 173, 107) 100%);border-radius:4em}.btn-outline-gradient:hover>span{background-color:rgba(0,0,0,0)}.btn-outline-gradient:hover>span span{background:#f2f3f5;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.result-container{padding:clamp(1rem,3.5vw,2rem);background-color:hsla(0,0%,100%,.7);border-radius:clamp(.65rem,2.5vw,1rem)}.result-container p{line-height:1.8}.result-container p:last-child{margin-bottom:0}.iframe-container{position:relative;width:100%;padding-top:65%}.iframe-container iframe{position:absolute;inset:0;width:100%;height:100%}

/* Make example queries show pointer and provide hover/focus affordance */
.example-query{cursor:pointer}
.example-query:focus,.example-query:hover{background-color:#eef6fb;outline:none}
.example-query:focus{box-shadow:0 0 0 .15rem rgba(47,173,225,.18)}

/*# sourceMappingURL=styles.min.css.map */