.wsj-hero-meta{display:flex;flex-wrap:wrap;gap:0.4rem;margin:0.75rem 0 0;padding:0;list-style:none;}
.wsj-hero-meta li{font-size:0.6875rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:0.3rem 0.55rem;border-radius:6px;background:rgba(13,148,136,0.08);color:#0f766e;border:1px solid rgba(13,148,136,0.22);}
.wsj-workbench{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:2.5rem;position:relative;padding-bottom:4.5rem;}
@media (min-width:768px){.wsj-workbench{padding-bottom:0;display:grid;grid-template-columns:1fr;gap:1rem;}}
@media (min-width:992px){.wsj-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:1.25rem;row-gap:0.85rem;align-items:stretch;}
.wsj-workbench .wsj-meter{grid-column:1/-1;}
.wsj-workbench .wsj-panel--in{grid-column:1;grid-row:2/5;}
.wsj-workbench .wsj-toggles{grid-column:2;grid-row:2;}
.wsj-workbench .wsj-main-actions{grid-column:2;grid-row:3;}
.wsj-workbench .wsj-panel--out{grid-column:2;grid-row:4;min-height:100%;}}
.wsj-meter{font-size:0.75rem;font-weight:600;color:var(--text-muted,#64748b);padding:0.5rem 0.75rem;border-radius:10px;background:var(--surface-muted,#f1f5f9);border:1px solid var(--border,#e2e8f0);font-variant-numeric:tabular-nums;}
.wsj-panel{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft,0 4px 24px rgba(15,23,42,0.06));display:flex;flex-direction:column;}
.wsj-panel--out{background:linear-gradient(165deg,#0f172a 0%,#1e293b 55%,#0f172a 100%);border-color:#334155;color:#e2e8f0;}
.wsj-panel--out .wsj-panel-title{color:#f8fafc;}
.wsj-panel--out .wsj-btn-quiet{color:#cbd5e1;border-color:rgba(148,163,184,0.35);background:rgba(15,23,42,0.4);}
.wsj-panel--out .wsj-btn-quiet:hover{background:rgba(51,65,85,0.55);border-color:rgba(148,163,184,0.55);color:#fff;}
.wsj-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:0.65rem;flex-wrap:wrap;padding:0.85rem 1rem;border-bottom:1px solid var(--border,#e2e8f0);background:linear-gradient(180deg,var(--surface-muted,#f8fafc),var(--surface,#fff));}
.wsj-panel--out .wsj-panel-head{border-bottom-color:rgba(51,65,85,0.85);background:rgba(15,23,42,0.5);}
.wsj-panel-kicker{display:flex;align-items:center;gap:0.5rem;width: calc(100% - 164px);}
.wsj-badge{font-size:0.625rem;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;padding:0.2rem 0.45rem;border-radius:4px;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;}
.wsj-panel-title{font-size:0.9375rem;font-weight:700;margin:0;color:var(--text-main,#0f172a);}
.wsj-panel-hint{font-size:0.75rem;color:var(--text-muted,#64748b);margin:0.15rem 0 0;}
.wsj-code{width:100%;box-sizing:border-box;border:0;resize:vertical;min-height:200px;padding:0.9rem 1rem;font-family:ui-monospace,SFMono-Regular,"Cascadia Code","Consolas",monospace;font-size:0.8125rem;line-height:1.55;background:#fafbfc;color:#0f172a;}
@media (min-width:768px){.wsj-code{min-height:280px;}}
.wsj-panel--out .wsj-code{background:rgba(15,23,42,0.65);color:#e2e8f0;min-height:220px;}
@media (min-width:992px){.wsj-panel--out .wsj-code{min-height:min(52vh,420px);}}
.wsj-code:focus{outline:2px solid #14b8a6;outline-offset:-2px;}
.wsj-panel--out .wsj-code:focus{outline-color:#5eead4;}
.wsj-code.is-error{box-shadow:inset 0 0 0 2px #f87171;}
.wsj-alert{display:none;margin:0 1rem 0.75rem;padding:0.55rem 0.7rem;border-radius:8px;font-size:0.8125rem;font-weight:600;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;}
.wsj-alert.show{display:block;}
.wsj-toggles{display:grid;gap:0.5rem;padding:0.75rem 1rem;border-radius:14px;background:var(--surface-muted,#f8fafc);border:1px dashed var(--border,#cbd5e1);}
@media (min-width:576px){.wsj-toggles{grid-template-columns:repeat(3,1fr);}}
.wsj-chip{display:flex;align-items:center;gap:0.45rem;font-size:0.78rem;font-weight:600;color:var(--text-main,#334155);cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0.35rem 0;}
.wsj-chip input{width:1rem;height:1rem;margin:0;accent-color:#0d9488;flex-shrink:0;}
.wsj-main-actions{display:flex;align-items:center;gap:0.65rem;flex-wrap:wrap;}
.wsj-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;padding:0.65rem 1.1rem;border-radius:11px;font-size:0.875rem;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s,background 0.15s;-webkit-tap-highlight-color:transparent;}
.wsj-btn:active{transform:scale(0.98);}
.wsj-btn:disabled{opacity:0.55;cursor:not-allowed;transform:none;}
.wsj-btn-go{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;box-shadow:0 4px 14px rgba(13,148,136,0.35);}
.wsj-btn-go:hover{box-shadow:0 6px 20px rgba(13,148,136,0.45);}
.wsj-btn-quiet{background:var(--surface,#fff);color:var(--text-main,#334155);border-color:var(--border,#e2e8f0);}
.wsj-btn-quiet:hover{background:var(--surface-muted,#f8fafc);}
.wsj-btn.success{background:#ecfdf5;color:#047857;border-color:#a7f3d0;}
.wsj-spinner{display:none;width:1.25rem;height:1.25rem;border:2px solid rgba(13,148,136,0.25);border-top-color:#0d9488;border-radius:50%;animation:wsj-spin 0.75s linear infinite;flex-shrink:0;}
.wsj-spinner.is-visible{display:block;}
@keyframes wsj-spin{to{transform:rotate(360deg);}}
.wsj-toolbar{display:flex;flex-wrap:wrap;gap:0.4rem;}
.wsj-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:0.5rem;justify-content:center;padding:0.6rem 1rem calc(0.6rem + env(safe-area-inset-bottom));background:rgba(255,255,255,0.92);backdrop-filter:blur(10px);border-top:1px solid var(--border,#e2e8f0);box-shadow:0 -8px 24px rgba(15,23,42,0.08);}
@media (min-width:768px){.wsj-dock{display:none;}}
.wsj-dock .wsj-btn{flex:1;max-width:160px;}
.wsj-prose{margin-top:2rem;padding-bottom:3rem;}
.wsj-prose .wsj-kicker{font-size:0.6875rem;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:#0d9488;margin-bottom:0.35rem;}
.wsj-prose h2{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:800;margin-top:2rem;margin-bottom:0.65rem;color:var(--text-main,#0f172a);}
.wsj-prose h2:first-of-type{margin-top:0;}
.wsj-prose p{font-size:0.9375rem;line-height:1.65;color:var(--text-main,#334155);margin-bottom:0.85rem;}
.wsj-prose p:last-child{margin-bottom:0;}
.wsj-dl{display:grid;gap:0.85rem;margin:1.25rem 0;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border,#e2e8f0);background:var(--surface-muted,#f8fafc);}
.wsj-dl div{margin:0;}
.wsj-dl dt{font-size:0.8125rem;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;color:#0d9488;margin-bottom:0.2rem;}
.wsj-dl dd{font-size:0.875rem;margin:0;color:var(--text-main,#475569);line-height:1.55;}
.wsj-callout{margin:1.5rem 0;padding:1rem 1.1rem;border-radius:12px;border-left:4px solid #f59e0b;background:#fffbeb;}
.wsj-callout strong{display:block;font-size:0.875rem;color:#92400e;margin-bottom:0.35rem;}
.wsj-callout p{font-size:0.875rem;color:#78350f;margin:0;line-height:1.55;}
.wsj-list{margin:0.75rem 0 1rem;padding-left:1.2rem;}
.wsj-list li{margin-bottom:0.45rem;font-size:0.9rem;line-height:1.55;color:var(--text-main,#475569);}
.wsj-footnote{font-size:0.8125rem;color:var(--text-muted,#64748b);margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border,#e2e8f0);}