.tiers{display:grid;grid-template-columns:minmax(170px,1fr) 62px minmax(0,3.6fr);gap:0;align-items:stretch}.customer-boundary,.petahub-boundary{min-width:0;border:1px solid #d8e1ed;border-radius:10px;padding:14px;background:#fff}.customer-boundary{background:#f6f8fb;display:flex;flex-direction:column}.petahub-boundary{border:1.5px solid #a5b6d7;background:#fcfdff}.boundary-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin-bottom:12px}.boundary-title b{font-size:14px;color:#17345f}.boundary-title span{font-size:10px;color:#617189}.customer-boundary .boundary-title span{background:#e8edf5;color:#43566f;border-radius:20px;padding:3px 10px}.managed-tiers{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch}.tier{width:100%;padding:14px 12px;display:flex;flex-direction:column;align-items:stretch;min-width:0}.customer-boundary .tier{flex:1;background:#fff}.tier b{font-size:12px;line-height:1.9;margin:10px 0}.tier .tier-code{font-size:10px;white-space:normal;text-align:right;line-height:1.6}.tier .tier-technology{font-size:10px;line-height:1.7;text-align:right;min-height:35px;color:#43566f}.tier .tier-description{font-size:10px;line-height:1.9;color:#617189;margin:10px 0 16px}.tier .tier-policy{background:#edf2fb;color:#304b96;border-radius:4px;padding:6px 8px;font-size:10px;margin-top:auto}.tier .physical-boundary{color:#79613e;line-height:1.7;font-size:9px;padding-top:6px}.migration-bridge,.tier-connector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.migration-bridge>span,.tier-connector>span{font:24px Tahoma;color:#7185ab}.migration-bridge small,.tier-connector small{font-size:8px;line-height:1.9;color:#617189}.boundary-caption{margin:12px 0 0;font-size:10px;color:#617189}.tier-info{margin-bottom:12px}.tier.active{box-shadow:inset 0 0 0 1px #304b96}.architecture>.section-title{margin-bottom:12px}@media(max-width:1050px){.tiers{grid-template-columns:1fr;gap:0}.migration-bridge{padding:9px;flex-direction:row}.migration-bridge>span{transform:rotate(-90deg)}.migration-bridge small br{display:none}.boundary-title{min-height:30px}.customer-boundary .tier{display:grid;grid-template-columns:35px 1fr;column-gap:12px}.customer-boundary .tier>*:not(.icon){grid-column:2}.customer-boundary .tier .icon{grid-row:1/5}.customer-boundary .tier .tier-technology{min-height:0}.customer-boundary .tier .tier-description{margin:5px 0}.managed-tiers{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr)}}@media(max-width:600px){.managed-tiers{grid-template-columns:1fr}.tier-connector{padding:8px;flex-direction:row}.tier-connector>span{transform:rotate(90deg)}.tier-connector small br{display:none}.boundary-title{display:block}.boundary-title>b,.boundary-title>span{display:block}.boundary-title>span{margin-top:4px}.customer-boundary .boundary-title span{display:inline-block}.tier .tier-technology{min-height:0}.tier .tier-description{margin:8px 0 12px}.tier b{margin:5px 0}.petahub-boundary{padding:12px}.tier .tier-policy{font-size:11px}.migration-bridge small,.tier-connector small{font-size:10px}}


.architecture{background:linear-gradient(110deg,#f7faff 0%,#fff 65%);border-color:#d6e1f0;padding:24px 26px;box-shadow:0 5px 22px #17345f05}
.architecture-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:25px;list-style:none;color:#17345f;cursor:pointer;border-radius:8px}.architecture-summary::-webkit-details-marker{display:none}.architecture-intro{display:flex;gap:14px;align-items:center;min-width:0}.architecture-mark{display:grid;place-items:center;width:54px;height:60px;flex:none;background:#edf3fc;border:1px solid #dbe5f5;border-radius:13px;color:#304b96}.architecture-mark svg{width:34px;height:34px}.architecture-summary h2{margin:4px 0 5px;font-size:20px;line-height:1.7}.architecture-prompt{font-size:10px;color:#617189}.architecture-intro .eyebrow{font-size:10px}
.architecture-mini{display:flex;align-items:center;gap:10px;font-size:11px}.mini-primary{display:flex;gap:7px;align-items:center;color:#617189}.mini-primary svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.mini-primary small{display:block;font-size:8px;color:#8290a5;margin-top:3px}.architecture-mini>i,.mini-managed>i{font-style:normal;color:#a4b3c9}.mini-managed{position:relative;display:flex;align-items:center;gap:10px;padding:26px 13px 13px;border:1px solid #c7d7ed;border-radius:10px;background:#ffffffb3}.mini-managed>b{position:absolute;top:5px;right:13px;font-size:9px;font-weight:500;color:#617189}.mini-managed>span{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px}.mini-managed>span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor}.mini-warm{color:#2563eb}.mini-near{color:#116f58}.mini-offline{color:#a95708}
.architecture-toggle{display:flex;align-items:center;gap:9px;min-height:52px;padding:8px 12px 8px 10px;border:1px solid #bbcee9;border-radius:10px;background:#edf3fc;color:#304b96;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,box-shadow .18s}.architecture-expand-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d4e0f2;border-radius:7px;background:white}.architecture-expand-icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.architecture-chevron{width:17px;height:17px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.architecture-summary:hover .architecture-toggle{background:#e1ebfa;border-color:#799bcf;box-shadow:0 4px 13px #304b9612}.architecture-summary:focus-visible{outline:3px solid #91ade0;outline-offset:7px}.architecture-label-close{display:none}.architecture-disclosure[open] .architecture-label-open{display:none}.architecture-disclosure[open] .architecture-label-close{display:inline}.architecture-disclosure[open] .architecture-chevron{transform:rotate(180deg)}.architecture-disclosure[open] .architecture-expand-icon{display:none}.architecture-expanded{margin-top:24px;padding-top:22px;border-top:1px solid #e2e9f3}.architecture-expanded p{max-width:none}.architecture-expanded .caption{font-size:11px}
@media(max-width:1150px){.architecture-summary{grid-template-columns:1fr auto;gap:18px}.architecture-mini{grid-row:2;grid-column:1/-1;justify-content:center;padding-top:4px}.architecture-toggle{grid-column:2;grid-row:1}.architecture-summary h2{font-size:19px}}@media(max-width:600px){.architecture{padding:20px 16px}.architecture-summary{gap:16px 8px}.architecture-mark{width:40px;height:48px;border-radius:10px}.architecture-mark svg{width:28px}.architecture-intro{gap:9px;grid-column:1/-1}.architecture-summary h2{font-size:18px}.architecture-prompt{font-size:10px}.architecture-toggle{grid-row:3;grid-column:1/-1;justify-content:center;min-height:46px}.architecture-mini{gap:7px;justify-content:space-between}.mini-primary{font-size:10px;gap:4px}.mini-primary svg{width:20px}.mini-primary small{font-size:7px}.mini-managed{gap:6px;padding:24px 9px 11px}.mini-managed>span{font-size:9px;gap:4px}.mini-managed>b{font-size:8px;right:9px}.mini-managed>span i{width:6px;height:6px}}@media(prefers-reduced-motion:reduce){.architecture-toggle,.architecture-chevron{transition:none}}@media print{.architecture{display:none!important}}