.writings-page{padding:60px 5% 20px;text-align:center;max-width:1100px;margin:0 auto}.writings-page h1{font-family:var(--font-display);font-size:3.5rem;color:var(--light-text);letter-spacing:.02em;margin-bottom:16px}.writings-lead{color:#aaa;font-size:1.05rem;max-width:600px;margin:0 auto 20px}.writings-container{background-color:var(--body-bg);padding:60px 5%;text-align:center}.writings-container h2{font-family:var(--font-display);font-size:2.5rem;color:var(--light-text);letter-spacing:.02em;margin-bottom:40px}.writings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1100px;margin:0 auto;text-align:left}.writing-card{display:flex;flex-direction:column;background-color:var(--surface-panel);border-radius:8px;overflow:hidden;color:inherit;transition:transform .25s ease,box-shadow .25s ease}.writing-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.45),0 0 32px rgba(254,30,117,.18);color:inherit}.writing-card:hover h3{color:var(--primary-color);transition:color .25s ease}.writing-card-thumb{aspect-ratio:16/9;overflow:hidden;background-color:var(--surface-dark)}.writing-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.writing-card-body{padding:20px;display:flex;flex-direction:column;gap:12px;flex-grow:1}.writing-card-meta{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--muted-text)}.writing-card-platform{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:.75rem;line-height:1;font-weight:600;letter-spacing:.05em}.writing-card--zenn .writing-card-platform{background-color:#3ea8ff;color:#fff}.writing-card h3{color:var(--light-text);font-size:1.1rem;line-height:1.5;margin:0}.writings-all-link{display:inline-block;margin-top:32px;padding:10px 24px;border:1px solid var(--primary-color);border-radius:30px;color:var(--light-text);transition:background-color .3s ease}.writings-all-link:hover{background-color:var(--primary-color);color:var(--light-text)}.writings-empty{color:var(--muted-text);font-size:.95rem}@media(max-width:768px){.writings-container{padding:40px 5%}.writings-container h2{font-size:2rem}.writing-card h3{font-size:1rem}}