/* One scoped grid; progress text and track are a single component. */
.writing-book-card{display:grid;grid-template-columns:minmax(180px,24%) minmax(0,1fr) minmax(200px,27%);grid-template-areas:"cover copy readiness" "cover progress readiness" "cover actions readiness";border-block:1px solid var(--ink);min-width:0;align-items:stretch}.writing-book-card>*{min-width:0}.writing-card-cover-slot{grid-area:cover;min-width:0;align-self:start}.writing-card-cover{width:100%;aspect-ratio:130/184;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:var(--spark);color:var(--paper);padding:28px 24px 24px 36px;position:relative;min-height:0}.writing-card-cover:before{content:'';position:absolute;left:14px;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.45)}.writing-card-cover small{font-weight:700;flex-shrink:0}.writing-card-cover strong{display:flex;align-items:center;flex:1;min-height:0;font-family:var(--serif);font-size:clamp(26px,2.8vw,40px);line-height:1.3;overflow-wrap:anywhere}.writing-card-cover>span{flex-shrink:0;border-top:1px solid rgba(255,255,255,.45);padding-top:14px;font-size:14px;overflow-wrap:anywhere}.writing-card-copy{grid-area:copy;padding:28px 28px 12px}.writing-card-copy h2{font-family:var(--serif);font-size:clamp(28px,3vw,42px);line-height:1.25;margin:0 0 14px;overflow-wrap:anywhere}.writing-card-copy>p{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 20px;overflow-wrap:anywhere}.writing-card-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;border-block:1px solid var(--line);padding:16px 0}.writing-card-stats dt{color:var(--muted);font-size:12px}.writing-card-stats dd{font-size:24px;margin:6px 0 0;overflow-wrap:anywhere}.writing-card-progress{grid-area:progress;display:flex;align-items:center;gap:12px;padding:12px 28px 20px;align-self:end;font-size:12px}.writing-card-progress>span{flex-shrink:0}.writing-card-progress>[role=progressbar]{height:5px;flex:1;background:var(--paper-deep)}.writing-card-progress i{display:block;height:100%;background:var(--spark)}.writing-card-actions{grid-area:actions;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.writing-card-actions a{text-align:center;padding:15px 4px;color:var(--spark);border-right:1px solid var(--line);font-size:15px;font-weight:600;text-underline-offset:4px}.writing-card-actions a:last-child{border:0}.writing-card-readiness{grid-area:readiness;background:var(--paper-deep);padding:28px;border-left:1px solid var(--line)}.writing-card-readiness h2{font-family:var(--serif);font-size:30px;line-height:1.3;margin:0 0 20px}.writing-card-readiness p,.writing-card-readiness li{font-size:14px;color:var(--muted)}.writing-card-readiness ul{padding:0;list-style:none;margin:18px 0;display:grid;gap:12px}.writing-card-readiness li{display:flex;gap:8px}.writing-book-card a:focus-visible{outline:2px solid var(--spark);outline-offset:-3px}
@media(max-width:1100px){.writing-book-card{grid-template-columns:minmax(150px,30%) minmax(0,1fr);grid-template-areas:"cover copy" "cover progress" "actions actions" "readiness readiness"}.writing-card-readiness{border-left:0;border-top:1px solid var(--line);padding:22px}.writing-card-readiness ul{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-card-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-card-cover{min-height:0;padding:24px 20px 20px 28px}}
@media(max-width:720px){.writing-book-card{grid-template-columns:clamp(144px,40vw,168px) minmax(0,1fr);grid-template-areas:"cover copy" "progress progress" "actions actions";column-gap:18px}.writing-card-cover{min-height:0;aspect-ratio:130/184;padding:18px 14px 16px 20px;gap:12px}.writing-card-cover:before{left:7px}.writing-card-cover small{font-size:10px}.writing-card-cover strong{font-size:26px}.writing-card-cover>span{font-size:12px;padding-top:8px}.writing-card-copy{padding:8px 0 0}.writing-card-copy h2{font-size:23px;margin-bottom:7px}.writing-card-copy>p{font-size:12px;line-height:1.5;margin-bottom:10px}.writing-card-stats{gap:10px 8px;padding:10px 0;border-bottom:0}.writing-card-stats dt{font-size:11px}.writing-card-stats dd{font-size:19px;margin-top:2px;line-height:1.2}.writing-card-progress{padding:12px 0;gap:10px;font-size:11px}.writing-card-actions a{font-size:13px;padding:13px 2px;min-height:44px;box-sizing:border-box}.writing-card-readiness{display:none}}