nav.home-nav ul{display:grid;grid-template-columns:1fr;gap:1rem;list-style:none;padding:0;margin:0}nav.home-nav ul li a{display:block;background-color:#f0f0f0;border:2px solid #ccc;border-radius:8px;padding:1rem;text-align:center;transition:background-color .3s ease;text-decoration:none;color:var(--text-color);font-weight:700}nav.home-nav ul li a:hover{border-color:#000;background-color:#e0e0e0;color:var(--text-color)}.model-output pre{overflow-y:auto;background-color:#f5f5f5;padding:1rem;margin:1rem;border:1px solid #e0e0e0;font-family:Courier New,Courier,monospace}.generate-text-output .result{display:block;outline:thin solid black;min-height:4rem;padding:1rem}div.generated-question{border:1px solid #ccc;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}div.generated-question p.question-text{font-weight:700;margin-bottom:1rem}div.generated-question fieldset.radio-group{border:thin solid #ccc}div.generated-question fieldset.radio-group legend{font-weight:700;border:thin solid #ccc;border-radius:4px;padding:.5rem}div.generated-question fieldset.radio-group .radio-option{display:flex;flex-direction:row;align-items:center;border:thin solid transparent;border-radius:4px;margin:0;padding:.5rem}div.generated-question fieldset.radio-group .radio-option .label-text{flex:1;margin:0 0 0 .5rem}div.generated-question fieldset.radio-group .radio-option:hover{background-color:#f0f0f0;border:thin solid #000}ol.chat-messages{list-style:none;margin:0;padding:0}ol.chat-messages .template{display:none}ol.chat-messages .message-role{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}ol.chat-messages li.role-assistant{padding-bottom:1.5rem;border-bottom:1px solid #eee}ol.chat-messages li.role-user{text-align:right}ol.chat-messages li.role-user .message-content{max-width:80%;background-color:#daf1da;display:inline-block;border-radius:10px;padding:1.5rem}ol.chat-messages li{margin-bottom:1.5rem}nav.main-nav{margin:0;padding:0;background-color:#f8f8f8;border-bottom:1px solid #ccc;box-shadow:0 1px 2px #0000001a}nav.main-nav ul{width:calc(var(--content-width) + 2rem);max-width:calc(var(--content-max-width) + 2rem);margin:0 auto;padding:0;list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}nav.main-nav ul li{margin:0;padding:0}nav.main-nav ul li.hidden{display:none}nav.main-nav ul li button{all:unset}nav.main-nav ul li a,nav.main-nav ul li button{display:block;padding:.5rem;margin:.5rem;text-decoration:none;color:var(--text-color);font-weight:700}:is(nav.main-nav ul li a,nav.main-nav ul li button):hover{color:#000}:is(nav.main-nav ul li a,nav.main-nav ul li button):focus{outline:2px auto}html{font-size:62.5%;text-size-adjust:100%;font-family:Helvetica,sans-serif}html,body{margin:0;padding:0}body{font-size:1.6rem;--text-color: #484848;--content-width: calc(100% - 3rem) ;--content-max-width: 50rem}main{width:var(--content-width);max-width:var(--content-max-width);margin:0 auto;color:var(--text-color)}form label{display:block;margin-bottom:1rem}form label>.label-text{font-weight:700;display:block;margin-bottom:.5rem}form textarea{display:block;width:100%}form .form-bottom{margin:1rem 0;display:flex;justify-content:space-between;flex-direction:row;align-items:flex-start;gap:1rem}form .form-bottom button{margin-top:.5rem}form .form-bottom p{margin:0;flex:1}