.writing-main{min-height:calc(100vh - 400px);padding:160px 48px 100px}.writing-container{max-width:var(--max-width,1200px);margin:0 auto}.writing-header{margin-bottom:72px}.writing-title{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--ink);margin-bottom:20px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.05}.writing-intro{color:var(--ink);opacity:.8;max-width:580px;font-size:clamp(1.1rem,1.8vw,1.25rem);line-height:1.6}.writing-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.writing-row{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:140px 1fr auto;align-items:baseline;gap:32px;padding:32px 0;text-decoration:none;transition:transform .25s,background-color .25s,padding .25s;display:grid}.writing-row:hover,.writing-row:focus-visible{transform:translate(8px)}.writing-row__date{font-family:var(--font-body);color:var(--ink);opacity:.6;white-space:nowrap;font-size:.95rem}.writing-row__content{flex-direction:column;gap:8px;display:flex}.writing-row__title{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--ink);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:600;transition:color .2s}.writing-row:hover .writing-row__title{color:var(--ink)}.writing-row__summary{font-family:var(--font-body);color:var(--ink);opacity:.75;font-size:1rem;line-height:1.5}.writing-row__arrow{color:var(--ink);opacity:.4;font-size:1.25rem;transition:transform .25s,opacity .25s}.writing-row:hover .writing-row__arrow{opacity:1;transform:translate(4px)}@media (width<=768px){.writing-main{padding:120px 24px 80px}.writing-row{grid-template-columns:1fr;gap:8px;padding:24px 0}.writing-row__arrow{display:none}}
