*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.7;color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.container-sub{max-width:1100px;margin:0 auto;background:#fff;box-shadow:0 20px 60px rgb(0 0 0 / .3);border-radius:12px;overflow:hidden}header{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:#fff;padding:60px 40px;text-align:center}header h1{color:white!important;font-size:2.3em;margin-bottom:20px;font-weight:700;text-shadow:2px 2px 4px rgb(0 0 0 / .3)}.subtitle{color:#fff;font-size:1.15em;opacity:.95;font-weight:300}.doc-meta{margin-top:20px;font-size:.9em;opacity:.8;font-style:italic}.cta-button{display:inline-block;margin-top:25px;padding:15px 40px;background:#ff6b6b;color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1em;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(255 107 107 / .4)}.cta-button:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 6px 20px rgb(255 107 107 / .6)}.content{padding:50px 40px}.intro{font-size:1.1em;color:#555;margin-bottom:40px;padding:25px;background:#f8f9fa;border-left:5px solid #2a5298;border-radius:5px}h2{color:#1e3c72;font-size:1.9em;margin:40px 0 20px 0;padding-bottom:10px;border-bottom:3px solid #667eea;text-align:left}h3{color:#2a5298;font-size:1.4em;margin:30px 0 15px 0;text-align:left}h4{color:#1e3c72;font-size:1.15em;margin:20px 0 10px 0}p{margin-bottom:18px;color:#444}ul{margin:15px 0 25px 40px}li{margin-bottom:10px;color:#555;text-align:left}strong{color:#1e3c72}.p-text-align-left p{text-align:left}.highlight-box{background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);padding:25px;margin:30px 0;border-radius:8px;border-left:5px solid #667eea;text-align:left}.key-point{background:#fff4e6;border-left:5px solid #ff6b6b;padding:20px 25px;margin:25px 0;border-radius:5px;text-align:left}.key-point strong{color:#d84315}.diagram-section{background:#f8f9fa;padding:40px 30px;margin:35px 0;border-radius:10px;border:2px solid #e0e0e0}.diagram-section p{text-align:center}.diagram-title{text-align:center;color:#1e3c72;font-size:1.3em;margin-bottom:10px;font-weight:700}.diagram-subtitle{text-align:center;color:#666;font-size:.95em;margin-bottom:30px;font-style:italic}.diagram-mode-note{text-align:center;font-size:.75em;color:#999;margin-bottom:20px;padding:6px 12px;background:#fff4e6;border-radius:5px;display:inline-block}.diagram-mode-note-wrap{display:none;text-align:center}.diagram-scroll-wrapper{overflow-x:auto;padding-bottom:10px}.diagram-canvas{position:relative;width:100%;min-width:900px;padding-bottom:80%}.diagram-canvas svg{position:absolute;top:0;left:0;width:100%;height:100%}.diagram-box{position:absolute;background:#fff;border:2px solid #667eea;border-radius:8px;padding:1.2% 1.4%;text-align:center;box-shadow:0 4px 10px rgb(0 0 0 / .08);display:flex;flex-direction:column;justify-content:center}.diagram-box h4{color:#1e3c72;font-size:.95em;margin:0 0 6px 0;line-height:1.25}.diagram-box p{font-size:.78em;color:#666;margin-bottom:0;line-height:1.35}.diagram-box.shore{border-color:#ff6b6b;background:#fff8f7}.diagram-box.shore h4{color:#d84315}.diagram-box.ship{border-color:#2a9d8f;background:#f2fbfa}.diagram-box.ship h4{color:#1a6e63}.box-physical{left:6%;top:2.5%;width:27%;height:20%}.box-synthetic{left:37%;top:2.5%;width:28%;height:20%}.box-virtual{left:69%;top:2.5%;width:28%;height:20%}.box-shore{left:21%;top:38.75%;width:76%;height:20%}.box-ship{left:10%;top:75%;width:87%;height:21.25%}.diagram-label{position:absolute;font-size:.72em;color:#555;background:#fff;padding:3px 8px;border-radius:10px;border:1px dashed #999;text-align:center;line-height:1.2;white-space:nowrap}.label-direct-broadcast{left:1.5%;top:55.6%}.label-confirms{left:51%;top:30.6%;transform:translateX(-50%)}.label-relay{left:44%;top:63.5%;max-width:38%;white-space:normal}@media (max-width:700px){.label-direct-broadcast{left:8.5%;top:55.6%}.label-confirms{left:51%;top:28%;transform:translateX(-50%)}.label-relay{left:44%;top:63.5%;max-width:38%;white-space:normal}}.diagram-footnote{text-align:center;margin-top:25px;padding-top:20px;border-top:1px dashed #ccc;font-size:.9em;color:#666;font-style:italic}.diagram-simplified{display:none}.simple-box{background:#fff;border:2px solid #667eea;border-radius:8px;padding:14px 16px;text-align:center;box-shadow:0 4px 10px rgb(0 0 0 / .08);margin-bottom:4px}.simple-box h4{color:#1e3c72;font-size:.95em;margin:0 0 6px 0}.simple-box p{font-size:.82em;color:#666;margin-bottom:0}.simple-box.shore{border-color:#ff6b6b;background:#fff8f7}.simple-box.shore h4{color:#d84315}.simple-box.ship{border-color:#2a9d8f;background:#f2fbfa}.simple-box.ship h4{color:#1a6e63}.simple-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:4px}.simple-arrow{text-align:center;color:#667eea;font-size:1.3em;line-height:1;margin:2px 0}.simple-arrow-label{display:block;font-size:.55em;color:#777;font-style:italic;font-weight:400;margin-top:2px}.simple-gutter-note{font-size:.75em;color:#777;text-align:center;font-style:italic;margin:6px 0;padding:6px;background:#fff4e6;border-radius:5px}@media (max-width:700px){.simplified-mobile .diagram-scroll-wrapper{display:none}.simplified-mobile .diagram-simplified{display:block}}.table-wrapper{overflow-x:auto;margin:25px 0;border-radius:8px;border:1px solid #e0e0e0;text-align:left}.ref-table{width:100%;border-collapse:collapse;min-width:700px}.ref-table th{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:#fff;padding:14px 16px;text-align:left;font-size:.95em;position:sticky;top:0}.ref-table td{padding:12px 16px;border-bottom:1px solid #eee;font-size:.9em;vertical-align:top}.ref-table tr:nth-child(even){background:#f8f9fa}.ref-table tr:hover{background:#eef1fd}.ref-table td:first-child{font-weight:600;color:#1e3c72;white-space:nowrap}.ref-table td:nth-child(2){font-size:.85em;white-space:nowrap}.cta-section{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:#fff;padding:40px;margin-top:50px;border-radius:8px;text-align:center}.cta-section h2{color:#fff;border-bottom:3px solid #fff;display:inline-block}.cta-section p{color:#fff;max-width:700px;margin:0 auto 25px auto}.download-section{background:#f8f9fa;border:2px dashed #667eea;border-radius:8px;padding:35px 40px;margin-top:30px;text-align:center}.download-icon{font-size:2.2em;margin-bottom:12px;display:block}.download-section h3{color:#1e3c72;margin:0 0 10px 0;text-align:center}.download-section p{color:#555;max-width:600px;margin:0 auto 22px auto}.download-button{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:#1e3c72;color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.05em;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(30 60 114 / .3)}.download-button:hover{background:#2a5298;transform:translateY(-2px);box-shadow:0 6px 20px rgb(30 60 114 / .45)}.download-meta{margin-top:14px;font-size:.8em;color:#888}.document-footer-note{margin-top:40px;padding:20px 25px;background:#f8f9fa;border-radius:8px;font-size:.85em;color:#777;font-style:italic;border-left:4px solid #999;text-align:left}footer{background:#1a1a1a;color:#fff;text-align:center;padding:30px}footer p{color:#fff}footer a{color:#667eea;text-decoration:none;font-weight:600}footer a:hover{color:#ff6b6b}@media (max-width:768px){header h1{font-size:1.6em}.content{padding:30px 20px}h2{font-size:1.5em}.diagram-row{grid-template-columns:1fr}.diagram-box.full-width{max-width:100%}.connection-item{flex-direction:column;align-items:flex-start;gap:4px;border-bottom:1px solid #eee;padding-bottom:10px}}footer.footer-container,.section-description{display:none}