/* Shared by the front end and Gutenberg; all components use core blocks. */
:is(#cyber-preview,.editor-styles-wrapper) .cyr-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:32px}
:is(#cyber-preview,.editor-styles-wrapper) .cyr-card-grid>.wp-block-group{margin-block:0}
:is(#cyber-preview,.editor-styles-wrapper) .cyr-card{min-width:0;padding:28px;border:1px solid var(--cy-line,#dcd5c9);background:var(--cy-raised,#fcfbf8);color:var(--cy-fg,#2b1a12);border-radius:0;overflow-wrap:anywhere}
:is(#cyber-preview,.editor-styles-wrapper) .cyr-card :is(h2,h3){font-family:var(--cy-font-heading);font-size:clamp(23px,2.1vw,28px);line-height:1.3;margin:16px 0}
:is(#cyber-preview,.editor-styles-wrapper) .cyr-card p{font-size:15px;line-height:1.8;margin:16px 0}
:is(#cyber-preview,.editor-styles-wrapper) .cyr-card>p:first-child{font-size:12px;margin-top:0}
:is(#cyber-preview,.editor-styles-wrapper) .is-style-cyr-accent{background:#ff7a1a;color:#2b1a12;border-color:transparent}
:is(#cyber-preview,.editor-styles-wrapper) .is-style-cyr-brown{background:#2b1a12;color:#f7f4ee;border-color:transparent}
:is(#cyber-preview,.editor-styles-wrapper) .cyr-card .wp-block-button__link{background:#2b1a12;color:#f7f4ee;border-radius:0;font:600 15px/1.5 var(--cy-font-heading);padding:13px 18px;text-decoration:none;min-height:48px}
:is(#cyber-preview,.editor-styles-wrapper) .is-style-cyr-brown .wp-block-button__link{background:#ff7a1a;color:#2b1a12}
:is(#cyber-preview,.editor-styles-wrapper) .cyr-card .wp-block-button__link:hover{box-shadow:inset 0 0 0 2px currentColor}
:is(#cyber-preview,.editor-styles-wrapper) .cyr-support-block .wp-block-image{width:230px;max-width:100%;background:#fff;padding:20px;color:#2b1a12}
:is(#cyber-preview,.editor-styles-wrapper) .cyr-support-block .wp-block-image img{display:block;width:190px;height:auto}
#cyber-preview .cyr-block-slot{min-width:0}
#cyber-preview .cyr-block-slot>.wp-block-group+.wp-block-group{margin-top:24px}
#cyber-preview .cyr-about-intro{border-left:4px solid var(--cy-accent);padding-left:24px;margin-bottom:40px}
#cyber-preview .cyr-about-intro p{color:var(--cy-muted);margin-top:20px;max-width:650px}
#cyber-preview .cyr-about-body{max-width:820px;margin:44px auto}
#cyber-preview .cyr-about-extras{padding-block:16px 48px}
@media(max-width:800px){:is(#cyber-preview,.editor-styles-wrapper) .cyr-card-grid{grid-template-columns:minmax(0,1fr)}}