/* Existing Gerl-Craft Gutenberg project and tutorial patterns. */
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-tutorial-overview,.gc-tutorial-requirements,.gc-tutorial-toc,.gc-tutorial-step,.gc-tutorial-summary,.gc-project-meta-box,.gc-info-box,.gc-download-box,.gc-tech-card,.gc-pros-card,.gc-cons-card,.gc-callout,.gc-troubleshooting){box-sizing:border-box;min-width:0;padding:clamp(18px,2.5vw,28px);margin-block:24px;border:1px solid var(--gcw-border);border-radius:7px;background:var(--gcw-surface);color:var(--gcw-text)}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-tutorial-overview,.gc-tutorial-requirements,.gc-tutorial-toc,.gc-tutorial-step,.gc-tutorial-summary,.gc-project-meta-box,.gc-info-box,.gc-download-box,.gc-tech-card,.gc-pros-card,.gc-cons-card,.gc-callout,.gc-troubleshooting)>*{max-width:none;margin-inline:0}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-tutorial-overview,.gc-tutorial-requirements,.gc-tutorial-toc,.gc-tutorial-summary,.gc-troubleshooting)>:is(h2,h3),:is(.gcw-entry-content,.editor-styles-wrapper) .gc-step-heading :is(h2,h3){margin-top:0;font-size:clamp(24px,2.2vw,30px);line-height:1.25}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-tutorial-overview,.gc-tutorial-requirements,.gc-tutorial-toc,.gc-tutorial-step,.gc-tutorial-summary,.gc-project-meta-box,.gc-info-box,.gc-download-box,.gc-tech-card,.gc-pros-card,.gc-cons-card,.gc-callout,.gc-troubleshooting)>:last-child{margin-bottom:0}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-project-lead,.gc-tutorial-lead){font-size:20px;line-height:1.65;color:var(--gcw-muted)}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-project-meta-title,.gc-info-box-title,.gc-download-title,.gc-tech-title){font-weight:750;font-size:19px;color:var(--gcw-text);margin-top:0;margin-bottom:14px}
:is(.gcw-entry-content,.editor-styles-wrapper) .gc-project-meta-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;list-style:none;padding:0;margin-bottom:0}
:is(.gcw-entry-content,.editor-styles-wrapper) .gc-project-meta-list li{min-width:0;margin:0;font-size:15px;line-height:1.7}
:is(.gcw-entry-content,.editor-styles-wrapper) .gc-project-section-title{padding-bottom:12px;border-bottom:1px solid var(--gcw-border)}
:is(.gcw-entry-content,.editor-styles-wrapper) .gc-step-heading{display:flex;align-items:center;gap:14px;flex-wrap:nowrap;margin-top:0;margin-bottom:20px}
:is(.gcw-entry-content,.editor-styles-wrapper) .gc-step-heading :is(h2,h3){min-width:0;margin:0}
:is(.gcw-entry-content,.editor-styles-wrapper) .gc-step-number{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;max-width:44px;margin:0;border-radius:50%;background:var(--gcw-gold);color:var(--gcw-bg);font-size:17px;font-weight:800;line-height:1}
:is(.gcw-entry-content,.editor-styles-wrapper) .gc-tutorial-step,:is(.gcw-entry-content,.editor-styles-wrapper) .gc-callout-path,:is(.gcw-entry-content,.editor-styles-wrapper) .gc-callout-term,:is(.gcw-entry-content,.editor-styles-wrapper) .gc-info-box.is-note{border-left:3px solid var(--gcw-gold)}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-callout-tip,.gc-callout-success,.gc-info-box.is-tip,.gc-info-box.is-result,.gc-pros-card){border-left:3px solid #74b98d}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-callout-warning,.gc-info-box.is-warning,.gc-cons-card){border-left:3px solid #e09a75}
:is(.gcw-entry-content,.editor-styles-wrapper) .gc-callout-label{font-size:12px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--gcw-gold);font-weight:800;margin:0 0 12px}
:is(.gcw-entry-content,.editor-styles-wrapper) .gc-callout :is(h2,h3){font-size:24px;margin-top:0;margin-bottom:12px}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-project-image,.gc-tutorial-image) img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid var(--gcw-border);border-radius:5px}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-project-image,.gc-tutorial-image) figcaption{line-height:1.6;margin-top:10px;color:var(--gcw-muted)}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-tech-grid,.gc-pros-cons-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-tech-grid,.gc-pros-cons-grid)>*{margin-block:0;min-width:0;width:100%}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-tech-list,.gc-components-list,.gc-problem-solution-list,.gc-pros-list,.gc-cons-list,.gc-check-list){padding-left:22px}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-tech-list,.gc-components-list,.gc-problem-solution-list,.gc-pros-list,.gc-cons-list,.gc-check-list) li{margin-bottom:10px}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-check-list,.gc-pros-list) li::marker{color:#74b98d}:is(.gcw-entry-content,.editor-styles-wrapper) .gc-cons-list li::marker{color:#e09a75}
:is(.gcw-entry-content,.editor-styles-wrapper) .gc-troubleshooting details{padding:14px 0;border-top:1px solid var(--gcw-border)}
:is(.gcw-entry-content,.editor-styles-wrapper) .gc-troubleshooting summary{cursor:pointer;font-weight:650}:is(.gcw-entry-content,.editor-styles-wrapper) .gc-troubleshooting details p{margin:12px 0 0;color:var(--gcw-muted)}
:is(.gcw-entry-content,.editor-styles-wrapper) .gc-download-button{display:inline-flex;gap:8px;align-items:center;padding:11px 20px;border:1px solid var(--gcw-gold);border-radius:4px;background:var(--gcw-gold);color:var(--gcw-bg);font-size:15px;font-weight:700;text-decoration:none;margin-top:12px}
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-template-hint,.gc-editor-note){padding:16px 20px;border:1px dashed var(--gcw-gold);border-radius:5px;background:var(--gcw-surface);font-size:14px;color:var(--gcw-muted)}

