#workflow .map-grid>button{font:inherit;color:#e8eef5;text-align:left;min-height:126px;padding:20px;display:flex;align-items:center;border:0;background:rgba(8,13,21,.65);cursor:pointer;position:relative}
#workflow .map-grid>button:nth-child(odd){border-right:1px solid #435363}#workflow .map-grid>button:nth-child(-n+2){border-bottom:1px solid #435363}
#workflow .map-grid>button[aria-pressed=true]{background:#253f51;box-shadow:inset 0 0 0 2px #b2d9f2}#workflow .map-grid>button[aria-pressed=true]:after{content:'✓ 예시 선택';position:absolute;bottom:12px;left:20px;color:#d3ecfc;font-size:12px}#workflow .map-grid>button:hover{background:#20313f}#workflow .map-grid>button:focus-visible{outline:2px solid #dceaf4;outline-offset:-5px}
#workflow .asset-insights{padding:32px 0 0}#workflow .asset-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}#workflow .asset-eyebrow{font-size:12px;color:#a8c9df;margin-bottom:8px}#workflow .asset-heading h3{font-size:28px}#workflow .asset-example-tag{font-size:12px;border:1px solid #748a9c;border-radius:6px;padding:8px 12px;background:#111923;flex-shrink:0}#workflow .asset-context{font-size:14px;color:#b8c5d2;margin:16px 0 24px}
#workflow .asset-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#workflow .asset-cards[hidden],#workflow .asset-hold[hidden],#workflow .asset-checks[hidden]{display:none}
#workflow .asset-card{border:1px solid #526577;border-radius:8px;background:rgba(9,14,22,.84);padding:24px}#workflow .asset-role{font-size:12px;color:#a8c9df}#workflow .asset-card h4{font-size:22px;line-height:1.5;margin:12px 0 24px}#workflow .asset-detail{border-top:1px solid #354657;padding-top:16px;margin-top:16px}#workflow .asset-detail strong{display:block;font-size:12px;margin-bottom:8px;color:#d8e6f0}#workflow .asset-detail p{font-size:14px;color:#b8c5d2;line-height:1.8}
#workflow .asset-checks,#workflow .asset-hold{border-left:2px solid #a8c9df;background:rgba(9,14,22,.78);padding:24px;margin-top:24px}#workflow .asset-checks p,#workflow .asset-hold p{font-size:14px;color:#b8c5d2;margin-top:8px}#workflow .asset-checks a{display:inline-flex;gap:32px;background:#dceaf4;color:#10151d;border-radius:6px;padding:10px 16px;margin-top:16px;font-size:14px;font-weight:600}#workflow .asset-checks small{display:block;font-size:12px;color:#b8c5d2;margin-top:16px}#workflow .asset-sources{margin-top:16px}#workflow .asset-sources summary{font-size:14px}#workflow .asset-sources p,#workflow .asset-sources li{font-size:12px;color:#b8c5d2}#workflow .asset-sources a{text-decoration:underline;text-underline-offset:3px}
#workflow .macro-lens-art{height:100%;min-height:190px;display:grid;grid-template-columns:1fr 1fr;background:#182b3a;color:#cfe5f5}#workflow .macro-lens-art span{display:grid;place-items:center;border:1px solid #ffffff18;font-size:16px}
@media(max-width:760px){#workflow .asset-heading{align-items:flex-start;flex-direction:column;gap:12px}#workflow .asset-heading h3{font-size:24px}#workflow .asset-cards{grid-template-columns:1fr;gap:16px}#workflow .asset-card{padding:20px}#workflow .asset-card h4{font-size:22px}#workflow .map-grid>button{padding:12px 12px 32px;min-height:120px}#workflow .map-grid>button[aria-pressed=true]:after{left:12px}#workflow .macro-lens-art{min-height:150px}}