#article-grid{align-items:stretch;margin:40px 0;display:grid}#article-grid .article-grid-item{flex-direction:column;height:100%;display:flex}.article-item-wrapper{flex-direction:column;width:100%;height:100%;display:flex}.article-grid-2{grid-gap:28px;grid-template-columns:repeat(2,1fr)}.article-grid-3{grid-gap:28px;grid-template-columns:repeat(3,1fr)}.article-grid-4{grid-gap:24px;grid-template-columns:repeat(4,1fr)}.article-grid-5{grid-gap:24px;grid-template-columns:repeat(5,1fr)}.article-grid-6{grid-gap:20px;grid-template-columns:repeat(6,1fr)}@media only screen and (max-width:1200px){.article-grid-5,.article-grid-6{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:1024px){.article-grid-5,.article-grid-6{grid-template-columns:repeat(3,1fr)}.article-grid-4{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:768px){.article-grid-2,.article-grid-3,.article-grid-4,.article-grid-5,.article-grid-6{grid-gap:16px;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:480px){.article-grid-2,.article-grid-3,.article-grid-4,.article-grid-5,.article-grid-6{grid-gap:12px;grid-template-columns:repeat(1,1fr)}}#article-grid .article-edit-button{margin-top:20px}#article-grid .article-edit-button div{margin:0 5px;display:inline-block}#article-grid .article-url{margin:10px 0}.article{background:linear-gradient(#fff,#fffaf8);border:1px solid #f2e3de;border-radius:18px;flex-direction:column;flex:1;width:100%;height:auto;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 16px 32px #1414140f}.article:hover{transform:translateY(-2px);box-shadow:0 20px 36px #14141417}.article h1{color:#3f3f3f;text-transform:uppercase;letter-spacing:.04em;margin-top:0;margin-bottom:8px;font-size:19px}.article h1:first-child,.article h2:first-child{margin-top:16px}.article h2{color:#8e8e8e;margin-top:0;margin-bottom:8px;font-size:14px}.article hr{border:0;border-bottom:1px solid #90909040;margin:12px 0}.article img{aspect-ratio:4/3;object-fit:cover;object-position:center 20%;border-radius:10px;width:100%;height:auto;margin-bottom:20px}.article .article-edit,.article-create{margin-top:50px}.article label{text-align:left;margin:20px 0 10px;font-size:12px;display:block}.article textarea{height:110px}.article .article-file-upload{margin-bottom:50px}.article .article-file-upload .uploaded{margin:5px 0}.article .article-file-upload input{margin-bottom:10px}.article .article-file-upload p{margin:5px 10px 5px 0;font-size:14px;display:inline-block}.article .article-file-upload .icon-button{display:inline-block}.article .save-button{margin-top:20px}.article input,.article textarea{border:1px solid #e7d5ce;border-radius:10px;width:100%;padding:9px 10px;font-family:DM Sans,sans-serif}.article input:focus,.article textarea:focus{border-color:#f27249;outline:none;box-shadow:0 0 0 3px #f2724924}.article .form-info p{color:red;text-align:center;font-size:12px}.article-link-button{margin-top:10px}@media only screen and (max-width:800px){.article-grid-2,.article-grid-3,.article-grid-4,.article-grid-6{grid-gap:20px;grid-template-columns:repeat(1,1fr)}#article-grid.article-grid-5{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;gap:12px;margin-right:-5%;padding-bottom:16px;padding-right:5%;display:flex;overflow:auto hidden}#article-grid.article-grid-5::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}#article-grid.article-grid-5::-webkit-scrollbar-track{background:0 0;border:none}#article-grid.article-grid-5 .article-grid-item{scroll-snap-align:start;flex:0 0 70%}#article-grid.article-grid-5 .article{padding:16px}#article-grid.article-grid-5 .article img{aspect-ratio:4/3;height:auto;margin-bottom:12px}#article-grid.article-grid-5 .article h1{margin-bottom:2px;font-size:15px}#article-grid.article-grid-5 .article h2{margin-bottom:4px;font-size:11px}#article-grid.article-grid-5 .article hr{margin:8px 0}#article-grid.article-grid-5 .formatted-text p{font-size:13px;line-height:1.4}.article{border-radius:14px;padding:18px}.article img{aspect-ratio:4/3;height:auto;margin-bottom:14px}.article h1{font-size:17px}#article-grid{margin:24px 0 0}#article-grid .article-edit-button{margin-top:12px}}@media only screen and (max-width:480px){.article{border-radius:12px;padding:14px}.article img{aspect-ratio:4/3;border-radius:8px;height:auto}}