/* ==========================================================================
   Super Module - 前台智慧目錄 (TOC) & 浮動按鈕樣式
   Version: 15.3 (修正版 - 左側☰圖示, 右側文字切換)
   ========================================================================== */

/* ==========================================================================
   1. 內嵌目錄樣式 ([id^="toc_container"])
   ========================================================================== */

[id^="toc_container"] {
margin: 30px auto 40px;
box-sizing: border-box;
min-width: var(--hd-toc-min-width, 68%);
padding: 25px 32px;
background: #fff;
border-top: 4px solid var(--hd-toc-theme-color, #6bb6ff);
box-shadow: 0 2px 15px rgba(0,0,0,0.08);
border-radius: 8px;
display: table;
}

[data-hd-toc-container] {
display: block;
width: min(100%, var(--hd-toc-max-width, 860px));
max-width: 100%;
min-width: 0;
text-align: left;
}

[data-hd-toc-container].hd-toc-container--align-left {
margin-left: 0;
margin-right: auto;
}

[data-hd-toc-container].hd-toc-container--align-center {
margin-left: auto;
margin-right: auto;
}

[data-hd-toc-container].hd-toc-container--align-right {
margin-left: auto;
margin-right: 0;
}

.hd-toc-container--editor-preview {
margin-top: 12px;
margin-bottom: 12px;
}

/* --- 重置 --- */
[id^="toc_container"] ul, [id^="toc_container"] li {
list-style: none !important;
background: none !important;
padding: 0 !important; margin: 0 !important;
}
.entry-content [id^="toc_container"] ul li::before,
.entry-content [id^="toc_container"] ul li::after {
content: none !important;
}

/* Shield TOC list spacing/typography from article-body list presets like
   `body.single #si-single-content ul` so the TOC keeps its own card rhythm. */
body.single #si-single-content [id^="toc_container"] ul.toc_list,
[id^="toc_container"] ul.toc_list {
margin: 0 !important;
padding: 0 !important;
font-size: inherit !important;
width: 100% !important;
}

body.single #si-single-content [id^="toc_container"] p.toc_title + ul.toc_list,
[id^="toc_container"] p.toc_title + ul.toc_list {
margin: 20px 0 0 !important;
padding: 20px 0 0 !important;
}

body.single #si-single-content [id^="toc_container"] > ul.toc_list > li > ul.toc_list,
[id^="toc_container"] > ul.toc_list > li > ul.toc_list {
margin: 8px 0 0 40px !important;
padding-left: 14px !important;
}

body.single #si-single-content [data-hd-toc-container].hd-toc-container--align-right > ul.toc_list > li > ul.toc_list,
[data-hd-toc-container].hd-toc-container--align-right > ul.toc_list > li > ul.toc_list {
margin: 8px 40px 0 0 !important;
padding-left: 0 !important;
padding-right: 14px !important;
}

/* --- 標題 --- */
[id^="toc_container"] .toc_title {
font-weight: bold;
font-size: 1.2rem;
padding: 0;
margin: 0;
display: flex;
align-items: center;
gap: 12px;
color: #333;
}

/* ▼▼▼【核心修正：左側主圖示樣式】▼▼▼ */
/* 移除舊的 Dashicon ::before 樣式 */
[id^="toc_container"] .toc_title::before {
content: none !important;
}
/* 為新的 ☰ span 添加樣式 */
[id^="toc_container"] .toc-main-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 8px; /* 可改為 50% 變圓形 */
background-color: var(--hd-toc-theme-color, #6bb6ff);
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 1;
}



/* ▼▼▼【核心修正：右側文字切換按鈕樣式】▼▼▼ */
[id^="toc_container"] .toc_toggle { margin-left: auto; }
[id^="toc_container"] .toc_toggle .hd-toc-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 34px;
padding: 6px 12px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0;
color: #475569;
background-color: #f8fafc;
border: 1px solid rgba(148, 163, 184, 0.24);
border-radius: 999px;
text-decoration: none;
box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
transition: color .2s, background-color .2s, border-color .2s, box-shadow .2s, transform .2s;
cursor: pointer;
}
[id^="toc_container"] .toc_toggle a::before {
content: "—";
font-size: 10px;
font-weight: 800;
line-height: 1;
}
[id^="toc_container"] .toc_toggle .hd-toc-toggle::before {
content: "—";
font-size: 10px;
font-weight: 800;
line-height: 1;
}
[id^="toc_container"] .toc_toggle a[aria-expanded="false"]::before {
content: "+";
font-size: 12px;
}
[id^="toc_container"] .toc_toggle .hd-toc-toggle[aria-expanded="false"]::before {
content: "+";
font-size: 12px;
}
[id^="toc_container"] .toc_toggle .hd-toc-toggle:hover,
[id^="toc_container"] .toc_toggle .hd-toc-toggle:focus-visible {
color: var(--hd-toc-theme-color, #6bb6ff);
background-color: #eff6ff;
border-color: rgba(107, 182, 255, 0.32);
box-shadow: 0 10px 22px rgba(15, 23, 42, 0.1);
transform: translateY(-1px);
outline: none;
}



/* --- 列表容器 --- */
[id^="toc_container"] p.toc_title + ul.toc_list {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #eee;
width: 100%;
justify-items: stretch;
}

[data-hd-toc-container].is-collapsed > ul.toc_list,
[data-hd-toc-container][data-current-state="collapsed"] > ul.toc_list {
display: none;
}

/* --- 列表通用 --- */
[id^="toc_container"] li { position: relative; }
[id^="toc_container"] a { text-decoration: none; display: inline-block; transition: color .2s, background-color .2s, border-color .2s, box-shadow .2s; color: #333; line-height: 1.7; overflow-wrap: anywhere; }
[id^="toc_container"] a:hover { color: var(--hd-toc-theme-color, #6bb6ff); }
/* H2 主層級 */
[id^="toc_container"] > ul.toc_list > li { display: flex; align-items: flex-start; flex-wrap: wrap; padding: 8px 0 !important; min-width: 0 !important; }
[id^="toc_container"] > ul.toc_list > li > a { font-size: 1rem; font-weight: bold; flex: 1 1 calc(100% - 40px); min-width: 0; }
[id^="toc_container"] { counter-reset: toc-h2-counter; }
[id^="toc_container"] > ul.toc_list > li::before { counter-increment: toc-h2-counter; content: counter(toc-h2-counter) !important; display: flex !important; align-items: center; justify-content: center; flex-shrink: 0; width: 28px; height: 28px; margin-right: 12px; border-radius: 50%; background-color: var(--hd-toc-theme-color, #6bb6ff); color: #fff; font-size: 14px; font-weight: bold; }
/* H3 子層級 */
[id^="toc_container"] > ul.toc_list > li > ul.toc_list { flex: 0 0 100%; box-sizing: border-box; margin-top: 8px; margin-left: 40px; padding-left: 14px; position: relative; width: 100%; min-width: 0; }
[id^="toc_container"] > ul.toc_list > li.has-children > ul.toc_list::before { content: none !important; display: none !important; }
[id^="toc_container"] > ul.toc_list > li > ul.toc_list li { padding: 4px 0 !important; }
[id^="toc_container"] > ul.toc_list > li > ul.toc_list li a { font-size: 0.9rem; font-weight: normal; color: #555; }
[id^="toc_container"] > ul.toc_list > li > ul.toc_list li::before { content: none !important; display: none !important; }

[data-hd-toc-container].hd-toc-container--align-left .toc_title,
[data-hd-toc-container].hd-toc-container--align-left .toc_list,
[data-hd-toc-container].hd-toc-container--align-left .toc_list li,
[data-hd-toc-container].hd-toc-container--align-left .toc_list li a {
text-align: left;
}

[data-hd-toc-container].hd-toc-container--align-left .toc_title {
justify-content: flex-start;
}

[data-hd-toc-container].hd-toc-container--align-left .toc_toggle {
margin-left: 0;
}

[data-hd-toc-container].hd-toc-container--align-center .toc_list {
justify-items: center;
}

[data-hd-toc-container].hd-toc-container--align-center .toc_title {
justify-content: center;
}

[data-hd-toc-container].hd-toc-container--align-center .toc_toggle {
margin-left: 0;
}

[data-hd-toc-container].hd-toc-container--align-right .toc_title,
[data-hd-toc-container].hd-toc-container--align-right .toc_list,
[data-hd-toc-container].hd-toc-container--align-right .toc_list li,
[data-hd-toc-container].hd-toc-container--align-right .toc_list li a {
text-align: right;
}

[data-hd-toc-container].hd-toc-container--align-right .toc_title {
justify-content: flex-end;
}

[data-hd-toc-container].hd-toc-container--align-right .toc_toggle {
margin-left: 0;
}

[data-hd-toc-container].hd-toc-container--align-right > ul.toc_list > li {
justify-content: flex-end;
}

[data-hd-toc-container].hd-toc-container--align-right > ul.toc_list > li::before {
order: 2;
margin-left: 12px;
margin-right: 0;
}

[data-hd-toc-container].hd-toc-container--align-right > ul.toc_list > li > a {
order: 1;
}

[data-hd-toc-container].hd-toc-container--align-right > ul.toc_list > li > ul.toc_list {
margin-left: 0;
margin-right: 40px;
padding-left: 0;
padding-right: 14px;
}

[data-hd-toc-container].hd-toc-container--align-right > ul.toc_list > li.has-children > ul.toc_list::before {
    content: none !important;
    display: none !important;
}

[data-hd-toc-container].hd-toc-container--align-right > ul.toc_list > li > ul.toc_list li {
padding: 4px 0;
}

[data-hd-toc-container].hd-toc-container--align-right > ul.toc_list > li > ul.toc_list li::before {
content: none !important;
display: none !important;
}

/* --- RWD --- */
@media only screen and (max-width: 667px) {
[id^="toc_container"] { padding: 20px; width: auto; display: block; }
[data-hd-toc-container] { width: 100%; margin-left: 0; margin-right: 0; }
[id^="toc_container"] .toc_title { flex-wrap: wrap; row-gap: 8px; }
[id^="toc_container"] .toc_toggle { margin-left: 0; }
[id^="toc_container"] > ul.toc_list > li > ul.toc_list { margin-left: 34px; }
}

/* ==========================================================================
   2. 浮動按鈕 (TOC & Back to Top)
   ========================================================================== */
.hd-floating-buttons { position: fixed; z-index: 9999; display: flex; flex-direction: column; gap: 10px; }
.hd-floating-buttons.pos-right { right: 20px; }
.hd-floating-buttons.pos-left { left: 20px; }
.hd-floating-buttons.pos-bottom-right { right: 20px; left: auto; }
.hd-floating-buttons.pos-bottom-left { left: 20px; right: auto; }

.hd-floating-buttons:not([class*="btt-fixed-"]):not(.is-fixed-bottom) { top: 60%; transform: translateY(-50%); }
.hd-floating-buttons.btt-fixed-bottom-right, 
.hd-floating-buttons.is-fixed-bottom.pos-bottom-right { top: auto; bottom: calc(100px + var(--hd-bottom-fixed-safe-offset, 0px)); right: 10px; left: auto; transform: none; }
.hd-floating-buttons.btt-fixed-bottom-left,
.hd-floating-buttons.is-fixed-bottom.pos-bottom-left { top: auto; bottom: calc(30px + var(--hd-bottom-fixed-safe-offset, 0px)); left: 20px; right: auto; transform: none; }
.hd-floating-buttons.btt-only { top: auto; bottom: calc(100px + var(--hd-bottom-fixed-safe-offset, 0px)); right: 10px; left: auto; transform: none; }
.hd-floating-buttons.btt-only.btt-fixed-bottom-left { bottom: calc(30px + var(--hd-bottom-fixed-safe-offset, 0px)); left: 20px; right: auto; }

/* --- RWD Visibility --- */
@media (min-width: 992px) { .hd-hide-desktop { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hd-hide-tablet { display: none !important; } }
@media (max-width: 767px) { .hd-hide-mobile { display: none !important; } }

.hd-floating-buttons.btt-pos-above { flex-direction: column-reverse; }
#hd-toc-floating-button, #hd-back-to-top-button { width: 50px; height: 50px; border-radius: 50%; color: white; border: none; cursor: pointer; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; text-decoration: none; transition: transform 0.2s, background-color 0.2s, filter 0.2s; }
#hd-toc-floating-button:hover, #hd-back-to-top-button:hover { transform: scale(1.1); filter: brightness(0.92); }
#hd-toc-floating-container { 
    position: relative; 
    opacity: 0; 
    visibility: hidden; 
    transform: translateY(20px); 
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s; 
}
#hd-toc-floating-container.is-visible { 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}
#hd-toc-floating-container.hd-toc-empty-shell {
    display: none;
}
#hd-toc-floating-button { font-size: 24px; line-height: 1; padding: 0; background-color: var(--hd-toc-theme-color, #6bb6ff); }
#hd-toc-floating-nav { 
    position: absolute; 
    background: white; 
    border-radius: 8px; 
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); 
    width: 300px; 
    max-height: 70vh; 
    padding: 0; 
    display: flex; 
    flex-direction: column; 
    opacity: 0; 
    visibility: hidden; 
    transform: scale(0.95); 
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s; 
    z-index: 10000;
    right: 0;
}
/* 垂直位置：當在側邊時置中，當在底部時向上展開 (包含 BTT 固定底部的狀況) */
.hd-floating-buttons:not(.is-fixed-bottom):not([class*="btt-fixed-bottom"]) #hd-toc-floating-nav { top: 0; transform: scale(0.95) translateY(-40%); }
.hd-floating-buttons.is-fixed-bottom #hd-toc-floating-nav,
.hd-floating-buttons[class*="btt-fixed-bottom"] #hd-toc-floating-nav { bottom: calc(100% + 15px); top: auto; transform: scale(0.95) translateY(10px); }

.hd-floating-buttons.pos-right #hd-toc-floating-nav { right: calc(100% + 10px); transform-origin: right center; }
.hd-floating-buttons.pos-left #hd-toc-floating-nav { left: calc(100% + 10px); transform-origin: left center; }
.hd-floating-buttons.pos-bottom-right #hd-toc-floating-nav { 
    right: 0; /* 改回 0，對齊按鈕右側，避免貼齊螢幕邊緣導致被切到 */
    transform-origin: bottom right; 
    text-align: right;
}
.hd-floating-buttons.pos-bottom-left #hd-toc-floating-nav { left: 0; transform-origin: bottom left; }

/* 當目錄在右側時，調整縮進方向 */
.hd-floating-buttons.pos-bottom-right #hd-toc-floating-nav .toc-level-3 a { padding-left: 0; padding-right: 20px; }
.hd-floating-buttons.pos-bottom-right #hd-toc-floating-nav .toc-level-4 a { padding-left: 0; padding-right: 40px; }
.hd-floating-buttons.pos-bottom-right #hd-toc-floating-nav .toc-level-5 a { padding-left: 0; padding-right: 60px; }
.hd-floating-buttons.pos-bottom-right #hd-toc-floating-nav .toc-level-6 a { padding-left: 0; padding-right: 80px; }


/* --- Active State Transforms --- */
/* 普通側邊位置 (垂直置中) */
.hd-floating-buttons:not(.is-fixed-bottom):not([class*="btt-fixed-bottom"]) #hd-toc-floating-container.is-active #hd-toc-floating-nav { 
    opacity: 1; 
    visibility: visible; 
    transform: scale(1) translateY(-50%); 
}
/* 底部位置 (錨定在按鈕上方展開) */
.hd-floating-buttons.is-fixed-bottom #hd-toc-floating-container.is-active #hd-toc-floating-nav,
.hd-floating-buttons[class*="btt-fixed-bottom"] #hd-toc-floating-container.is-active #hd-toc-floating-nav { 
    opacity: 1; 
    visibility: visible; 
    transform: scale(1) translateY(0); 
}

.hd-toc-nav-inner { padding: 15px 20px; overflow-y: auto; flex-grow: 1; }
#hd-toc-floating-nav .toc_title { font-size: 16px; font-weight: bold; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; color: var(--hd-toc-theme-color, #6bb6ff); }
#hd-toc-floating-nav ul, #hd-toc-floating-nav li { list-style: none; padding: 0; margin: 0; }
#hd-toc-floating-nav a { text-decoration: none; color: #333; display: block; padding: 6px 0; border-radius: 4px; transition: background-color 0.2s; }
#hd-toc-floating-nav a:hover { background-color: #f0f7ff; color: var(--hd-toc-theme-color, #6bb6ff); }
#hd-toc-floating-nav .toc-level-3 a { padding-left: 20px; }
#hd-toc-floating-nav .toc-level-4 a { padding-left: 40px; }
#hd-toc-floating-nav .toc-level-5 a { padding-left: 60px; }
#hd-toc-floating-nav .toc-level-6 a { padding-left: 80px; }
.hd-toc-btt-wrapper { padding: 10px 20px; border-top: 1px solid #e9ecef; }
.hd-toc-back-to-top { font-weight: bold; color: var(--hd-toc-theme-color, #6bb6ff); }
#hd-back-to-top-button { background: rgba(0, 0, 0, 0.5); flex-direction: column; line-height: 1; opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity 0.3s, visibility 0.3s, transform 0.3s; }
#hd-back-to-top-button:hover { background: rgba(0, 0, 0, 0.7); filter: none; }
#hd-back-to-top-button.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.hd-btt-arrow { font-size: 14px; }
.hd-btt-text { font-size: 10px; font-weight: bold; margin-top: 2px; }

.hd-floating-buttons.hd-btt-runtime-wrapper {
position: fixed !important;
z-index: 9999 !important;
top: auto !important;
transform: none !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}
.hd-floating-buttons.hd-btt-runtime-wrapper.btt-fixed-bottom-right {
right: 10px !important;
left: auto !important;
bottom: calc(100px + var(--hd-bottom-fixed-safe-offset, 0px)) !important;
}
.hd-floating-buttons.hd-btt-runtime-wrapper.btt-fixed-bottom-left {
left: 20px !important;
right: auto !important;
bottom: calc(30px + var(--hd-bottom-fixed-safe-offset, 0px)) !important;
}
#hd-back-to-top-button.hd-btt-runtime {
width: 50px !important;
height: 50px !important;
border-radius: 50% !important;
border: 0 !important;
background: rgba(0, 0, 0, .58) !important;
color: #fff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-direction: column !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, .2) !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(20px) !important;
transition: opacity .25s ease, visibility .25s ease, transform .25s ease !important;
pointer-events: auto !important;
}
#hd-back-to-top-button.hd-btt-runtime.is-visible {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}
#hd-back-to-top-button.hd-btt-runtime .hd-btt-arrow {
font-size: 14px !important;
}
#hd-back-to-top-button.hd-btt-runtime .hd-btt-text {
font-size: 10px !important;
font-weight: 700 !important;
margin-top: 2px !important;
}
@media (min-width: 1024px) {
#hd-back-to-top-button.hd-btt-hide-desktop { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
#hd-back-to-top-button.hd-btt-hide-tablet { display: none !important; }
}
@media (max-width: 767px) {
#hd-back-to-top-button.hd-btt-hide-mobile { display: none !important; }
}

/* ==========================================================================
   1.1 Manual TOC block variants
   ========================================================================== */
[id^="toc_container"].hd-toc-container--minimal {
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
border: 1px solid rgba(148, 163, 184, 0.22);
border-top: 3px solid var(--hd-toc-theme-color, #6bb6ff);
box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
padding: 18px 18px 16px;
border-radius: 18px;
min-width: 0;
display: block;
}

[id^="toc_container"].hd-toc-container--minimal .toc_title {
font-size: 1.02rem;
font-weight: 700;
color: #0f172a;
align-items: center;
gap: 10px;
}

[id^="toc_container"].hd-toc-container--minimal .toc-main-icon {
width: 30px;
height: 30px;
border-radius: 999px;
font-size: 17px;
box-shadow: 0 10px 20px rgba(107, 182, 255, 0.18);
}

[id^="toc_container"].hd-toc-container--minimal .toc_toggle a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 6px 12px;
background: #fff;
border: 1px solid rgba(148, 163, 184, 0.24);
border-radius: 999px;
font-size: 12px;
font-weight: 700;
color: #475569;
}

[id^="toc_container"].hd-toc-container--minimal .toc_toggle .hd-toc-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 6px 12px;
background: #fff;
border: 1px solid rgba(148, 163, 184, 0.24);
border-radius: 999px;
font-size: 12px;
font-weight: 700;
color: #475569;
}

