/* Original JR editorial assets: no external libraries, scripts or tracking. */
.editorial-cover{display:block;margin:0 0 25px;overflow:hidden;background:#102530;border-radius:2px;line-height:0}
.editorial-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:none}
.editorial-cover:focus-visible,.guide-preview:focus-visible{outline:3px solid #805c2c;outline-offset:5px}
.principle-icon{display:block;width:54px;height:54px;padding:10px;margin:0 0 21px;background:#ece7dd;border:1px solid #d2ccc0;border-radius:50%;color:#805c2c}
.resource-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:56px;align-items:center;margin:32px 0 50px}
.resource-intro h2{font-size:clamp(28px,3vw,38px);line-height:1.2}
.resource-intro .btn{margin-top:16px}
.guide-preview{display:block;max-width:320px;margin:0 auto;padding:18px;background:#eae6dc;border:1px solid #d2ccc0;text-decoration:none;color:#14212a}
.guide-preview img{display:block;width:100%;height:auto;box-shadow:0 8px 22px #0716201a}
.guide-preview span{display:block;font-size:13px;line-height:1.5;margin:16px 0 0;text-align:center}
@media(max-width:800px){.resource-intro{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:24px}.guide-preview{max-width:290px}.editorial-cover{margin-bottom:20px}}

/* Readable conceptual diagrams; labels remain HTML in both languages. */
/* Portrait and biography form a single editorial composition. */
.collaboration-bio{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:48px;align-items:center;border-top:1px solid #d2ccc0;border-bottom:1px solid #d2ccc0;padding:40px 0;margin:56px 0 40px;max-width:1000px}
.collaboration-bio .collaboration-portrait{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.collaboration-bio .biography-text{min-width:0}
.collaboration-bio h2{font-size:clamp(29px,3vw,38px);line-height:1.2;margin:0 0 20px}
.collaboration-bio .biography-text p{margin:0;font-size:17px;line-height:1.8}
.collaboration-bio .btn{margin-top:24px;line-height:1.5}
@media(max-width:800px){.collaboration-bio{grid-template-columns:minmax(0,1fr);gap:28px;margin:40px 0 32px;padding:28px 0}.collaboration-bio .collaboration-portrait{width:min(100%,300px)}.collaboration-bio .biography-text p{text-align:left}}

#jr-fintech-design .capital-map{margin:32px 0 36px;padding:26px;background:#ece7dd;border:1px solid #d2ccc0}
#jr-fintech-design .capital-map figcaption{font:24px/1.3 Georgia,serif;margin:0 0 24px;color:#14212a}
#jr-fintech-design .capital-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#jr-fintech-design .capital-question{min-width:0;padding:18px 14px;background:#f6f3ec;border:1px solid #d2ccc0;text-align:left}
#jr-fintech-design .diagram-icon{display:block;width:34px;height:34px;margin:0 0 13px;color:#805c2c}
#jr-fintech-design .capital-question strong{display:block;font-size:16px;line-height:1.45}
#jr-fintech-design .capital-question p{font-size:15px;line-height:1.6;margin:10px 0 0;text-align:left}
#jr-fintech-design .capital-structure{position:relative;margin-top:28px;padding:20px;background:#102530;color:#f6f3ec;text-align:center;border-top:3px solid #a77c42}
#jr-fintech-design .capital-structure:before{content:"";position:absolute;top:-29px;left:50%;height:26px;border-left:1px solid #a77c42}
#jr-fintech-design .capital-structure strong{display:block;font:23px/1.3 Georgia,serif}
#jr-fintech-design .capital-structure p{font-size:15px;line-height:1.6;color:#e0e4e5;margin:10px 0 0;text-align:center}
#jr-fintech-design .capital-map .diagram-control{font-size:14px;color:#515e67;line-height:1.6;margin:18px 0 0;text-align:center}
#jr-fintech-design .jr-map.jr-process{position:relative;gap:22px;border:0;padding:0;margin:32px 0 0}
#jr-fintech-design .jr-process>div{display:block;position:relative;padding:20px 16px;background:#ece7dd;border:1px solid #d2ccc0;min-width:0}
#jr-fintech-design .jr-process>div:not(:last-child):after{content:"→";position:absolute;right:-19px;top:46px;color:#805c2c;font-size:20px;line-height:1}
#jr-fintech-design .jr-process b{font-size:18px;line-height:1.4;margin:8px 0 10px}
#jr-fintech-design .jr-process p{font-size:15px;line-height:1.65;text-align:left}
#jr-fintech-design .jr-copy p.process-control{font-size:14px;line-height:1.6;background:#102530;color:#f6f3ec;border-top:3px solid #a77c42;padding:16px 20px;text-align:center;margin:14px 0 36px}
@media(max-width:560px){#jr-fintech-design .capital-map{padding:20px 16px}#jr-fintech-design .capital-questions{grid-template-columns:1fr;gap:12px}#jr-fintech-design .capital-question{display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 12px}#jr-fintech-design .capital-question .diagram-icon{grid-row:1/3;margin:0}#jr-fintech-design .capital-question p{grid-column:2}#jr-fintech-design .capital-map figcaption{font-size:22px}#jr-fintech-design .jr-map.jr-process{grid-template-columns:1fr;gap:22px}#jr-fintech-design .jr-process>div:not(:last-child):after{content:"↓";top:auto;right:auto;left:calc(50% - 7px);bottom:-22px}}

/* Graphic covers: headings and labels surround fully visible diagrams. */
.editorial-cover{position:relative;text-decoration:none;color:#f6f3ec}
.cover-message{display:block;text-align:center;line-height:1.4}
.cover-message>strong{display:block;padding:20px 16px 4px;font:clamp(20px,2vw,26px)/1.2 Georgia,serif;color:#f6f3ec}
.cover-graphic{position:relative;display:block}
.editorial-cover .cover-graphic img{display:block;width:100%;height:auto;min-height:0;opacity:1;aspect-ratio:16/9;object-fit:contain}
.cover-concepts{position:absolute;left:9%;right:9%;bottom:7%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;font:600 15px/1.4 Arial,sans-serif;color:#f6f3ec}
.cover-concepts>span{min-width:0;padding:0 3px;overflow-wrap:anywhere}
.cover-insight{display:block;padding:2px 18px 20px;font:14px/1.5 Arial,sans-serif;color:#e1c598}
@media(max-width:400px){.cover-message>strong{font-size:20px;padding-top:18px}.cover-concepts{font-size:13px}.cover-insight{font-size:13px;padding-bottom:18px}}