/* Let project/tutorial listings use the same width and card grid as the homepage. */
:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gcw-overview-grid,.gc-dynamic-card-grid,.gc-overview-grid-wrap),:is(.gcw-entry-content,.editor-styles-wrapper)>.wp-block-shortcode:has(.gcw-overview-grid){width:100%;max-width:none;margin-inline:0}
.gcw-overview-content{margin-bottom:32px}.gcw-overview-content>*{margin-inline:0}

/* Saved WordPress Query Loops, including the existing gc-query-card markup. */
.gcw-overview-content .gcw-overview-query,.gcw-overview-content .wp-block-group:has(.gcw-overview-query){width:100%;max-width:none;margin-inline:0}
.gcw-overview-query .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;width:100%;max-width:none;padding:0;margin:0}
.gcw-overview-query .wp-block-post-template>li{display:flex;flex-direction:column;min-width:0;padding:0;margin:0;overflow:hidden;border:1px solid var(--gcw-border);border-radius:7px;background:var(--gcw-bg)}
.gcw-overview-query .gc-query-card{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;max-width:none;padding:0!important;margin:0;font-size:15px}
.gcw-overview-query .gc-query-card>*{max-width:none;margin:0}
.gcw-overview-query .wp-block-post-featured-image{display:block;flex:0 0 auto;aspect-ratio:1.6;margin:0;overflow:hidden}
.gcw-overview-query .wp-block-post-featured-image a{display:block;width:100%;height:100%}
.gcw-overview-query .wp-block-post-featured-image img{display:block;width:100%;height:100%;object-fit:cover}
.gcw-overview-query .wp-block-post-title{min-width:0;width:100%;font-size:22px;line-height:1.3;font-weight:800;letter-spacing:-.025em;padding:20px 22px 10px;margin:0}
.gcw-overview-query .wp-block-post-title a{display:block;color:var(--gcw-text);text-decoration:none;overflow-wrap:break-word}
.gcw-overview-query .wp-block-post-title a:hover{color:var(--gcw-gold)}
.gcw-overview-query .wp-block-post-excerpt{padding:0 22px 18px;margin:0;color:var(--gcw-muted);font-size:15px}
.gcw-overview-query .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.65;margin:0}
.gcw-overview-query .gc-query-meta{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px 14px;padding:0 22px 20px;margin-top:auto;font-size:12px;color:var(--gcw-muted)}
.gcw-overview-query .gc-query-meta>*{max-width:100%;margin:0;font-size:12px;line-height:1.6}
.gcw-overview-query .gc-query-meta a{color:var(--gcw-gold);text-decoration:none}
.gcw-overview-query .wp-block-query-pagination{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:30px 0 0}
.gcw-overview-query .wp-block-query-pagination-numbers{display:flex;flex-wrap:wrap;gap:8px;margin:0}
@media(max-width:900px){.gcw-overview-query .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:600px){.gcw-overview-query .wp-block-post-template{grid-template-columns:1fr;gap:22px}.gcw-overview-query .wp-block-post-title{font-size:23px;padding-inline:20px}.gcw-overview-query .wp-block-post-excerpt,.gcw-overview-query .gc-query-meta{padding-inline:20px}}
:is(.gcw-entry-content,.editor-styles-wrapper) .gcw-card-body h3{font-size:22px;line-height:1.24;margin:0 0 9px}:is(.gcw-entry-content,.editor-styles-wrapper) .gcw-card-body p{line-height:1.65}:is(.gcw-entry-content,.editor-styles-wrapper) .gcw-card a{text-decoration:none}
:is(.gcw-entry-content,.editor-styles-wrapper) .gcw-card-read{margin-top:auto}:is(.gcw-entry-content,.editor-styles-wrapper) .gcw-card-body .gcw-eyebrow{line-height:1.45}
.gc-dynamic-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gc-post-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--gcw-border);border-radius:7px;background:var(--gcw-bg)}
.gc-card-image{display:block;flex:0 0 auto;aspect-ratio:1.6;overflow:hidden}.gc-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.gc-card-image-placeholder{display:grid;place-items:center;background:var(--gcw-surface);color:var(--gcw-gold)}
.gc-post-card-content{display:flex;flex:1;flex-direction:column;padding:20px}:is(.gcw-entry-content,.editor-styles-wrapper) .gc-card-title{font-size:22px;margin:0 0 12px;line-height:1.24}.gc-card-title a{color:var(--gcw-text);text-decoration:none}
.gc-card-category{color:var(--gcw-gold);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:750;margin:0 0 8px}.gc-card-excerpt{color:var(--gcw-muted);font-size:15px}
.gc-card-footer{display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;margin-top:auto;font-size:12px;color:var(--gcw-muted)}
:is(.gcw-entry-content,.editor-styles-wrapper) .gc-card-footer a{font-size:13px;text-decoration:none}
@media(max-width:900px){.gc-dynamic-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:760px){.gcw-tutorial-inner{grid-template-columns:1fr;gap:28px}.gcw-tutorial-photo{max-height:380px}.gcw-tutorial-copy{max-width:none}}
@media(max-width:600px){:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-tech-grid,.gc-pros-cons-grid,.gc-project-meta-list),.gc-dynamic-card-grid{grid-template-columns:1fr}:is(.gcw-entry-content,.editor-styles-wrapper) :is(.gc-tutorial-step,.gc-callout,.gc-info-box){padding:18px}:is(.gcw-entry-content,.editor-styles-wrapper) .gc-step-heading{gap:12px}:is(.gcw-entry-content,.editor-styles-wrapper) .gc-step-heading :is(h2,h3){font-size:25px}}

