.PostsPage-module__P3I2TG__title-bg{background-color:var(--color-primary-dark-gray);z-index:1;width:calc(100% - 62px);height:20px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.PostsPage-module__P3I2TG__posts-title{font-size:1.5rem;line-height:var(--leading-none);font-weight:var(--font-weight-x-bold);letter-spacing:.025em;color:var(--color-primary-white);background-color:var(--color-primary-dark-gray);z-index:10;padding-block:0 10px;padding-inline:10px;position:absolute;top:8px;left:50%;transform:translate(-50%)}@media not (min-width:768px){.PostsPage-module__P3I2TG__posts-title{font-size:1rem;line-height:var(--leading-x-tight)}}.PostsPage-module__P3I2TG__posts-content-container{border:var(--border-large);border-radius:var(--border-radius-small);height:100%;padding-block:30px 25px;padding-inline:25px;position:relative}@media not (min-width:1024px){.PostsPage-module__P3I2TG__posts-content-container{padding-inline:0;overflow-y:scroll}}
.PostCard-module__yNfX_W__post-card{grid-template-rows:subgrid;color:var(--color-primary-white);background-color:var(--color-primary-brown);grid-row:span 4;display:grid}.PostCard-module__yNfX_W__post-card__link{grid-template-rows:subgrid;border:2px solid var(--color-primary-brown-light);background-color:#ae926e;grid-row:span 4;gap:12px;height:100%;padding-block:15px;padding-inline:15px;transition:border .2s ease-in-out;display:grid}.PostCard-module__yNfX_W__post-card__link:hover{border:2px solid var(--color-platform-zenn)}.PostCard-module__yNfX_W__post-card__title{text-wrap:pretty;width:fit-content;word-break:auto-phrase;font-size:1.125rem;font-weight:var(--font-weight-normal);text-shadow:1.5px 1.5px 0px var(--color-primary-black);transition:text-shadow .15s ease-in-out}@media not (min-width:1024px){.PostCard-module__yNfX_W__post-card__title{font-size:1rem}}.PostCard-module__yNfX_W__post-card__info{justify-content:space-between;align-items:center;display:flex}.PostCard-module__yNfX_W__post-card__category-box,.PostCard-module__yNfX_W__post-card__date-box{background-color:var(--color-primary-brown-dark);place-items:center;padding:2px;display:grid}.PostCard-module__yNfX_W__post-card__category,.PostCard-module__yNfX_W__post-card__date{font-size:.875rem;font-weight:var(--font-weight-x-bold);line-height:var(--leading-none);letter-spacing:.025em;border-radius:var(--matched-radius-inner-size);border:2px solid #b69973;padding-block:5.5px 6.5px;padding-inline:8.5px}.PostCard-module__yNfX_W__post-card__date{font-size:.875rem;font-weight:var(--font-weight-x-bold)}.PostCard-module__yNfX_W__post-card__site-name{text-shadow:1.25px 1.25px 0px var(--color-primary-black);align-items:center;gap:5px;margin-block-start:10px;display:flex}.PostCard-module__yNfX_W__post-card__site-name-text{font-size:.75rem;font-weight:var(--font-weight-x-bold)}.PostCard-module__yNfX_W__favicon{object-fit:contain;width:14px;height:14px;filter:drop-shadow(.5px .5px 0px var(--color-primary-black))}
.ZennPosts-module__vmvZOG__posts-container{grid-template-rows:auto auto auto 1fr;grid-template-areas:"header""line""posts-list"".";width:100%;height:100%;display:grid}.ZennPosts-module__vmvZOG__posts-header{font-size:.875rem;font-weight:var(--font-weight-normal);line-height:var(--leading-normal);grid-area:header;place-items:center;gap:5px;padding-block-end:20px;padding-inline:20px;display:grid}.ZennPosts-module__vmvZOG__posts-container-line{grid-area:line}@media not (min-width:1024px){.ZennPosts-module__vmvZOG__posts-container-line{width:calc(100% - 40px);margin-inline:auto}}.ZennPosts-module__vmvZOG__loading-indicator{text-align:center;width:100%;color:var(--color-primary-white);padding-block-start:40px;font-size:1.125rem}.ZennPosts-module__vmvZOG__error-message{text-align:center;color:var(--color-error,#ff6b6b);background-color:#ff6b6b1a;border-radius:4px;margin:20px;padding:20px;font-size:1rem}
.ZennPostsSkeleton-module__-wSoQW__skeleton-grid{grid-area:posts-list;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;padding-block:30px 20px;padding-inline:20px;display:grid;overflow-y:scroll}@media (max-width:1023px){.ZennPostsSkeleton-module__-wSoQW__skeleton-grid{overflow-y:visible}}@media (max-width:639px){.ZennPostsSkeleton-module__-wSoQW__skeleton-grid{grid-template-columns:1fr}}.ZennPostsSkeleton-module__-wSoQW__skeleton-item{grid-template-rows:subgrid;background-color:var(--color-primary-brown-dark);border-radius:var(--border-radius-small);border:3mm ridge #b69973;grid-row:span 4;padding-block:2.5px;padding-inline:2.5px;display:grid}.ZennPostsSkeleton-module__-wSoQW__skeleton-card{grid-template-rows:subgrid;border:2px solid var(--color-primary-brown-light);background-color:#ae926e;grid-row:span 4;gap:12px;min-height:150px;padding-block:15px;padding-inline:15px;display:grid}.ZennPostsSkeleton-module__-wSoQW__skeleton-title{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%) 0 0/200% 100%;border-radius:4px;width:85%;height:24px;animation:1.5s infinite ZennPostsSkeleton-module__-wSoQW__shimmer}@media (max-width:1023px){.ZennPostsSkeleton-module__-wSoQW__skeleton-title{height:20px}}.ZennPostsSkeleton-module__-wSoQW__skeleton-divider{background-color:var(--color-primary-brown-light);width:100%;height:1px}.ZennPostsSkeleton-module__-wSoQW__skeleton-info{justify-content:space-between;align-items:center;gap:10px;display:flex}.ZennPostsSkeleton-module__-wSoQW__skeleton-category,.ZennPostsSkeleton-module__-wSoQW__skeleton-date{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%) 0 0/200% 100%;border-radius:4px;height:28px;animation:1.5s infinite ZennPostsSkeleton-module__-wSoQW__shimmer}.ZennPostsSkeleton-module__-wSoQW__skeleton-category{width:60px}.ZennPostsSkeleton-module__-wSoQW__skeleton-date{width:100px}.ZennPostsSkeleton-module__-wSoQW__skeleton-platform{align-items:center;gap:5px;margin-block-start:10px;display:flex}.ZennPostsSkeleton-module__-wSoQW__skeleton-favicon{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%) 0 0/200% 100%;border-radius:2px;width:14px;height:14px;animation:1.5s infinite ZennPostsSkeleton-module__-wSoQW__shimmer}.ZennPostsSkeleton-module__-wSoQW__skeleton-platform-text{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%) 0 0/200% 100%;border-radius:2px;width:40px;height:12px;animation:1.5s infinite ZennPostsSkeleton-module__-wSoQW__shimmer}@keyframes ZennPostsSkeleton-module__-wSoQW__shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}