/* Dash-gutter index (B1 pattern) + always-on confidence pill.
   Only active when ApparelInsights runs with railMode="dashes" / confAlways. */
.ap-ins--dashrail{grid-template-columns:44px 1fr!important}
.ap-dash{position:relative;z-index:9;height:100%;min-height:0;display:flex;align-items:flex-start;justify-content:center;padding-top:26px;overflow:visible}
.ap-dash__in{position:sticky;top:26px;display:flex;flex-direction:column;gap:14px}
.ap-dash__grp{display:flex;flex-direction:column;gap:6px}
.ap-dash__d{position:relative;background:none;border:0;padding:3px 0;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;width:44px}
.ap-dash__line{display:block;height:2px;border-radius:2px;width:14px;background:#ced6de;transition:width .14s ease,background .14s ease}
.ap-dash__d--o .ap-dash__line{width:24px;background:#9aa4af}
.ap-dash__d:hover .ap-dash__line{background:#636c79}
.ap-dash__d.on .ap-dash__line{background:#3a8518;width:24px}
.ap-dash__d--o.on .ap-dash__line{width:30px}
.ap-dash__lbl{position:absolute;left:38px;top:50%;transform:translateY(-50%) translateX(-4px);background:#fff;border:1px solid #e5ebf1;box-shadow:0 8px 22px rgba(5,3,1,.13);border-radius:8px;padding:7px 12px;font-size:12.5px;line-height:1.35;color:#373534;max-width:290px;text-align:left;white-space:normal;opacity:0;pointer-events:none;transition:opacity .13s ease,transform .13s ease;z-index:12}
.ap-dash__lbl b{display:block;font-size:10.5px;letter-spacing:.1em;color:#9aa4af;margin-bottom:2px}
.ap-dash__d:hover .ap-dash__lbl,.ap-dash__d:focus-visible .ap-dash__lbl{opacity:1;transform:translateY(-50%) translateX(0)}
/* hovering anywhere in the gutter reveals every label at once (B1 behaviour) */
.ap-dash__in:hover .ap-dash__line{background:#9aa4af}
.ap-dash__in:hover .ap-dash__d.on .ap-dash__line{background:#3a8518}

/* confidence pill visible by default, not on hover */
.ap-ins--confon .ap-claimacts{opacity:1}

/* no rail at all */
.ap-ins--norail{grid-template-columns:1fr!important}

/* ---------- concise, bigger key takeaways + Notion-style citations ---------- */
.ap-takeaways__list{gap:16px}
.od-embed .ap-takeaways__list li,.ap-takeaways__list li{font-size:14.5px;line-height:1.5;font-weight:400;letter-spacing:-.005em;color:#050301;text-wrap:pretty;display:block}
.od-embed .ap-tk__txt,.ap-tk__txt{font-size:14.5px;line-height:1.5}
.ap-tk__txt{border-radius:5px;padding:1px 3px;margin:-1px -3px;outline:none;transition:background .12s,box-shadow .12s}
.ap-tk__txt:hover{background:#f6fafd;box-shadow:0 0 0 1px #e5ebf1}
.ap-tk__txt:focus{background:#fff;box-shadow:0 0 0 2px #a5cf8e}
.ap-cite{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;margin-left:7px;vertical-align:2px;border-radius:900px;border:1px solid #d7e8cd;background:#eef6e9;color:#3a8518;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:background .12s,transform .12s}
.ap-cite:hover{background:#3a8518;border-color:#3a8518;color:#fff;transform:translateY(-1px)}

/* ---------- friendlier confidence tooltip ---------- */
.ap-conftip--plain{width:270px;padding:14px 15px;display:block}
.ap-conftip__hd{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#fff}
.ap-conftip__hd i{font-size:17px}
.ap-conftip__hd--high i{color:#a5cf8e}
.ap-conftip__hd--mid i{color:#f2c94c}
.ap-conftip__hd--low i{color:#f2994a}
.ap-conftip__body{font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.78);margin-top:8px}
.ap-conftip__foot{font-size:12px;line-height:1.5;color:rgba(255,255,255,.55);margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.14)}

/* ---------- editable headlines + chart tools ---------- */
.ap-argcard__claim p{border-radius:5px;padding:2px 4px;margin-left:-4px;margin-right:-4px;outline:none;transition:background .12s,box-shadow .12s}
.ap-argcard__claim p:hover{background:#f6fafd;box-shadow:0 0 0 1px #e5ebf1}
.ap-argcard__claim p:focus{background:#fff;box-shadow:0 0 0 2px #a5cf8e}
.ap-argcard__n{flex:none;width:20px;height:20px;border-radius:900px;background:#eef6e9;border:1px solid #d7e8cd;color:#3a8518;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:3px}
.ap-tools{display:flex;align-items:center;gap:6px;margin:12px 0 -4px;opacity:0;transition:opacity .14s}
.ap-argcard:hover .ap-tools,.ap-tools:focus-within{opacity:1}
.ap-tools__sp{flex:1}
.ap-tool{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:900px;border:1px solid #e5ebf1;background:#fff;color:#636c79;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer}
.ap-tool i{font-size:14px}
.ap-tool:hover{color:#050301;border-color:#ced6de}
.ap-tool.on{background:#eef6e9;border-color:#a5cf8e;color:#2b6418}
.ap-tools:has(.ap-drop__menu){opacity:1}
.ap-drop{position:relative}
.ap-drop__btn.is-open{border-color:#ced6de;color:#050301}
.ap-drop__pre{color:#8b93a0;font-weight:400}
.ap-tool.on .ap-drop__pre{color:#4f7a3a}
.ap-drop__val{font-weight:600}
.ap-drop__chev{font-size:11px !important;color:#9aa2af;margin-left:-2px}
.ap-tool.on .ap-drop__chev{color:#4f7a3a}
.ap-drop__scrim{position:fixed;inset:0;z-index:38}
.ap-drop__menu{position:absolute;top:calc(100% + 4px);left:0;z-index:39;min-width:172px;background:#fff;border:1px solid #e5ebf1;border-radius:10px;box-shadow:0 8px 24px rgba(16,24,40,.12);padding:4px;display:flex;flex-direction:column;gap:1px}
.ap-drop__item{display:flex;align-items:center;gap:8px;padding:7px 9px;border:0;background:none;border-radius:6px;font:inherit;font-size:12px;color:#3c434e;cursor:pointer;text-align:left}
.ap-drop__item:hover{background:#f4f7fa;color:#050301}
.ap-drop__item.is-sel{font-weight:700;color:#050301}
.ap-drop__item-ic{font-size:14px;color:#8b93a0}
.ap-drop__item.is-sel .ap-drop__item-ic{color:#3a8518}
.ap-drop__item-lab{flex:1;white-space:nowrap}
.ap-drop__check{font-size:13px;color:#3a8518}