/* ID: WBT-0257 / v66 / 2026-11-02 — relationship diagrams immediately under each title. */
.story-map{margin:18px 0 0;padding:14px;border:1px solid #c3d7b7;border-radius:17px;background:linear-gradient(140deg,#f8fbf1,#edf5e6);color:#173e28;min-width:0}
.story-map figcaption{font-size:9px;font-weight:800;line-height:1.6;color:#51754b;letter-spacing:.04em;margin-bottom:10px}
.story-map__input,.story-map__result{display:flex;align-items:center;justify-content:center;gap:7px;min-height:29px;padding:5px 8px;border-radius:9px;border:1px solid #cfdec4;background:#fff;font-size:10px;line-height:1.6;font-weight:700;text-align:center;overflow-wrap:anywhere}
.story-map__result{background:#d8f2ad;border-color:#c7e49a;font-size:11px;font-weight:800}
.story-map__result svg{width:16px;height:16px;flex:none}
.story-map__branches{width:53%;height:12px;margin:0 auto;border-bottom:1px solid #7b9f6b;position:relative}
.story-map__branches:before{content:'';position:absolute;left:50%;height:12px;border-left:1px solid #7b9f6b}
.story-map__hubs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px}
.story-map__hubs a{display:flex;flex-direction:column;justify-content:center;text-align:center;position:relative;min-width:0;min-height:60px;padding:9px 7px;background:#157c45;border-radius:10px;color:#fff;text-decoration:none}
.story-map__hubs a:before{content:'';position:absolute;top:-11px;left:50%;height:11px;border-left:1px solid #7b9f6b}
.story-map__hubs small{font:700 7px/1.5 var(--font-latin);letter-spacing:.06em;opacity:.8}
.story-map__hubs b{font:900 13px/1.5 var(--font-latin);overflow-wrap:anywhere}
.story-map__hubs span{font-size:9px;line-height:1.5;opacity:.9;margin-top:2px;overflow-wrap:anywhere}
.story-map__hubs a:focus-visible{outline:3px solid #157c45;outline-offset:3px;box-shadow:0 0 0 5px #fff}
.story-map__hubs a:hover{background:#0e6638}
.story-map__hubs--single{grid-template-columns:1fr;margin-left:15%;margin-right:15%}
.story-map__branches--single{width:0;border-bottom:0}
.story-map__merge{width:53%;height:12px;border-top:1px solid #7b9f6b;border-left:1px solid #7b9f6b;border-right:1px solid #7b9f6b;margin:0 auto 11px;transform:rotate(180deg);position:relative}
.story-map__merge:after{content:'';position:absolute;left:50%;top:-11px;height:11px;border-left:1px solid #7b9f6b}
.story-map__merge--single{width:0;border-top:0;border-right:0}
#special .scard__left{padding-top:26px;padding-bottom:26px}
#special .scard__num{font-size:clamp(56px,5vw,76px)}
#special .scard__rule{margin:12px 0 16px}
#special .scard__case{padding-top:16px;margin-top:0;font-size:10px}
#special .scard__tags{margin:8px 0 14px}
.article__body .story-map{margin:20px 0 22px}
.article__body .story-map__hubs b{font-size:15px}
.article__body .story-map__hubs a{min-height:68px}
.article__media.is-story img{object-fit:contain;padding:12px;background:#edf3e7}
.article__body .article__title{line-height:1.35}
@media(max-width:1024px){.article__in:has(.is-story){grid-template-rows:30% minmax(0,1fr)}.article__media.is-story img{padding:0}.article__body:has(.story-map){padding-top:23px}}
@media(max-width:767px){#special .scard__num{font-size:56px}.story-map{padding:12px}.story-map__hubs a{padding:8px 5px;min-height:62px}.story-map__hubs b{font-size:12px}.story-map__input{font-size:10px}.story-map__result{font-size:10px}.article__body .story-map__hubs b{font-size:13px}.article__body .story-map__hubs a{min-height:62px}}