/* The same compact, image-led entry on every genre route. */
.generator-premium { --generator-accent: #b98362; }
.generator-premium .seo-breadcrumb { padding-top: 20px; padding-bottom: 16px; font: var(--type-small); }
.generator-premium .generator-hero { padding: 36px 44px; overflow: hidden; background: radial-gradient(ellipse at 85% 35%,rgba(181,128,87,.13),transparent 60%),#11151c; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; }
.generator-hero-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); grid-template-areas:"intro art" "form art" "sample sample"; column-gap:64px; align-items:center; }
.generator-intro {grid-area:intro; min-width:0; align-self:end;}
.generator-premium .seo-entry-title { font:var(--type-display); line-height:1.06; margin:0 0 14px; max-width:18ch; text-wrap:balance; overflow-wrap:break-word; }
.generator-premium .seo-entry-lede {font:var(--type-body);line-height:1.5;margin:0 0 24px;color:var(--text-secondary);max-width:44ch;}
.generator-hero .seo-prompt-card {grid-area:form; align-self:start; background:transparent;box-shadow:none;border:0;padding:0;margin:0;min-width:0;}
.generator-hero .seo-prompt-input-wrap {background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.18);border-radius:14px;}
.generator-hero .seo-prompt-input-wrap:focus-within {border-color:var(--generator-accent);box-shadow:0 0 0 3px rgba(185,131,98,.13);}
.generator-hero .seo-prompt-input-wrap label {display:block;font:var(--type-small);color:var(--text-primary);padding:14px 16px 0;}
.generator-hero #seoPromptInput {font:var(--type-body);font-size:max(16px,1rem);min-height:98px;height:98px;max-height:280px;resize:vertical;padding:8px 16px 12px;border:0;box-shadow:none;background:transparent;line-height:1.5;}
.generator-hero #seoPromptInput::placeholder {color:var(--text-secondary);opacity:.7;}
.generator-hero .seo-prompt-footer {display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;contain:inline-size;justify-content:start;padding:0 14px 12px;}
.generator-hero .seo-prompt-footer[hidden] {display:none;}
.generator-hero .seo-prompt-footer button {flex:0 0 auto;font:var(--type-small);padding:7px 10px;min-height:36px;white-space:nowrap;}
.generator-hero .seo-prompt-actions {margin-top:14px;}
.generator-hero .seo-prompt-submit {width:100%;min-height:52px;font:var(--type-body);}
.generator-hero .seo-prompt-note {font:var(--type-small);line-height:1.5;margin:12px 0 0;text-align:left;}
.generator-hero .seo-prompt-status:empty {display:none;}
.generator-art {grid-area:art;min-width:0;margin:0;justify-self:center;width:min(100%,280px);perspective:1200px;}
.generator-art-stage {transform:rotate(3deg);border-radius:5px 13px 13px 5px;box-shadow:18px 24px 45px rgba(0,0,0,.4);overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#1a2029;}
.generator-art picture,.generator-art img {display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;}
.generator-art figcaption {font:var(--type-small);text-align:center;color:var(--text-secondary);margin-top:18px;}
.generator-hero .seo-real-sample {grid-area:sample;}
.whole-book-guide {max-width:1040px;}
.whole-book-section {padding:36px 0;border-bottom:1px solid var(--border);}
.whole-book-section h2 {font:var(--type-title);margin:0 0 18px;color:var(--text-primary);}
.whole-book-section h3 {font:var(--type-body);color:var(--text-primary);margin:0 0 10px;}
.whole-book-section p,.whole-book-section li,.whole-book-section td,.whole-book-section th {font:var(--type-body);line-height:1.65;color:var(--text-secondary);}
.whole-book-section p {max-width:76ch;}
.whole-book-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;list-style-position:inside;margin:28px 0 0;}
.whole-book-steps li {min-width:0;}
.whole-book-steps h3 {display:inline;}
.whole-book-steps p {margin-bottom:0;}
.whole-book-sample {max-width:76ch;}
.whole-book-sample > p,.whole-book-long-sample {font:var(--type-small);}
.whole-book-sample blockquote {margin:24px 0;padding-left:22px;border-left:2px solid var(--accent);}
.whole-book-sample details {margin:22px 0;}
.whole-book-sample summary {cursor:pointer;font:var(--type-body);}
.whole-book-table-wrap {max-width:760px;overflow-x:auto;contain:inline-size;}
.whole-book-lengths {border-collapse:collapse;width:100%;margin:24px 0;}
.whole-book-lengths caption {font:var(--type-small);text-align:left;padding-bottom:14px;color:var(--text-secondary);}
.whole-book-lengths th,.whole-book-lengths td {padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;}
.whole-book-lengths th {color:var(--text-primary);font-weight:600;}
.whole-book-lengths th:first-child {white-space:nowrap;}
@media(max-width:600px){.whole-book-section{padding:28px 0;}.whole-book-steps{grid-template-columns:minmax(0,1fr);gap:20px;}.whole-book-lengths th,.whole-book-lengths td{padding:10px 6px;font:var(--type-small);line-height:1.5;}.whole-book-sample blockquote{padding-left:14px;}}
@media(max-width:600px) and (max-height:700px){
  body[data-seo-entry-slug="ai-book-generator"] .seo-breadcrumb,
  body[data-seo-entry-slug="ai-book-generator"] .seo-prompt-footer {display:none;}
  body[data-seo-entry-slug="ai-book-generator"] .generator-hero {padding:14px 16px;}
  body[data-seo-entry-slug="ai-book-generator"] .generator-hero-grid {grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "form";row-gap:10px;}
  body[data-seo-entry-slug="ai-book-generator"] .generator-art {display:none;}
  body[data-seo-entry-slug="ai-book-generator"] .seo-entry-title {font:var(--type-title);max-width:none;margin-bottom:6px;}
  body[data-seo-entry-slug="ai-book-generator"] .seo-entry-lede {max-width:none;}
  body[data-seo-entry-slug="ai-book-generator"] .seo-prompt-input-wrap label {padding-top:8px;}
  body[data-seo-entry-slug="ai-book-generator"] #seoPromptInput {height:56px;min-height:56px;padding-top:4px;padding-bottom:4px;}
  body[data-seo-entry-slug="ai-book-generator"] .seo-prompt-footer {padding-bottom:6px;gap:6px;}
  body[data-seo-entry-slug="ai-book-generator"] .seo-prompt-footer button {min-height:32px;padding:5px 8px;}
  body[data-seo-entry-slug="ai-book-generator"] .seo-prompt-actions {margin-top:10px;}
  body[data-seo-entry-slug="ai-book-generator"] .seo-prompt-submit {min-height:46px;}
  body[data-seo-entry-slug="ai-book-generator"] .seo-prompt-note {margin-top:8px;max-width:calc(100% - 100px);}
}
.generator-hero-grid > details {grid-area:sample;margin-top:22px;}
.generator-planner {border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:40px 0;max-width:900px;}
.generator-planner h2 {font:var(--type-title);margin:0 0 10px;}
.generator-planner p,.generator-planner li {font:var(--type-body);line-height:1.65;color:var(--text-secondary);}
.generator-planner fieldset {border:0;padding:0;margin:24px 0 0;min-width:0;}
.generator-planner legend {font:var(--type-body);padding:0;margin-bottom:12px;color:var(--text-primary);}
.generator-choices {display:flex;flex-wrap:wrap;gap:10px;}
.generator-choice {position:relative;cursor:pointer;}
.generator-choice input {position:absolute;opacity:0;width:1px;height:1px;}
.generator-choice span {display:block;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:10px;font:var(--type-small);color:var(--text-secondary);}
.generator-choice input:checked + span {border-color:#b98362;background:rgba(185,131,98,.12);color:var(--text-primary);}
.generator-choice input:focus-visible + span {outline:2px solid var(--text-primary);outline-offset:3px;}
.generator-direction-preview {min-height:3.3em;max-width:72ch;}
.generator-add-direction {border:0;padding:8px 0;background:transparent;color:#e9b69a;cursor:pointer;font:var(--type-body);}
.generator-add-direction:hover {text-decoration:underline;}
.generator-planner-status:empty {display:none;}
.generator-checklist {margin-top:18px;font:var(--type-small);}
.generator-checklist summary {cursor:pointer;color:var(--text-secondary);}
.generator-sketch {margin-top:30px;border-left:2px solid rgba(185,131,98,.5);padding-left:20px;max-width:65ch;}
.generator-sketch h3 {font:var(--type-small);color:var(--text-secondary);margin:0 0 8px;}
.generator-sketch blockquote {font:var(--type-title);color:var(--text-primary);margin:0;line-height:1.5;}
.generator-premium .seo-genre-guide {margin-top:24px;}
.generator-premium .seo-entry-trust-band {padding-top:22px;padding-bottom:22px;font:var(--type-small);}
@media (max-width:800px) { .generator-premium .generator-hero {padding:28px;} .generator-hero-grid {column-gap:26px;} .generator-art {width:210px;} }
@media (max-width:600px) {
  .generator-premium .seo-breadcrumb {padding-top:12px;padding-bottom:12px;white-space:normal;font:var(--type-small);}
  .generator-premium .generator-hero {padding:20px 16px;border-radius:18px;}
  .generator-hero-grid {grid-template-columns:minmax(0,1fr) 92px;column-gap:14px;row-gap:16px;grid-template-areas:"intro art" "form form" "sample sample";}
  .generator-premium .seo-entry-title {font:var(--type-display);line-height:1.12;margin-bottom:10px;text-wrap:initial;}
  .generator-premium .seo-entry-lede {font:var(--type-small);line-height:1.45;margin:0;}
  .generator-art {width:92px;align-self:start;margin-top:4px;}
  .generator-art figcaption {font:var(--type-small);margin-top:10px;line-height:1.2;}
  .generator-art-stage {transform:rotate(3deg);box-shadow:6px 9px 20px rgba(0,0,0,.4);}
  .generator-hero #seoPromptInput {font-size:16px;height:88px;min-height:88px;}
  .generator-hero .seo-prompt-footer button {min-height:36px;}
  .generator-hero .seo-prompt-actions {margin-top:12px;}
  .generator-hero .seo-prompt-note {font:var(--type-small);line-height:1.4;}
  .generator-planner {padding:28px 0;}
  .generator-choices {gap:8px;}
  .generator-choice {flex:1 1 120px;}
  .generator-choice span {height:100%;padding:10px 12px;}
}