/* Susan Haught — editorial alignment and genre refinements — Nov 2026 */
/* Bookshelf: the first book receives a full-width feature and the other four use a balanced grid. */
.books-hero-layout { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr); gap:clamp(32px,5vw,90px); align-items:center; }
.books-hero-side { border-left:3px solid #E9C894; padding:15px 20px 15px 30px; }
.books-hero-side .section-kicker { letter-spacing:.12em; font-size:14px; }
.books-hero-side p { font-family:'GFSArtemisiaRegular',Georgia,serif; font-size:clamp(24px,2.7vw,35px); line-height:1.28; letter-spacing:-.015em; color:#392653; margin:15px 0 0; max-width:480px; }
.book-index .book-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap:44px 34px; }
.book-index .book-grid>.book-card:first-child { display:grid; grid-column:1 / -1; grid-template-columns:minmax(260px,.83fr) minmax(0,1.17fr); align-items:center; gap:clamp(26px,5vw,76px); background:#F7F3FB; padding:34px; border:1px solid #E4D8F0; }
.book-index .book-grid>.book-card:first-child .book-card-cover { width:100%; height:400px; max-width:390px; }
.book-index .book-grid>.book-card:first-child .book-card-content { max-width:560px; }
.book-index .book-grid>.book-card:first-child .book-card-content h3 { font-size:clamp(33px,3.2vw,49px); line-height:1.06; }
.book-index .book-grid>.book-card:first-child .book-card-content p { font-size:19px; line-height:1.7; }
.book-index .book-grid>.book-card:not(:first-child) .book-card-cover { height:340px; }
.book-index .book-grid>.book-card:not(:first-child) .book-card-content { max-width:550px; }
.book-index .book-grid>.book-card:not(:first-child) h3 { font-size:clamp(25px,2.15vw,32px); }
.book-index .book-grid>.book-card:not(:first-child) p { font-size:18px; }
/* About: replace the sticky empty left rail with a complete first row and two balanced cards. */
.bio-grid { display:block; }
.bio-feature-grid { display:grid; grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr); gap:clamp(30px,5vw,80px); align-items:stretch; }
.bio-feature-identity { min-height:100%; }
.bio-feature-identity .bio-identity { min-height:470px; height:100%; display:flex; flex-direction:column; justify-content:space-between; }
.bio-feature-intro { align-self:center; max-width:780px; }
.bio-feature-intro h2 { color:#392653; font-size:clamp(39px,4vw,58px); line-height:1.1; }
.bio-feature-intro p { font-size:19px; line-height:1.8; color:#5D5268; }
.genre-chip { display:inline-block; background:#F0E8F7; padding:9px 14px; color:#392653; border-left:3px solid #E9C894; font-size:13px; font-weight:800; letter-spacing:.11em; margin-bottom:22px; }
.bio-secondary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; margin-top:50px; }
.bio-info-card { border:1px solid #E5DBEF; background:#FCFAFF; padding:clamp(23px,3vw,42px); }
.bio-info-card h3 { font-family:'GFSArtemisiaRegular',Georgia,serif; font-weight:400; color:#392653; font-size:clamp(29px,2.8vw,39px); line-height:1.15; }
.bio-info-card p { font-size:18px; line-height:1.8; color:#5D5268; }
.bio-info-card .section-kicker { margin-bottom:18px; }
.bio-info-card .bio-cta { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
@media (max-width: 860px) {
  .books-hero-layout { grid-template-columns:1fr; gap:20px; }
  .books-hero-side { padding:12px 0 12px 20px; }
  .books-hero-side p { font-size:27px; }
  .bio-feature-grid { grid-template-columns:1fr; gap:30px; }
  .bio-feature-identity .bio-identity { min-height:280px; }
  .bio-secondary-grid { grid-template-columns:1fr; margin-top:26px; }
}
@media (max-width: 760px) {
  .book-index .book-grid { grid-template-columns:1fr; gap:34px; }
  .book-index .book-grid>.book-card:first-child { grid-column:1; display:block; padding:18px; }
  .book-index .book-grid>.book-card:first-child .book-card-cover { width:100%; height:330px; }
  .book-index .book-grid>.book-card:first-child .book-card-content { padding-top:24px; }
  .book-index .book-grid>.book-card:first-child .book-card-content h3 { font-size:38px; }
  .book-index .book-grid>.book-card:not(:first-child) .book-card-cover { height:330px; }
  .books-hero-side p { font-size:24px; }
  .bio-info-card { padding:25px 22px; }
  .bio-feature-intro p, .bio-info-card p { font-size:18px; }
}
@media (max-width: 410px) {
  .book-index .book-grid>.book-card:first-child .book-card-content h3 { font-size:34px; }
  .book-index .book-grid>.book-card:not(:first-child) h3 { font-size:29px; }
  .book-index .book-grid>.book-card:first-child .book-card-cover { height:285px; }
  .book-index .book-grid>.book-card:not(:first-child) .book-card-cover { height:295px; }
  .bio-feature-identity .bio-identity { min-height:260px; }
}

/* About-page author personality card — sourced from Susan's original biography */
.bio-feature-identity .bio-identity { justify-content:flex-start; gap:26px; }
.bio-personal-details { margin-top:auto; border-top:1px solid rgba(57,38,83,.22); padding-top:20px; color:#392653; }
.bio-personal-title { font-family:'GFSArtemisiaRegular', Georgia, serif; font-size:clamp(23px,2vw,29px); line-height:1.14; font-weight:400; margin:0 0 18px; color:#392653; }
.bio-personal-details ul { margin:0; padding:0; list-style:none; display:grid; gap:13px; }
.bio-personal-details li { display:grid; grid-template-columns:16px 1fr; gap:8px; align-items:start; color:#55416A; font-size:15.5px; line-height:1.46; font-weight:500; }
.bio-personal-icon { font-size:14px; line-height:1.5; color:#9870B0; }
.bio-feature-identity .bio-identity>small { margin-top:0; }
@media (max-width: 860px) {
  .bio-feature-identity .bio-identity { min-height:0; gap:22px; }
  .bio-personal-details { margin-top:6px; }
  .bio-personal-details ul { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
}
@media (max-width: 610px) {
  .bio-personal-details ul { grid-template-columns:1fr; gap:12px; }
  .bio-personal-details li { font-size:15.5px; }
}