/* A single complete frame illustration, with live HTML headings and content. */
.legend-board,.legend-board.intro-board{--frame-top:165px;--frame-side:60px;--frame-bottom:56px;position:relative;isolation:isolate;border:0;border-image:none;background:none;filter:drop-shadow(0 9px 12px #09040280);padding:var(--frame-top) var(--frame-side) var(--frame-bottom)}
.legend-board::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border-style:solid;border-width:var(--frame-top) var(--frame-side) var(--frame-bottom);border-image-source:url('assets/legend-frame-v3.webp');border-image-slice:310 190 210 190;border-image-repeat:stretch}
.legend-board::after{content:'';position:absolute;z-index:0;inset:calc(var(--frame-top) - 12px) calc(var(--frame-side) * .42) calc(var(--frame-bottom) * .45);border-radius:12px;background:radial-gradient(ellipse at 50% 0,#18303b,#060b11 65%)}
.legend-board>*{position:relative;z-index:2}
.legend-board>.legend-title{position:absolute;top:22px;left:21%;right:16%;height:112px;margin:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;font:900 italic 77px/1 var(--serif);letter-spacing:-1px;color:#ffe8a0;-webkit-text-stroke:2px #681006;paint-order:stroke fill;text-shadow:1px 0 #ffefaf,-1px 0 #ffefaf,0 1px #ffefaf,2px 3px #8a1106,4px 5px 2px #290501,0 0 15px #ffab3c88;transform:rotate(-2deg)}
.legend-route{margin-top:3px}
.legend-features li{min-height:53px}
.legend-features .feature-double .feature-icon{width:38px;height:38px}
.legend-features .feature-double strong{font-size:31px}
@media(max-width:1250px){.legend-board,.legend-board.intro-board{--frame-top:140px;--frame-side:45px;--frame-bottom:46px}.legend-board>.legend-title{top:18px;height:94px;font-size:62px}.legend-features li{min-height:44px}.legend-features .feature-double strong{font-size:25px}}
@media(max-width:980px){.legend-board,.legend-board.intro-board{--frame-top:165px;--frame-side:60px;--frame-bottom:56px}.legend-board>.legend-title{top:22px;height:112px;font-size:77px}.legend-features li{min-height:53px}.legend-features .feature-double strong{font-size:31px}}
@media(max-width:600px){.legend-board,.legend-board.intro-board{--frame-top:98px;--frame-side:30px;--frame-bottom:36px}.legend-board>.legend-title{top:13px;height:67px;font-size:43px;-webkit-text-stroke:1px #681006;text-shadow:1px 0 #ffefaf,1px 2px #8a1106,2px 3px 1px #290501,0 0 7px #ffab3c88}.legend-features li{min-height:39px}.legend-features .feature-double .feature-icon{width:25px;height:25px}.legend-features .feature-double strong{font-size:20px}}
@media(max-width:370px){.legend-board,.legend-board.intro-board{--frame-top:85px;--frame-side:25px;--frame-bottom:32px}.legend-board>.legend-title{top:12px;height:57px;font-size:36px}.legend-features li{min-height:37px}.legend-features .feature-double strong{font-size:18px}}