/* Five independent symbols: open, lightweight and consistent at small sizes. */
.element-ribbon{background:#fff;border-bottom:1px solid #e3e6eb}
.element-ribbon__inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:27px;padding-bottom:27px}
.element-ribbon__intro>span{font:700 9px/1.5 Manrope,sans-serif;letter-spacing:.18em;color:#30385b}
.element-ribbon__intro p{font-size:13px;line-height:1.6;color:#637084;margin-top:5px}
.element-ribbon__icons{display:flex;align-items:center;gap:38px}
.element-ribbon__icons a{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;color:#3f4a59;min-height:44px;transition:color .2s}
.element-ribbon__icons a:hover{color:#1f2e42}
.element-ribbon__icons img{width:36px;height:36px;transition:transform .2s}
.element-ribbon__icons a:hover img{transform:translateY(-2px)}
.element-panel[data-layout=icons]{display:block;min-height:0;padding-top:32px;padding-bottom:32px}
.element-panel[data-layout=icons] .element-wheel{width:100%;height:auto;min-height:0;aspect-ratio:auto}
.element-panel[data-layout=icons] .wheel-ring,.element-panel[data-layout=icons] .wheel-center{display:none}
.element-panel[data-layout=icons] #element-nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.element-panel[data-layout=icons] .element-node{position:static;transform:none;gap:7px;width:100%;padding:20px 8px 23px;border-bottom:2px solid transparent;font-size:17px;font-weight:600;border-radius:0}
.element-panel[data-layout=icons] .element-node .node-icon{width:76px;height:76px;background:none;border:0;border-radius:0;box-shadow:none;margin-bottom:8px}
.element-panel[data-layout=icons] .element-node img{width:64px;height:64px}
.element-panel[data-layout=icons] .element-node small{font:500 10px/1.4 Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#647084}
.element-panel[data-layout=icons] .element-node[aria-pressed=true]{border-bottom-color:#30385b;background:#f7f8fb}
.element-panel[data-layout=icons] .element-node:hover{background:#f7f8fb}
.element-panel[data-layout=icons] .element-description{max-width:none;width:100%;display:grid;grid-template-columns:220px 1fr;column-gap:48px;border-top:1px solid #e3e6eb;padding-top:30px;margin-top:18px}
.element-panel[data-layout=icons] .element-description .eyebrow{grid-column:1 / -1;margin:0 0 18px}
.element-panel[data-layout=icons] .element-en{grid-column:1;grid-row:2;font-size:10px;margin:0}
.element-panel[data-layout=icons] .element-description h3{grid-column:1;grid-row:3 / 5;font-size:32px;line-height:1.3;margin:9px 0 0}
.element-panel[data-layout=icons] .element-concept{grid-column:2;grid-row:2 / 4;margin:0 0 6px;font-size:18px!important}
.element-panel[data-layout=icons] #element-story{grid-column:2;grid-row:4;max-width:620px;font-size:14px;line-height:1.9}
.element-panel[data-layout=icons] .element-description .text-link{grid-column:2;justify-self:start;margin-top:12px}
@media(max-width:960px){.element-ribbon__inner{gap:22px}.element-ribbon__icons{gap:18px}.element-ribbon__icons a{gap:6px}.element-ribbon__intro p{font-size:12px}}
@media(max-width:700px){.element-ribbon__inner{display:block;padding-top:23px;padding-bottom:23px}.element-ribbon__intro{display:flex;align-items:center;justify-content:space-between;gap:15px}.element-ribbon__intro>span{font-size:8px;letter-spacing:.13em}.element-ribbon__intro p{font-size:11px;margin:0}.element-ribbon__icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:18px}.element-ribbon__icons a{flex-direction:column;gap:5px;font-size:11px}.element-ribbon__icons img{width:34px;height:34px}.element-panel[data-layout=icons] #element-nodes{gap:3px}.element-panel[data-layout=icons] .element-node{font-size:13px;padding:12px 2px 16px;gap:5px}.element-panel[data-layout=icons] .element-node .node-icon{width:48px;height:48px;margin-bottom:5px}.element-panel[data-layout=icons] .element-node img{width:44px;height:44px}.element-panel[data-layout=icons] .element-node small{font-size:8px;letter-spacing:.03em}.element-panel[data-layout=icons] .element-description{grid-template-columns:1fr;gap:0;padding-top:23px;margin-top:12px}.element-panel[data-layout=icons] .element-description .eyebrow{grid-column:1;grid-row:auto;font-size:9px;margin:0 0 13px}.element-panel[data-layout=icons] .element-en{display:none}.element-panel[data-layout=icons] .element-description h3{grid-column:1;grid-row:auto;display:block;font-size:26px;margin:0 0 12px}.element-panel[data-layout=icons] .element-concept{grid-column:1;grid-row:auto;font-size:16px!important}.element-panel[data-layout=icons] #element-story{grid-column:1;grid-row:auto;font-size:13px}.element-panel[data-layout=icons] .element-description .text-link{grid-column:1;grid-row:auto}}
@media(prefers-reduced-motion:reduce){.element-ribbon__icons img{transition:none}.element-ribbon__icons a:hover img{transform:none}}

/* IPAMA signature symbols: a single navy ink with restrained gold selection. */
.element-ribbon__icons a{font-weight:650;color:#0D3159}
.element-ribbon__icons img{width:40px;height:40px}
.element-panel[data-layout=icons] #element-nodes{gap:0;border-top:1px solid #d5dce3;border-bottom:1px solid #d5dce3}
.element-panel[data-layout=icons] .element-node{padding:27px 8px 24px;font-size:18px;color:#0D3159;transition:background .2s}
.element-panel[data-layout=icons] .element-node+.element-node{border-left:1px solid #e3e7ec}
.element-panel[data-layout=icons] .element-node .node-icon{width:76px;height:76px;border-radius:0;background:transparent;box-shadow:none}
.element-panel[data-layout=icons] .element-node[aria-pressed=true]{background:#f5f2ea;border-bottom:3px solid #BE9B52}
.element-panel[data-layout=icons] .element-node[aria-pressed=true] .node-icon{border:0;background:transparent}
.element-panel[data-layout=icons] .element-node:hover .node-icon{transform:none}
.element-panel[data-layout=icons] .element-node img{width:58px;height:58px}
.element-panel[data-layout=icons] .element-node small{color:#526274;letter-spacing:.1em;font-size:10px}
.element-panel[data-layout=wheel] .element-node small{display:none}
.element-panel[data-layout=icons] .element-description h3{font-weight:700}
.element-panel[data-layout=icons] .element-description .text-link{font-size:12px}
.system-tabs button[aria-selected=true]{font-weight:700}
@media(max-width:700px){.element-panel[data-layout=icons] .element-node{font-size:14px;padding:20px 2px 18px}.element-panel[data-layout=icons] .element-node .node-icon{width:48px;height:50px}.element-panel[data-layout=icons] .element-node img{width:42px;height:42px}.element-panel[data-layout=icons] .element-node small{font-size:8px;letter-spacing:.025em}.element-ribbon__icons img{width:36px;height:36px}}