[id^="toc_container"].hd-toc-container--minimal .toc_toggle .hd-toc-toggle:hover {
background: #eff6ff;
border-color: rgba(107, 182, 255, 0.36);
color: var(--hd-toc-theme-color, #6bb6ff);
}

[id^="toc_container"].hd-toc-container--minimal p.toc_title + ul.toc_list {
display: grid;
gap: 10px;
margin-top: 16px;
padding-top: 16px;
border-top-color: rgba(203, 213, 225, 0.72);
justify-items: stretch;
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li {
padding: 0;
align-items: stretch;
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li::before {
position: absolute;
left: 12px;
top: 12px;
z-index: 1;
background: #eff6ff !important;
color: var(--hd-toc-theme-color, #6bb6ff);
width: 32px;
height: 32px;
margin-right: 0;
border: 1px solid rgba(107, 182, 255, 0.22);
box-shadow: none;
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li > a {
display: block;
flex: 1 1 100%;
padding: 12px 14px 12px 56px;
min-height: 56px;
border: 1px solid rgba(203, 213, 225, 0.86);
border-radius: 14px;
background: #fff;
box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
color: #0f172a;
line-height: 1.55;
text-align: left;
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li > a:hover {
background: #f8fbff;
border-color: rgba(107, 182, 255, 0.35);
box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li > ul.toc_list {
margin-top: 8px;
margin-left: 0;
padding-left: 56px;
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li.has-children > ul.toc_list::before {
    content: none !important;
    display: none !important;
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li > ul.toc_list li {
padding: 0;
margin-top: 6px;
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li > ul.toc_list li a {
display: block;
padding: 6px 10px;
border-radius: 10px;
background: rgba(248, 250, 252, 0.92);
color: #475569;
text-align: left;
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li > ul.toc_list li a:hover {
background: #eef6ff;
color: var(--hd-toc-theme-color, #6bb6ff);
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li > ul.toc_list li::before {
top: 13px;
transform: none;
font-size: 14px;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-left .toc_title,
[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-left > ul.toc_list > li > a,
[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-left > ul.toc_list > li > ul.toc_list li a {
text-align: left;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-center .toc_title {
justify-content: center;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-center .toc_toggle {
margin-left: 0;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-center > ul.toc_list > li {
justify-content: center;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-center > ul.toc_list > li > a {
text-align: center;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-right .toc_title {
justify-content: flex-end;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-right .toc_toggle {
margin-left: 0;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-right > ul.toc_list > li {
justify-content: flex-end;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-right > ul.toc_list > li::before {
left: auto;
right: 12px;
margin-left: 0;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-right > ul.toc_list > li > a {
padding: 12px 56px 12px 14px;
text-align: right;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-right > ul.toc_list > li > ul.toc_list {
padding-left: 0;
padding-right: 56px;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-right > ul.toc_list > li.has-children > ul.toc_list::before {
    content: none !important;
    display: none !important;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-right > ul.toc_list > li > ul.toc_list li {
padding: 0;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-right > ul.toc_list > li > ul.toc_list li::before {
left: auto;
right: 0;
}

[id^="toc_container"].hd-toc-container--minimal.hd-toc-container--align-right > ul.toc_list > li > ul.toc_list li a {
text-align: right;
}

[id^="toc_container"].hd-toc-container--soft {
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
border-top-width: 3px;
box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
}

[id^="toc_container"].hd-toc-container--accent {
background: linear-gradient(135deg, rgba(107, 182, 255, 0.12) 0%, #ffffff 88%);
border-top-width: 0;
border-left: 6px solid var(--hd-toc-theme-color, #6bb6ff);
padding-left: 28px;
}

[id^="toc_container"].hd-toc-container--accent .toc-main-icon {
box-shadow: 0 12px 24px rgba(107, 182, 255, 0.22);
}

[id^="toc_container"].hd-toc-container--editorial {
background: #0f172a;
border-top-width: 0;
color: #e2e8f0;
box-shadow: 0 22px 44px rgba(15, 23, 42, 0.22);
}

[id^="toc_container"].hd-toc-container--editorial .toc_title,
[id^="toc_container"].hd-toc-container--editorial a,
[id^="toc_container"].hd-toc-container--editorial > ul.toc_list > li > ul.toc_list li a {
color: #e2e8f0;
}

[id^="toc_container"].hd-toc-container--editorial p.toc_title + ul.toc_list {
border-top-color: rgba(226, 232, 240, 0.16);
}

[id^="toc_container"].hd-toc-container--editorial .toc_toggle .hd-toc-toggle {
background: rgba(226, 232, 240, 0.12);
color: #e2e8f0;
}

[id^="toc_container"].hd-toc-container--editorial > ul.toc_list > li > ul.toc_list li::before {
color: #93c5fd;
}

[id^="toc_container"].hd-toc-container--editorial > ul.toc_list > li > ul.toc_list::before {
    content: none !important;
    display: none !important;
}

[id^="toc_container"].hd-toc-container--editorial a:hover {
color: #93c5fd;
}

@media only screen and (max-width: 667px) {
[id^="toc_container"].hd-toc-container--minimal {
padding: 16px 14px 14px;
border-radius: 16px;
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li::before {
left: 10px;
top: 10px;
width: 30px;
height: 30px;
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li > a {
padding: 10px 12px 10px 48px;
min-height: 50px;
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li > ul.toc_list {
padding-left: 48px;
}

[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li.has-children > ul.toc_list::before {
    content: none !important;
    display: none !important;
}
}

/* ==========================================================================
   1.2 Accordion TOC style variant
   ========================================================================== */
[id^="toc_container"].hd-toc-container--accordion {
    background: #ffffff;
    border: 1px solid #eaeaea;
    padding: 40px;
    border-radius: 0;
    display: block;
    width: 100%;
    box-shadow: none;
    box-sizing: border-box;
}

[id^="toc_container"].hd-toc-container--accordion .toc_title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a1a1a;
    padding-bottom: 14px;
    border-bottom: 2px solid #1a1a1a;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

[id^="toc_container"].hd-toc-container--accordion .toc-main-icon {
    display: none !important;
}

[id^="toc_container"].hd-toc-container--accordion .toc_toggle {
    display: inline-flex !important;
    margin-left: auto;
}

/* High-specificity overrides for the list, spacing, borders and colors */
[id^="toc_container"][class*="hd-toc-container--"] p.toc_title + ul.toc_list,
.hd-toc-container--editor-preview[class*="hd-toc-container--"] p.toc_title + ul.toc_list {
    padding-top: 12px !important;
    margin-top: 0 !important;
    border-top: none !important;
}

/* List items styling */
[id^="toc_container"][class*="hd-toc-container--"] > ul.toc_list > li,
.hd-toc-container--editor-preview[class*="hd-toc-container--"] > ul.toc_list > li {
    border-bottom: 1px solid #eaeaea !important;
    padding: 16px 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
    margin: 0 !important;
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

[id^="toc_container"].hd-toc-container--editorial > ul.toc_list > li,
.hd-toc-container--editor-preview.hd-toc-container--editorial > ul.toc_list > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

[id^="toc_container"][class*="hd-toc-container--"] > ul.toc_list > li:last-child,
.hd-toc-container--editor-preview[class*="hd-toc-container--"] > ul.toc_list > li:last-child {
    border-bottom: none !important;
}

/* Disable counters or bullets on H2 (Only for Accordion style) */
[id^="toc_container"].hd-toc-container--accordion > ul.toc_list > li::before,
.hd-toc-container--editor-preview.hd-toc-container--accordion > ul.toc_list > li::before {
    content: none !important;
    display: none !important;
}

/* Numbering show/hide settings */
[id^="toc_container"].no-numbering > ul.toc_list > li::before,
.hd-toc-container--editor-preview.no-numbering > ul.toc_list > li::before {
    content: none !important;
    display: none !important;
}

[id^="toc_container"].hd-toc-container--accordion.has-numbering > ul.toc_list > li::before,
.hd-toc-container--editor-preview.hd-toc-container--accordion.has-numbering > ul.toc_list > li::before {
    counter-increment: toc-h2-counter;
    content: counter(toc-h2-counter) ". " !important;
    display: inline-flex !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: inherit !important;
    background: none !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    margin-right: 6px !important;
    position: static !important;
}

[id^="toc_container"].hd-toc-container--accordion.has-numbering.hd-toc-container--align-right > ul.toc_list > li::before,
.hd-toc-container--editor-preview.hd-toc-container--accordion.has-numbering.hd-toc-container--align-right > ul.toc_list > li::before {
    margin-right: 0 !important;
    margin-left: 6px !important;
    order: 2 !important;
}

/* Ensure H3 and H4 subheadings under accordion have NO bullets/numbers */
[id^="toc_container"].hd-toc-container--accordion ul.toc_list ul.toc_list li::before,
.hd-toc-container--editor-preview.hd-toc-container--accordion ul.toc_list ul.toc_list li::before {
    content: none !important;
    display: none !important;
}

[id^="toc_container"].hd-toc-container--accordion ul.toc_list ul.toc_list li,
.hd-toc-container--editor-preview.hd-toc-container--accordion ul.toc_list ul.toc_list li {
    padding: 16px 0 !important;
}

/* Normalize minimal style circle layout to flow naturally like the default style */
[id^="toc_container"].hd-toc-container--minimal > ul.toc_list > li::before,
.hd-toc-container--editor-preview.hd-toc-container--minimal > ul.toc_list > li::before {
    position: static !important;
    margin-right: 12px !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    box-shadow: none !important;
}

/* H2 Anchors */
[id^="toc_container"][class*="hd-toc-container--"] > ul.toc_list > li > a,
.hd-toc-container--editor-preview[class*="hd-toc-container--"] > ul.toc_list > li > a {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    flex: 1 !important;
    line-height: 1.5 !important;
    transition: color 0.2s ease !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    text-align: left !important;
}

[id^="toc_container"].hd-toc-container--editorial > ul.toc_list > li > a,
.hd-toc-container--editor-preview.hd-toc-container--editorial > ul.toc_list > li > a {
    color: #ffffff !important;
}

[id^="toc_container"][class*="hd-toc-container--"] > ul.toc_list > li > a:hover,
.hd-toc-container--editor-preview[class*="hd-toc-container--"] > ul.toc_list > li > a:hover {
    color: var(--hd-toc-theme-color, #6bb6ff) !important;
}

[id^="toc_container"].hd-toc-container--editorial > ul.toc_list > li > a:hover,
.hd-toc-container--editor-preview.hd-toc-container--editorial > ul.toc_list > li > a:hover {
    color: #93c5fd !important;
}

/* Child toggle button '+' on the right */
.hd-toc-child-toggle {
    background: #ffffff;
    border: 1px solid #cccccc;
    color: #555555;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.2s ease;
    margin-left: 12px;
    outline: none;
    padding: 0;
    line-height: 1;
    box-shadow: none;
}

.hd-toc-child-toggle:hover {
    border-color: var(--hd-toc-theme-color, #6bb6ff);
    color: var(--hd-toc-theme-color, #6bb6ff);
    background: #fafafa;
}

.hd-toc-child-toggle[aria-expanded="true"] {
    background-color: #ffffff;
    color: #555555;
    border-color: #cccccc;
}

/* Child subheadings list */
[id^="toc_container"][class*="hd-toc-container--"] li ul.toc_list,
.hd-toc-container--editor-preview[class*="hd-toc-container--"] li ul.toc_list {
    flex: 0 0 100% !important;
    display: none !important;
    padding-right: 0 !important;
    border-left: none !important;
    border-right: none !important;
}

/* Specific margins and paddings for accordion vs non-accordion styles */
[id^="toc_container"].hd-toc-container--accordion > ul.toc_list > li > ul.toc_list,
.hd-toc-container--editor-preview.hd-toc-container--accordion > ul.toc_list > li > ul.toc_list {
    margin: 15px auto !important;
    padding-left: 0px !important;
    padding-right: 0 !important;
}

[id^="toc_container"]:not(.hd-toc-container--accordion)[class*="hd-toc-container--"] > ul.toc_list > li > ul.toc_list,
.hd-toc-container--editor-preview:not(.hd-toc-container--accordion)[class*="hd-toc-container--"] > ul.toc_list > li > ul.toc_list {
    margin: 15px auto !important;
    padding-left: 40px !important;
    padding-right: 0 !important;
}

[id^="toc_container"].hd-toc-container--editorial > ul.toc_list > li > ul.toc_list,
.hd-toc-container--editor-preview.hd-toc-container--editorial > ul.toc_list > li > ul.toc_list {
    border-left: none !important;
}

/* Disable old dashed list borders */
[id^="toc_container"][class*="hd-toc-container--"] > ul.toc_list > li.has-children > ul.toc_list::before,
.hd-toc-container--editor-preview[class*="hd-toc-container--"] > ul.toc_list > li.has-children > ul.toc_list::before {
    content: none !important;
    display: none !important;
}

[id^="toc_container"][class*="hd-toc-container--"] li.is-child-expanded > ul.toc_list,
.hd-toc-container--editor-preview[class*="hd-toc-container--"] li.is-child-expanded > ul.toc_list {
    display: block !important;
}

[id^="toc_container"][class*="hd-toc-container--"] > ul.toc_list > li > ul.toc_list li,
.hd-toc-container--editor-preview[class*="hd-toc-container--"] > ul.toc_list > li > ul.toc_list li {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 0 !important;
    position: relative !important;
    border-bottom: 1px solid #eaeaea !important;
    margin: 0 !important;
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

[id^="toc_container"].hd-toc-container--editorial > ul.toc_list > li > ul.toc_list li,
.hd-toc-container--editor-preview.hd-toc-container--editorial > ul.toc_list > li > ul.toc_list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

[id^="toc_container"][class*="hd-toc-container--"] > ul.toc_list > li > ul.toc_list li:last-child,
.hd-toc-container--editor-preview[class*="hd-toc-container--"] > ul.toc_list > li > ul.toc_list li:last-child {
    border-bottom: none !important;
}



[id^="toc_container"][class*="hd-toc-container--"] > ul.toc_list > li > ul.toc_list li a,
.hd-toc-container--editor-preview[class*="hd-toc-container--"] > ul.toc_list > li > ul.toc_list li a {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    color: #555555 !important;
    transition: color 0.2s ease !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    text-align: left !important;
    min-height: 0 !important;
    flex: 1 !important;
    line-height: 1.5 !important;
}

[id^="toc_container"].hd-toc-container--editorial > ul.toc_list > li > ul.toc_list li a,
.hd-toc-container--editor-preview.hd-toc-container--editorial > ul.toc_list > li > ul.toc_list li a {
    color: #cbd5e1 !important;
}

[id^="toc_container"][class*="hd-toc-container--"] > ul.toc_list > li > ul.toc_list li a:hover,
.hd-toc-container--editor-preview[class*="hd-toc-container--"] > ul.toc_list > li > ul.toc_list li a:hover {
    color: var(--hd-toc-theme-color, #6bb6ff) !important;
}

[id^="toc_container"].hd-toc-container--editorial > ul.toc_list > li > ul.toc_list li a:hover,
.hd-toc-container--editor-preview.hd-toc-container--editorial > ul.toc_list > li > ul.toc_list li a:hover {
    color: #93c5fd !important;
}

/* Alignment Overrides */
[id^="toc_container"][class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li,
.hd-toc-container--editor-preview[class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li {
    justify-content: flex-end !important;
}

[id^="toc_container"][class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li::before,
.hd-toc-container--editor-preview[class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li::before {
    order: 2 !important;
    margin-left: 12px !important;
    margin-right: 0 !important;
}

[id^="toc_container"][class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li > a,
.hd-toc-container--editor-preview[class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li > a {
    text-align: right !important;
    order: 1 !important;
}

[id^="toc_container"][class*="hd-toc-container--"].hd-toc-container--align-right .hd-toc-child-toggle,
.hd-toc-container--editor-preview[class*="hd-toc-container--"].hd-toc-container--align-right .hd-toc-child-toggle {
    order: 0 !important;
    margin-left: 0 !important;
    margin-right: 12px !important;
}

[id^="toc_container"][class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li > ul.toc_list,
.hd-toc-container--editor-preview[class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li > ul.toc_list {
    border-left: none !important;
    padding-left: 0 !important;
}

[id^="toc_container"].hd-toc-container--accordion.hd-toc-container--align-right > ul.toc_list > li > ul.toc_list,
.hd-toc-container--editor-preview.hd-toc-container--accordion.hd-toc-container--align-right > ul.toc_list > li > ul.toc_list {
    margin: 12px 0 0 0 !important;
    padding-right: 16px !important;
    padding-left: 0 !important;
    border-right: none !important;
}

[id^="toc_container"]:not(.hd-toc-container--accordion)[class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li > ul.toc_list,
.hd-toc-container--editor-preview:not(.hd-toc-container--accordion)[class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li > ul.toc_list {
    margin: 12px 0 0 0 !important;
    padding-right: 40px !important;
    padding-left: 0 !important;
    border-right: none !important;
}

[id^="toc_container"].hd-toc-container--editorial.hd-toc-container--align-right > ul.toc_list > li > ul.toc_list,
.hd-toc-container--editor-preview.hd-toc-container--editorial.hd-toc-container--align-right > ul.toc_list > li > ul.toc_list {
    border-right: none !important;
}

[id^="toc_container"][class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li > ul.toc_list li::before,
.hd-toc-container--editor-preview[class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li > ul.toc_list li::before {
    content: none !important;
    display: none !important;
}

[id^="toc_container"][class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li > ul.toc_list li a,
.hd-toc-container--editor-preview[class*="hd-toc-container--"].hd-toc-container--align-right > ul.toc_list > li > ul.toc_list li a {
    text-align: right !important;
}

/* H4 lists style and guide lines */
[id^="toc_container"] ul.toc_list ul.toc_list ul.toc_list,
.hd-toc-container--editor-preview ul.toc_list ul.toc_list ul.toc_list {
    margin: 0 !important;
    padding-left: 20px !important;
    padding-right: 0 !important;
    border-left: 2px dashed #d0e0f0 !important;
    border-right: none !important;
}

[id^="toc_container"].hd-toc-container--align-right ul.toc_list ul.toc_list ul.toc_list,
.hd-toc-container--editor-preview.hd-toc-container--align-right ul.toc_list ul.toc_list ul.toc_list {
    margin: 0 !important;
    padding-right: 20px !important;
    padding-left: 0 !important;
    border-right: 2px dashed #d0e0f0 !important;
    border-left: none !important;
}

@media only screen and (max-width: 667px) {
    [id^="toc_container"][class*="hd-toc-container--"] {
        padding: 20px !important;
    }
}

/* ==========================================================================
   1.3 Rose outline TOC style variant
   ========================================================================== */
[id^="toc_container"].hd-toc-container--rose_outline,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline {
display: block !important;
width: min(100%, var(--hd-toc-max-width, 760px)) !important;
padding: 32px 48px !important;
border: 3px solid #e67e9b !important;
border-top: 3px solid #e67e9b !important;
border-radius: 22px !important;
background: #fffafb !important;
box-shadow: 0 18px 44px rgba(191, 47, 91, 0.08) !important;
color: #b82f57 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .toc_title,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc_title {
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 0 !important;
border: 0 !important;
margin: 0 !important;
width: 100% !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .toc-main-icon,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc-main-icon {
display: none !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .toc-title-text,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc-title-text {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 58px !important;
padding: 10px 32px !important;
border-radius: 10px !important;
background: #d93567 !important;
color: #fff !important;
font-size: 1.3rem !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .toc_toggle,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc_toggle {
margin-left: auto !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
height: 54px !important;
min-height: 54px !important;
padding: 0 !important;
border: 2px solid #a39ba0 !important;
border-radius: 9px !important;
background: #fff !important;
color: #918a8f !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 1 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle::before,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle::before,
[id^="toc_container"].hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle[aria-expanded="false"]::before,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle[aria-expanded="false"]::before {
content: "☰" !important;
font-size: 25px !important;
font-weight: 700 !important;
line-height: 1 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle:hover,
[id^="toc_container"].hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle:focus-visible,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle:hover,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle:focus-visible {
border-color: #d93567 !important;
color: #d93567 !important;
background: #fff5f8 !important;
transform: none !important;
outline: 2px solid rgba(217, 53, 103, 0.18) !important;
outline-offset: 2px !important;
}

[id^="toc_container"].hd-toc-container--rose_outline p.toc_title + ul.toc_list,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline p.toc_title + ul.toc_list {
display: grid !important;
gap: 22px !important;
margin: 44px 0 0 !important;
padding: 0 !important;
border: 0 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline > ul.toc_list > li,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline > ul.toc_list > li {
display: flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 10px !important;
padding: 0 !important;
border: 0 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline.has-numbering > ul.toc_list > li::before,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline.has-numbering > ul.toc_list > li::before {
counter-increment: toc-h2-counter !important;
content: counter(toc-h2-counter) "." !important;
display: inline-flex !important;
align-items: baseline !important;
justify-content: flex-start !important;
width: auto !important;
height: auto !important;
min-width: 2.1em !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #b82f57 !important;
font-size: 1.22rem !important;
font-weight: 800 !important;
line-height: 1.55 !important;
letter-spacing: 0 !important;
box-shadow: none !important;
}

[id^="toc_container"].hd-toc-container--rose_outline > ul.toc_list > li > a,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline > ul.toc_list > li > a {
display: inline-flex !important;
align-items: baseline !important;
min-height: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #b82f57 !important;
font-size: 1.22rem !important;
font-weight: 800 !important;
line-height: 1.55 !important;
letter-spacing: 0 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline > ul.toc_list > li > a:hover,
[id^="toc_container"].hd-toc-container--rose_outline > ul.toc_list > li > a:focus-visible,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline > ul.toc_list > li > a:hover,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline > ul.toc_list > li > a:focus-visible {
color: #d93567 !important;
text-decoration: underline !important;
text-decoration-thickness: 2px !important;
text-underline-offset: 4px !important;
outline: none !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .hd-toc-child-toggle,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .hd-toc-child-toggle {
width: 28px !important;
height: 28px !important;
margin-left: auto !important;
border: 1px solid rgba(217, 53, 103, 0.34) !important;
border-radius: 8px !important;
background: #fff !important;
color: #b82f57 !important;
font-size: 15px !important;
font-weight: 800 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .hd-toc-child-toggle:hover,
[id^="toc_container"].hd-toc-container--rose_outline .hd-toc-child-toggle:focus-visible,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .hd-toc-child-toggle:hover,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .hd-toc-child-toggle:focus-visible {
background: #fff0f5 !important;
border-color: #d93567 !important;
outline: 2px solid rgba(217, 53, 103, 0.16) !important;
outline-offset: 2px !important;
}

[id^="toc_container"].hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list {
flex: 0 0 100% !important;
margin: 12px 0 0 0 !important;
padding: 0 0 0 44px !important;
border-left: 3px solid #f3bfd0 !important;
border-right: 0 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline li.is-child-expanded > ul.toc_list,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline li.is-child-expanded > ul.toc_list {
display: grid !important;
gap: 6px !important;
}

[id^="toc_container"].hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list li,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list li {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
padding: 0 !important;
border: 0 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list li a,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list li a {
display: inline-flex !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #939097 !important;
font-size: 1.02rem !important;
font-weight: 700 !important;
line-height: 1.75 !important;
letter-spacing: 0 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list li a:hover,
[id^="toc_container"].hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list li a:focus-visible,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list li a:hover,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list li a:focus-visible {
color: #b82f57 !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
outline: none !important;
}

[id^="toc_container"].hd-toc-container--rose_outline ul.toc_list ul.toc_list ul.toc_list,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline ul.toc_list ul.toc_list ul.toc_list {
margin: 6px 0 0 !important;
padding-left: 24px !important;
border-left: 3px solid #f3bfd0 !important;
border-right: 0 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline.hd-toc-container--align-center .toc_title,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline.hd-toc-container--align-center .toc_title {
justify-content: center !important;
}

[id^="toc_container"].hd-toc-container--rose_outline.hd-toc-container--align-center .toc_toggle,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline.hd-toc-container--align-center .toc_toggle {
margin-left: 0 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline.hd-toc-container--align-right > ul.toc_list > li,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline.hd-toc-container--align-right > ul.toc_list > li {
justify-content: flex-end !important;
}

[id^="toc_container"].hd-toc-container--rose_outline.hd-toc-container--align-right.has-numbering > ul.toc_list > li::before,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline.hd-toc-container--align-right.has-numbering > ul.toc_list > li::before {
order: 2 !important;
margin-left: 10px !important;
margin-right: 0 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline.hd-toc-container--align-right > ul.toc_list > li > ul.toc_list,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline.hd-toc-container--align-right > ul.toc_list > li > ul.toc_list {
padding-left: 0 !important;
padding-right: 44px !important;
border-left: 0 !important;
border-right: 3px solid #f3bfd0 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline.hd-toc-container--align-right ul.toc_list ul.toc_list ul.toc_list,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline.hd-toc-container--align-right ul.toc_list ul.toc_list ul.toc_list {
padding-left: 0 !important;
padding-right: 24px !important;
border-left: 0 !important;
border-right: 3px solid #f3bfd0 !important;
}

@media (prefers-color-scheme: dark) {
[id^="toc_container"].hd-toc-container--rose_outline,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline {
background: #21141a !important;
border-color: #e78aa5 !important;
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .toc-title-text,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc-title-text {
background: #d93567 !important;
color: #fff !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle {
background: #2b2026 !important;
border-color: #c9a8b3 !important;
color: #ead8de !important;
}

[id^="toc_container"].hd-toc-container--rose_outline > ul.toc_list > li > a,
[id^="toc_container"].hd-toc-container--rose_outline.has-numbering > ul.toc_list > li::before,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline > ul.toc_list > li > a,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline.has-numbering > ul.toc_list > li::before {
color: #f08eab !important;
}

[id^="toc_container"].hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list li a,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list li a {
color: #d4c6cc !important;
}
}

@media only screen and (max-width: 667px) {
[id^="toc_container"].hd-toc-container--rose_outline,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline {
padding: 22px 20px !important;
border-radius: 18px !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .toc_title,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc_title {
align-items: flex-start !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .toc-title-text,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc-title-text {
min-height: 48px !important;
padding: 8px 22px !important;
font-size: 1.12rem !important;
}

[id^="toc_container"].hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline .toc_toggle .hd-toc-toggle {
width: 48px !important;
height: 48px !important;
min-height: 48px !important;
}

[id^="toc_container"].hd-toc-container--rose_outline p.toc_title + ul.toc_list,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline p.toc_title + ul.toc_list {
margin-top: 30px !important;
gap: 18px !important;
}

[id^="toc_container"].hd-toc-container--rose_outline > ul.toc_list > li > a,
[id^="toc_container"].hd-toc-container--rose_outline.has-numbering > ul.toc_list > li::before,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline > ul.toc_list > li > a,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline.has-numbering > ul.toc_list > li::before {
font-size: 1.08rem !important;
line-height: 1.55 !important;
}

[id^="toc_container"].hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list,
.hd-toc-container--editor-preview.hd-toc-container--rose_outline > ul.toc_list > li > ul.toc_list {
padding-left: 28px !important;
}
}