.architecture-notice{background:#e9ece2;border-left:4px solid #738f47;padding:26px 30px;border-radius:3px}.architecture-notice strong{font-size:18px}.architecture-notice p{margin:12px 0 0;color:#4b5d54}.architecture-group{margin:32px 0}.architecture-group h3{font-size:20px;letter-spacing:-.02em}.architecture-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.architecture-map a{background:#e9ece2;border:1px solid var(--line);border-radius:4px;padding:22px 18px;display:flex;gap:14px;font-size:14px;align-items:flex-start}.architecture-map a span,.layer-no{font-size:12px;color:#667c43;min-width:22px}.architecture-map a:hover{background:var(--green);text-decoration:none;border-color:#789151}.architecture-processes{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.architecture-processes>p{color:var(--muted);max-width:700px}.architecture-process,.architecture-layer{border:1px solid var(--line);border-radius:4px;margin:14px 0;overflow:hidden}.architecture-process summary,.architecture-layer summary{cursor:pointer;padding:22px;font-size:18px;font-weight:600;line-height:1.4}.architecture-process[open] summary,.architecture-layer[open] summary{background:#e9ece2}.architecture-flow{list-style:none;margin:0;padding:30px 22px;display:flex;gap:20px;flex-wrap:wrap}.architecture-flow li{position:relative;flex:1 1 120px;border-top:2px solid #7e954f;padding-top:14px;font-size:14px;min-width:0}.architecture-flow li span{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.architecture-flow li:not(:last-child):after{content:'→';position:absolute;right:-18px;top:10px}.architecture-layer summary .layer-no{display:inline-block;margin:0 14px 0 8px}.architecture-layer p{padding:24px 24px 0;max-width:800px;color:var(--muted)}.arch-tag{display:inline-block;margin:0 24px 24px;padding:4px 10px;font-size:11px;border-radius:20px;background:#e9ece2}.architecture-tools{display:flex;gap:12px;margin:28px 0}.architecture-tools button{background:transparent;border:1px solid var(--line);padding:10px 15px;border-radius:4px;cursor:pointer;color:var(--ink)}.architecture-tools button:hover{background:var(--green)}.architecture-status{background:var(--ink);color:var(--paper);padding:45px;border-radius:4px}.architecture-status .eyebrow{color:var(--green)}.architecture-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:35px 0}.architecture-status h3{font-size:24px;color:var(--green)}.architecture-status p{color:#cad2cb;font-size:15px}.architecture-source{font-size:12px!important;border-top:1px solid #52675d;padding-top:25px;margin-bottom:0}@media(max-width:850px){.architecture-map{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.architecture-map{grid-template-columns:1fr}.architecture-status{padding:26px}.architecture-status-grid{grid-template-columns:1fr;gap:14px}.architecture-notice{padding:22px}.architecture-flow{flex-direction:column;gap:24px}.architecture-flow li{flex:none;padding:14px 0}.architecture-flow li:not(:last-child):after{content:'↓';right:15px;top:auto;bottom:-20px}.architecture-layer summary{font-size:16px}}
