/* Interoperability knowledge experience — non-normative extension to the website, 2026-11-10 */
.intero-wrap{max-width:1180px;width:calc(100% - 54px);margin:0 auto;padding:36px 0 78px;color:#e8f7f2}
.intero-back{display:flex;gap:14px;align-items:center;color:#90c7c3;font-size:12px;margin:1px 0 18px;font-weight:700}.intero-back a:hover{color:#fff;text-decoration:underline}
.intero-hero{padding:58px 49px;border-radius:21px;border:1px solid #2d5060;background:radial-gradient(circle at 89% 0%,#15534a 0,transparent 40%),linear-gradient(130deg,#153f42,#0b182a 78%);box-shadow:0 16px 55px #0003}
.intero-kicker{font-size:11px;font-weight:850;letter-spacing:.14em;color:#8be9d2}.intero-hero h1{max-width:790px;line-height:1.09;letter-spacing:-.06em;font-size:clamp(36px,4.6vw,65px);margin:18px 0 17px}.intero-hero p{color:#c3d8d9;font-size:17px;line-height:1.7;max-width:740px}.intero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.intero-btn{background:#152e3a;border:1px solid #47717a;color:#d9faf1;border-radius:10px;min-height:42px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:750}.intero-btn.primary{background:#079385;color:white;border-color:#13aa9b}.intero-btn:hover{background:#1c4550;color:#fff}.intero-btn.primary:hover{background:#087c72}
.intero-section{padding:35px 0;border-bottom:1px solid #2e4850}.intero-section-title{display:flex;gap:15px;align-items:center}.intero-section-title>span{font:900 12px ui-monospace,monospace;color:#7be5cf;background:#153f43;padding:7px 9px;border-radius:7px}.intero-section h2{font-size:clamp(22px,2.5vw,34px);letter-spacing:-.045em;margin:0}.intero-muted{color:#b4c8d0;font-size:14px;max-width:750px}.intero-layers{padding:0;margin:24px 0 4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;list-style:none}.intero-layers li{background:#132637;border:1px solid #345260;padding:22px 17px;border-radius:12px;min-width:0}.intero-layer-num{display:block;font-size:10px;font-weight:850;color:#78e3ce;letter-spacing:.04em;margin-bottom:15px}.intero-layers strong{display:block;line-height:1.35;font-size:15px}.intero-layers small{display:block;margin-top:10px;line-height:1.55;font-size:11px;color:#a3bec4}
.intero-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;margin:20px 0}.intero-form,.intero-result{background:#111f31;border:1px solid #334d61;border-radius:15px;padding:27px;min-width:0}.intero-form label{font-size:12px;font-weight:800;color:#c8e3e5;display:block;margin:12px 0 9px}.intero-form input,.intero-form select{width:100%;border-radius:8px;border:1px solid #506575;background:#0a1726;color:#fff;padding:13px;min-height:43px}.intero-form small{display:block;color:#92a9bb;line-height:1.6;margin:8px 0 14px;font-size:11px}.intero-form button{margin-top:21px}.intero-note{padding:12px 16px;margin-top:20px;background:#17393e;border-left:3px solid #79d9c2;font-size:12px;line-height:1.65;color:#c9e2dd;border-radius:5px}.intero-result>small{font-size:11px;color:#99b3bd;text-transform:uppercase;letter-spacing:.13em}.intero-decision{display:inline-flex;background:#49331f;color:#ffd4a5;padding:8px 14px;border-radius:9px;font-family:ui-monospace,Consolas,monospace;font-size:15px;letter-spacing:.04em;margin:15px 0}.intero-decision.ok{background:#1a5144;color:#bdf9dc}.intero-decision.error{background:#572b37;color:#ffbec3}.intero-result>p{font-size:14px;color:#e5f1f2;line-height:1.67;min-height:55px}.intero-matrix{display:grid;grid-template-columns:1fr 1fr;gap:9px}.intero-matrix>div{padding:13px;border-radius:9px;background:#0e1827;border:1px solid #2d4053}.intero-matrix b{display:block;font-size:11px;color:#80e4d5;margin-bottom:7px}.intero-matrix span{font-size:12px;line-height:1.55;color:#bbcbd5;display:block}
.intero-table-wrap{overflow-x:auto;margin:20px 0}.intero-table{width:100%;border-collapse:collapse;min-width:660px}.intero-table th{text-align:left;color:#aafae7;background:#174147;font-size:12px}.intero-table th,.intero-table td{padding:16px;border:1px solid #2f5060;line-height:1.6;vertical-align:top;font-size:13px}.intero-table td:first-child{font-weight:750;color:#fff;min-width:140px}.intero-inline{font-size:12px;color:#bcd3d9}.intero-files{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.intero-file{font-size:12px;border:1px solid #376874;background:#133743;color:#a9f6e7;padding:11px 14px;border-radius:8px;overflow-wrap:anywhere}.intero-file:hover{background:#1d5260}.intero-threats{margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;counter-reset:threat}.intero-threats li{background:#102332;border:1px solid #2e4555;padding:17px;border-radius:10px;font-size:13px;line-height:1.6;color:#d6e8e7}.intero-threats li:before{counter-increment:threat;content:counter(threat, decimal-leading-zero);font-size:12px;font-family:ui-monospace,monospace;color:#6bd9bf;font-weight:850;margin-right:12px}.intero-footer{padding:30px 0;font-size:12px;color:#8ea8b4}.feature-launchers{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.intero-layers{grid-template-columns:1fr 1fr}.intero-case{grid-template-columns:1fr}.feature-launchers{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.intero-wrap{width:calc(100% - 24px);padding-top:20px}.intero-hero{padding:32px 22px}.intero-hero h1{font-size:34px}.intero-hero p{font-size:15px}.intero-layers,.intero-threats,.intero-matrix,.feature-launchers{grid-template-columns:1fr}.intero-form,.intero-result{padding:18px}.intero-files{flex-direction:column}.intero-actions{flex-direction:column;align-items:stretch}.intero-section{padding:28px 0}}