#root{box-sizing:border-box;font-family:Work Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:300;line-height:1.5;max-width:800px;min-width:320px;margin:auto;padding:0 1rem}body{display:flex;flex-direction:column;margin:0;min-height:100vh}a{color:#000;text-decoration:none}h1,h2,h3{font-family:Manrope;font-optical-sizing:auto;font-style:normal;margin:0}h1{color:#1c8246;font-size:3em;font-weight:800;line-height:1}h2{font-weight:600;margin-bottom:1rem}h3{font-size:1.2rem;font-weight:600;line-height:1.3}p{margin:0}header{margin:5rem 0}.footer-div{align-items:center;display:flex;flex-direction:column;font-size:.8rem;height:50px;justify-content:end}.footer-text{margin-top:auto}.header-div{align-items:center;display:flex;justify-content:center;text-align:center}.logo{height:3rem;margin-right:2rem}.card{border-radius:3px;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;margin-bottom:2rem;padding:1rem}.comment-count{border:1px solid #1c8246;border-radius:10px;color:#000;font-weight:400;padding:.2rem .5rem}.comment-title{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.comment-title h2{margin-bottom:0}.divider-bars{color:#000;font-weight:400}.masthead{display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem;margin-bottom:1rem}.masthead-combined{display:flex;justify-content:space-between}.metadata{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.pill{align-content:center;border:1px solid #1c8246;border-radius:10px;display:inline-block;font-size:.7rem;line-height:1;padding:.3rem .6rem}.pill-div{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-top:1rem}.article-card-content{display:flex;flex:1;flex-direction:column;justify-content:space-between}.article-card-header{align-items:stretch;border-radius:3px;display:flex;justify-content:space-between}.article-card-image,.article-detail-image{border-radius:3px;display:block;object-fit:cover;object-position:center}.article-card-image{aspect-ratio:1 / 1;margin-right:1rem;width:100px}.article-detail-image{aspect-ratio:16 / 9;margin-bottom:1rem;width:100%}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 200,"GRAD" 0,"opsz" 20}.thumb-button{background-color:#fff;font-size:1.2rem}.thumb-button:hover{color:#1c8246}.vote-number{border:1px solid #1c8246;border-radius:10px;color:#000;padding:.2rem .5rem}.voting-div{align-items:center;display:flex;gap:.2rem;justify-content:flex-end;margin-top:1rem}.comment{font-size:.9rem}.delete-container{animation:fadeOut 5s forwards;background-color:#1c824627;border-left:2px solid #1c8246;margin:1rem 0;padding:1rem}.delete-div{display:flex;justify-content:flex-end;margin-top:1rem}.delete-msg{color:#000;font-weight:400;margin:0}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}form{margin-bottom:4rem}.input-and-button-div{display:flex;gap:1rem;margin-top:.5rem}.input-and-button-div button,button{align-items:center;background-color:#fff;border:1px solid #1c8246;border-radius:3px;padding:.3rem 1rem}button:hover{background-color:#1c8246}input{border:2px solid transparent;border-radius:3px;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;padding:12px;width:100%}input:focus{border:2px solid #1c8246;outline:none}.drop-down{display:flex;flex-direction:column;gap:.5rem}.drop-down-container{align-items:flex-end;display:flex;flex-direction:row;gap:.5rem}.drop-down-container .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 20}.filter{background-color:#fff;border-radius:3px;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1rem;position:sticky;top:0;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px}.option,option{display:flex;font-weight:400;gap:10px;justify-content:flex-start;padding:5px;transition:.4s}option:hover,option:focus{background:#1c8246;color:#fff}select{align-items:center;background-color:#fff;border:1px solid #1c8246;border-radius:3px;font-size:.8rem;font-weight:400;height:33px;padding:.3rem 1rem;transition:.4s;width:120px}select,::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}select::picker-icon{color:#1c8246;transition:.4s rotate}select:open::picker-icon{rotate:180deg}.sort-arrow-span{align-items:center;background-color:#fff;border:1px solid #1c8246;border-radius:3px;display:flex;height:31px;padding:0 .4rem}.sort-arrow-span:hover{background-color:#1c8246;color:#fff}.sort-div{display:flex;flex-direction:column;gap:.5rem}.sort-div p{font-size:.8rem}.sort-section{align-items:flex-end;display:flex;gap:.2rem;justify-content:space-between}.topic-button-fill,.topic-button-outline{border:1px solid #1c8246;border-radius:3px;display:block;font-size:.8rem;font-weight:200;height:32px;padding:.5rem 1rem;text-align:center;width:90px}.topic-button-outline.active,.topic-button-outline:hover,.topic-pill:hover{background-color:#1c8246;color:#fff}.topic-pill-section{display:flex;flex-direction:row;gap:.5rem;justify-content:space-between}.topic-section{display:flex;flex-direction:column;gap:.5rem}.topic-section p,label{font-size:.8rem}.error-container{background-color:#ffe6e6;border-left:2px solid #cc0000;margin-top:1rem;padding:1rem}.error-msg{color:#c00;font-weight:400;margin:0}.error-screen{padding-top:50px;text-align:center}