.architecture-main{padding-top:30px!important;max-width:1500px}.architecture-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:26px}.architecture-eyebrow{color:#8a744d;letter-spacing:.15em;font-size:10px;font-weight:750}.architecture-heading h1{margin:9px 0 10px;font-size:clamp(25px,2.7vw,38px);letter-spacing:-.04em;line-height:1.2}.architecture-heading p{font-size:13px;color:#666b6e;margin:0;line-height:1.65}.architecture-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:11px 15px;color:#303032;border:1px solid #cccac4;border-radius:6px;font-size:12px;white-space:nowrap;background:#fff}.architecture-button:hover{border-color:#a68c58;background:#f8f6f1}.architecture-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:19px}.architecture-tabs{display:flex;gap:4px;padding:4px;background:#e7e6e1;border-radius:8px}.architecture-tabs button{border:0;background:none;display:flex;align-items:center;gap:9px;padding:13px 19px;color:#777;font:inherit;cursor:pointer;border-radius:5px}.architecture-tabs button b{font-size:15px}.architecture-tabs button span{font-size:12px}.architecture-tabs button[aria-selected=true]{background:#1d1e20;color:#fff;box-shadow:0 2px 5px #0002}.architecture-tabs button:focus-visible,.architecture-node:focus-visible,.architecture-layer:focus-visible{outline:3px solid #9a7f47;outline-offset:3px}.architecture-scenario{display:flex;align-items:center;gap:10px;font-size:11px;color:#6c6f71}.architecture-scenario select{padding:11px 32px 11px 12px;border:1px solid #d6d4cf;background:#fff;border-radius:5px;font-size:12px;color:#303235;max-width:270px}.architecture-workspace{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:18px;align-items:stretch}.architecture-canvas{min-width:0;border:1px solid #dcdad3;border-radius:10px;background:#fff;overflow:hidden;min-height:530px}.architecture-view-head{padding:24px 25px 19px;border-bottom:1px solid #eeece7}.architecture-view-head small{font-size:10px;font-weight:750;letter-spacing:.13em;color:#8b774f}.architecture-view-head h2{font-size:23px;line-height:1.35;margin:8px 0}.architecture-view-head p{font-size:12px;line-height:1.65;color:#686c6f;margin:0;max-width:780px}.architecture-legend{font-size:10px;display:flex;align-items:center;gap:8px;color:#747775;margin-top:12px}.architecture-legend i{width:15px;height:3px;background:#a58d5b;display:inline-block}.architecture-legend span{margin-left:8px}.architecture-map{padding:26px 24px}.architecture-chain{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;position:relative}.architecture-chain .architecture-node{min-height:137px}.architecture-node{position:relative;border:1px solid #d8d6cf;border-radius:6px;background:#fafaf8;color:#272a2b;text-align:left;padding:16px 13px;cursor:pointer;transition:border-color .15s,background .15s,opacity .15s;min-width:0;font:inherit}.architecture-node:hover{border-color:#9d885e;background:#faf8f2}.architecture-node.is-selected{box-shadow:0 0 0 2px #a08750 inset;background:#f7f3e9;border-color:#a08750}.architecture-node.is-path{border-color:#b7a176;background:#fcfaf5}.architecture-node.is-selected.is-path{border-color:#a08750}.architecture-node.is-muted{opacity:.5}.architecture-node b{display:block;font-size:13px;line-height:1.45}.architecture-node small{display:block;font-size:10px;line-height:1.6;color:#777b7a;margin-top:7px}.architecture-node .architecture-node-id{font-size:10px;letter-spacing:.09em;color:#9a8356;font-weight:700;margin:0 0 15px}.architecture-chain .architecture-node:not(:last-child):after{content:'→';position:absolute;right:-13px;top:64px;font-size:15px;color:#aa9369}.architecture-l2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:28px;border-top:1px solid #d7d2c4;border-bottom:1px solid #e7e3d9}.architecture-l2 article{padding:19px 15px;border-right:1px solid #e7e3d9}.architecture-l2 article:last-child{border-right:0}.architecture-l2 article span{font-size:10px;color:#9a8356;letter-spacing:.05em}.architecture-l2 article b{display:block;font-size:13px;margin:8px 0}.architecture-l2 article p{font-size:11px;line-height:1.7;color:#6e7375;margin:0}.architecture-map-note{font-size:11px;line-height:1.8;color:#747876;margin:19px 0 0}.architecture-next{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.architecture-next span{font-size:11px;color:#6d716f}.architecture-next button,.architecture-detail a{padding:10px 12px;border:1px solid #b9aa8e;background:#fff;color:#6b5730;border-radius:5px;font-size:11px;cursor:pointer}.architecture-detail{background:#242526;border-radius:10px;color:#fff;padding:24px 23px;min-width:0}.architecture-detail .architecture-detail-label{font-size:10px;letter-spacing:.12em;color:#c4ae83}.architecture-detail h3{margin:10px 0 10px;font-size:23px;line-height:1.3;letter-spacing:-.02em}.architecture-detail .architecture-detail-intro{font-size:12px;color:#c9cdca;line-height:1.7;margin:0 0 20px}.architecture-detail dl{margin:0}.architecture-detail dl>div{border-top:1px solid #414344;padding:13px 0}.architecture-detail dt{font-size:10px;letter-spacing:.04em;color:#c7b083;margin-bottom:6px}.architecture-detail dd{margin:0;font-size:11px;line-height:1.75;color:#d0d3d0}.architecture-detail .architecture-check{border-left:2px solid #baa16e;background:#ffffff08;padding:12px 13px;margin:8px 0 20px;font-size:11px;line-height:1.7;color:#edece7}.architecture-check b{display:block;margin-bottom:5px;color:#d1b986;font-size:10px}.architecture-detail a{display:inline-flex;background:transparent;color:#e2d2b3;line-height:1.4}.architecture-detail a:hover{background:#ffffff0b}.architecture-detail .architecture-detail-links{display:flex;flex-wrap:wrap;gap:8px}.architecture-decision{display:flex;gap:22px;align-items:center;margin-top:20px;padding:16px 2px;border-bottom:1px solid #d8d5cc}.architecture-decision>span{font-size:11px;font-weight:750;white-space:nowrap;color:#7d6943}.architecture-decision p{font-size:12px;line-height:1.75;color:#484e50;flex:1;margin:0}.architecture-decision a{font-size:11px;white-space:nowrap;color:#7d6943}.architecture-assumption{font-size:10px;color:#818580;line-height:1.7;margin-top:14px}.architecture-application-map{padding:22px 24px}.architecture-band-label{font-size:10px;letter-spacing:.1em;color:#7c806e;margin-bottom:10px}.architecture-portal-node{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f3f1e9;padding:14px 16px}.architecture-portal-node b{font-size:15px}.architecture-portal-node small{margin:0;max-width:370px;font-size:11px}.architecture-stem{text-align:center;height:27px;font-size:19px;color:#b0a389}.architecture-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.architecture-app-grid .architecture-node{min-height:114px}.architecture-app-grid .architecture-node small{font-size:10px}.architecture-app-grid .architecture-node-id{margin-bottom:8px}.architecture-authority{display:flex;gap:10px;align-items:stretch;margin-top:18px;border-top:1px dashed #c8c3b7;padding-top:17px}.architecture-authority>p{flex:1;margin:0;padding:8px 0;font-size:11px;line-height:1.8;color:#69716f}.architecture-authority .architecture-node{width:47%;background:#f0f1f0}.architecture-data-route{display:flex;gap:4px;margin-bottom:20px;padding:3px;border:1px solid #e5e2da;border-radius:6px}.architecture-data-route button{flex:1;padding:11px 9px;border:0;border-radius:4px;background:#fff;color:#747871;cursor:pointer;font:inherit;font-size:11px}.architecture-data-route button.is-active{background:#292b2c;color:#fff}.architecture-swimlane{display:grid;grid-template-columns:1fr 32px 1.15fr 32px 1fr;align-items:stretch;gap:5px;margin-bottom:14px}.architecture-swimlane>.architecture-node{min-height:104px}.architecture-swimlane>i{font-size:24px;align-self:center;color:#ad996d;text-align:center;font-style:normal}.architecture-lane-head{font-size:11px;display:flex;justify-content:space-between;color:#474e50;margin-bottom:10px}.architecture-lane-head small{font-size:10px;color:#8c918d}.architecture-swimlane.is-inactive{opacity:.44}.architecture-service-contract{background:#f5f4ef;border-radius:6px;margin-top:23px;padding:16px}.architecture-service-contract h3{margin:0 0 14px;font-size:13px}.architecture-contract-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.architecture-contract-fields label>span,.architecture-contract-fields .architecture-field>span{display:block;font-size:10px;color:#8a784f;margin-bottom:6px}.architecture-contract-fields select{width:100%;min-width:0;font-size:11px;padding:9px;border:1px solid #d9d5c9;border-radius:4px;background:#fff;color:#353b3e}.architecture-field strong{font-weight:500;font-size:11px;line-height:1.7}.architecture-contract-note{font-size:10px;margin:12px 0 0;color:#787e79;line-height:1.7}.architecture-layer-stack{padding:10px 24px 21px}.architecture-layer{width:100%;display:grid;grid-template-columns:35px 128px 1fr;align-items:center;gap:12px;padding:18px 13px;border:0;border-bottom:1px solid #e4e1d8;background:transparent;text-align:left;cursor:pointer;font:inherit;color:#353b3c}.architecture-layer:last-child{border-bottom:0}.architecture-layer>span{font-size:20px;font-weight:300;color:#b3a17b}.architecture-layer>b{font-size:13px}.architecture-layer>small{font-size:11px;color:#747976;line-height:1.6}.architecture-layer:hover,.architecture-layer.is-selected{background:#f7f4eb}.architecture-layer.is-selected{box-shadow:3px 0 #a28952 inset}.architecture-layer.is-selected>b{color:#866d3d}.architecture-layer-foot{margin:0 24px 20px;padding:13px 15px;background:#f1f2ef;font-size:11px;line-height:1.75;color:#606967}.architecture-result-tag{font-size:10px;border-bottom:1px solid #b7a278;padding-bottom:4px;color:#886f3b;white-space:nowrap}
@media(max-width:1250px){.architecture-workspace{grid-template-columns:minmax(0,1fr) 287px}.architecture-tabs button{padding:12px 14px}.architecture-view-head{padding:21px 20px}.architecture-map,.architecture-application-map{padding:21px 19px}.architecture-chain{gap:10px}.architecture-chain .architecture-node{padding:12px 9px}.architecture-chain .architecture-node:not(:last-child):after{right:-11px;font-size:12px}.architecture-node b{font-size:12px}.architecture-detail{padding:22px 20px}.architecture-app-grid{gap:8px}.architecture-app-grid .architecture-node{padding:12px 10px}.architecture-authority>p{font-size:10px}.architecture-layer{grid-template-columns:27px 110px 1fr;padding:16px 11px}}
@media(max-width:1000px){.architecture-workspace{grid-template-columns:1fr}.architecture-detail{display:grid;grid-template-columns:1fr 1.35fr;column-gap:24px}.architecture-detail h3,.architecture-detail-intro,.architecture-detail-label{grid-column:1}.architecture-detail dl{grid-column:2;grid-row:1/5}.architecture-detail .architecture-check{grid-column:1}.architecture-detail-links{grid-column:1/-1}.architecture-controls{align-items:flex-start;flex-direction:column;gap:13px}.architecture-scenario{align-self:flex-end}.architecture-canvas{min-height:0}.architecture-decision{align-items:flex-start;flex-wrap:wrap}.architecture-decision a{margin-left:67px}}
@media(max-width:700px){.architecture-main{padding:24px 14px!important}.architecture-heading{align-items:flex-start;gap:18px;flex-direction:column}.architecture-heading h1{font-size:29px}.architecture-tabs{width:100%}.architecture-tabs button{flex:1;flex-direction:column;gap:4px;padding:10px 8px}.architecture-tabs button span{font-size:11px}.architecture-scenario{align-self:stretch;justify-content:space-between}.architecture-scenario select{max-width:230px}.architecture-chain{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.architecture-chain .architecture-node{min-height:117px}.architecture-chain .architecture-node:after{display:none}.architecture-l2{grid-template-columns:1fr}.architecture-l2 article{border-right:0;border-bottom:1px solid #e5e0d5;padding:14px 8px}.architecture-l2 article:last-child{border-bottom:0}.architecture-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-portal-node{display:block}.architecture-portal-node small{margin-top:8px}.architecture-authority{flex-direction:column}.architecture-authority .architecture-node{width:100%}.architecture-detail{display:block}.architecture-swimlane{grid-template-columns:1fr 18px 1.05fr 18px 1fr;gap:2px}.architecture-swimlane .architecture-node{padding:11px 8px}.architecture-swimlane .architecture-node b{font-size:11px}.architecture-swimlane .architecture-node small{font-size:9px}.architecture-swimlane>i{font-size:16px}.architecture-view-head h2{font-size:22px}.architecture-layer{grid-template-columns:22px 97px 1fr;gap:8px;padding:14px 8px}.architecture-layer-stack{padding:7px 15px 16px}.architecture-layer>b{font-size:12px}.architecture-layer>small{font-size:10px}.architecture-layer-foot{margin:0 15px 17px}.architecture-next{align-items:flex-start;flex-direction:column}.architecture-decision{gap:9px}.architecture-decision p{flex-basis:80%;font-size:11px}.architecture-decision a{margin-left:0}.architecture-contract-fields{gap:11px}.architecture-lane-head small{max-width:145px;text-align:right}}