/* Standard block patterns: the editor and published page share these rules. */
.lyl-editorial-note,.lyl-editorial-qa,.lyl-editorial-steps { margin:28px 0; box-sizing:border-box; color:#2b3832; font-size:16px; line-height:1.9; overflow-wrap:anywhere; }
.lyl-editorial-note { padding:22px 26px; border:1px solid #d7dfd7; border-left:4px solid #53735e; border-radius:6px; background:#f1f5f0; }
.lyl-editorial-note--notice { border-color:#dfd0ad; border-left-color:#a88743; background:#faf5e8; }
.lyl-editorial-note .lyl-editorial-note__title { margin:0 0 10px; color:#365342; font-weight:700; font-size:17px; }
.lyl-editorial-note--notice .lyl-editorial-note__title { color:#705a2b; }
.lyl-editorial-note > :last-child,.lyl-editorial-note > .wp-block-group__inner-container > :last-child { margin-bottom:0; }
.lyl-editorial-qa { border:1px solid #ded6c5; border-radius:6px; overflow:hidden; background:#fff; }
.lyl-editorial-qa .lyl-editorial-qa__question { position:relative; margin:0; padding:18px 22px 18px 60px; background:#f5f2e8; font-weight:700; }
.lyl-editorial-qa__question::before { content:'Q'; position:absolute; left:22px; top:18px; color:#8b713b; font-size:22px; font-weight:700; line-height:1.4; }
.lyl-editorial-qa .lyl-editorial-qa__answer { position:relative; margin:0; padding:20px 22px 20px 60px; }
.lyl-editorial-qa__answer::before { content:'A'; position:absolute; left:22px; top:20px; color:#53735e; font-size:22px; font-weight:700; line-height:1.4; }
.lyl-editorial-qa__answer p:first-child { margin-top:0; }
.lyl-editorial-qa__answer p:last-child { margin-bottom:0; }
.lyl-editorial-steps { counter-reset:lyl-editorial-step; }
.lyl-editorial-steps .lyl-editorial-step { position:relative; counter-increment:lyl-editorial-step; margin:0; padding:0 0 28px 64px; border-left:1px solid #d8cfba; margin-left:22px; }
.lyl-editorial-step::before { content:counter(lyl-editorial-step,decimal-leading-zero); position:absolute; left:-23px; top:0; width:44px; height:44px; border-radius:50%; background:#eee7d6; color:#705a2b; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:700; }
.lyl-editorial-steps .lyl-editorial-step:last-child { border-left-color:transparent; padding-bottom:0; }
.lyl-editorial-step .lyl-editorial-step__title { margin:0 0 8px; padding-top:5px; font-size:18px; font-weight:700; }
.lyl-editorial-step p:last-child { margin-bottom:0; }
@media(max-width:600px){.lyl-editorial-note,.lyl-editorial-qa,.lyl-editorial-steps{font-size:15px;margin:24px 0}.lyl-editorial-note{padding:18px}.lyl-editorial-qa .lyl-editorial-qa__question,.lyl-editorial-qa .lyl-editorial-qa__answer{padding:16px 16px 16px 48px}.lyl-editorial-qa__question::before,.lyl-editorial-qa__answer::before{left:16px;top:16px}.lyl-editorial-steps .lyl-editorial-step{padding-left:38px}.lyl-editorial-step .lyl-editorial-step__title{font-size:16px}}
.lyl-demo-intro { padding:28px; margin:24px 0; background:#f1f3ec; border-top:3px solid #92763e; }
.lyl-demo-intro > p:first-child { color:#7c663a; font-size:12px; letter-spacing:.12em; font-weight:700; }
body:not(.home) main .lyl-prose .lyl-demo-intro h2 { margin-top:18px; padding:0; border:0; }
.lyl-prose .wp-block-details { margin:28px 0; padding:18px 22px; border:1px solid #ded6c5; border-radius:6px; background:#fff; }
.lyl-prose .wp-block-details summary { cursor:pointer; color:#705a2b; font-weight:700; }
.lyl-prose .wp-block-details[open] summary { margin-bottom:16px; }
.lyl-prose .wp-block-buttons { margin:28px 0; }
body:not(.home) main .lyl-prose .wp-block-button__link { background:#294b3e; color:#fff; padding:15px 24px; border-radius:5px; text-decoration:none; font-weight:700; }
@media(max-width:600px){.lyl-demo-intro{padding:20px}.lyl-prose .wp-block-details{padding:16px}}

/* Filled article buttons must not inherit ordinary prose link/strong colors. */
body:not(.home) main .lyl-prose .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-text-color):not(.has-background),
.editor-styles-wrapper .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-text-color):not(.has-background) {
  color: #fff !important;
}
body:not(.home) main .lyl-prose .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-text-color):not(.has-background) :is(strong, b, span, em),
.editor-styles-wrapper .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-text-color):not(.has-background) :is(strong, b, span, em) {
  color: inherit !important;
}
/* Preserve explicitly selected white text on migrated school/article buttons. */
body:not(.home) main :is(.lyl-article-detail .lyl-prose, .lyl-school-editorial__prose) .wp-block-button .wp-block-button__link.has-white-color,
.editor-styles-wrapper .wp-block-button__link.has-white-color {
  color: #fff !important;
}
body:not(.home) main :is(.lyl-article-detail .lyl-prose, .lyl-school-editorial__prose) .wp-block-button .wp-block-button__link.has-white-color :is(strong, b, span, em),
.editor-styles-wrapper .wp-block-button__link.has-white-color :is(strong, b, span, em) {
  color: inherit !important;
}
/* The legacy vivid orange is too light for white lettering. */
body:not(.home) main :is(.lyl-article-detail .lyl-prose, .lyl-school-editorial__prose) .wp-block-button .wp-block-button__link.has-white-color.has-luminous-vivid-orange-background-color,
.editor-styles-wrapper .wp-block-button__link.has-white-color.has-luminous-vivid-orange-background-color {
  background-color: #806329 !important;
}

/* Staff guide: editor icons beside short, editable block instructions. */
body .lyl-prose .lyl-guide-tool,.editor-styles-wrapper .lyl-guide-tool{position:relative;padding:14px 18px 14px 62px!important;margin:28px 0 16px!important;background:#fff;border:1px solid #deddd5;border-radius:10px;font-size:15px;line-height:1.65;min-height:56px;box-sizing:border-box;}
.lyl-guide-tool::before{content:"";position:absolute;left:19px;top:17px;width:25px;height:25px;background:var(--guide-icon) center/contain no-repeat;}
.lyl-guide-tool > strong:first-of-type{display:block;color:#243f35;font-size:16px;}
body .lyl-prose .lyl-guide-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px!important;}
body .lyl-prose .lyl-guide-nav li{margin:0!important;}
@media(max-width:600px){body .lyl-prose .lyl-guide-nav{grid-template-columns:1fr;}body .lyl-prose .lyl-guide-tool{font-size:14px;}}
 .lyl-guide-icon-paragraph{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23202522%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m9.99609%2014v-.2251l.00391.0001v6.225h1.5v-14.5h2.5v14.5h1.5v-14.5h3v-1.5h-8.50391c-2.76142%200-5%202.23858-5%205%200%202.7614%202.23858%205%205%205z%22/%3E%3C/svg%3E");}
 .lyl-guide-icon-heading{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23202522%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6%205V18.5911L12%2013.8473L18%2018.5911V5H6Z%22/%3E%3C/svg%3E");}
 .lyl-guide-icon-image{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23202522%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M19%203H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2zM5%204.5h14c.3%200%20.5.2.5.5v8.4l-3-2.9c-.3-.3-.8-.3-1%200L11.9%2014%209%2012c-.3-.2-.6-.2-.8%200l-3.6%202.6V5c-.1-.3.1-.5.4-.5zm14%2015H5c-.3%200-.5-.2-.5-.5v-2.4l4.1-3%203%201.9c.3.2.7.2.9-.1L16%2012l3.5%203.4V19c0%20.3-.2.5-.5.5z%22/%3E%3C/svg%3E");}
 .lyl-guide-icon-gallery{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23202522%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M16.375%204.5H4.625a.125.125%200%200%200-.125.125v8.254l2.859-1.54a.75.75%200%200%201%20.68-.016l2.384%201.142%202.89-2.074a.75.75%200%200%201%20.874%200l2.313%201.66V4.625a.125.125%200%200%200-.125-.125Zm.125%209.398-2.75-1.975-2.813%202.02a.75.75%200%200%201-.76.067l-2.444-1.17L4.5%2014.583v1.792c0%20.069.056.125.125.125h11.75a.125.125%200%200%200%20.125-.125v-2.477ZM4.625%203C3.728%203%203%203.728%203%204.625v11.75C3%2017.273%203.728%2018%204.625%2018h11.75c.898%200%201.625-.727%201.625-1.625V4.625C18%203.728%2017.273%203%2016.375%203H4.625ZM20%208v11c0%20.69-.31%201-.999%201H6v1.5h13.001c1.52%200%202.499-.982%202.499-2.5V8H20Z%22/%3E%3C/svg%3E");}
 .lyl-guide-icon-columns{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23202522%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15%207.5h-5v10h5v-10Zm1.5%200v10H19a.5.5%200%200%200%20.5-.5V8a.5.5%200%200%200-.5-.5h-2.5ZM6%207.5h2.5v10H6a.5.5%200%200%201-.5-.5V8a.5.5%200%200%201%20.5-.5ZM6%206h13a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2Z%22/%3E%3C/svg%3E");}
 .lyl-guide-icon-list{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23202522%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4%204v1.5h16V4H4zm8%208.5h8V11h-8v1.5zM4%2020h16v-1.5H4V20zm4-8c0-1.1-.9-2-2-2s-2%20.9-2%202%20.9%202%202%202%202-.9%202-2z%22/%3E%3C/svg%3E");}
 .lyl-guide-icon-table{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23202522%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M19%203H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2Zm.5%202v6.2h-6.8V4.4h6.2c.3%200%20.5.2.5.5ZM5%204.5h6.2v6.8H4.4V5.1c0-.3.2-.5.5-.5ZM4.5%2019v-6.2h6.8v6.8H5.1c-.3%200-.5-.2-.5-.5Zm14.5.5h-6.2v-6.8h6.8v6.2c0%20.3-.2.5-.5.5Z%22/%3E%3C/svg%3E");}
 .lyl-guide-icon-quote{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23202522%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M13%206v6h5.2v4c0%20.8-.2%201.4-.5%201.7-.6.6-1.6.6-2.5.5h-.3v1.5h.5c1%200%202.3-.1%203.3-1%20.6-.6%201-1.6%201-2.8V6H13zm-9%206h5.2v4c0%20.8-.2%201.4-.5%201.7-.6.6-1.6.6-2.5.5h-.3v1.5h.5c1%200%202.3-.1%203.3-1%20.6-.6%201-1.6%201-2.8V6H4v6z%22/%3E%3C/svg%3E");}
 .lyl-guide-icon-details{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23202522%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4%2016h10v1.5H4V16Zm0-4.5h16V13H4v-1.5ZM10%207h10v1.5H10V7Z%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m4%205.25%204%202.5-4%202.5v-5Z%22/%3E%3C/svg%3E");}
 .lyl-guide-icon-buttons{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23202522%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.5%2017.5H9.5V16H14.5V17.5Z%20M14.5%208H9.5V6.5H14.5V8Z%20M7%203.5H17C18.1046%203.5%2019%204.39543%2019%205.5V9C19%2010.1046%2018.1046%2011%2017%2011H7C5.89543%2011%205%2010.1046%205%209V5.5C5%204.39543%205.89543%203.5%207%203.5ZM17%205H7C6.72386%205%206.5%205.22386%206.5%205.5V9C6.5%209.27614%206.72386%209.5%207%209.5H17C17.2761%209.5%2017.5%209.27614%2017.5%209V5.5C17.5%205.22386%2017.2761%205%2017%205Z%20M7%2013H17C18.1046%2013%2019%2013.8954%2019%2015V18.5C19%2019.6046%2018.1046%2020.5%2017%2020.5H7C5.89543%2020.5%205%2019.6046%205%2018.5V15C5%2013.8954%205.89543%2013%207%2013ZM17%2014.5H7C6.72386%2014.5%206.5%2014.7239%206.5%2015V18.5C6.5%2018.7761%206.72386%2019%207%2019H17C17.2761%2019%2017.5%2018.7761%2017.5%2018.5V15C17.5%2014.7239%2017.2761%2014.5%2017%2014.5Z%22/%3E%3C/svg%3E");}
 .lyl-guide-icon-group{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23202522%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M18%204h-7c-1.1%200-2%20.9-2%202v3H6c-1.1%200-2%20.9-2%202v7c0%201.1.9%202%202%202h7c1.1%200%202-.9%202-2v-3h3c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm-4.5%2014c0%20.3-.2.5-.5.5H6c-.3%200-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0%201.1.9%202%202%202h2.5v3zm0-4.5H11c-.3%200-.5-.2-.5-.5v-2.5H13c.3%200%20.5.2.5.5v2.5zm5-.5c0%20.3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3%200%20.5.2.5.5v7z%22/%3E%3C/svg%3E");}
 .lyl-guide-icon-separator{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23202522%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.5%2012.5v4H3V7h1.5v3.987h15V7H21v9.5h-1.5v-4h-15Z%22/%3E%3C/svg%3E");}
 .lyl-guide-icon-link{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23202522%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%2017.389H8.444A5.194%205.194%200%201%201%208.444%207H10v1.5H8.444a3.694%203.694%200%200%200%200%207.389H10v1.5ZM14%207h1.556a5.194%205.194%200%200%201%200%2010.39H14v-1.5h1.556a3.694%203.694%200%200%200%200-7.39H14V7Zm-4.5%206h5v-1.5h-5V13Z%22/%3E%3C/svg%3E");}
.lyl-guide-icon-chat{--guide-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M2%202h10v8H7l-3%203v-3H2V2zm7%209h4V5h5v10h-3v3l-4-3H9v-4z%22/%3E%3C/svg%3E");}

/* Distinguish editor blocks, patterns and automatic features in the staff guide. */
.lyl-guide-kind{display:inline-block;padding:2px 9px;margin:0 8px 6px 0;border-radius:4px;background:#e8efeb;color:#305343;font-size:12px;font-weight:700;vertical-align:middle;}
.lyl-guide-kind--pattern{background:#f4ead6;color:#75571d;}
.lyl-guide-kind--auto{background:#e9edf1;color:#465b6b;}
.lyl-guide-route{font-size:12px;color:#666;display:inline-block;margin-bottom:6px;}

/* Separate rendered examples from the staff guide's instruction cards. */
body .lyl-prose .lyl-guide-sample-label,.editor-styles-wrapper .lyl-guide-sample-label{display:flex;align-items:center;gap:12px;margin:26px 0 12px!important;padding:0!important;color:#806b40;font-size:12px;font-weight:700;letter-spacing:.08em;}
.lyl-guide-sample-label::after{content:"";height:1px;flex:1;background:#d9cfba;}