/* Existing Media Organizer galleries and the gallery overview. */
.gcw-gallery-content>.gc-gallery-card-grid,.gcw-gallery-content>.gc-gallery-detail{max-width:var(--gcw-wide,1400px)}
.gc-gallery-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gc-gallery-card{min-width:0;border:1px solid var(--gcw-border);border-radius:7px;overflow:hidden;background:var(--gcw-surface)}
.gc-gallery-card-link{display:block;text-decoration:none!important;color:var(--gcw-text)}
.gc-gallery-card-image{margin:0;position:relative;aspect-ratio:1.6;overflow:hidden;background:var(--gcw-bg)}
.gc-gallery-card-image img{width:100%;height:100%;object-fit:cover}
.gc-gallery-card-count{position:absolute;bottom:12px;right:12px;padding:4px 10px;border-radius:4px;background:var(--gcw-bg);font-size:12px;color:var(--gcw-text)}
.gc-gallery-card-content{padding:22px}
.gc-gallery-card-label{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gcw-gold);margin-bottom:10px}
.gc-gallery-card-content h2{font-size:23px;line-height:1.3;margin:0 0 18px}
.gc-gallery-card-action,.gc-gallery-back{color:var(--gcw-gold);font-size:14px;font-weight:700}
.gc-gallery-detail-heading{margin:30px 0}
@media(max-width:900px){.gc-gallery-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.gc-gallery-card-grid{grid-template-columns:1fr}}
