/* Real text and structure over a restrained photographic glass surface. */
.skill-architecture,.boundary-plan{position:relative;isolation:isolate;overflow:hidden;background:#193440;border:1px solid #63757c;border-radius:18px;box-shadow:0 20px 48px rgba(20,42,52,.09)}
.skill-architecture:before,.boundary-plan:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(14,32,42,.92),rgba(23,45,54,.79)),url('assets/about-convergence-v31.webp') center/cover no-repeat}
.skill-architecture .skill-layer{border-radius:10px;background:rgba(169,203,190,.15);border:1px solid rgba(202,229,216,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 24px rgba(0,0,0,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.skill-architecture .skills .skill-layer{background:rgba(168,209,188,.24);border-color:rgba(200,234,216,.6)}
.skill-architecture .replaceable .skill-layer{background:rgba(217,224,225,.10);border-color:rgba(221,231,232,.25)}
.skill-architecture .skill-layer h3{color:#f2f4ef}.skill-architecture .skill-layer p,.skill-architecture .skill-annotation{color:#d4dfdc}.skill-architecture .skill-annotation:before{border-color:#7f9899}
.skill-architecture .skill-depth span{background:#a8cebd}.skill-architecture .skill-depth span:nth-child(n+3){background:rgba(168,206,189,.36)}
.skill-architecture .architecture-legend span,.skill-architecture .illustration-note{color:#c8d7d5}.skill-architecture .legend-owned:before{background:#7eab99;border-color:#bad6c8}.skill-architecture .legend-replaceable:before{background:#63777d;border-color:#9fb0b5}
.boundary-plan{gap:20px;padding:28px;grid-template-columns:1fr 2.35fr}
.boundary-plan .boundary-sources,.boundary-plan .boundary-interior{border:1px solid rgba(221,233,231,.32);border-radius:12px;background:rgba(204,219,217,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);padding:28px}
.boundary-plan .boundary-sources{background:rgba(164,199,185,.20)}
.boundary-plan h3,.boundary-plan .boundary-flow strong{color:#f2f4ef}.boundary-plan .chip,.boundary-plan .eyebrow,.boundary-plan p{color:#d4dfdc}.boundary-plan .chip{border-color:rgba(206,225,219,.25);background:transparent}.boundary-plan .boundary-flow strong{border-color:rgba(206,225,219,.28)}.boundary-plan .boundary-flow>span{color:#adcac3}
@media(max-width:700px){.skill-architecture,.boundary-plan{border-radius:14px}.boundary-plan{grid-template-columns:1fr;padding:16px;gap:14px}.boundary-plan .boundary-sources,.boundary-plan .boundary-interior{padding:22px 18px}.boundary-plan .boundary-flow{gap:6px;grid-template-columns:1fr 14px 1fr 14px 1fr}.boundary-plan .boundary-flow strong{font-size:13px;padding:18px 2px}.boundary-plan .eyebrow{letter-spacing:.08em}}