/* Fecomas documentation blocks. Shared by published guide pages and TinyMCE preview. */
.fcc-doc-row,
.fcc-doc-shape{box-sizing:border-box;margin:24px 0;max-width:100%;clear:both}
.fcc-doc-row *,.fcc-doc-shape *{box-sizing:border-box}
.fcc-doc-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.fcc-doc-row.fcc-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fcc-doc-row.fcc-image-left{grid-template-columns:minmax(0,calc(var(--fcc-media-pct,40%) - 12px)) minmax(0,1fr)}
.fcc-doc-row.fcc-image-right{grid-template-columns:minmax(0,1fr) minmax(0,calc(var(--fcc-media-pct,40%) - 12px))}
.fcc-doc-row.fcc-width-30{--fcc-media-pct:30%}
.fcc-doc-row.fcc-width-40{--fcc-media-pct:40%}
.fcc-doc-row.fcc-width-50{--fcc-media-pct:50%}
.fcc-doc-row.fcc-width-60{--fcc-media-pct:60%}
.fcc-doc-row.fcc-image-above,.fcc-doc-row.fcc-image-below{grid-template-columns:minmax(0,1fr)}
.fcc-doc-row .fcc-doc-col{min-width:0;overflow-wrap:anywhere}
.fcc-doc-row .fcc-doc-col> :first-child{margin-top:0}
.fcc-doc-row .fcc-doc-col> :last-child{margin-bottom:0}
.fcc-doc-row .fcc-doc-media{min-width:0}
.fcc-doc-row .fcc-doc-media img{display:block;max-width:100%;width:100%;height:auto;border-radius:13px;object-fit:contain;box-shadow:0 10px 28px rgba(7,27,51,.10)}
.fcc-doc-row.fcc-image-above .fcc-doc-media img,.fcc-doc-row.fcc-image-below .fcc-doc-media img{width:auto;max-height:540px;margin:0 auto}
.fcc-doc-shape{position:relative;padding:24px 28px;border-radius:0;background:#071b33;color:#fff;line-height:1.65;border:2px solid transparent;overflow-wrap:anywhere}
.fcc-doc-shape p,.fcc-doc-shape h2,.fcc-doc-shape h3,.fcc-doc-shape h4,.fcc-doc-shape li,.fcc-doc-shape a{color:inherit!important}
.fcc-doc-shape> :first-child{margin-top:0}.fcc-doc-shape> :last-child{margin-bottom:0}
.fcc-doc-shape.fcc-shape-rounded{border-radius:22px}
.fcc-doc-shape.fcc-shape-circle{width:min(100%,310px);min-height:260px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:50%;margin-left:auto;margin-right:auto;padding:35px}
.fcc-doc-shape.fcc-shape-circle p{margin:0}
.fcc-doc-shape.fcc-shape-speech{border-radius:26px 26px 26px 6px;margin-bottom:38px}
.fcc-doc-shape.fcc-shape-speech:after{content:"";position:absolute;bottom:-19px;left:25px;width:0;height:0;border-style:solid;border-width:20px 23px 0 0;border-color:#071b33 transparent transparent transparent}
.fcc-doc-shape.fcc-shape-banner{border-radius:12px;padding:20px 35px;clip-path:polygon(0 0,100% 0,calc(100% - 18px) 50%,100% 100%,0 100%,18px 50%);text-align:center}
.fcc-doc-shape.fcc-shape-note{border-radius:14px;border-left:6px solid #f47a1f;padding:20px 24px}
.fcc-doc-shape.fcc-tone-navy{background:#071b33;color:#fff}
.fcc-doc-shape.fcc-tone-orange{background:#f47a1f;color:#fff}
.fcc-doc-shape.fcc-tone-soft-blue{background:#eaf2fb;color:#071b33}
.fcc-doc-shape.fcc-tone-soft-orange{background:#fff0e1;color:#75310b}
.fcc-doc-shape.fcc-tone-white{background:#fff;border-color:#cfdce8;color:#071b33}
.fcc-doc-shape.fcc-shape-speech.fcc-tone-orange:after{border-top-color:#f47a1f}
.fcc-doc-shape.fcc-shape-speech.fcc-tone-soft-blue:after{border-top-color:#eaf2fb}
.fcc-doc-shape.fcc-shape-speech.fcc-tone-soft-orange:after{border-top-color:#fff0e1}
.fcc-doc-shape.fcc-shape-speech.fcc-tone-white:after{border-top-color:#fff}
/* Existing guide styles apply on ordinary paragraphs and full-size screenshots. */
.fcc-body .fcc-article .fcc-doc-row p,.fcc-body .fcc-update-article .fcc-doc-row p{margin-bottom:12px}
.fcc-body .fcc-article .fcc-doc-shape p,.fcc-body .fcc-update-article .fcc-doc-shape p{color:inherit}
@media(max-width:700px){
  .fcc-doc-row,.fcc-doc-row.fcc-columns-3,.fcc-doc-row.fcc-image-left,.fcc-doc-row.fcc-image-right{grid-template-columns:minmax(0,1fr);gap:15px}
  .fcc-doc-row.fcc-image-right .fcc-doc-media{order:-1}
  .fcc-doc-shape{padding:20px}
  .fcc-doc-shape.fcc-shape-circle{width:min(100%,280px);min-height:260px;padding:30px}
}
@media print{
  .fcc-doc-row{break-inside:avoid}
  .fcc-doc-shape{print-color-adjust:exact;-webkit-print-color-adjust:exact;break-inside:avoid}
}