/* MG108 custom experience layer: two new interactive widgets + exact single-column PDF editorial. */
.mg108-widget-head{position:relative;z-index:2;padding:30px 32px 23px}.mg108-widget-head--split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);gap:28px;align-items:end}.mg108-widget-kicker{display:flex;align-items:center;gap:9px;margin-bottom:9px;color:var(--mg108-gold);font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.mg108-widget-kicker span{width:30px;height:2px;background:linear-gradient(90deg,var(--mg108-yellow),var(--mg108-magenta));box-shadow:0 0 14px rgba(252,180,35,.35)}.mg108-widget-head h2{max-width:900px;margin:0;color:var(--mg108-white)!important;font-size:clamp(27px,4vw,46px);font-weight:900;line-height:1.02;letter-spacing:-.035em}.mg108-widget-head>p,.mg108-widget-head--split>p{margin:14px 0 0!important;color:#cbbbd6!important;font-size:14px;line-height:1.7}
/* Widget 1: interactive server-flow topology */
.mg108-route-console{position:relative;margin:0 0 30px;overflow:hidden;border:1px solid rgba(252,211,20,.34);border-radius:26px;background:radial-gradient(circle at 86% 8%,rgba(252,180,35,.10),transparent 21rem),radial-gradient(circle at 10% 90%,rgba(202,40,189,.13),transparent 26rem),#0f0718;box-shadow:var(--mg108-shadow)}.mg108-route-console:after{content:"FLOW";position:absolute;right:-18px;top:11px;color:rgba(254,245,15,.028);font-size:118px;font-weight:900;letter-spacing:-.08em;pointer-events:none}.mg108-route-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);border-top:1px solid rgba(252,180,35,.12)}.mg108-route-map{min-height:330px;display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr 70px 1fr;align-items:center;padding:38px 28px;background:linear-gradient(135deg,rgba(117,17,198,.10),transparent 55%)}.mg108-route-node{position:relative;min-height:148px;padding:20px 12px;border:1px solid rgba(252,180,35,.20);border-radius:20px;color:#e8daef;background:linear-gradient(180deg,rgba(43,18,71,.90),rgba(17,7,27,.94));text-align:center;box-shadow:0 14px 28px rgba(0,0,0,.24);transition:.25s ease}.mg108-route-node:hover{transform:translateY(-4px);border-color:rgba(254,245,15,.55)}.mg108-route-node.is-active{border-color:var(--mg108-yellow);background:radial-gradient(circle at 50% 0,rgba(252,180,35,.20),transparent 70%),linear-gradient(180deg,rgba(93,15,139,.95),rgba(30,9,49,.96));box-shadow:0 0 0 3px rgba(252,180,35,.08),0 16px 38px rgba(117,17,198,.32)}.mg108-node-index{width:34px;height:34px;display:grid;place-items:center;margin:0 auto 14px;border:1px solid rgba(252,211,20,.35);border-radius:50%;color:var(--mg108-gold-2);font-size:10px;font-weight:900}.mg108-route-node strong{display:block;color:var(--mg108-white);font-size:16px;line-height:1.15}.mg108-route-node small{display:block;margin-top:7px;color:#a992ba;font-size:11px}.mg108-route-link{height:2px;background:rgba(252,180,35,.18);position:relative;overflow:visible}.mg108-route-link:before,.mg108-route-link:after{content:"";position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--mg108-gold)}.mg108-route-link:before{left:0}.mg108-route-link:after{right:0}.mg108-route-link i{position:absolute;top:50%;left:0;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--mg108-yellow);box-shadow:0 0 14px rgba(254,245,15,.7);animation:mg108-packet 2.4s linear infinite}@keyframes mg108-packet{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 10px);opacity:0}}.mg108-route-readout{display:flex;flex-direction:column;justify-content:center;padding:34px;border-left:1px solid rgba(252,180,35,.12);background:linear-gradient(180deg,rgba(58,12,86,.22),rgba(0,0,0,.08))}.mg108-route-status{display:flex;align-items:center;gap:8px;color:var(--mg108-gold-2);font-size:9px;letter-spacing:.16em}.mg108-route-status span{width:8px;height:8px;border-radius:50%;background:var(--mg108-yellow);box-shadow:0 0 12px rgba(254,245,15,.7)}.mg108-route-readout h3{margin:16px 0 10px;color:var(--mg108-white)!important;font-size:24px;font-weight:900}.mg108-route-readout p{margin:0!important;color:#c2afd0!important;font-size:13px;line-height:1.7}.mg108-route-meter{display:flex;gap:7px;margin:24px 0}.mg108-route-meter i{height:5px;flex:1;border-radius:10px;background:linear-gradient(90deg,var(--mg108-gold),var(--mg108-magenta));box-shadow:0 0 12px rgba(202,40,189,.20)}.mg108-route-run{align-self:flex-start;padding:11px 16px;border:1px solid rgba(254,245,15,.55);border-radius:999px;color:#16071f;background:linear-gradient(90deg,var(--mg108-yellow),var(--mg108-gold));font-weight:900;font-size:11px;letter-spacing:.04em}.mg108-route-run span{margin-left:7px}
/* Widget 2: clickable 2D matrix instead of a slider/decoder */
.mg108-character-map{position:relative;margin:0 0 30px;overflow:hidden;border:1px solid rgba(202,40,189,.36);border-radius:26px;background:radial-gradient(circle at 15% 10%,rgba(117,17,198,.18),transparent 22rem),radial-gradient(circle at 88% 82%,rgba(252,180,35,.08),transparent 22rem),#0d0616;box-shadow:var(--mg108-shadow)}.mg108-matrix-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);border-top:1px solid rgba(252,180,35,.11)}.mg108-matrix-board{position:relative;min-height:430px;padding:48px 46px 62px 78px}.mg108-matrix-grid{position:relative;height:100%;min-height:310px;border:1px solid rgba(252,180,35,.22);border-radius:22px;background:linear-gradient(rgba(252,180,35,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(252,180,35,.08) 1px,transparent 1px),radial-gradient(circle at 20% 20%,rgba(254,245,15,.08),transparent 20rem),rgba(20,8,32,.74);background-size:25% 25%,25% 25%,auto,auto;box-shadow:inset 0 0 44px rgba(0,0,0,.28)}.mg108-axis{position:absolute;color:#9f8daf;font-size:9px;font-weight:900;letter-spacing:.13em}.mg108-axis-y{left:22px;top:48px;bottom:62px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.mg108-axis-y span:first-child,.mg108-axis-y span:last-child{writing-mode:vertical-rl;transform:rotate(180deg)}.mg108-axis-y span:nth-child(2){color:var(--mg108-gold);font-size:10px}.mg108-axis-x{left:78px;right:46px;bottom:28px;display:flex;justify-content:space-between;align-items:center}.mg108-axis-x b{color:var(--mg108-magenta);font-size:10px}.mg108-matrix-dot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:48px;height:48px;border:1px solid rgba(252,211,20,.40);border-radius:50%;color:var(--mg108-white);background:linear-gradient(145deg,#7020ad,#351052);font-size:14px;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.36);transition:.22s ease}.mg108-matrix-dot:hover{transform:translate(-50%,-50%) scale(1.10)}.mg108-matrix-dot.is-active{color:#16071f;border-color:var(--mg108-yellow);background:linear-gradient(145deg,var(--mg108-yellow),var(--mg108-gold));box-shadow:0 0 0 6px rgba(252,180,35,.10),0 0 28px rgba(254,245,15,.28)}.mg108-matrix-readout{padding:40px 34px;border-left:1px solid rgba(252,180,35,.12);background:linear-gradient(180deg,rgba(82,13,122,.17),rgba(0,0,0,.08))}.mg108-matrix-badge{display:inline-flex;padding:6px 10px;border:1px solid rgba(252,211,20,.30);border-radius:999px;color:var(--mg108-gold-2);background:rgba(117,17,198,.22);font-size:9px;font-weight:900;letter-spacing:.16em}.mg108-matrix-readout h3{margin:15px 0 19px;color:var(--mg108-white)!important;font-size:24px;font-weight:900;line-height:1.15}.mg108-matrix-readout dl{margin:0}.mg108-matrix-readout dl>div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:11px 0;border-top:1px solid rgba(252,180,35,.11)}.mg108-matrix-readout dt{color:#9885a8;font-size:10px;text-transform:uppercase;letter-spacing:.10em}.mg108-matrix-readout dd{margin:0;color:#f4e8f8;font-size:13px;font-weight:800}.mg108-matrix-readout>p{margin:20px 0 0!important;color:#bdaac9!important;font-size:12px;line-height:1.7}.mg108-widget-links{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(252,180,35,.11)}.mg108-widget-links a{padding:15px 18px;text-align:center;border-right:1px solid rgba(252,180,35,.10);color:#ddcfe5!important;font-size:11px;font-weight:800}.mg108-widget-links a:last-child{border-right:0}.mg108-widget-links a:hover{color:var(--mg108-yellow)!important;background:rgba(117,17,198,.15)}
/* One large editorial shell. Every content section remains one column; no section-card grid. */
.mg108-editorial{width:100%;padding:34px 0 12px}.mg108-master-shell,.mg108-faq-section{position:relative;max-width:1180px;margin:0 auto}.mg108-master-shell{overflow:hidden;border:1px solid rgba(252,180,35,.28);border-radius:28px;background:radial-gradient(circle at 85% 0,rgba(117,17,198,.12),transparent 28rem),linear-gradient(180deg,rgba(27,12,43,.95),rgba(12,6,19,.97));box-shadow:var(--mg108-shadow)}.mg108-master-shell:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mg108-purple),var(--mg108-magenta),var(--mg108-gold),var(--mg108-yellow),var(--mg108-gold),var(--mg108-purple))}.mg108-document-hero{padding:42px 44px 30px;border-bottom:1px solid rgba(252,180,35,.13);background:linear-gradient(120deg,rgba(117,17,198,.16),transparent 55%)}.mg108-document-hero h1{max-width:990px;margin:0;color:var(--mg108-white)!important;font-size:clamp(30px,4.4vw,52px);font-weight:900;line-height:1.06;letter-spacing:-.038em}.mg108-document-flow{padding:10px 44px 42px}.mg108-flow-section{display:block;width:100%;padding:30px 0 26px;border-bottom:1px solid rgba(252,180,35,.09)}.mg108-flow-section:last-child{border-bottom:0}.mg108-flow-section h2{margin:0 0 16px;color:var(--mg108-gold-2)!important;font-size:clamp(23px,2.7vw,33px);font-weight:900;line-height:1.15;letter-spacing:-.025em}.mg108-flow-section h3{margin:25px 0 10px;color:#f0e3f6!important;font-size:19px;font-weight:900}.mg108-flow-section p{max-width:1020px;margin:0 0 13px!important;color:#d7c9df!important;font-size:15px;line-height:1.78}.mg108-flow-section a{font-weight:800}.mg108-bullet-list,.mg108-step-list{margin:10px 0 18px;padding-left:25px}.mg108-bullet-list li,.mg108-step-list li{margin:7px 0;color:#d9cce1!important;font-size:14.5px;line-height:1.6}.mg108-bullet-list li::marker{color:var(--mg108-gold)}.mg108-step-list li::marker{color:var(--mg108-magenta);font-weight:900}.mg108-table-wrap{width:100%;margin:18px 0 22px;overflow-x:auto;border:1px solid rgba(252,180,35,.20);border-radius:18px;background:rgba(10,5,16,.55)}.mg108-table-wrap table{width:100%;min-width:650px;border-collapse:collapse}.mg108-table-wrap th,.mg108-table-wrap td{padding:14px 16px;border-right:1px solid rgba(252,180,35,.10);border-bottom:1px solid rgba(252,180,35,.10);text-align:left;vertical-align:top}.mg108-table-wrap th:last-child,.mg108-table-wrap td:last-child{border-right:0}.mg108-table-wrap tbody tr:last-child td{border-bottom:0}.mg108-table-wrap th{color:#15091f!important;background:linear-gradient(90deg,var(--mg108-gold),var(--mg108-gold-2));font-size:12px;font-weight:900;letter-spacing:.04em}.mg108-table-wrap td{color:#ded2e6!important;background:rgba(31,13,49,.55);font-size:13.5px;line-height:1.5}.mg108-table-wrap tbody tr:nth-child(even) td{background:rgba(48,17,73,.48)}.mg108-conclusion{padding-bottom:16px}
/* FAQ remains separate and strictly one column. */
.mg108-faq-section{margin-top:28px;overflow:hidden;border:1px solid rgba(202,40,189,.30);border-radius:24px;background:rgba(14,7,22,.94);box-shadow:var(--mg108-shadow)}.mg108-faq-head{padding:26px 32px;border-bottom:1px solid rgba(252,180,35,.12);background:linear-gradient(90deg,rgba(117,17,198,.25),rgba(202,40,189,.09),transparent)}.mg108-faq-head h2{margin:0;color:var(--mg108-white)!important;font-size:30px;font-weight:900}.mg108-faq-column{display:block;padding:0 32px 22px}.mg108-faq-column details{display:block;width:100%;border-bottom:1px solid rgba(252,180,35,.10)}.mg108-faq-column details:last-child{border-bottom:0}.mg108-faq-column summary{position:relative;padding:19px 38px 19px 0;color:#f0e4f5;cursor:pointer;font-size:15px;font-weight:900;list-style:none}.mg108-faq-column summary::-webkit-details-marker{display:none}.mg108-faq-column summary:after{content:"+";position:absolute;right:4px;top:16px;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(252,211,20,.27);border-radius:50%;color:var(--mg108-gold-2)}.mg108-faq-column details[open] summary:after{content:"−"}.mg108-faq-column details p{margin:-2px 0 18px!important;padding-right:40px;color:#c7b7d1!important;font-size:14px;line-height:1.65}
@media(max-width:991px){.mg108-widget-head--split{grid-template-columns:1fr}.mg108-route-stage,.mg108-matrix-layout{grid-template-columns:1fr}.mg108-route-readout,.mg108-matrix-readout{border-left:0;border-top:1px solid rgba(252,180,35,.12)}.mg108-route-map{grid-template-columns:1fr 38px 1fr 38px 1fr 38px 1fr;padding:30px 18px}.mg108-route-node{min-height:130px;padding:16px 8px}.mg108-route-node strong{font-size:13px}.mg108-widget-links{grid-template-columns:repeat(2,1fr)}.mg108-widget-links a:nth-child(2){border-right:0}.mg108-widget-links a:nth-child(-n+2){border-bottom:1px solid rgba(252,180,35,.10)}}
@media(max-width:767px){.mg108-widget-head{padding:24px 20px 19px}.mg108-route-console,.mg108-character-map,.mg108-master-shell,.mg108-faq-section{border-radius:18px}.mg108-route-map{display:flex;flex-direction:column;gap:12px;padding:24px 20px}.mg108-route-node{width:100%;min-height:auto;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;text-align:left}.mg108-node-index{grid-row:1/3;margin:0}.mg108-route-link{width:2px;height:24px}.mg108-route-link i{display:none}.mg108-route-readout{padding:26px 22px}.mg108-matrix-board{min-height:360px;padding:42px 22px 60px 58px}.mg108-axis-y{left:12px}.mg108-axis-x{left:58px;right:22px}.mg108-matrix-readout{padding:28px 22px}.mg108-document-hero{padding:34px 24px 24px}.mg108-document-flow{padding:6px 24px 30px}.mg108-flow-section{padding:25px 0 22px}.mg108-flow-section p{font-size:14px}.mg108-faq-head{padding:22px}.mg108-faq-column{padding:0 22px 18px}.mg108-table-wrap{margin-left:0;margin-right:0}.mg108-widget-links{grid-template-columns:1fr}.mg108-widget-links a{border-right:0;border-bottom:1px solid rgba(252,180,35,.10)}.mg108-widget-links a:last-child{border-bottom:0}}