/* Shared Seratori HOW TO patterns. Scoped so Cocoon's article components remain intact. */
:root{--seratori-ink:#111;--seratori-yellow:#ffd980}
.entry-content .seratori-point,.wp-block-post-content .seratori-point{background:#f6f6f4;border-left:5px solid #111;padding:24px 28px;margin:26px 0 36px}
.entry-content .seratori-point p:last-child,.wp-block-post-content .seratori-point p:last-child{margin-bottom:0}
.entry-content .seratori-check,.wp-block-post-content .seratori-check{border-top:2px solid #111;border-bottom:1px solid #aaa;padding:23px 0;margin:28px 0}
.entry-content .seratori-check li,.wp-block-post-content .seratori-check li{border-bottom:1px solid #e5e5e5;padding:10px 0}
.entry-content .seratori-check li:last-child,.wp-block-post-content .seratori-check li:last-child{border-bottom:0}
.entry-content .seratori-step,.wp-block-post-content .seratori-step{display:grid;grid-template-columns:70px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid #d6d6d6}
.entry-content .seratori-step__num,.wp-block-post-content .seratori-step__num{font:900 45px/1.2 Arial,sans-serif;letter-spacing:-.06em;margin:0}
.entry-content .seratori-step__body,.wp-block-post-content .seratori-step__body{min-width:0}
.entry-content .seratori-diagram,.wp-block-post-content .seratori-diagram{border:1px solid #111;background:#fff;padding:26px;margin:26px 0}
.entry-content .seratori-diagram__title,.wp-block-post-content .seratori-diagram__title{font-weight:850}
.entry-content .seratori-diagram__row,.wp-block-post-content .seratori-diagram__row{gap:10px}
.entry-content .seratori-diagram__item,.wp-block-post-content .seratori-diagram__item{border:1px solid #111;padding:12px;min-width:0}
.entry-content .seratori-diagram__item:nth-child(2),.wp-block-post-content .seratori-diagram__item:nth-child(2){background:var(--seratori-yellow)}
.entry-content .seratori-diagram__item p,.wp-block-post-content .seratori-diagram__item p{margin:0}
.entry-content .wp-block-details,.wp-block-post-content .wp-block-details{border-top:1px solid #aaa;padding:16px 0}
.entry-content .wp-block-details summary,.wp-block-post-content .wp-block-details summary{font-weight:850;cursor:pointer}
.entry-content figure img,.wp-block-post-content figure img{max-width:100%;height:auto;object-fit:contain}
@media(max-width:600px){.entry-content .seratori-step,.wp-block-post-content .seratori-step{grid-template-columns:50px minmax(0,1fr);gap:12px}.entry-content .seratori-diagram__row,.wp-block-post-content .seratori-diagram__row{display:block}.entry-content .seratori-diagram__item,.wp-block-post-content .seratori-diagram__item{margin:8px 0}.entry-content .seratori-diagram{padding:17px}}