.profile-writing-books { display: grid; gap: 14px; }
.profile-writing-book { display: flex; align-items: center; gap: 16px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; text-decoration: none; color: var(--ink); background: var(--paper); min-width: 0; }
.profile-writing-book:hover { background: var(--surface-soft); border-color: var(--primary); }
.profile-writing-book:focus-visible { outline: 3px solid var(--primary); outline-offset: 3px; }
.profile-writing-book .book-cover { width: 68px; height: 98px; flex: 0 0 68px; object-fit: cover; }
.profile-writing-book-copy { display: grid; justify-items: start; gap: 9px; min-width: 0; overflow-wrap: anywhere; }
.profile-writing-book-copy strong { font-family: var(--profile-title-font, var(--font-display)); font-size: var(--text-card); line-height: 1.35; }
.profile-writing-cta { display: flex; gap: 8px; align-items: center; font-size: var(--text-base); font-weight: 700; color: var(--green); }
.profile-writing-chapter { display: grid; justify-items: start; gap: 14px; }
.profile-writing-chapter h3 { margin: 0; overflow-wrap: anywhere; }
.profile-writing-chapter .badge { white-space: normal; }
.profile-writing-period { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 16px; font-weight: 700; }
.profile-writing-period span { color: var(--muted); font-size: var(--text-small); }
.profile-writing-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.profile-writing-stats > div { display: flex; flex-direction: column; gap: 8px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); }
.profile-writing-stats .profile-writing-stat-main { grid-column: 1 / -1; background: var(--paper); border-color: var(--primary); }
.profile-writing-stats dt { font-size: var(--text-small); display: flex; gap: 8px; align-items: center; }
.profile-writing-stats dd { font-size: var(--text-section); font-weight: 800; margin: 0; color: var(--green); overflow-wrap: anywhere; }
.profile-writing-stat-main dd { font-size: var(--text-title); }
.profile-writing-note { font-size: var(--text-small); margin: 16px 0 0; color: var(--muted); }
.profile-writing-picker { padding: 18px; margin: 18px 0; border: 1px solid var(--line); background: var(--surface-soft); border-radius: 12px; }
.profile-writing-picker input[type=checkbox], .profile-writing-picker input[type=radio] { flex: 0 0 auto; }
.profile-writing-picker .form-choice-row { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 8px; }
.profile-writing-picker label { overflow-wrap: anywhere; }
@media (max-width: 420px) { .profile-writing-stats > div { padding: 12px; } .profile-writing-book { gap: 12px; padding: 10px; } }
.profile-writing-book .book-cover--text { box-sizing: border-box; padding: 9px 7px; gap: 6px; font-size: .62rem; line-height: 1.35; justify-content: center; }
.profile-writing-book .book-cover--text > span { -webkit-line-clamp: 4; }
.profile-writing-book .book-cover--text small { display: none; }