/* Architectural Editorial: numbered system relationships, drawn with thin rules. */
.architecture-icon,.architecture-detail,.architecture-transfer{display:none}
.architecture-panel{background:var(--paper);height:304px;padding:20px 24px;display:flex;flex-direction:column;min-width:0;position:relative;border:1px solid #cbbfae}
.architecture-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--rule);color:var(--bronze);font-size:9px;line-height:16px;letter-spacing:.35px}
.architecture-header>span:last-child{color:var(--muted);white-space:nowrap}
.architecture-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;padding:0;margin:auto 0;list-style:none}
.architecture-node{position:relative;min-width:0;min-height:102px;border:1px solid #aaa191;padding:13px 14px 12px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:transparent}
.architecture-node:not(:last-child)::before{content:'';position:absolute;left:100%;top:50%;width:34px;border-top:1px solid var(--bronze)}
.architecture-node:not(:last-child)::after{content:'';position:absolute;left:calc(100% + 27px);top:calc(50% - 3px);width:6px;height:6px;border-top:1px solid var(--bronze);border-right:1px solid var(--bronze);transform:rotate(45deg)}
.architecture-index{font-size:9px;line-height:14px;color:var(--bronze)}
.architecture-label{font-family:var(--serif);font-weight:700;font-size:29px;line-height:34px;display:block;margin-top:3px;color:var(--ink)}
.architecture-meta{font-size:8px;line-height:14px;letter-spacing:.2px;color:var(--slate);margin-top:5px}
.architecture-note{border-top:1px solid var(--rule);padding-top:14px;font-size:11px;line-height:18px;color:var(--slate)}
/* The existing narrow-screen flow is deliberately kept unchanged. */
@media(min-width:640px){
 .architecture-studies .study{height:416px}
 .architecture-panel{height:360px}
 .architecture-flow{gap:40px;margin:auto 0;width:100%;align-items:start}
 .architecture-node{border:0;min-height:0;padding:0;align-items:center;text-align:center}
 .architecture-icon{display:block;width:160px;max-width:100%;height:120px;object-fit:contain}
 .architecture-index{position:absolute;left:4px;top:5px;font-size:9px;line-height:14px}
 .architecture-label{font-size:27px;line-height:30px;margin-top:0}
 .architecture-meta{font-size:8px;line-height:14px;margin-top:3px}
 .architecture-node:not(:last-child)::before{top:66px;left:calc(100% - 12px);width:64px}
 .architecture-node:not(:last-child)::after{top:63px;left:calc(100% + 45px);width:6px;height:6px}
 .architecture-transfer{display:block;position:absolute;top:79px;left:calc(100% - 10px);width:60px;text-align:center;font-size:7px;line-height:10px;letter-spacing:.4px;color:var(--bronze)}
 .architecture-detail{display:block;position:relative;align-self:stretch;margin-top:24px;padding-top:10px;border-top:1px solid #cbbfae;font-size:10px;line-height:15px;color:var(--slate)}
 .architecture-detail::before{content:'';position:absolute;left:50%;bottom:100%;height:17px;border-left:1px solid #cbbfae}
 .architecture-detail::after{content:'';position:absolute;left:calc(50% - 2px);top:-3px;width:4px;height:4px;border:1px solid var(--bronze);background:var(--paper)}
 .architecture-note{margin-top:12px;padding-top:12px}
}
@media(min-width:1200px){.architecture-studies{height:1768px}}
@media(max-width:1199px){.architecture-panel{padding:18px}.architecture-flow{gap:22px}.architecture-node{padding:10px;min-height:98px}.architecture-label{font-size:23px;line-height:29px}.architecture-node:not(:last-child)::before{width:22px}.architecture-node:not(:last-child)::after{left:calc(100% + 15px)}.architecture-header{font-size:8px;letter-spacing:0}.architecture-meta{font-size:7px;letter-spacing:0}.architecture-note{font-size:10px;line-height:17px}}
@media(min-width:640px) and (max-width:899px){.architecture-panel{padding:14px}.architecture-flow{gap:14px}.architecture-node{padding:8px 5px}.architecture-label{font-size:19px;line-height:25px}.architecture-header{font-size:7px;gap:6px}.architecture-meta{font-size:6px}.architecture-node:not(:last-child)::before{width:14px}.architecture-node:not(:last-child)::after{left:calc(100% + 8px);width:5px;height:5px}}
@media(max-width:639px){.architecture-panel{height:auto;min-height:0;padding:18px}.architecture-header{font-size:8px;gap:12px;padding-bottom:13px}.architecture-header>span:last-child{font-size:7px}.architecture-flow{grid-template-columns:1fr;gap:22px;max-width:230px;width:100%;align-self:center;margin:24px 0}.architecture-node{min-height:68px;padding:11px 14px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 8px;align-items:center}.architecture-index{grid-column:1;grid-row:1/3;align-self:start;margin-top:4px}.architecture-label{grid-column:2;font-size:26px;line-height:28px;margin:0}.architecture-meta{grid-column:2;font-size:8px;line-height:14px;margin-top:3px}.architecture-node:not(:last-child)::before{left:50%;top:100%;height:22px;width:0;border-top:0;border-left:1px solid var(--bronze)}.architecture-node:not(:last-child)::after{left:calc(50% - 2px);top:calc(100% + 15px);width:5px;height:5px;transform:rotate(135deg)}.architecture-note{font-size:11px;line-height:18px;padding-top:13px}}
@media(min-width:640px) and (max-width:1199px){
 .architecture-flow{gap:24px}
 .architecture-node{padding:0}
 .architecture-icon{height:104px}
 .architecture-node:not(:last-child)::before{top:57px;left:calc(100% - 6px);width:36px}
 .architecture-node:not(:last-child)::after{top:54px;left:calc(100% + 23px);width:6px;height:6px}
 .architecture-transfer{top:70px;left:calc(100% - 13px);width:50px;font-size:6px}
 .architecture-detail{font-size:9px;line-height:14px}
}
@media(min-width:640px) and (max-width:899px){
 .architecture-flow{gap:16px}
 .architecture-icon{height:88px}
 .architecture-label{font-size:21px;line-height:26px}
 .architecture-index{left:0;top:0;font-size:8px}
 .architecture-node:not(:last-child)::before{top:47px;left:100%;width:16px}
 .architecture-node:not(:last-child)::after{top:44px;left:calc(100% + 9px)}
 .architecture-transfer{top:60px;left:calc(100% - 13px);width:42px;font-size:6px;letter-spacing:0}
 .architecture-detail{font-size:8px;line-height:13px;min-height:36px}
}