/* Referia data and controls around the unchanged template stylesheet. */
.reference-brand-placeholder { display: grid; place-items: center; flex: 0 0 32px; }
.reference-brand-placeholder .icon { width: 32px; height: 32px; }
.hero-brand { max-width: 160px; min-width: 0; }
.hero-brand-text { min-width: 0; overflow-wrap: anywhere; }
.hero-brand .hero-brand-logo--custom { width: auto; height: 42px; max-width: 100%; min-width: 0; object-fit: contain; }
.hero-cta-label { min-width: 0; overflow-wrap: anywhere; }
.sidebar-tg + .sidebar-tg { margin-top: -8px; }
.sidebar-social-generic { border-color: var(--line-strong); background: rgba(255, 255, 255, .035); }
.sidebar-social-generic .sidebar-tg-handle, .sidebar-social-generic .sidebar-tg-arrow { color: var(--muted); }
.sidebar-social-icon { display: grid; place-items: center; color: var(--muted); }
.sidebar-social-icon .icon { width: 24px; height: 24px; }
.sidebar-faq-question > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.sidebar-faq-answer { overflow-wrap: anywhere; }
.legacy-header { list-style: none; cursor: pointer; }
.legacy-header::-webkit-details-marker, .legacy-item::-webkit-details-marker { display: none; }
.legacy-header::marker, .legacy-item::marker { content: ''; }
.legacy-title { min-width: 0; overflow-wrap: anywhere; }
.legacy-chevron { display: grid; place-items: center; flex: 0 0 12px; width: 12px; color: var(--subtle); }
.legacy-chevron .icon { width: 12px; height: 12px; }
.legacy-disclosure[open] > summary .legacy-chevron { transform: rotate(180deg); }
.legacy-disclosure + .legacy-disclosure { border-top: 1px solid var(--line); padding-top: 18px; margin-top: 18px; }
.legacy-entry { list-style: none; }
.legacy-item { list-style: none; cursor: pointer; }
.legacy-entry:nth-child(even) .legacy-item { background: rgba(255, 255, 255, .028); }
.legacy-entry-detail { padding: 9px 10px 12px 31px; font-size: 11px; color: var(--muted); line-height: 1.8; overflow-wrap: anywhere; }
.legacy-entry-detail code { font-size: 10px; overflow-wrap: anywhere; }
.legacy-entry-detail p, .legacy-entry-detail time { display: block; margin-top: 6px; }
.isp-slide [data-fai-state], .isp-slide [data-fai-latency] { display: none !important; }
.isp-summary[data-summary-state="done"] .isp-bar-fill { width: 0; }
[data-isp="orange"] { --isp-color: #ff7900; }
[data-isp="free"] { --isp-color: #cd0037; }
[data-isp="sfr"] { --isp-color: #e2001a; }
[data-isp="bouygues"] { --isp-color: #009de0; }
.isp-status:empty { display: none; }
.reference-fai-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 13px; }
.reference-fai-actions > a { font-size: 10px; color: var(--muted); text-decoration: underline; text-underline-offset: 3px; }
.reference-fai-actions .tool-cta { font-size: 10px; padding: 6px 8px; }
.reference-fai-actions .tool-cta::after { content: none; }
.reference-fai-actions .tool-cta:disabled { opacity: .6; cursor: wait; }
.reference-fai-limits { font-size: 10px; line-height: 1.8; }
.hero-access-badge-partial { background: rgba(161, 161, 170, .12); color: #d4d4dc; }
.reference-footer { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; line-height: 1.8; text-align: center; overflow-wrap: anywhere; }
.reference-footer > p + p { margin-top: 5px; }
.reference-description { max-width: 800px; margin: 0 auto 14px; font-size: 12px; }
.reference-owner { color: var(--subtle); }
.reference-footer-links { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px 18px; margin-top: 15px; }
.reference-footer-links a:hover { text-decoration: underline; text-underline-offset: 3px; }
.reference-powered { color: #d4d4dc; font-weight: 700; }
.reference-footer .language-switch button { display: grid; place-items: center; width: 36px; height: 30px; padding: 5px; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--surface-raised); }
.reference-footer .language-switch img { width: 24px; height: 16px; }
.reference-skip { position: fixed; top: -80px; left: 16px; z-index: 10; padding: 10px 16px; border-radius: 8px; background: #f4f4f5; color: #111116; }
.reference-skip:focus { top: 16px; }
.preview-notice, .notice { display: block; padding: 15px 18px; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--surface-raised); margin-bottom: 20px; font-size: 12px; line-height: 1.8; }
.preview-notice { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 12px; }
.preview-notice > span { display: flex; align-items: center; gap: 8px; }
.preview-notice a { color: #e4e4e7; }
.preview-notice .icon { width: 16px; height: 16px; vertical-align: middle; }
.notice strong { font-size: 13px; }
.notice p { margin-top: 8px; overflow-wrap: anywhere; }
.notice-error, .notice-warning { border-color: #713439; }
.dashboard--sidebar { grid-template-columns: 244px minmax(0, 1fr); }
.dashboard--history { grid-template-columns: minmax(0, 1fr) 248px; }
.dashboard--single { grid-template-columns: minmax(0, 1fr); max-width: 980px; margin-inline: auto; }
.main-bottom--tools-only, .main-bottom--single-panel { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 1120px) {
    .dashboard--sidebar, .dashboard--history { grid-template-columns: minmax(0, 1fr); }
    .dashboard--sidebar .sidebar, .dashboard--history .legacy { grid-column: 1; grid-row: 2; }
}
@media (max-width: 600px) {
    .reference-brand-placeholder { flex-basis: 27px; }
    .reference-brand-placeholder .icon { width: 27px; height: 27px; }
    .hero-brand { max-width: 110px; }
    .hero-brand .hero-brand-logo--custom { height: 32px; }
}