/* Network page — dynamically-rendered DOM (panel + persona wizard) */
/* Static Tailwind handles layout shell; this file styles the JS-generated nodes. */

#ebn-network-panel { position: relative; }

.ebn-eyebrow { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #9a9088; }
.ebn-panel-title { font-family: 'DM Serif Display', Georgia, serif; font-size: 26px; margin: 4px 0 6px; line-height: 1.15; color: #1A1A1A; }
.ebn-sub { color: #6c655e; font-size: 14px; margin: 0 0 18px; line-height: 1.55; }
.ebn-sub-link { margin-top: 18px; font-size: 13px; color: #6c655e; }
.ebn-sub-link a { color: #8B4513; text-decoration: none; }
.ebn-sub-link a:hover { color: #5C2D0E; }

.ebn-partner-list { display: flex; flex-direction: column; gap: 10px; }
.ebn-partner { display: flex; gap: 12px; align-items: center; padding: 10px; background: #FAF8F5; border: 0; border-radius: 10px; cursor: pointer; font: inherit; text-align: left; width: 100%; transition: background .15s; }
.ebn-partner:hover { background: #f1ebde; }
.ebn-swatch { width: 44px; height: 44px; border-radius: 8px; background: linear-gradient(135deg, #D4A574, #8B4513); flex-shrink: 0; }
.ebn-partner-text { flex: 1; min-width: 0; }
.ebn-partner-text b { font-size: 14px; display: block; color: #1A1A1A; }
.ebn-partner-text span { font-size: 12px; color: #8a827b; }
.ebn-chev { color: #bbb; flex-shrink: 0; transition: transform .15s, color .15s; }
.ebn-partner:hover .ebn-chev { color: #8B4513; transform: translateX(2px); }

.ebn-back { display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; color: #9a9088; font: inherit; font-size: 13px; cursor: pointer; padding: 0; margin-bottom: 14px; }
.ebn-back:hover { color: #8B4513; }

.ebn-hero { height: 120px; border-radius: 12px; background: linear-gradient(135deg, #D4A574, #8B4513); background-size: cover; background-position: center; margin-bottom: 14px; }

.ebn-meta-row { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; color: #5b5651; line-height: 1.5; margin: 6px 0; }
.ebn-meta-row svg { flex-shrink: 0; color: #D4A574; margin-top: 2px; }
.ebn-external { display: inline-flex; align-items: center; gap: 6px; color: #8B4513; text-decoration: none; font-size: 13px; font-weight: 600; margin-top: 6px; }
.ebn-external:hover { color: #5C2D0E; }

.ebn-pill { display: inline-block; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; padding: 3px 8px; border-radius: 99px; background: #f2efe3; color: #6c655e; margin-left: 6px; vertical-align: 2px; }
.ebn-pill.warm { background: #f5e8d2; color: #8a5a25; }

.ebn-thanks { padding: 24px; background: #f2efe3; border-radius: 10px; text-align: center; margin: auto; }
.ebn-thanks b { display: block; font-family: 'DM Serif Display', Georgia, serif; font-size: 18px; color: #5C2D0E; margin-bottom: 4px; }

/* Form */
.ebn-signup { display: flex; flex-direction: column; gap: 12px; }
.ebn-signup input, .ebn-signup textarea { font: inherit; font-size: 14px; padding: 10px 12px; border: 1px solid #ddd5c5; border-radius: 8px; background: #FAF8F5; outline: none; width: 100%; color: #1A1A1A; }
.ebn-signup input:focus, .ebn-signup textarea:focus { border-color: #8B4513; }
.ebn-signup textarea { min-height: 80px; resize: vertical; }
.ebn-signup button[type="submit"] { margin-top: 6px; background: #8B4513; color: #fff; border: 0; padding: 12px; font: inherit; font-weight: 600; border-radius: 8px; cursor: pointer; font-size: 14px; }
.ebn-signup button[type="submit"]:hover { background: #5C2D0E; }
.ebn-signup button[type="submit"]:disabled { opacity: .6; cursor: default; }
.ebn-form-status { font-size: 13px; color: #b04848; min-height: 18px; }

/* Mini persona picker inside form */
.ebn-mini-label { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: #9a9088; margin-bottom: 2px; }
.ebn-mini-personas { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.ebn-mini-personas button { display: flex; flex-direction: column; align-items: center; gap: 4px; background: #FAF8F5; border: 1px solid #ece5d6; border-radius: 10px; padding: 8px 4px; cursor: pointer; font: inherit; color: #6c655e; transition: all .15s; }
.ebn-mini-personas button:hover { border-color: #D4A574; }
.ebn-mini-personas button.on { background: #fff; border-color: #8B4513; box-shadow: 0 0 0 3px rgba(139, 69, 19, .12); color: #5C2D0E; }
.ebn-mini-personas svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ebn-mini-personas span { font-size: 10px; line-height: 1.1; text-align: center; }

/* Persona wizard cards */
.ebn-persona-card { background: #fff; border: 1px solid #ece5d6; border-radius: 14px; padding: 18px 12px; text-align: center; cursor: pointer; transition: all .2s; font: inherit; color: inherit; }
.ebn-persona-card:hover { border-color: #D4A574; box-shadow: 0 4px 16px rgba(0, 0, 0, .06); transform: translateY(-2px); }
.ebn-card-icon { width: 56px; height: 56px; border-radius: 14px; background: rgba(139, 69, 19, .08); margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; }
.ebn-card-icon svg { width: 30px; height: 30px; stroke: #8B4513; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ebn-persona-card h3 { font-size: 14px; font-weight: 600; margin: 0 0 3px; color: #1A1A1A; }
.ebn-tag { font-size: 11px; color: #9a9088; }

/* Persona detail */
.ebn-detail-body { display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; padding: 18px; }
@media (max-width: 760px) {
  .ebn-detail-body { grid-template-columns: 1fr; text-align: center; gap: 14px; }
}
.ebn-detail-icon { width: 84px; height: 84px; border-radius: 18px; background: rgba(139, 69, 19, .08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ebn-detail-icon svg { width: 46px; height: 46px; stroke: #8B4513; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ebn-detail-text h3 { font-family: 'DM Serif Display', Georgia, serif; font-size: 24px; margin: 0 0 6px; color: #1A1A1A; }
.ebn-blurb { color: #5b5651; margin: 0 0 8px; font-style: italic; }
.ebn-long { color: #6c655e; margin: 0; font-size: 14px; line-height: 1.6; max-width: 560px; }
.ebn-detail-cta { background: #8B4513; color: #fff; border: 0; padding: 14px 22px; font: inherit; font-weight: 600; border-radius: 99px; cursor: pointer; font-size: 14px; white-space: nowrap; }
.ebn-detail-cta:hover { background: #5C2D0E; }

.ebn-persona-form-wrap { max-width: 520px; margin: 0 auto; padding: 6px 6px 22px; }
.ebn-persona-form-title { font-family: 'DM Serif Display', Georgia, serif; font-size: 24px; margin: 0 0 4px; color: #1A1A1A; }