/* GRN chapter extras — blocks beside the book text (owner's rule 26 Oct 2026: not part of the text, the audio or the Q&A).
   Loaded on book chapter and part pages. Logical properties so RTL editions mirror on their own. */
body .grn-x{margin:28px 0;clear:both}
body .grn-x *{box-sizing:border-box}
body .grn-x-box{background:#EFE6D8;border:1px solid #E2D7C6;border-radius:16px;padding:22px 24px 20px}
body .grn-x-box h4{font:600 24px/1.2 "Cormorant Garamond",Georgia,serif!important;margin:0 0 8px!important;color:#140700!important;letter-spacing:0!important;text-transform:none!important}
body .grn-x-box p{font:400 16px/1.7 Literata,Georgia,serif;color:#4A3A30;margin:0}
body .grn-x-quote{padding-block:6px;padding-inline-start:24px;border-inline-start:3px solid #C9A26B}
body .grn-x-quote .q{font:italic 500 24px/1.35 "Cormorant Garamond",Georgia,serif;color:#140700;margin:0 0 8px}
body .grn-x-quote .src{font:500 13px/1.4 Inter,system-ui,sans-serif;color:#8A6A35;letter-spacing:.03em;margin:0}
body .grn-x-fig{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
body .grn-x-fig>div{background:#FFFDF9;border:1px solid #D9CFBC;border-radius:14px;padding:16px 14px;text-align:center}
body .grn-x-fig b{display:block;font:600 34px/1 Literata,Georgia,serif;color:#8A6A35;font-variant-numeric:tabular-nums;margin-bottom:6px}
body .grn-x-fig span{font:500 13px/1.4 Inter,system-ui,sans-serif;color:#6F665A}
body .grn-x-img{margin-inline:0}
body .grn-x-img img{display:block;width:100%;height:auto;max-width:100%;border-radius:14px}
body .grn-x-img figcaption{font:400 13.5px/1.5 Inter,system-ui,sans-serif;color:#6F665A;margin-top:8px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
body .grn-x-img figcaption small{opacity:.85;font-size:12.5px}
body .grn-x-note{display:flex;gap:12px;align-items:flex-start;background:#FFFDF9;border:1px dashed #D9CFBC;border-radius:12px;padding:12px 14px}
body .grn-x-note::before{content:"i";flex:none;width:22px;height:22px;border-radius:50%;background:#EFE6D8;color:#8A6A35;display:grid;place-items:center;font:600 12px/1 Inter,system-ui,sans-serif}
body .grn-x-note p{font:400 14.5px/1.6 Inter,system-ui,sans-serif;color:#4A3A30;margin:0}
@media (max-width:520px){body .grn-x-fig{grid-template-columns:1fr}body .grn-x-box{padding:18px}}