.generator-resources {margin-top:16px;}
.generator-resource {padding:54px 0;border-top:1px solid rgba(255,255,255,.11);}
.generator-resource h2 {font:var(--type-title);line-height:1.2;margin:0 0 14px;text-wrap:balance;}
.generator-resource h3 {font:var(--type-body);font-weight:600;line-height:1.45;margin:0 0 12px;}
.generator-resource p,.generator-resource dd {font:var(--type-body);line-height:1.7;color:var(--text-secondary);}
.generator-resource button,.generator-resource a,.generator-resource summary {touch-action:manipulation;}
.generator-resource button {cursor:pointer;}
.generator-resource button,.generator-resource a {scroll-margin-bottom:180px;}
.generator-resource button:focus-visible,.generator-resource a:focus-visible,.generator-resource summary:focus-visible {outline:2px solid #edb59a;outline-offset:5px;}
.resource-section-heading {max-width:740px;margin-bottom:30px;}
.resource-section-heading>p {margin:0;}
.resource-intent {display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:70px;align-items:start;}
.resource-intent>p {margin:0;max-width:72ch;}
.resource-survey-layout {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:70px;align-items:start;}
.resource-chart-axis {display:flex;justify-content:space-between;font:var(--type-small);color:var(--text-secondary);margin-bottom:12px;}
.resource-bar {display:block;width:100%;border:0;background:transparent;color:var(--text-primary);padding:12px 0;text-align:left;}
.resource-bar-label {display:flex;justify-content:space-between;gap:12px;font:var(--type-body);margin-bottom:10px;}
.resource-bar-label>span {font-variant-numeric:tabular-nums;color:#efb995;}
.resource-bar-track {display:block;height:14px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) calc(25% - 1px),rgba(255,255,255,.13) calc(25% - 1px),rgba(255,255,255,.13) 25%);border-radius:4px;overflow:hidden;}
.resource-bar-track>span {display:block;height:100%;background:linear-gradient(90deg,#a76b54,#edb795);border-radius:4px;transition:filter .2s ease;}
.resource-bar:hover .resource-bar-track>span,.resource-bar[aria-pressed="true"] .resource-bar-track>span {filter:brightness(1.25);}
.resource-bar[aria-pressed="true"] .resource-bar-label:before {content:'✓';color:#edb59a;}
.resource-bar[aria-pressed="true"] .resource-bar-label>span {margin-left:auto;}
.resource-source {font:var(--type-small)!important;line-height:1.6!important;margin:18px 0 0;}
.resource-source a {color:#eab099;}
.resource-survey-note {padding:25px 28px;border-left:2px solid #b88167;background:rgba(186,130,96,.055);}
.resource-survey-note p {margin:0 0 16px;}
.resource-survey-note summary {font:var(--type-small);cursor:pointer;color:var(--text-secondary);}
.resource-survey-note details p {font:var(--type-small);margin-top:12px;}
.resource-scene-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.resource-scene {min-width:0;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.025);color:var(--text-primary);text-align:left;}
.resource-scene picture,.resource-scene img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}
.resource-scene img {transition:transform .25s ease;}
.resource-scene:hover img {transform:scale(1.025);}
.resource-scene[aria-pressed="true"] {border-color:#eab099;box-shadow:0 0 0 2px rgba(234,176,153,.14);}
.resource-scene-label {display:flex;justify-content:space-between;gap:12px;padding:17px 18px;font:var(--type-body);}
.resource-scene-label>span {color:#eab099;}
.resource-result {display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;min-height:44px;margin-top:20px;}
.resource-result p {margin:0;font:var(--type-small);line-height:1.5;}
.resource-result p:empty,.resource-result button[hidden] {display:none;}
.resource-result>a {margin-left:auto;font:var(--type-small);color:#eab099;}
.resource-text-button {display:inline-flex;align-items:center;gap:9px;padding:10px 0;min-height:44px;border:0;background:none;color:#eab099;font:var(--type-small);text-align:left;}
.resource-text-button:hover {text-decoration:underline;}
.resource-text-button[aria-pressed="true"] {color:var(--text-primary);}
.resource-text-button[aria-pressed="true"]>span {font-size:0;}
.resource-text-button[aria-pressed="true"]>span:after {content:'✓';font:var(--type-small);}
.resource-scene[aria-pressed="true"] .resource-scene-label>span {font-size:0;}
.resource-scene[aria-pressed="true"] .resource-scene-label>span:after {content:'✓';font:var(--type-body);}
.builder-intro {margin-bottom:32px;}
.builder-intro-illustrated {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:56px;align-items:center;}
.builder-intro p {max-width:46ch;margin:0 0 14px;}
.builder-intro .builder-hint {font:var(--type-small);color:#eab099;}
.builder-scene {display:block;overflow:hidden;border-radius:18px;}
.builder-scene img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}
.builder-groups {display:grid;gap:28px;}
.builder-group {border:0;padding:0;margin:0;min-width:0;}
.builder-group legend {font:var(--type-body);font-weight:600;margin:0 0 14px;padding:0;}
.builder-choice-grid,.builder-example-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.builder-choice {padding:19px 20px;text-align:left;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.025);color:var(--text-primary);transition:background .15s,border-color .15s;min-width:0;}
.builder-choice:hover {background:rgba(234,176,153,.06);border-color:rgba(234,176,153,.55);}
.builder-choice[aria-pressed="true"] {border-color:#eab099;background:rgba(234,176,153,.10);}
.builder-choice-label {display:flex;justify-content:space-between;align-items:center;gap:10px;font:var(--type-body);font-weight:600;}
.builder-choice-mark {color:#eab099;flex-shrink:0;}
.builder-choice-mark:after {content:'+';}
.builder-choice[aria-pressed="true"] .builder-choice-mark:after {content:'✓';}
.builder-choice-description {display:block;margin-top:8px;font:var(--type-small);line-height:1.6;color:var(--text-secondary);}
.builder-example-grid {gap:28px;}
.builder-example-grid article {border-left:2px solid rgba(234,176,153,.4);padding-left:22px;min-width:0;}
.builder-example-grid p {margin:0;}
@media(max-width:800px){.builder-intro-illustrated {gap:28px;}.builder-choice {padding:16px;}}
@media(max-width:600px){.builder-intro-illustrated,.builder-example-grid {grid-template-columns:minmax(0,1fr);gap:22px;}.builder-choice-grid {grid-template-columns:minmax(0,1fr);gap:9px;}.builder-choice {padding:14px 16px;}.builder-choice-description {margin-top:5px;}.builder-intro {margin-bottom:25px;}.builder-scene {max-height:220px;}.builder-scene img {height:100%;max-height:220px;}.builder-groups {gap:24px;}}
@media(prefers-reduced-motion:reduce){.builder-choice {transition:none;}}
.resource-step-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:42px;}
.resource-step-grid>li {min-width:0;border-top:1px solid rgba(234,176,153,.35);padding-top:20px;}
.resource-step-number {display:block;font:var(--type-title);color:#ce987c;margin-bottom:18px;font-variant-numeric:tabular-nums;}
.resource-step-grid p {margin:0 0 12px;}
.resource-recipe {max-width:900px;margin:0 auto;}
.resource-recipe-parts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 28px;}
.resource-recipe-parts>div {border-left:2px solid rgba(234,176,153,.4);padding-left:16px;}
.resource-recipe-parts dt {font:var(--type-small);color:var(--text-secondary);margin-bottom:8px;}
.resource-recipe-parts dd {margin:0;color:var(--text-primary);}
.resource-recipe blockquote {margin:0;padding:30px 34px;border-radius:16px;background:rgba(185,131,98,.075);border:1px solid rgba(185,131,98,.18);font:var(--type-body);line-height:1.8;color:var(--text-primary);}
.resource-recipe-actions {display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:20px;}
.resource-use-template {min-height:48px;padding:12px 22px;border:1px solid #c98d71;border-radius:10px;background:transparent;color:var(--text-primary);font:var(--type-body);}
.resource-use-template:hover {background:rgba(185,131,98,.13);}
.resource-form-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;}
.resource-form {display:grid;grid-template-columns:36px minmax(0,1fr);gap:20px;align-items:start;}
.resource-line-pattern {height:180px;display:flex;flex-direction:column;justify-content:center;gap:4px;}
.resource-line-pattern span {display:block;height:3px;background:#b88167;border-radius:2px;}
.resource-line-pattern span.new-stanza {margin-top:6px;}
.resource-form .resource-fact {color:var(--text-primary);font:var(--type-small);line-height:1.5;}
.resource-form p {margin:0 0 14px;}
.resource-definition {display:block;font:var(--type-small);color:var(--text-secondary);margin-top:12px;}
@media(max-width:800px) {
  .resource-intent,.resource-survey-layout {gap:30px;}
  .resource-step-grid {gap:24px;}
  .resource-scene-grid {gap:14px;}
  .resource-form-grid {grid-template-columns:minmax(0,1fr);gap:30px;}
  .resource-form {grid-template-columns:50px minmax(0,1fr);}
}
@media(max-width:600px) {
  .generator-resource {padding:34px 0;}
  .resource-intent,.resource-survey-layout,.resource-step-grid {grid-template-columns:minmax(0,1fr);gap:26px;}
  .resource-section-heading {margin-bottom:22px;}
  .resource-survey-note {padding:18px 20px;}
  .resource-scene-grid {display:flex;gap:14px;overflow-x:auto;contain:inline-size;scroll-snap-type:x mandatory;padding:3px 3px 12px;}
  .resource-scene {flex:0 0 86%;scroll-snap-align:start;}
  .resource-scene-label {padding:14px;font:var(--type-body);}
  .resource-recipe-parts {grid-template-columns:minmax(0,1fr);gap:18px;}
  .resource-recipe blockquote {padding:22px;}
  .resource-result {gap:8px 18px;}
  .resource-result>a {margin-left:0;}
  .resource-step-number {margin-bottom:10px;}
}
@media(prefers-reduced-motion:reduce) {
  .resource-scene img,.resource-bar-track>span {transition:none;}
  .resource-scene:hover img {transform:none;}
}

.seo-guide-grid.seo-guide-single {grid-template-columns:minmax(0,1fr);max-width:850px;margin-inline:auto;}