/*
Theme Name: CeDiFi Loop
Theme URI: https://cedifiloop.com
Author: Masthead
Description: Loop diagram
Version: 2.0.0
Text Domain: mast-cedifiloop
*/
body { margin: 0; background: #f2f6f5; color: #10211f; font-family: Lexend, sans-serif; }
h1, .name { font-family: Recursive, sans-serif; }
a { color: #0e8f7a; text-decoration: none; }
.lp-mast { padding: 20px 24px 8px; }
.lp-mast .name { font-size: 42px; margin: 0; }
.lp-ring { display: flex; flex-direction: row; gap: 8px; list-style: none; padding: 0; margin: 12px 0; }
.lp-ring li { flex: 1; border-top: 4px solid #0e8f7a; padding-top: 6px; }
.lp-front { padding: 8px 24px 60px; }
.lp-arc .story { display: grid; grid-template-columns: 48px 1fr 48px; gap: 12px; padding: 12px 0; }
.lp-arc .wp-block-post-featured-image { grid-column: 1 / -1; }
.lp-arc .wp-block-post-template { list-style: none; padding: 0; margin: 0; }
.lp-return .wp-block-post-template { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; list-style: none; padding: 0; }
.lp-foot { padding: 8px 24px 32px; }
.lp-foot ol { display: flex; gap: 16px; }
.lp-piece { max-width: 720px; margin: 0 auto; padding: 24px; }
img { width: 100%; height: auto; display: block; }
