.lcbp-dc-wrap {
max-width: 1200px;
height: auto;
margin: 0 auto;
padding: 0;
background: transparent;
font-family: inherit;
box-sizing: border-box;
}
.lcbp-dc-chips {
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: center;
margin-bottom: 18px;
} .lcbp-dc-chip {
border: none !important;
background: #888888 !important;
color: #eeeeee !important;
border-radius: 8px;
padding: 3px 12px !important;
font-size: 0.85em;
line-height: 1.5;
cursor: pointer;
transition: background .15s ease, color .15s ease;
}
.lcbp-dc-chip:hover,
.lcbp-dc-chip:focus,
.lcbp-dc-chip.is-selected { background: #ffcc00 !important;
border: none !important;
color: #2e2828 !important;
outline: none;
} .lcbp-dc-chip:active {
transform: scale(.96);
color: #fff !important;
}
.lcbp-dc-chip-etc { cursor: default; border: none !important; background: none !important; color: #999 !important; }
.lcbp-dc-form {
margin-bottom: 20px;
}
.lcbp-dc-search-box {
display: flex;
align-items: flex-end; max-width: 720px;
margin: 0 auto;
background: #fff;
border: 1px solid #ffffff;
border-radius: 24px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
padding: 6px 6px 6px 22px;
transition: box-shadow .15s ease, border-color .15s ease;
} .lcbp-dc-search-box.is-multiline {
border-radius: 18px;
} @keyframes lcbp-dc-glow {
0%   { box-shadow: 0 0 0 0 rgba(255, 150, 0, 0.45); }
70%  { box-shadow: 0 0 0 14px rgba(255, 150, 0, 0); }
100% { box-shadow: 0 0 0 0 rgba(255, 150, 0, 0); }
} @media (hover: hover) and (pointer: fine) {
.lcbp-dc-search-box:hover {
border-color: #ffcc00;
animation: lcbp-dc-glow 1.6s ease-out infinite;
}
} .lcbp-dc-search-box:focus-within {
border-color: #ffcc00;
animation: lcbp-dc-glow 1.6s ease-out infinite;
} .lcbp-dc-search-input,
.lcbp-dc-search-input:focus,
.lcbp-dc-search-input:focus-visible,
.lcbp-dc-search-input:active {
flex: 1;
min-width: 0;
border: none !important;
outline: none !important;
box-shadow: none !important;
background: transparent;
font-family: inherit;
font-size: 1em;
line-height: 1.6;
padding: 12px 8px;
resize: none;
overflow-y: auto;
max-height: 220px; }
.lcbp-dc-search-btn {
flex-shrink: 0;
width: 42px;
height: 42px;
border: none;
border-radius: 50%;
background: #ffb600;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background .15s ease;
}
.lcbp-dc-search-btn:hover { background: #ffcc00; color: #2e2828; } .lcbp-dc-search-btn:active { transform: scale(.94); background: #ffcc00; color: #fff; }
.lcbp-dc-search-btn:disabled { opacity: .6; cursor: not-allowed; }
.lcbp-dc-search-btn svg { display: block; }
.lcbp-dc-result {
min-height: 20px;
line-height: 1.7;
padding: 0 4px;
} .lcbp-dc-result .lcbp-dc-answer {
background: #ffffff;
border: 1px solid #dcdcdc;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 14px rgba(0, 0, 0, 0.05);
border-radius: 10px;
padding: 30px 38px; margin-bottom: 12px;
} .lcbp-dc-answer-heading {
display: inline-block;
background: #ffb600;
color: #2e2828;
font-weight: 400;
padding: 1px 16px;
border-radius: 999px;
line-height: 1.7;
margin-bottom: 6px;
} .lcbp-dc-answer-p {
display: inline-block;
text-indent: 2em;
max-width: 100%;
} .lcbp-dc-answer-li {
display: inline-block;
position: relative;
margin-left: 2em;
padding-left: 1.2em;
text-indent: 0;
max-width: calc(100% - 2em);
}
.lcbp-dc-answer-li::before {
content: "•";
position: absolute;
left: 0;
top: 0;
} .lcbp-dc-answer-li-num {
padding-left: 1.6em;
}
.lcbp-dc-answer-li-num::before {
content: attr(data-num);
left: 0;
font-variant-numeric: tabular-nums;
} .lcbp-dc-read-btn-wrap {
margin: 0 0 14px;
text-align: left;
}
.lcbp-dc-read-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: #ffffff;
border: 1.5px solid #8fd6c8; color: #2e2828;
border-radius: 999px;
padding: 6px 16px;
font-size: 0.85em;
line-height: 1.6;
cursor: pointer;
transition: background .15s ease, box-shadow .2s ease, border-color .15s ease;
}
.lcbp-dc-read-btn svg { flex-shrink: 0; display: block; }
.lcbp-dc-read-btn:hover,
.lcbp-dc-read-btn:focus-visible {
background: #ffffff;
border-color: #f5821f;
box-shadow: 0 0 0 6px rgba(245, 130, 31, .16), 0 4px 20px rgba(245, 130, 31, .35); outline: none;
} .lcbp-dc-read-btn.is-playing {
border-color: #f5821f;
}
.lcbp-dc-result .lcbp-dc-error {
color: #a33;
background: #fdecec;
border: 1px solid #f3caca;
border-radius: 8px;
padding: 12px 16px;
} .lcbp-dc-term-wrap { display: flex; flex-direction: column; gap: 4px; }
.lcbp-dc-term-loading { color: #8a8a8a; font-size: .95em; padding: 4px 4px; } .lcbp-dc-term-pagination.dc-pagination { margin: 24px 0 4px; }
.lcbp-dc-term-pagination .page-numbers {
display: inline-flex; align-items: center; justify-content: center;
min-width: 2.4em; padding: 8px 16px; border: 1px solid #bbbbbb; border-radius: 999px;
background: #fff; color: #2e2828; font-size: .92rem; cursor: pointer;
transition: background .15s, border-color .15s, color .15s;
}
.lcbp-dc-term-pagination .page-numbers.dots { border: none; background: none; cursor: default; min-width: auto; padding: 8px 4px; }
.lcbp-dc-term-pagination .page-numbers:disabled { opacity: .35; cursor: not-allowed; }
.lcbp-dc-term-pagination .page-numbers.current {
background: #ffcc00;
border-color: #ffcc00; color: #000; font-weight: 700;
}
.lcbp-dc-term-pagination .page-numbers:hover:not(:disabled):not(.dots),
.lcbp-dc-term-pagination .page-numbers:focus:not(:disabled):not(.dots) {
background: rgba(255,182,0,.3); color: #000; font-weight: 700;
}
.lcbp-dc-loading {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
text-align: center;
color: #888;
padding: 16px 0;
}
.lcbp-dc-recent {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px;
max-width: 720px;
margin: 10px auto 20px;
font-size: 0.85em;
}
.lcbp-dc-recent-label { color: #888;
}
.lcbp-dc-recent-list {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.lcbp-dc-recent-chip { border: 1px dashed #bbb !important;
background: transparent !important;
color: #666 !important;
border-radius: 999px;
padding: 4px 12px;
font-size: 0.95em;
cursor: pointer;
transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.lcbp-dc-recent-chip:active {
transform: scale(.96);
background: #ffcc00 !important;
color: #fff !important;
border-color: transparent !important;
}
.lcbp-dc-recent-chip:hover,
.lcbp-dc-recent-chip:focus {
background: rgba(255,182,0,.3) !important;
color: #2e2828 !important;
outline: none;
} .lcbp-dc-disclaimer-static,
.lcbp-dc-answer-disclaimer {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 0.8em;
color: #7a6a4f;
background: #fdf7e7;
border: 1px solid #f0e3bf;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 14px rgba(0, 0, 0, 0.05);
border-radius: 12px;
padding: 12px 16px;
margin-top: 18px;
line-height: 1.6;
}
.lcbp-dc-disclaimer-icon {
flex-shrink: 0;
width: 20px;
height: 20px;
margin-top: 2px;
border-radius: 50%;
background: #f0821e;
color: #fff;
font-weight: 700;
font-size: 13px;
line-height: 20px;
text-align: center;
}
.lcbp-dc-disclaimer-text { flex: 1; } .lcbp-dc-disclaimer-pending {
display: none;
}
.lcbp-dc-disclaimer-pending.is-shown {
display: flex;
} .lcbp-qa-disclaimer {
position: relative;
font-size: 0.8em;
color: #7a6a4f;
background: #fdf7e7;
border: 1px solid #f0e3bf;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 14px rgba(0, 0, 0, 0.05);
border-radius: 12px;
padding: 12px 16px 12px 46px;
margin-top: 18px;
line-height: 1.6;
}
.lcbp-qa-disclaimer::before {
content: "!";
position: absolute;
left: 16px;
top: 14px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #f0821e;
color: #fff;
font-weight: 700;
font-size: 13px;
line-height: 20px;
text-align: center;
}
.lcbp-dc-permalink {
font-size: 0.8em;
margin-top: -4px;
margin-bottom: 12px;
}
.lcbp-dc-permalink a { color: #8a5a1f; text-decoration: none; } .lcbp-dc-refs {
margin: 28px 0 12px;
font-size: 0.9em;
}
.lcbp-dc-refs .lcbp-refs-block {
margin-bottom: 10px;
}
.lcbp-dc-refs .lcbp-refs-heading {
font-size: 1.15em;
font-weight: 700;
color: #7a3b12;
margin: 14px 0 8px;
}
.lcbp-dc-refs .lcbp-qa-refs {
margin: 0;
padding-left: 1.4em;
line-height: 1.7;
}
.lcbp-dc-refs .lcbp-qa-refs li {
margin-bottom: 8px;
}
.lcbp-dc-refs .lcbp-qa-refs a {
color: #8a5a1f;
text-decoration: none;
} .lcbp-dc-refs .lcbp-qa-refs a:hover {
color: #ffcc00;
} .lcbp-dc-cat-panels {
margin: 4px 0 8px;
}
.lcbp-dc-cat-panel {
background: #ffffff;
border: 1px solid #dcdcdc;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 14px rgba(0, 0, 0, 0.05);
border-radius: 10px;
padding: 14px 18px;
margin-bottom: 10px;
}
.lcbp-dc-cat-title {
font-weight: 700;
color: #7a3b12;
margin-bottom: 8px;
font-size: 0.98em;
}
.lcbp-dc-qa-list {
margin: 0;
padding-left: 1.3em;
line-height: 1.75;
}
.lcbp-dc-qa-list li { margin-bottom: 4px; }
.lcbp-dc-qa-list a {
color: #8a5a1f;
text-decoration: none;
} .lcbp-dc-qa-list a:hover {
color: #ffcc00;
}  .lcbp-dc-faq {
margin: 18px 0 8px;
padding-top: 14px;
border-top: 1px solid #eee;
}
.lcbp-dc-faq-title {
font-weight: 700;
color: #7a3b12;
margin-bottom: 8px;
} .lcbp-dc-list-block{margin-top:18px;padding:14px 16px;background:#faf7f0;border:1px solid #ece3d0;border-radius:10px}
.lcbp-dc-list-title{font-weight:700;color:#7a5c1e;margin-bottom:8px}
.lcbp-dc-list-h{font-weight:600;color:#5a4a2a;margin:10px 0 4px}
.lcbp-dc-list-ul{margin:0 0 6px;padding-left:20px;list-style:disc} .lcbp-dc-list-ul li{margin:8px 0;line-height:1.5}
.lcbp-dc-list-item-title{font-weight:700;color:#3a2f1a}
.lcbp-dc-list-item-meta{color:#a08a5a;font-size:.9em;margin-top:2px}
.lcbp-dc-list-block a{color:#2a6a9a} .lcbp-dc-list-block a:hover, .lcbp-dc-list-block a:focus { color: #ffcc00; } .lcbp-dc-ref-snippet{color:#5a4a2a;font-size:.95em;line-height:1.6;margin-top:4px} .lcbp-dc-hl{background:rgba(255,182,0,.35);color:#3a2f1a;padding:0 2px;border-radius:2px;font-style:normal}
.lcbp-dc-ref-more-btn{
margin-top:6px; padding:2px 0; border:none; background:none; cursor:pointer;
color:#2a6a9a; font-size:.9em; font-weight:600;
}
.lcbp-dc-ref-more-btn:hover, .lcbp-dc-ref-more-btn:focus{ color:#ffcc00; } .lcbp-dc-ref-full{color:#3a2f1a;line-height:1.7;margin-top:6px;padding-top:6px;border-top:1px dashed #ece3d0}
.lcbp-dc-ref-full p{margin:0 0 10px 0}
.lcbp-dc-ref-full p:last-child{margin-bottom:0}
.lcbp-dc-ref-item{ margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #ece3d0; } .lcbp-dc-pd-xref{ color:#2a6a9a; cursor:pointer; text-decoration:underline; text-decoration-color:rgba(42,106,154,.4); text-underline-offset:2px; transition: color .15s, text-decoration-color .15s; }
.lcbp-dc-pd-xref:hover, .lcbp-dc-pd-xref:focus{ color:#c46a0a; text-decoration-color:#c46a0a; outline:none; }
.lcbp-dc-ref-item:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .lcbp-dc-gloss-term{ font-size: 1.15em; margin-bottom: 4px; }
.lcbp-dc-gloss-content{ color:#3a2f1a; font-size:.98em; line-height:1.8; margin-top:8px; }
.lcbp-dc-gloss-content p{ margin:0 0 10px 0; }
.lcbp-dc-gloss-content p:last-child{ margin-bottom:0; }
.lcbp-dc-gloss-notfound .lcbp-dc-error{ margin-bottom: 10px; }
.lcbp-dc-gloss-near-label{ color:#5a4a2a; font-size:.9em; margin-bottom: 8px; }
.lcbp-dc-gloss-near-list{ display:flex; flex-wrap:wrap; gap:8px; }
.lcbp-dc-gloss-near-btn{
padding:5px 12px; border:1px solid #ece3d0; border-radius:999px; background:#fff;
color:#2a6a9a; font-size:.9em; cursor:pointer; transition: background .15s, color .15s, border-color .15s;
}
.lcbp-dc-gloss-near-btn:hover, .lcbp-dc-gloss-near-btn:focus{
background: #ffcc00; color:#3a2f1a; border-color: #ffcc00;
} .lcbp-dc-overlay{
position:fixed; inset:0; z-index:99999;
display:flex; align-items:center; justify-content:center;
background:rgba(110,110,120,.30);
-webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px);
animation:lcbp-dc-fade .2s ease;
}
@keyframes lcbp-dc-fade{ from{opacity:0} to{opacity:1} }
.lcbp-dc-loading-card{
display:flex; flex-direction:column; align-items:center; justify-content:center;
gap:8px;
background:#fff; border-radius:24px;
padding:63px 60px 48px;
box-shadow:0 20px 55px rgba(0,0,0,.20);
min-width:250px; max-width:80vw;
animation:lcbp-dc-pop .25s ease;
}
@keyframes lcbp-dc-pop{ from{transform:scale(.92); opacity:0} to{transform:scale(1); opacity:1} } .lcbp-dc-leaf-spin{
position:relative; width:72px; height:81px;
display:flex; align-items:center; justify-content:center;
}
.lcbp-dc-leaf-ring{
position:absolute; left:50%; top:50%;
width:80px; height:80px; border-radius:50%;
border:1.5px solid rgba(255,150,0,.55);
transform:translate(-50%,-50%) scale(.9);
opacity:0;
animation:lcbp-dc-leaf-ring-expand 4s ease-out infinite;
}
.lcbp-dc-leaf-ring-2{ animation-delay:2s; }
@keyframes lcbp-dc-leaf-ring-expand{
0%   { transform:translate(-50%,-50%) scale(.9);  opacity:.55; }
70%  { transform:translate(-50%,-50%) scale(1.9);  opacity:.15; }
100% { transform:translate(-50%,-50%) scale(2.4); opacity:0; }
}
.lcbp-dc-leaf-glow{
width:72px; height:81px; z-index:2;
animation:lcbp-dc-leaf-diffuse 4s ease-out infinite;
}
@keyframes lcbp-dc-leaf-diffuse{
0%   { filter: drop-shadow(0 0 0px rgba(255,150,0,.55)); }
70%  { filter: drop-shadow(0 0 24px rgba(255,150,0,.15)); }
100% { filter: drop-shadow(0 0 30px rgba(255,150,0,0)); }
}
.lcbp-dc-leaf-theme{ position:relative; width:72px; height:81px; }
.lcbp-dc-leaf-layer{
position:absolute; inset:0;
background-size:220% 220%;
-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 112'><path d='M50,100 C42,110 22,112 10,96 C0,82 6,62 22,50 C32,43 41,36 46,26 C48,21 49,16 50,4 C51,16 52,21 54,26 C59,36 68,43 78,50 C94,62 100,82 90,96 C78,112 58,110 50,100 Z'/></svg>");
mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 112'><path d='M50,100 C42,110 22,112 10,96 C0,82 6,62 22,50 C32,43 41,36 46,26 C48,21 49,16 50,4 C51,16 52,21 54,26 C59,36 68,43 78,50 C94,62 100,82 90,96 C78,112 58,110 50,100 Z'/></svg>");
-webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
-webkit-mask-size:contain; mask-size:contain;
-webkit-mask-position:center; mask-position:center;
}
.lcbp-dc-leaf-a{ background-image:linear-gradient(180deg, #ffffff 0%, #ffcc00 30%, #ffb600 50%, #ffcc00 70%, #ffffff 100%); animation:lcbp-dc-leaf-fade-a 8s ease-in-out infinite; }
.lcbp-dc-leaf-b{ background-image:linear-gradient(90deg, #ffffff 0%, #ffb600 30%, #ffcc00 50%, #ffb600 70%, #ffffff 100%); animation:lcbp-dc-leaf-fade-b 10s ease-in-out infinite; }
.lcbp-dc-leaf-c{ background-image:linear-gradient(45deg, #ffffff 0%, #ffcc00 30%, #ffb600 50%, #ffcc00 70%, #ffffff 100%); animation:lcbp-dc-leaf-fade-c 7s ease-in-out infinite; }
.lcbp-dc-leaf-d{ background-image:linear-gradient(135deg, #ffffff 0%, #ffb600 30%, #ffcc00 50%, #ffb600 70%, #ffffff 100%); animation:lcbp-dc-leaf-fade-d 11.5s ease-in-out infinite; }
@keyframes lcbp-dc-leaf-fade-a{ 0%{opacity:0} 18%{opacity:1} 42%{opacity:1} 60%{opacity:0} 100%{opacity:0} }
@keyframes lcbp-dc-leaf-fade-b{ 0%{opacity:0} 10%{opacity:0} 30%{opacity:1} 55%{opacity:1} 75%{opacity:0} 100%{opacity:0} }
@keyframes lcbp-dc-leaf-fade-c{ 0%{opacity:1} 20%{opacity:0} 65%{opacity:0} 85%{opacity:1} 100%{opacity:1} }
@keyframes lcbp-dc-leaf-fade-d{ 0%{opacity:0} 45%{opacity:0} 68%{opacity:1} 88%{opacity:1} 100%{opacity:0} }
.lcbp-dc-leaf-brand{
font-weight:700; font-size:16px; color:#2e2828; letter-spacing:.2px;
margin-top:16px; }
.lcbp-dc-loading-text{
color:#8a8a8a; font-size:16px; line-height:1.5; text-align:center;
}
.lcbp-dc-loading-hint{
color:#aaa; font-size:12px; line-height:1.5; text-align:center; margin-top:4px;
} .lcbp-dc-step-text{
color:#8a8a8a; font-size:12px; line-height:1.4; text-align:center;
}
.lcbp-dc-step-dots{
display:flex; align-items:center; justify-content:center; gap:8px;
}
.lcbp-dc-step-dot{
width:6px; height:6px; border-radius:50%;
background:#d4d4d4;
transition:background-color .25s ease, transform .25s ease;
}
.lcbp-dc-step-dot.is-active{
background:#ffb600;
transform:scale(1.15);
animation:lcbp-dc-step-blink 1.1s ease-in-out infinite;
}
@keyframes lcbp-dc-step-blink{
0%, 100% { opacity:1; box-shadow:0 0 0 0 rgba(255,182,0,.45); }
50%      { opacity:.4; box-shadow:0 0 0 5px rgba(255,182,0,0); }
} .lcbp-dc-rows{
border:0;
background:transparent;
}
.lcbp-dc-rows .lcbp-dc-row{
display:block; width:100%;
box-sizing:border-box;
text-align:left;
background:transparent;
border:0;
margin:0 !important;
font:inherit; font-size:.92em; line-height:1.55;
text-decoration:none;
cursor:pointer;
}
.lcbp-dc-row-empty{ padding:10px 14px; color:#999; font-size:.9em; } .lcbp-dc-float-bar{
display:none !important; position:fixed; left:16px; right:16px; bottom:20px; z-index:9989;
max-width:none; margin:0;
align-items:center;
} .lcbp-dc-float-bar:focus-within{
animation: none !important;
box-shadow: 0 2px 10px rgba(0,0,0,.06), 0 0 0 6px rgba(255,150,0,.28) !important;
}  .lcbp-dc-fab{
display:none !important;
position:fixed; right:16px; bottom:90px; z-index:9990;
width:52px; height:52px;
border:0; border-radius:50%;
background:#ffb600; color:#fff;
box-shadow:0 4px 14px rgba(255,150,0,.45);
align-items:center; justify-content:center;
cursor:pointer; padding:0; overflow:hidden;
transition:background .15s ease, transform .15s ease, box-shadow .2s ease;
animation: lcbp-dc-fab-bob 2.8s ease-in-out infinite;
}
@keyframes lcbp-dc-fab-bob{
0%,100%{ transform:translateY(0) rotate(-3deg); }
25%{ transform:translateY(-5px) rotate(1deg); }
50%{ transform:translateY(-3px) rotate(2deg); }
75%{ transform:translateY(-6px) rotate(-1deg); }
}
.lcbp-dc-fab:hover{ box-shadow:0 6px 18px rgba(255,150,0,.55); }
.lcbp-dc-fab:active{ transform:scale(.94); }
.lcbp-dc-fab img{
display:block; width:100%; height:100%;
object-fit:cover; border-radius:50%; pointer-events:none;
} .lcbp-dc-drawer-overlay{
position:fixed; inset:0; z-index:9993;
background:rgba(0,0,0,.3);
}
.lcbp-dc-drawer{
position:fixed; top:0; right:0; bottom:0; z-index:9994;
width:min(84vw, 340px);
background:#fff;
box-shadow:-6px 0 24px rgba(0,0,0,.16);
display:flex; flex-direction:column;
transform:translateX(100%);
transition:transform .22s ease;
}
.lcbp-dc-drawer.is-open{ transform:translateX(0); }
.lcbp-dc-drawer-head{
display:flex; align-items:center; justify-content:space-between;
gap:10px;
padding:10px 12px;
font-weight:700; color:#000;
border-bottom:1px solid #ececec;
} .lcbp-dc-drawer-head .lcbp-dc-drawer-search{
flex:1; min-width:0; margin:0;
}
.lcbp-dc-drawer-close{
border:0; background:none; cursor:pointer;
font-size:26px; line-height:1; color:#888;
padding:0 4px;
}
.lcbp-dc-drawer-close:hover{ color:#ffcc00; }
.lcbp-dc-drawer-body{ flex:1; overflow-y:auto; padding:10px 12px 20px; }
.lcbp-dc-drawer-cat{ margin-bottom:6px; }
.lcbp-dc-drawer-cat-btn{
display:flex; align-items:center; justify-content:space-between;
width:100%;
border:0; border-radius:8px;
background:#f0f0ec; color:#333;
padding:8px 12px;
font:inherit; font-size:.95em; text-align:left;
cursor:pointer;
transition:background .15s ease, color .15s ease;
}
.lcbp-dc-drawer-cat-btn:hover,
.lcbp-dc-drawer-cat-btn[aria-expanded="true"]{ background:#ffcc00; color:#2e2828; } .lcbp-dc-drawer-cat-btn:active{ transform:scale(.97); color:#fff; }
.lcbp-dc-drawer-caret{ transition:transform .18s ease; }
.lcbp-dc-drawer-cat-btn[aria-expanded="true"] .lcbp-dc-drawer-caret{ transform:rotate(90deg); }
.lcbp-dc-drawer-cat-items{ margin:6px 2px 10px; }
.lcbp-dc-drawer-cat-items .lcbp-dc-row{ font-size:.88em; } @media (max-width: 900px){
.lcbp-dc-chips,
.lcbp-dc-cat-panels{ display:none !important; }
.lcbp-dc-fab{ display:flex !important; }
.lcbp-dc-float-bar{ display:flex !important; } .lcbp-dc-search-input{
font-size:16px !important;
height:auto !important;
max-height:96px; }
.lcbp-dc-search-box,
.lcbp-dc-search-box.is-multiline{ border-radius:24px; } .lcbp-dc-float-bar{ border-color: var(--dc-accent, #ffb600) !important; } .lcbp-dc-back-to-top{ right:16px !important; bottom:158px !important; }
}  .lcbp-dc-milinda-timeline{
max-width:880px; margin:0 auto;
background:#f9f6ee; border:1px solid #e3ded4; border-radius:var(--dc-radius,14px);
padding:28px 32px 32px;
--dc-text:#2b2b2b; --dc-heading:#222; --dc-muted:#8a857c; --dc-border:#e3ded4;
}
.lcbp-dc-mt-title{ margin:0 0 22px; }
.lcbp-dc-mt-empty{ opacity:.75; } .lcbp-dc-milinda-timeline .lcbp-dc-mt-title{ color:#222; }
.lcbp-dc-milinda-timeline .lcbp-dc-mt-empty{ color:#2b2b2b; }
.lcbp-dc-mt-line{ position:relative; } .lcbp-dc-mt-line::before{
content:''; position:absolute; left:5px; top:6px; bottom:6px; width:2px;
background:var(--dc-border,#e3ded4);
}
.lcbp-dc-mt-group{ position:relative; padding-left:26px; margin-bottom:6px; }
.lcbp-dc-mt-group:last-child{ margin-bottom:0; }
.lcbp-dc-mt-dot{
position:absolute; left:0; top:15px; width:12px; height:12px; border-radius:50%;
background:#ffcc00; box-shadow:0 0 0 3px #f9f6ee;
} .lcbp-dc-mt-group-head{
list-style:none; cursor:pointer; user-select:none;
display:flex; align-items:center; gap:8px;
margin-left:-26px; padding:9px 12px 9px 38px; border-radius:var(--dc-radius,10px);
font-weight:700; color:var(--dc-heading,#222);
}
.lcbp-dc-mt-group-head::-webkit-details-marker{ display:none; }
.lcbp-dc-mt-group-head::marker{ content:''; } .lcbp-dc-mt-group-head:hover{ background:rgba(255,204,0,.14); }
.lcbp-dc-mt-count{ font-weight:400; color:var(--dc-muted,#8a857c); font-size:.85em; } .lcbp-dc-mt-group-head::after{
content:''; width:8px; height:8px; margin-left:auto;
border-right:2px solid var(--dc-muted,#8a857c); border-bottom:2px solid var(--dc-muted,#8a857c);
transform:rotate(-45deg); transition:transform .15s ease; flex:none;
}
.lcbp-dc-mt-group[open] > .lcbp-dc-mt-group-head::after{ transform:rotate(45deg); }
.lcbp-dc-mt-items{ padding:4px 0 10px 20px; display:flex; flex-direction:column; gap:2px; }
.lcbp-dc-mt-item{ border-bottom:1px solid var(--dc-border,#eee); }
.lcbp-dc-mt-item:last-child{ border-bottom:0; } .lcbp-dc-mt-item-head{
list-style:none; cursor:pointer; user-select:none;
display:flex; align-items:center; gap:8px;
margin-left:-46px; padding:9px 8px 9px 54px; border-radius:var(--dc-radius,8px);
color:var(--dc-text,#2b2b2b); font-weight:500; font-size:.96rem;
}
.lcbp-dc-mt-item-head::-webkit-details-marker{ display:none; }
.lcbp-dc-mt-item-head::marker{ content:''; } .lcbp-dc-mt-item-head:hover{ background:rgba(255,204,0,.14); }
.lcbp-dc-mt-item-head::before{
content:''; width:6px; height:6px; margin-right:2px; flex:none;
border-right:2px solid var(--dc-muted,#8a857c); border-bottom:2px solid var(--dc-muted,#8a857c);
transform:rotate(-45deg); transition:transform .15s ease;
}
.lcbp-dc-mt-item[open] > .lcbp-dc-mt-item-head::before{ transform:rotate(45deg); } .lcbp-dc-mt-item-body{
padding:6px 8px 14px 22px; color:var(--dc-text,#2b2b2b);
line-height:1.85; font-size:.98rem;
}
.lcbp-dc-mt-item-body p{ margin:0 0 14px; }
.lcbp-dc-mt-item-body p:last-child{ margin-bottom:0; }
@media (max-width:600px){  .lcbp-dc-milinda-timeline{ padding:18px 16px 22px; }
.lcbp-dc-mt-group{ padding-left:13px; } .lcbp-dc-mt-group-head{ font-size:.95rem; margin-left:-13px; padding:8px 8px 8px 21px; }
.lcbp-dc-mt-items{ padding-left:0; }
.lcbp-dc-mt-item-head{ margin-left:-13px; padding:9px 8px 9px 21px; gap:4px; }
.lcbp-dc-mt-item-head::before{ margin-right:0; }
.lcbp-dc-mt-item-body{ padding-left:8px; font-size:.94rem; }
} .lcbp-dc-tp-full{ max-width:1200px; margin:0 auto; }
.lcbp-dc-tp-grid{ column-count:2; column-gap:16px; }
@media (max-width:900px){
.lcbp-dc-tp-grid{ column-count:1; column-gap:10px; }
} .lcbp-dc-tp-item{
display:block; break-inside:avoid; -webkit-column-break-inside:avoid;
margin-bottom:12px; border:1px solid var(--dc-border,#e3ded4); border-radius:var(--dc-radius,10px);
background:var(--dc-bg,#fff); overflow:hidden;
}
.lcbp-dc-tp-item-head{
list-style:none; cursor:pointer; user-select:none;
display:flex; align-items:flex-start; gap:8px;
padding:11px 12px; font-weight:600; font-size:.95rem; line-height:1.4;
background:#eee; color:#222; transition:background .15s ease, color .15s ease;
}
.lcbp-dc-tp-item-head::-webkit-details-marker{ display:none; }
.lcbp-dc-tp-item-head::marker{ content:''; } .lcbp-dc-tp-item-head:hover{ background:#ffcc00; color:#2e2828; }
.lcbp-dc-tp-item-head::before{
content:''; width:7px; height:7px; margin-top:5px; flex:none;
border-right:2px solid var(--dc-muted,#8a857c); border-bottom:2px solid var(--dc-muted,#8a857c);
transform:rotate(-45deg); transition:transform .15s ease, border-color .15s ease;
}
.lcbp-dc-tp-item-head:hover::before{ border-color:#2e2828; }
.lcbp-dc-tp-item[open] > .lcbp-dc-tp-item-head::before{ transform:rotate(45deg); margin-top:2px; }  .lcbp-dc-tp-item-body{
padding:0 27px 14px 27px; background:#fdfdfc; color:#222; line-height:1.8; font-size:.93rem; border-top:1px solid var(--dc-border,#ece3d0); margin-top:0; padding-top:10px;
}
.lcbp-dc-tp-item-body p{ margin:0 0 12px; }
.lcbp-dc-tp-item-body p:last-child{ margin-bottom:0; } .lcbp-dc-tp-item-ref{
margin-top:8px !important; padding-top:8px; border-top:1px dashed var(--dc-border,#ece3d0);
font-size:.85em; color:#444;
} .lcbp-dc-phra-ot-full .lcbp-dc-tp-item{ background:#f9f6ee; }
.lcbp-dc-phra-ot-full .lcbp-dc-tp-item-body{ background:#f9f6ee; } .lcbp-dc-tp-item{ scroll-margin-top:90px; } .lcbp-dc-tp-collapse-btn{
display:flex; align-items:center; justify-content:center; gap:6px;
margin:14px auto 2px; padding:7px 18px;
background:transparent; color:#444; border:1.5px solid var(--dc-accent,#ffb600); border-radius:999px;
font-size:.82rem; font-weight:600; line-height:1; cursor:pointer;
transition:background .15s ease, color .15s ease, transform .1s ease;
}
.lcbp-dc-tp-collapse-btn svg{ flex:none; }
.lcbp-dc-tp-collapse-btn:hover, .lcbp-dc-tp-collapse-btn:focus-visible{
background:#ffcc00;
color:#2e2828; outline:none;
}
.lcbp-dc-tp-collapse-btn:active{ transform:scale(.95); }  .lcbp-dc-ap-flat-body{ padding:4px 8px 10px 46px; } .lcbp-dc-mt-item-intro{ padding:2px 8px 12px 8px; color:var(--dc-text,#2b2b2b); line-height:1.9; }
.lcbp-dc-mt-item-intro p{ margin:0 0 14px; }
.lcbp-dc-mt-item-intro p:last-child{ margin-bottom:0; } .lcbp-dc-mt-group-head:focus-visible,
.lcbp-dc-mt-item-head:focus-visible{
outline:2px solid var(--dc-border,#e3ded4); outline-offset:2px;
}
.lcbp-dc-ap-credits{
margin-top:28px; padding-top:16px; border-top:1px solid var(--dc-border,#eee);
display:flex; flex-direction:column; gap:6px;
}
.lcbp-dc-ap-credits p{ margin:0; font-size:.92rem; }
.lcbp-dc-ap-credits a{ color:var(--dc-accent,#c77c1f); text-decoration:none; }
.lcbp-dc-ap-credits a:hover, .lcbp-dc-ap-credits a:focus-visible{ text-decoration:underline; } .lcbp-dc-sutta-view{ max-width:880px; margin:0 auto; }
.lcbp-dc-sutta-view-icon{ display:flex; justify-content:center; margin:0 0 12px; }
.lcbp-dc-sutta-view-icon svg{ display:block; }
.lcbp-dc-sutta-view-title{
margin:0 0 10px; text-align:center; color:var(--dc-heading,#222);
}
.lcbp-dc-sutta-view-meta{
margin:0 0 24px; text-align:center; color:var(--dc-muted,#8a857c); font-size:.92rem;
}
.lcbp-dc-sutta-view-body{
color:var(--dc-text,#2b2b2b); line-height:1.9; font-size:1rem;
text-align:justify; text-justify:inter-word;
}
.lcbp-dc-sutta-view-body p{ margin:0 0 16px; }
.lcbp-dc-sutta-view-body p:last-child{ margin-bottom:0; }
.lcbp-dc-sutta-view-source{ margin-top:24px; text-align:center; font-size:.9rem; }
.lcbp-dc-sutta-view-empty{ max-width:880px; margin:0 auto; opacity:.75; text-align:center; } a.lcbp-dc-sutta-link{
color:var(--dc-text,#2b2b2b); text-decoration:none;
}
a.lcbp-dc-sutta-link:hover, a.lcbp-dc-sutta-link:focus-visible{
text-decoration:underline; text-underline-offset:2px;
} html:not([data-dc-theme="dark"]) a.lcbp-dc-sutta-link:hover,
html:not([data-dc-theme="dark"]) a.lcbp-dc-sutta-link:focus-visible,
html:not([data-dc-theme="dark"]) .entry-content a.lcbp-dc-sutta-link:hover,
html:not([data-dc-theme="dark"]) .entry-content a.lcbp-dc-sutta-link:focus-visible{
color:var(--dc-text,#2b2b2b);
}
@media (max-width:600px){
.lcbp-dc-sutta-view-body{ font-size:.96rem; }
} .lcbp-dc-back-to-top{
position:fixed; right:24px; bottom:24px; z-index:9990;
width:46px; height:46px; border:0; border-radius:50%;
background:#ffb600;
display:flex; align-items:center; justify-content:center;
cursor:pointer; padding:0;
box-shadow:0 4px 14px rgba(255,150,0,.35);
opacity:0; visibility:hidden; pointer-events:none;
transform:translateY(8px);
transition:opacity .2s ease, transform .2s ease, background .15s ease, box-shadow .2s ease, visibility 0s linear .2s;
} .lcbp-dc-back-to-top.is-visible{
opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);
transition:opacity .2s ease, transform .2s ease, background .15s ease, box-shadow .2s ease;
}
.lcbp-dc-back-to-top svg{ width:20px; height:20px; stroke:#fff; transition:stroke .15s ease; pointer-events:none; }
.lcbp-dc-back-to-top:hover,
.lcbp-dc-back-to-top:focus-visible{
background:#fff;
box-shadow:0 4px 14px rgba(0,0,0,.25), inset 0 0 0 2px #ffcc00;
}
.lcbp-dc-back-to-top:hover svg,
.lcbp-dc-back-to-top:focus-visible svg{ stroke:#ffcc00; }
.lcbp-dc-back-to-top:active{ transform:scale(.92); } @media (min-width:901px){
.lcbp-dc-back-to-top{
width:40px; height:40px;
box-shadow:none;
}
.lcbp-dc-back-to-top svg{ width:18px; height:18px; }
.lcbp-dc-back-to-top:hover,
.lcbp-dc-back-to-top:focus-visible{
box-shadow:inset 0 0 0 2px #ffcc00;
}
} .lcbp-ri-wrap { margin: 8px 0 24px; }
.lcbp-ri-intro {
color: #5a4a3a;
line-height: 1.8;
margin: 0 0 16px;
}
.lcbp-ri-controls { margin: 0 0 12px; }
.lcbp-ri-search {
width: 100%;
max-width: 480px;
padding: 10px 16px;
border: 1px solid #e0d5c5;
border-radius: 18px;
font-size: 1em;
background: #fff;
}
.lcbp-ri-search:focus {
outline: none;
border-color: #ffcc00;
box-shadow: 0 0 0 2px rgba(255, 204, 0, .25);
}
.lcbp-ri-topics {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 20px;
}
.lcbp-ri-topic {
padding: 6px 14px;
border: 1px solid #e0d5c5;
border-radius: 999px;
background: #fff;
color: #7a3b12;
font-size: .9em;
cursor: pointer;
transition: background .15s, border-color .15s;
}
.lcbp-ri-topic:hover { border-color: #ffcc00; }
.lcbp-ri-topic.is-active {
background: #ffcc00;
border-color: #ffcc00;
color: #2e2828;
font-weight: 700;
}
.lcbp-ri-card {
background: #fff;
border: 1px solid #eee4d5;
border-radius: 12px;
padding: 16px 20px;
margin: 0 0 14px;
}
.lcbp-ri-title {
font-size: 1.1em;
font-weight: 700;
color: #3a2e22;
margin: 0 0 4px;
}
.lcbp-ri-meta {
color: #6b5b48;
font-size: .92em;
margin: 0 0 8px;
}
.lcbp-ri-source { color: #8a5a1f; text-decoration: none; }
a.lcbp-ri-source:hover { color: #ffcc00; }
.lcbp-ri-card-topics { margin: 0 0 8px; }
.lcbp-ri-tag {
display: inline-block;
padding: 2px 10px;
margin: 0 6px 4px 0;
border-radius: 999px;
background: #faf5ea;
color: #8a5a1f;
font-size: .8em;
}
.lcbp-ri-cited {
border-top: 1px dashed #eee4d5;
padding-top: 10px;
font-size: .9em;
line-height: 2;
}
.lcbp-ri-cited-label {
color: #7a3b12;
font-weight: 700;
margin-right: 6px;
}
.lcbp-ri-article {
display: inline-block;
padding: 2px 12px;
margin: 0 6px 6px 0;
border-radius: 999px;
background: #fff8e0;
color: #7a3b12;
text-decoration: none;
transition: background .15s;
}
.lcbp-ri-wrap a.lcbp-ri-article:hover,
.lcbp-ri-wrap a.lcbp-ri-article:focus-visible { background: #ffb600; color: #000 !important; }
.lcbp-ri-none, .lcbp-ri-empty { color: #6b5b48; }
@media (max-width: 600px) {
.lcbp-ri-card { padding: 14px 16px; }
} .lcbp-dc-life-index {
max-width: 1140px;
margin: 0 auto;
} .lcbp-dc-life-index-search {
margin: 0 auto 28px !important; width: 450px !important;
max-width: 100%;
}
@media (max-width: 600px) {
.lcbp-dc-life-index-search {
width: 100% !important;
}
} .lcbp-dc-life-index-columns {
column-count: 3;
column-gap: 22px;
}
@media (max-width: 900px) {
.lcbp-dc-life-index-columns { column-count: 2; }
}
@media (max-width: 600px) {
.lcbp-dc-life-index-columns { column-count: 1; }
}
.lcbp-dc-life-index-cat {
break-inside: avoid;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
display: inline-block;
width: 100%;
background: #fffdf6;
border: 1px solid #eee4d5;
border-radius: 12px;
overflow: hidden; margin: 0 0 20px;
text-align: left;
} .lcbp-dc-life-index-cat-title {
margin: 0 !important;
padding: 12px 20px !important;
font-size: 1.05rem;
font-weight: 700;
background: #f6f1e3;
color: #7a3b12;
text-align: left;
border-radius: 12px 12px 0 0 !important;
}
.lcbp-dc-life-index-list {
list-style: none !important;
margin: 0;
padding: 12px 20px 16px;
text-align: left;
}
.lcbp-dc-life-index-list li {
list-style: none !important;
padding: 6px 0;
border-bottom: 1px dashed #eee4d5;
font-size: .92rem;
line-height: 1.5;
text-align: left;
} .lcbp-dc-life-index-list li::marker { content: none; }
.lcbp-dc-life-index-list li::before { content: none !important; }
.lcbp-dc-life-index-list li:last-child { border-bottom: none; } .lcbp-dc-life-index-list a {
position: relative;
display: block;
color: #000 !important;
text-decoration: none;
padding: 4px 8px;
margin: 0 -8px;
border-radius: 8px;
transition: background-color .2s ease;
}
.lcbp-dc-life-index-list a:hover,
.lcbp-dc-life-index-list a:focus-visible {
color: #000 !important;
text-decoration: none;
background-color: rgba(255, 182, 0, 0.4);
} .lcbp-dc-9q-intro h2 { margin-top: 0; }
.lcbp-dc-9q-intro blockquote { margin-bottom: 0; } .lcbp-dc-9q-badge {
text-align: center;
font-size: 3.4rem;
font-weight: 800;
line-height: 1;
letter-spacing: .02em;
margin: 0 0 14px;
color: #5b5fee;
background-image: linear-gradient(100deg, #3b6fe0 0%, #6a5cf0 25%, #a99bfa 50%, #6a5cf0 75%, #3b6fe0 100%);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: lcbp-dc-9q-badge-shimmer 3.2s linear infinite;
}
@keyframes lcbp-dc-9q-badge-shimmer {
0%   { background-position: 0% 50%; }
100% { background-position: 200% 50%; }
}
@media (prefers-reduced-motion: reduce) {
.lcbp-dc-9q-badge { animation: none; }
}
.lcbp-dc-9q-item {
border: 0;
border-top: 1px solid var(--dc-border);
margin: 0;
padding: 20px 0 0;
}
.lcbp-dc-9q-item:first-of-type { border-top: 0; padding-top: 0; }
.lcbp-dc-9q-item + .lcbp-dc-9q-item { margin-top: 20px; }
.lcbp-dc-9q-item legend {
font-weight: 600;
color: var(--dc-heading);
padding: 0 0 12px;
line-height: 1.5;
}
.lcbp-dc-9q-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px; height: 24px;
margin-right: 6px;
border-radius: 50%;
background: var(--dc-accent);
color: #000;
font-size: .82rem;
font-weight: 700;
}
.lcbp-dc-9q-choices {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px 14px;
}
@media (max-width: 600px) {
.lcbp-dc-9q-choices { grid-template-columns: 1fr; }
}
.lcbp-dc-9q-choice {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 14px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-sm);
font-size: .92rem;
color: var(--dc-text);
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-9q-choice:hover { border-color: var(--dc-accent); }
.lcbp-dc-9q-choice input {
accent-color: var(--dc-accent);
width: 16px; height: 16px;
flex: 0 0 auto;
}
.lcbp-dc-9q-choice:has(input:checked) {
border-color: var(--dc-accent);
background: var(--dc-accent-gradient);
color: #2e2828;
font-weight: 600;
}  @keyframes lcbp-dc-btn-glow-pulse {
0%   { box-shadow: 0 0 0 0 rgba(255, 182, 0, .55); }
70%  { box-shadow: 0 0 0 16px rgba(255, 182, 0, 0); }
100% { box-shadow: 0 0 0 0 rgba(255, 182, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
.lcbp-dc-9q-submit:hover, .lcbp-dc-tmhi-submit:hover, .lcbp-dc-st5-submit:hover,
.lcbp-dc-8q-submit:hover, .lcbp-dc-rq-submit:hover, .lcbp-dc-gad7-submit:hover,
.lcbp-dc-isi-submit:hover, .lcbp-dc-burnout-submit:hover, .lcbp-dc-who5-submit:hover {
animation: none;
}
} .lcbp-dc-9q-actions {
display: flex;
gap: 12px;
margin-top: 26px;
}
@media (max-width: 480px) {
.lcbp-dc-9q-actions { flex-direction: column; }
}
.lcbp-dc-9q-submit {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-accent);
border-radius: var(--dc-radius-full);
background: rgba(255,182,0,.4);
color: #000;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: background .15s;
}
.lcbp-dc-9q-submit:hover {
background: #ffb600;
animation: lcbp-dc-btn-glow-pulse 1.6s ease-out infinite;
}
.lcbp-dc-9q-reset {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-full);
background: transparent;
color: var(--dc-text);
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-9q-reset:hover { border-color: var(--dc-accent); background: rgba(255,182,0,.4); }
.lcbp-dc-9q-hint {
margin: 10px 0 0;
color: #a33;
font-size: .88rem;
text-align: center;
}
.lcbp-dc-9q-result { text-align: left; }
.lcbp-dc-9q-score {
font-size: 1.1rem;
font-weight: 700;
color: var(--dc-heading);
}
.lcbp-dc-9q-level {
display: inline-block;
margin: 8px 0 14px;
padding: 6px 16px;
border-radius: var(--dc-radius-full);
font-weight: 700;
font-size: .95rem;
}
.lcbp-dc-9q-level.is-none     { background: #e8f5e9; color: #2e7d32; }
.lcbp-dc-9q-level.is-mild     { background: #fff8e1; color: #8a6d00; }
.lcbp-dc-9q-level.is-moderate { background: #fff0e0; color: #a35a00; }
.lcbp-dc-9q-level.is-severe   { background: #fdecec; color: #a33; }
.lcbp-dc-9q-crisis {
margin-top: 16px;
padding: 14px 18px;
background: #fdecec;
border: 1px solid #f3caca;
border-radius: var(--dc-radius-sm);
color: #a33;
}
.lcbp-dc-9q-crisis p { margin: 6px 0 0; }
.lcbp-dc-9q-disclaimer {
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid var(--dc-border);
color: var(--dc-muted);
font-size: .85rem;
} .lcbp-dc-tmhi-intro h2 { margin-top: 0; }
.lcbp-dc-tmhi-intro blockquote { margin-bottom: 0; }
.lcbp-dc-tmhi-badge {
text-align: center;
font-size: 2.6rem;
font-weight: 800;
line-height: 1;
letter-spacing: .02em;
margin: 0 0 14px;
color: #1f9d7c;
background-image: linear-gradient(100deg, #0f8c6e 0%, #33b894 25%, #9be0cc 50%, #33b894 75%, #0f8c6e 100%);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: lcbp-dc-tmhi-badge-shimmer 3.2s linear infinite;
}
@keyframes lcbp-dc-tmhi-badge-shimmer {
0%   { background-position: 0% 50%; }
100% { background-position: 200% 50%; }
}
@media (prefers-reduced-motion: reduce) {
.lcbp-dc-tmhi-badge { animation: none; }
}
.lcbp-dc-tmhi-item {
border: 0;
border-top: 1px solid var(--dc-border);
margin: 0;
padding: 20px 0 0;
}
.lcbp-dc-tmhi-item:first-of-type { border-top: 0; padding-top: 0; }
.lcbp-dc-tmhi-item + .lcbp-dc-tmhi-item { margin-top: 20px; }
.lcbp-dc-tmhi-item legend {
font-weight: 600;
color: var(--dc-heading);
padding: 0 0 12px;
line-height: 1.5;
}
.lcbp-dc-tmhi-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px; height: 24px;
margin-right: 6px;
border-radius: 50%;
background: var(--dc-accent);
color: #000;
font-size: .82rem;
font-weight: 700;
}
.lcbp-dc-tmhi-choices {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px 10px;
}
@media (max-width: 700px) {
.lcbp-dc-tmhi-choices { grid-template-columns: repeat(2, 1fr); }
}
.lcbp-dc-tmhi-choice {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 12px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-sm);
font-size: .9rem;
color: var(--dc-text);
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-tmhi-choice:hover { border-color: var(--dc-accent); }
.lcbp-dc-tmhi-choice input {
accent-color: var(--dc-accent);
width: 16px; height: 16px;
flex: 0 0 auto;
}
.lcbp-dc-tmhi-choice:has(input:checked) {
border-color: var(--dc-accent);
background: var(--dc-accent-gradient);
color: #2e2828;
font-weight: 600;
}
.lcbp-dc-tmhi-actions {
display: flex;
gap: 12px;
margin-top: 26px;
}
@media (max-width: 480px) {
.lcbp-dc-tmhi-actions { flex-direction: column; }
}
.lcbp-dc-tmhi-submit {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-accent);
border-radius: var(--dc-radius-full);
background: rgba(255,182,0,.4);
color: #000;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: background .15s;
}
.lcbp-dc-tmhi-submit:hover {
background: #ffb600;
animation: lcbp-dc-btn-glow-pulse 1.6s ease-out infinite;
}
.lcbp-dc-tmhi-reset {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-full);
background: transparent;
color: var(--dc-text);
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-tmhi-reset:hover { border-color: var(--dc-accent); background: rgba(255,182,0,.4); }
.lcbp-dc-tmhi-hint {
margin: 10px 0 0;
color: #a33;
font-size: .88rem;
text-align: center;
}
.lcbp-dc-tmhi-result { text-align: left; }
.lcbp-dc-tmhi-score {
font-size: 1.1rem;
font-weight: 700;
color: var(--dc-heading);
}
.lcbp-dc-tmhi-level {
display: inline-block;
margin: 8px 0 14px;
padding: 6px 16px;
border-radius: var(--dc-radius-full);
font-weight: 700;
font-size: .95rem;
}
.lcbp-dc-tmhi-level.is-good { background: #e8f5e9; color: #2e7d32; }
.lcbp-dc-tmhi-level.is-fair { background: #fff8e1; color: #8a6d00; }
.lcbp-dc-tmhi-level.is-poor { background: #fdecec; color: #a33; }
.lcbp-dc-tmhi-crisis {
margin-top: 16px;
padding: 14px 18px;
background: #fdecec;
border: 1px solid #f3caca;
border-radius: var(--dc-radius-sm);
color: #a33;
}
.lcbp-dc-tmhi-crisis p { margin: 6px 0 0; }
.lcbp-dc-tmhi-disclaimer {
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid var(--dc-border);
color: var(--dc-muted);
font-size: .85rem;
} .lcbp-dc-st5-intro h2 { margin-top: 0; }
.lcbp-dc-st5-intro blockquote { margin-bottom: 0; }
.lcbp-dc-st5-badge {
text-align: center;
font-size: 3.2rem;
font-weight: 800;
line-height: 1;
letter-spacing: .02em;
margin: 0 0 14px;
color: #d9720a;
background-image: linear-gradient(100deg, #c9600a 0%, #ef9736 25%, #ffcf94 50%, #ef9736 75%, #c9600a 100%);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: lcbp-dc-st5-badge-shimmer 3.2s linear infinite;
}
@keyframes lcbp-dc-st5-badge-shimmer {
0%   { background-position: 0% 50%; }
100% { background-position: 200% 50%; }
}
@media (prefers-reduced-motion: reduce) {
.lcbp-dc-st5-badge { animation: none; }
}
.lcbp-dc-st5-item {
border: 0;
border-top: 1px solid var(--dc-border);
margin: 0;
padding: 20px 0 0;
}
.lcbp-dc-st5-item:first-of-type { border-top: 0; padding-top: 0; }
.lcbp-dc-st5-item + .lcbp-dc-st5-item { margin-top: 20px; }
.lcbp-dc-st5-item legend {
font-weight: 600;
color: var(--dc-heading);
padding: 0 0 12px;
line-height: 1.5;
}
.lcbp-dc-st5-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px; height: 24px;
margin-right: 6px;
border-radius: 50%;
background: var(--dc-accent);
color: #000;
font-size: .82rem;
font-weight: 700;
}
.lcbp-dc-st5-choices {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px 14px;
}
@media (max-width: 600px) {
.lcbp-dc-st5-choices { grid-template-columns: 1fr; }
}
.lcbp-dc-st5-choice {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 14px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-sm);
font-size: .92rem;
color: var(--dc-text);
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-st5-choice:hover { border-color: var(--dc-accent); }
.lcbp-dc-st5-choice input {
accent-color: var(--dc-accent);
width: 16px; height: 16px;
flex: 0 0 auto;
}
.lcbp-dc-st5-choice:has(input:checked) {
border-color: var(--dc-accent);
background: var(--dc-accent-gradient);
color: #2e2828;
font-weight: 600;
}
.lcbp-dc-st5-actions {
display: flex;
gap: 12px;
margin-top: 26px;
}
@media (max-width: 480px) {
.lcbp-dc-st5-actions { flex-direction: column; }
}
.lcbp-dc-st5-submit {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-accent);
border-radius: var(--dc-radius-full);
background: rgba(255,182,0,.4);
color: #000;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: background .15s;
}
.lcbp-dc-st5-submit:hover {
background: #ffb600;
animation: lcbp-dc-btn-glow-pulse 1.6s ease-out infinite;
}
.lcbp-dc-st5-reset {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-full);
background: transparent;
color: var(--dc-text);
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-st5-reset:hover { border-color: var(--dc-accent); background: rgba(255,182,0,.4); }
.lcbp-dc-st5-hint {
margin: 10px 0 0;
color: #a33;
font-size: .88rem;
text-align: center;
}
.lcbp-dc-st5-result { text-align: left; }
.lcbp-dc-st5-score {
font-size: 1.1rem;
font-weight: 700;
color: var(--dc-heading);
}
.lcbp-dc-st5-level {
display: inline-block;
margin: 8px 0 14px;
padding: 6px 16px;
border-radius: var(--dc-radius-full);
font-weight: 700;
font-size: .95rem;
}
.lcbp-dc-st5-level.is-low      { background: #e8f5e9; color: #2e7d32; }
.lcbp-dc-st5-level.is-moderate { background: #fff8e1; color: #8a6d00; }
.lcbp-dc-st5-level.is-high     { background: #fff0e0; color: #a35a00; }
.lcbp-dc-st5-level.is-severe   { background: #fdecec; color: #a33; }
.lcbp-dc-st5-crisis {
margin-top: 16px;
padding: 14px 18px;
background: #fdecec;
border: 1px solid #f3caca;
border-radius: var(--dc-radius-sm);
color: #a33;
}
.lcbp-dc-st5-crisis p { margin: 6px 0 0; }
.lcbp-dc-st5-disclaimer {
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid var(--dc-border);
color: var(--dc-muted);
font-size: .85rem;
} .lcbp-dc-8q-intro h2 { margin-top: 0; }
.lcbp-dc-8q-intro blockquote { margin-bottom: 0; }
.lcbp-dc-8q-badge {
text-align: center;
font-size: 3.4rem;
font-weight: 800;
line-height: 1;
letter-spacing: .02em;
margin: 0 0 14px;
color: #b0234a;
background-image: linear-gradient(100deg, #911a3c 0%, #cf3f68 25%, #f0a3b8 50%, #cf3f68 75%, #911a3c 100%);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: lcbp-dc-8q-badge-shimmer 3.2s linear infinite;
}
@keyframes lcbp-dc-8q-badge-shimmer {
0%   { background-position: 0% 50%; }
100% { background-position: 200% 50%; }
}
@media (prefers-reduced-motion: reduce) {
.lcbp-dc-8q-badge { animation: none; }
}
.lcbp-dc-8q-item {
border: 0;
border-top: 1px solid var(--dc-border);
margin: 0;
padding: 20px 0 0;
}
.lcbp-dc-8q-item:first-of-type { border-top: 0; padding-top: 0; }
.lcbp-dc-8q-item + .lcbp-dc-8q-item { margin-top: 20px; }
.lcbp-dc-8q-item legend {
font-weight: 600;
color: var(--dc-heading);
padding: 0 0 12px;
line-height: 1.5;
}
.lcbp-dc-8q-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px; height: 24px;
margin-right: 6px;
border-radius: 50%;
background: var(--dc-accent);
color: #000;
font-size: .82rem;
font-weight: 700;
}
.lcbp-dc-8q-period {
display: inline-block;
margin-right: 4px;
color: var(--dc-muted);
font-weight: 400;
font-size: .88rem;
} .lcbp-dc-8q-followup {
margin-left: 20px;
padding: 14px 16px !important;
border: 1px solid var(--dc-border) !important;
border-left: 3px solid #b0234a !important;
border-radius: var(--dc-radius-sm);
background: #fdf3f5;
}
@media (max-width: 600px) {
.lcbp-dc-8q-followup { margin-left: 8px; }
}
.lcbp-dc-8q-choices {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px 14px;
}
.lcbp-dc-8q-choice {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 14px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-sm);
font-size: .92rem;
color: var(--dc-text);
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-8q-choice:hover { border-color: var(--dc-accent); }
.lcbp-dc-8q-choice input {
accent-color: var(--dc-accent);
width: 16px; height: 16px;
flex: 0 0 auto;
}
.lcbp-dc-8q-choice:has(input:checked) {
border-color: var(--dc-accent);
background: var(--dc-accent-gradient);
color: #2e2828;
font-weight: 600;
}
.lcbp-dc-8q-actions {
display: flex;
gap: 12px;
margin-top: 26px;
}
@media (max-width: 480px) {
.lcbp-dc-8q-actions { flex-direction: column; }
}
.lcbp-dc-8q-submit {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-accent);
border-radius: var(--dc-radius-full);
background: rgba(255,182,0,.4);
color: #000;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: background .15s;
}
.lcbp-dc-8q-submit:hover {
background: #ffb600;
animation: lcbp-dc-btn-glow-pulse 1.6s ease-out infinite;
}
.lcbp-dc-8q-reset {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-full);
background: transparent;
color: var(--dc-text);
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-8q-reset:hover { border-color: var(--dc-accent); background: rgba(255,182,0,.4); }
.lcbp-dc-8q-hint {
margin: 10px 0 0;
color: #a33;
font-size: .88rem;
text-align: center;
}
.lcbp-dc-8q-result { text-align: left; }
.lcbp-dc-8q-score {
font-size: 1.1rem;
font-weight: 700;
color: var(--dc-heading);
}
.lcbp-dc-8q-level {
display: inline-block;
margin: 8px 0 14px;
padding: 6px 16px;
border-radius: var(--dc-radius-full);
font-weight: 700;
font-size: .95rem;
}
.lcbp-dc-8q-level.is-none     { background: #e8f5e9; color: #2e7d32; }
.lcbp-dc-8q-level.is-mild     { background: #fff8e1; color: #8a6d00; }
.lcbp-dc-8q-level.is-moderate { background: #fff0e0; color: #a35a00; }
.lcbp-dc-8q-level.is-severe   { background: #fdecec; color: #a33; }
.lcbp-dc-8q-crisis {
margin-top: 16px;
padding: 14px 18px;
background: #fdecec;
border: 1px solid #f3caca;
border-radius: var(--dc-radius-sm);
color: #a33;
}
.lcbp-dc-8q-crisis p { margin: 6px 0 0; }
.lcbp-dc-8q-crisis a { color: #a33; text-decoration: underline; }
.lcbp-dc-8q-disclaimer {
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid var(--dc-border);
color: var(--dc-muted);
font-size: .85rem;
} .lcbp-dc-rq-intro h2 { margin-top: 0; }
.lcbp-dc-rq-intro blockquote { margin-bottom: 0; }
.lcbp-dc-rq-badge {
text-align: center;
font-size: 3.4rem;
font-weight: 800;
line-height: 1;
letter-spacing: .02em;
margin: 0 0 14px;
color: #b8860b;
background-image: linear-gradient(100deg, #a06a00 0%, #d9a521 25%, #f5d98b 50%, #d9a521 75%, #a06a00 100%);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: lcbp-dc-rq-badge-shimmer 3.2s linear infinite;
}
@keyframes lcbp-dc-rq-badge-shimmer {
0%   { background-position: 0% 50%; }
100% { background-position: 200% 50%; }
}
@media (prefers-reduced-motion: reduce) {
.lcbp-dc-rq-badge { animation: none; }
} .lcbp-dc-rq-domain {
margin: 28px 0 4px;
padding-top: 20px;
border-top: 2px solid var(--dc-accent);
color: var(--dc-heading);
font-size: 1.05rem;
}
.lcbp-dc-rq-form > .lcbp-dc-rq-domain:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.lcbp-dc-rq-item {
border: 0;
border-top: 1px solid var(--dc-border);
margin: 0;
padding: 20px 0 0;
}
.lcbp-dc-rq-item:first-of-type,
.lcbp-dc-rq-domain + .lcbp-dc-rq-item {
border-top: 0;
padding-top: 14px;
}
.lcbp-dc-rq-item + .lcbp-dc-rq-item { margin-top: 20px; }
.lcbp-dc-rq-item legend {
font-weight: 600;
color: var(--dc-heading);
padding: 0 0 12px;
line-height: 1.5;
}
.lcbp-dc-rq-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px; height: 24px;
margin-right: 6px;
border-radius: 50%;
background: var(--dc-accent);
color: #000;
font-size: .82rem;
font-weight: 700;
}
.lcbp-dc-rq-choices {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px 10px;
}
@media (max-width: 700px) {
.lcbp-dc-rq-choices { grid-template-columns: repeat(2, 1fr); }
}
.lcbp-dc-rq-choice {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 12px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-sm);
font-size: .9rem;
color: var(--dc-text);
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-rq-choice:hover { border-color: var(--dc-accent); }
.lcbp-dc-rq-choice input {
accent-color: var(--dc-accent);
width: 16px; height: 16px;
flex: 0 0 auto;
}
.lcbp-dc-rq-choice:has(input:checked) {
border-color: var(--dc-accent);
background: var(--dc-accent-gradient);
color: #2e2828;
font-weight: 600;
}
.lcbp-dc-rq-actions {
display: flex;
gap: 12px;
margin-top: 26px;
}
@media (max-width: 480px) {
.lcbp-dc-rq-actions { flex-direction: column; }
}
.lcbp-dc-rq-submit {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-accent);
border-radius: var(--dc-radius-full);
background: rgba(255,182,0,.4);
color: #000;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: background .15s;
}
.lcbp-dc-rq-submit:hover {
background: #ffb600;
animation: lcbp-dc-btn-glow-pulse 1.6s ease-out infinite;
}
.lcbp-dc-rq-reset {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-full);
background: transparent;
color: var(--dc-text);
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-rq-reset:hover { border-color: var(--dc-accent); background: rgba(255,182,0,.4); }
.lcbp-dc-rq-hint {
margin: 10px 0 0;
color: #a33;
font-size: .88rem;
text-align: center;
}
.lcbp-dc-rq-result { text-align: left; }
.lcbp-dc-rq-score {
font-size: 1.1rem;
font-weight: 700;
color: var(--dc-heading);
}
.lcbp-dc-rq-level {
display: inline-block;
margin: 8px 0 14px;
padding: 6px 16px;
border-radius: var(--dc-radius-full);
font-weight: 700;
font-size: .95rem;
}
.lcbp-dc-rq-level.is-low    { background: #fff0e0; color: #a35a00; }
.lcbp-dc-rq-level.is-normal { background: #fff8e1; color: #8a6d00; }
.lcbp-dc-rq-level.is-high   { background: #e8f5e9; color: #2e7d32; }
.lcbp-dc-rq-disclaimer {
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid var(--dc-border);
color: var(--dc-muted);
font-size: .85rem;
} .lcbp-dc-gad7-intro h2 { margin-top: 0; }
.lcbp-dc-gad7-intro blockquote { margin-bottom: 0; }
.lcbp-dc-gad7-badge {
text-align: center;
font-size: 3.2rem;
font-weight: 800;
line-height: 1;
letter-spacing: .02em;
margin: 0 0 14px;
color: #5b4bd9;
background-image: linear-gradient(100deg, #4a3bc9 0%, #7d6ef0 25%, #c3b9ff 50%, #7d6ef0 75%, #4a3bc9 100%);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: lcbp-dc-gad7-badge-shimmer 3.2s linear infinite;
}
@keyframes lcbp-dc-gad7-badge-shimmer {
0%   { background-position: 0% 50%; }
100% { background-position: 200% 50%; }
}
@media (prefers-reduced-motion: reduce) {
.lcbp-dc-gad7-badge { animation: none; }
}
.lcbp-dc-gad7-item {
border: 0;
border-top: 1px solid var(--dc-border);
margin: 0;
padding: 20px 0 0;
}
.lcbp-dc-gad7-item:first-of-type { border-top: 0; padding-top: 0; }
.lcbp-dc-gad7-item + .lcbp-dc-gad7-item { margin-top: 20px; }
.lcbp-dc-gad7-item legend {
font-weight: 600;
color: var(--dc-heading);
padding: 0 0 12px;
line-height: 1.5;
}
.lcbp-dc-gad7-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px; height: 24px;
margin-right: 6px;
border-radius: 50%;
background: var(--dc-accent);
color: #000;
font-size: .82rem;
font-weight: 700;
}
.lcbp-dc-gad7-choices {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px 14px;
}
@media (max-width: 600px) {
.lcbp-dc-gad7-choices { grid-template-columns: 1fr; }
}
.lcbp-dc-gad7-choice {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 14px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-sm);
font-size: .92rem;
color: var(--dc-text);
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-gad7-choice:hover { border-color: var(--dc-accent); }
.lcbp-dc-gad7-choice input {
accent-color: var(--dc-accent);
width: 16px; height: 16px;
flex: 0 0 auto;
}
.lcbp-dc-gad7-choice:has(input:checked) {
border-color: var(--dc-accent);
background: var(--dc-accent-gradient);
color: #2e2828;
font-weight: 600;
}
.lcbp-dc-gad7-actions {
display: flex;
gap: 12px;
margin-top: 26px;
}
@media (max-width: 480px) {
.lcbp-dc-gad7-actions { flex-direction: column; }
}
.lcbp-dc-gad7-submit {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-accent);
border-radius: var(--dc-radius-full);
background: rgba(255,182,0,.4);
color: #000;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: background .15s;
}
.lcbp-dc-gad7-submit:hover {
background: #ffb600;
animation: lcbp-dc-btn-glow-pulse 1.6s ease-out infinite;
}
.lcbp-dc-gad7-reset {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-full);
background: transparent;
color: var(--dc-text);
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-gad7-reset:hover { border-color: var(--dc-accent); background: rgba(255,182,0,.4); }
.lcbp-dc-gad7-hint {
margin: 10px 0 0;
color: #a33;
font-size: .88rem;
text-align: center;
}
.lcbp-dc-gad7-result { text-align: left; }
.lcbp-dc-gad7-score {
font-size: 1.1rem;
font-weight: 700;
color: var(--dc-heading);
}
.lcbp-dc-gad7-level {
display: inline-block;
margin: 8px 0 14px;
padding: 6px 16px;
border-radius: var(--dc-radius-full);
font-weight: 700;
font-size: .95rem;
}
.lcbp-dc-gad7-level.is-low      { background: #e8f5e9; color: #2e7d32; }
.lcbp-dc-gad7-level.is-moderate { background: #fff8e1; color: #8a6d00; }
.lcbp-dc-gad7-level.is-high     { background: #ede9fe; color: #5b4bd9; }
.lcbp-dc-gad7-level.is-severe   { background: #fdecec; color: #a33; }
.lcbp-dc-gad7-crisis {
margin-top: 16px;
padding: 14px 18px;
background: #fdecec;
border: 1px solid #f3caca;
border-radius: var(--dc-radius-sm);
color: #a33;
}
.lcbp-dc-gad7-crisis p { margin: 6px 0 0; }
.lcbp-dc-gad7-disclaimer {
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid var(--dc-border);
color: var(--dc-muted);
font-size: .85rem;
} .lcbp-dc-isi-intro h2 { margin-top: 0; }
.lcbp-dc-isi-intro blockquote { margin-bottom: 0; }
.lcbp-dc-isi-badge {
text-align: center;
font-size: 3.2rem;
font-weight: 800;
line-height: 1;
letter-spacing: .02em;
margin: 0 0 14px;
color: #0a8a8a;
background-image: linear-gradient(100deg, #067373 0%, #36b3b3 25%, #a3e8e8 50%, #36b3b3 75%, #067373 100%);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: lcbp-dc-isi-badge-shimmer 3.2s linear infinite;
}
@keyframes lcbp-dc-isi-badge-shimmer {
0%   { background-position: 0% 50%; }
100% { background-position: 200% 50%; }
}
@media (prefers-reduced-motion: reduce) {
.lcbp-dc-isi-badge { animation: none; }
}
.lcbp-dc-isi-item {
border: 0;
border-top: 1px solid var(--dc-border);
margin: 0;
padding: 20px 0 0;
}
.lcbp-dc-isi-item:first-of-type { border-top: 0; padding-top: 0; }
.lcbp-dc-isi-item + .lcbp-dc-isi-item { margin-top: 20px; }
.lcbp-dc-isi-item legend {
font-weight: 600;
color: var(--dc-heading);
padding: 0 0 12px;
line-height: 1.5;
}
.lcbp-dc-isi-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px; height: 24px;
margin-right: 6px;
border-radius: 50%;
background: var(--dc-accent);
color: #000;
font-size: .82rem;
font-weight: 700;
}
.lcbp-dc-isi-choices {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px 14px;
}
@media (max-width: 600px) {
.lcbp-dc-isi-choices { grid-template-columns: 1fr; }
}
.lcbp-dc-isi-choice {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 14px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-sm);
font-size: .92rem;
color: var(--dc-text);
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-isi-choice:hover { border-color: var(--dc-accent); }
.lcbp-dc-isi-choice input {
accent-color: var(--dc-accent);
width: 16px; height: 16px;
flex: 0 0 auto;
}
.lcbp-dc-isi-choice:has(input:checked) {
border-color: var(--dc-accent);
background: var(--dc-accent-gradient);
color: #2e2828;
font-weight: 600;
}
.lcbp-dc-isi-actions {
display: flex;
gap: 12px;
margin-top: 26px;
}
@media (max-width: 480px) {
.lcbp-dc-isi-actions { flex-direction: column; }
}
.lcbp-dc-isi-submit {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-accent);
border-radius: var(--dc-radius-full);
background: rgba(255,182,0,.4);
color: #000;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: background .15s;
}
.lcbp-dc-isi-submit:hover {
background: #ffb600;
animation: lcbp-dc-btn-glow-pulse 1.6s ease-out infinite;
}
.lcbp-dc-isi-reset {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-full);
background: transparent;
color: var(--dc-text);
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-isi-reset:hover { border-color: var(--dc-accent); background: rgba(255,182,0,.4); }
.lcbp-dc-isi-hint {
margin: 10px 0 0;
color: #a33;
font-size: .88rem;
text-align: center;
}
.lcbp-dc-isi-result { text-align: left; }
.lcbp-dc-isi-score {
font-size: 1.1rem;
font-weight: 700;
color: var(--dc-heading);
}
.lcbp-dc-isi-level {
display: inline-block;
margin: 8px 0 14px;
padding: 6px 16px;
border-radius: var(--dc-radius-full);
font-weight: 700;
font-size: .95rem;
}
.lcbp-dc-isi-level.is-low      { background: #e8f5e9; color: #2e7d32; }
.lcbp-dc-isi-level.is-moderate { background: #fff8e1; color: #8a6d00; }
.lcbp-dc-isi-level.is-high     { background: #e0f7f7; color: #0a8a8a; }
.lcbp-dc-isi-level.is-severe   { background: #fdecec; color: #a33; }
.lcbp-dc-isi-crisis {
margin-top: 16px;
padding: 14px 18px;
background: #fdecec;
border: 1px solid #f3caca;
border-radius: var(--dc-radius-sm);
color: #a33;
}
.lcbp-dc-isi-crisis p { margin: 6px 0 0; }
.lcbp-dc-isi-disclaimer {
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid var(--dc-border);
color: var(--dc-muted);
font-size: .85rem;
} .lcbp-dc-burnout-intro h2 { margin-top: 0; }
.lcbp-dc-burnout-intro blockquote { margin-bottom: 0; }
.lcbp-dc-burnout-badge {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
line-height: 1;
letter-spacing: .02em;
margin: 0 0 14px;
color: #56606b;
background-image: linear-gradient(100deg, #414a53 0%, #77828d 25%, #c7cdd3 50%, #77828d 75%, #414a53 100%);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: lcbp-dc-burnout-badge-shimmer 3.2s linear infinite;
}
@keyframes lcbp-dc-burnout-badge-shimmer {
0%   { background-position: 0% 50%; }
100% { background-position: 200% 50%; }
}
@media (prefers-reduced-motion: reduce) {
.lcbp-dc-burnout-badge { animation: none; }
}
.lcbp-dc-burnout-item {
border: 0;
border-top: 1px solid var(--dc-border);
margin: 0;
padding: 20px 0 0;
}
.lcbp-dc-burnout-item:first-of-type { border-top: 0; padding-top: 0; }
.lcbp-dc-burnout-item + .lcbp-dc-burnout-item { margin-top: 20px; }
.lcbp-dc-burnout-item legend {
font-weight: 600;
color: var(--dc-heading);
padding: 0 0 12px;
line-height: 1.5;
}
.lcbp-dc-burnout-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px; height: 24px;
margin-right: 6px;
border-radius: 50%;
background: var(--dc-accent);
color: #000;
font-size: .82rem;
font-weight: 700;
}
.lcbp-dc-burnout-choices {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px 14px;
}
@media (max-width: 600px) {
.lcbp-dc-burnout-choices { grid-template-columns: 1fr; }
}
.lcbp-dc-burnout-choice {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 14px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-sm);
font-size: .92rem;
color: var(--dc-text);
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-burnout-choice:hover { border-color: var(--dc-accent); }
.lcbp-dc-burnout-choice input {
accent-color: var(--dc-accent);
width: 16px; height: 16px;
flex: 0 0 auto;
}
.lcbp-dc-burnout-choice:has(input:checked) {
border-color: var(--dc-accent);
background: var(--dc-accent-gradient);
color: #2e2828;
font-weight: 600;
}
.lcbp-dc-burnout-actions {
display: flex;
gap: 12px;
margin-top: 26px;
}
@media (max-width: 480px) {
.lcbp-dc-burnout-actions { flex-direction: column; }
}
.lcbp-dc-burnout-submit {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-accent);
border-radius: var(--dc-radius-full);
background: rgba(255,182,0,.4);
color: #000;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: background .15s;
}
.lcbp-dc-burnout-submit:hover {
background: #ffb600;
animation: lcbp-dc-btn-glow-pulse 1.6s ease-out infinite;
}
.lcbp-dc-burnout-reset {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-full);
background: transparent;
color: var(--dc-text);
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-burnout-reset:hover { border-color: var(--dc-accent); background: rgba(255,182,0,.4); }
.lcbp-dc-burnout-hint {
margin: 10px 0 0;
color: #a33;
font-size: .88rem;
text-align: center;
}
.lcbp-dc-burnout-result { text-align: left; }
.lcbp-dc-burnout-score {
font-size: 1.1rem;
font-weight: 700;
color: var(--dc-heading);
}
.lcbp-dc-burnout-level {
display: inline-block;
margin: 8px 0 14px;
padding: 6px 16px;
border-radius: var(--dc-radius-full);
font-weight: 700;
font-size: .95rem;
}
.lcbp-dc-burnout-level.is-low      { background: #e8f5e9; color: #2e7d32; }
.lcbp-dc-burnout-level.is-moderate { background: #fff8e1; color: #8a6d00; }
.lcbp-dc-burnout-level.is-high     { background: #fdecec; color: #a33; }
.lcbp-dc-burnout-subscales {
display: flex;
flex-wrap: wrap;
gap: 8px 20px;
margin: 0 0 14px;
padding: 10px 14px;
background: rgba(0,0,0,.03);
border-radius: var(--dc-radius-sm);
font-size: .9rem;
color: var(--dc-muted);
}
.lcbp-dc-burnout-subscales span { white-space: nowrap; }
.lcbp-dc-burnout-crisis {
margin-top: 16px;
padding: 14px 18px;
background: #fdecec;
border: 1px solid #f3caca;
border-radius: var(--dc-radius-sm);
color: #a33;
}
.lcbp-dc-burnout-crisis p { margin: 6px 0 0; }
.lcbp-dc-burnout-disclaimer {
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid var(--dc-border);
color: var(--dc-muted);
font-size: .85rem;
} .lcbp-dc-who5-intro h2 { margin-top: 0; }
.lcbp-dc-who5-intro blockquote { margin-bottom: 0; }
.lcbp-dc-who5-badge {
text-align: center;
font-size: 2.6rem;
font-weight: 800;
line-height: 1;
letter-spacing: .02em;
margin: 0 0 14px;
color: #b8860b;
background-image: linear-gradient(100deg, #a5760a 0%, #e0ab2e 25%, #ffe08a 50%, #e0ab2e 75%, #a5760a 100%);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: lcbp-dc-who5-badge-shimmer 3.2s linear infinite;
}
@keyframes lcbp-dc-who5-badge-shimmer {
0%   { background-position: 0% 50%; }
100% { background-position: 200% 50%; }
}
@media (prefers-reduced-motion: reduce) {
.lcbp-dc-who5-badge { animation: none; }
}
.lcbp-dc-who5-item {
border: 0;
border-top: 1px solid var(--dc-border);
margin: 0;
padding: 20px 0 0;
}
.lcbp-dc-who5-item:first-of-type { border-top: 0; padding-top: 0; }
.lcbp-dc-who5-item + .lcbp-dc-who5-item { margin-top: 20px; }
.lcbp-dc-who5-item legend {
font-weight: 600;
color: var(--dc-heading);
padding: 0 0 12px;
line-height: 1.5;
}
.lcbp-dc-who5-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px; height: 24px;
margin-right: 6px;
border-radius: 50%;
background: var(--dc-accent);
color: #000;
font-size: .82rem;
font-weight: 700;
}
.lcbp-dc-who5-choices {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px 14px;
}
@media (max-width: 600px) {
.lcbp-dc-who5-choices { grid-template-columns: 1fr; }
}
.lcbp-dc-who5-choice {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 14px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-sm);
font-size: .92rem;
color: var(--dc-text);
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-who5-choice:hover { border-color: var(--dc-accent); }
.lcbp-dc-who5-choice input {
accent-color: var(--dc-accent);
width: 16px; height: 16px;
flex: 0 0 auto;
}
.lcbp-dc-who5-choice:has(input:checked) {
border-color: var(--dc-accent);
background: var(--dc-accent-gradient);
color: #2e2828;
font-weight: 600;
}
.lcbp-dc-who5-actions {
display: flex;
gap: 12px;
margin-top: 26px;
}
@media (max-width: 480px) {
.lcbp-dc-who5-actions { flex-direction: column; }
}
.lcbp-dc-who5-submit {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-accent);
border-radius: var(--dc-radius-full);
background: rgba(255,182,0,.4);
color: #000;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: background .15s;
}
.lcbp-dc-who5-submit:hover {
background: #ffb600;
animation: lcbp-dc-btn-glow-pulse 1.6s ease-out infinite;
}
.lcbp-dc-who5-reset {
display: block;
flex: 1;
margin-top: 0;
padding: 13px 20px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-full);
background: transparent;
color: var(--dc-text);
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: border-color .15s, background .15s;
}
.lcbp-dc-who5-reset:hover { border-color: var(--dc-accent); background: rgba(255,182,0,.4); }
.lcbp-dc-who5-hint {
margin: 10px 0 0;
color: #a33;
font-size: .88rem;
text-align: center;
}
.lcbp-dc-who5-result { text-align: left; }
.lcbp-dc-who5-score {
font-size: 1.1rem;
font-weight: 700;
color: var(--dc-heading);
}
.lcbp-dc-who5-level {
display: inline-block;
margin: 8px 0 14px;
padding: 6px 16px;
border-radius: var(--dc-radius-full);
font-weight: 700;
font-size: .95rem;
}
.lcbp-dc-who5-level.is-excellent { background: #e8f5e9; color: #2e7d32; }
.lcbp-dc-who5-level.is-good      { background: #fff8e1; color: #8a6d00; }
.lcbp-dc-who5-level.is-fair      { background: #fff0e0; color: #a35a00; }
.lcbp-dc-who5-level.is-poor      { background: #fdecec; color: #a33; }
.lcbp-dc-who5-crisis {
margin-top: 16px;
padding: 14px 18px;
background: #fdecec;
border: 1px solid #f3caca;
border-radius: var(--dc-radius-sm);
color: #a33;
}
.lcbp-dc-who5-crisis p { margin: 6px 0 0; }
.lcbp-dc-who5-disclaimer {
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid var(--dc-border);
color: var(--dc-muted);
font-size: .85rem;
} .lcbp-dc-related {
margin-top: 24px;
text-align: left !important;
}
.lcbp-dc-related-heading {
margin: 0 0 16px;
font-size: 1.15rem;
color: var(--dc-heading);
text-align: left !important;
}
.lcbp-dc-related-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px 20px;
text-align: left !important;
}
@media (max-width: 600px) {
.lcbp-dc-related-grid { grid-template-columns: 1fr; }
}
.lcbp-dc-related-link {
display: block;
padding: 12px 16px;
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-sm);
color: var(--dc-text);
font-size: .92rem;
line-height: 1.5;
text-decoration: none;
text-align: left !important;
transition: border-color .15s, background .15s, color .15s;
} .lcbp-dc-related-link:hover {
border-color: var(--dc-accent);
background: rgba(255, 182, 0, .08);
color: #000 !important;
} .lcbp-dc-bookmark {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 1px;
z-index: 10;
pointer-events: none;
}
.lcbp-dc-bookmark.is-hidden { display: none; } .lcbp-dc-bookmark-track {
position: absolute;
left: 0;
top: 130px;
bottom: 80px;
width: 4px;
margin-left: -2px;
background: rgba(0, 0, 0, .08);
border-radius: 4px;
pointer-events: auto;
cursor: pointer;
}
.lcbp-dc-bookmark-thumb {
position: absolute;
left: 0;
top: 110px; transform: translate(-100%, -50%);
display: flex;
align-items: center;
cursor: grab;
pointer-events: auto;
touch-action: none;
-webkit-tap-highlight-color: transparent;
}
.lcbp-dc-bookmark-thumb:active,
.lcbp-dc-bookmark-thumb.is-dragging { cursor: grabbing; }
.lcbp-dc-bookmark-thumb:focus-visible .lcbp-dc-bookmark-pill {
outline: 2px solid #fff;
outline-offset: -3px;
}
.lcbp-dc-bookmark-line {
width: 172px; height: 3px;
background: var(--dc-accent, #ffb600);
border-radius: 2px;
}
.lcbp-dc-bookmark-pill {
display: inline-flex;
align-items: center;
white-space: nowrap;
background: var(--dc-accent, #ffb600);
color: #fff;
font-size: .78rem;
font-weight: 700;
line-height: 1;
padding: 9px 14px;
border-radius: 999px 8px 8px 999px;
box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
transition: transform .12s, box-shadow .12s;
}
.lcbp-dc-bookmark-thumb:hover .lcbp-dc-bookmark-pill,
.lcbp-dc-bookmark-thumb.is-dragging .lcbp-dc-bookmark-pill {
transform: scale(1.05);
box-shadow: 0 4px 14px rgba(0, 0, 0, .28);
} body.lcbp-dc-bookmark-dragging { user-select: none; -webkit-user-select: none; } .lcbp-dc-bookmark-resume {
position: fixed;
left: 50%;
bottom: 24px;
transform: translateX(-50%) translateY(0);
z-index: 9996;
background: #222;
color: #fff;
font-size: .85rem;
font-weight: 600;
border: 0;
border-radius: 999px;
padding: 10px 18px;
box-shadow: 0 4px 16px rgba(0, 0, 0, .3);
cursor: pointer;
opacity: 1;
transition: opacity .3s, transform .3s;
}
.lcbp-dc-bookmark-resume.is-leaving {
opacity: 0;
transform: translateX(-50%) translateY(8px);
}
@media (max-width: 782px) { .lcbp-dc-bookmark-thumb {
transform: translate(0, -50%);
flex-direction: row-reverse;
}
.lcbp-dc-bookmark-pill {
font-size: 0;
padding: 0;
width: 28px; height: 28px;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}
.lcbp-dc-bookmark-line { width: 114px; } .lcbp-dc-bookmark-track { top: 110px; bottom: 110px; } }:root { --dc-bg: #eaf5f6;
--dc-card: #ffffff;
--dc-accent: #ffb600; --dc-accent-gradient: rgba(255,182,0,.8);
--dc-heading: #000000;
--dc-text: #2b2b2b;
--dc-muted: #8a8a85;
--dc-border: #ebebe6;
--dc-chip: #8a8a85;
--dc-radius: 18px;
--dc-radius-sm: 15px;
--dc-radius-full: 999px;
--dc-sidebar-w: 280px;
--dc-sidebar-rail: 64px;
--dc-shadow: 0 1px 3px rgba(0,0,0,.04), 0 6px 24px rgba(0,0,0,.05);   --dc-blob-blue: #e5f1fd;
--dc-blob-navy: #e0e5fa;
--dc-blob-pink: #fdecf5;
--dc-blob-seagreen: #e4f7f0;
}  @font-face {
font-family: 'Sarabun';
src: url(//bodhi.lcbp.co.th/wp-content/themes/dhamma-consult/fonts/sarabun-regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: optional;
}
@font-face {
font-family: 'Sarabun';
src: url(//bodhi.lcbp.co.th/wp-content/themes/dhamma-consult/fonts/sarabun-medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: optional;
}
@font-face {
font-family: 'Sarabun';
src: url(//bodhi.lcbp.co.th/wp-content/themes/dhamma-consult/fonts/sarabun-semibold.woff2) format('woff2');
font-weight: 600;
font-style: normal;
font-display: optional;
}
@font-face {
font-family: 'Sarabun';
src: url(//bodhi.lcbp.co.th/wp-content/themes/dhamma-consult/fonts/sarabun-bold.woff2) format('woff2');
font-weight: 700;
font-style: normal;
font-display: optional;
} *, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
margin: 0; background: var(--dc-bg);
color: var(--dc-body-color, var(--dc-text));
font-family: var(--dc-body-font, 'Sarabun', sans-serif);
font-size: var(--dc-body-size, 17px);
line-height: 1.75;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--dc-heading-font, 'SF Thonburi', 'Sarabun', sans-serif);
color: var(--dc-heading);
line-height: 1.35;
margin: 0 0 .6em;
}
h1 { font-family: var(--dc-h1-font, var(--dc-heading-font, 'SF Thonburi', 'Sarabun', sans-serif)); color: var(--dc-h1-color, var(--dc-heading)); font-size: var(--dc-h1-size, 1.9rem); }
h2 { font-family: var(--dc-h2-font, var(--dc-heading-font, 'SF Thonburi', 'Sarabun', sans-serif)); color: var(--dc-h2-color, var(--dc-heading)); font-size: var(--dc-h2-size, 1.5rem); }
h3 { font-family: var(--dc-h3-font, var(--dc-heading-font, 'SF Thonburi', 'Sarabun', sans-serif)); color: var(--dc-h3-color, var(--dc-heading)); font-size: var(--dc-h3-size, 1.25rem); }
h4 { font-family: var(--dc-h4-font, var(--dc-heading-font, 'SF Thonburi', 'Sarabun', sans-serif)); color: var(--dc-h4-color, var(--dc-heading)); font-size: var(--dc-h4-size, 1.1rem); }
h5 { font-family: var(--dc-h5-font, var(--dc-heading-font, 'SF Thonburi', 'Sarabun', sans-serif)); color: var(--dc-h5-color, var(--dc-heading)); font-size: var(--dc-h5-size, 1rem); }
p { margin: 0 0 1.1em; }
a {
color: var(--dc-link-color, var(--dc-text));
font-size: var(--dc-link-size, inherit);
text-decoration: none;
transition: color .15s ease, background .15s ease, border-color .15s ease;
}
a:hover, a:focus, a.active { color: var(--dc-accent); }
img { max-width: 100%; height: auto; border-radius: var(--dc-radius-sm); }
blockquote {
margin: 1.2em 0; padding: 1em 1.4em;
background: var(--dc-card);
border: 1px solid var(--dc-border);
border-left: 4px solid var(--dc-accent);
border-radius: var(--dc-radius-sm);
}
code, pre { background: #f4f4f0; border-radius: 8px; }
pre { padding: 1em; overflow: auto; }
code { padding: .15em .4em; }
::selection { background: var(--dc-accent); color: #000; } .dc-stars { display: none; }
.dc-bg-photos {
display: none;
position: fixed; inset: 0;
z-index: 0;
overflow: hidden;
pointer-events: none;
}
html:not([data-dc-theme="dark"]) .dc-bg-photos--light { display: block; }
html[data-dc-theme="dark"] .dc-bg-photos--dark { display: block; }
.dc-bg-photo {
position: absolute; inset: 0;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1.4s ease-in-out;
}
.dc-bg-photo.is-active { opacity: 1; } @media (max-width: 900px) {
.dc-bg-photo { background-size: auto 100%; }
}
@media (prefers-reduced-motion: reduce) {
.dc-bg-photo { transition: none; }
} .dc-stars {
position: fixed;
top: 0; left: 0;
width: 100%;
height: 100vh;
z-index: 0;
overflow: hidden;
pointer-events: none;
}
html[data-dc-theme="dark"] .dc-stars { display: none; }
.dc-star {
position: absolute;
border-radius: 50%;
background: radial-gradient(circle at 35% 30%,
rgba(255,255,255,.95) 0%,
rgba(255,250,235,.7) 40%,
rgba(255,182,0,.15) 100%);
box-shadow: 0 0 3px rgba(255,255,255,.6), 0 0 1px rgba(255,182,0,.35);
opacity: var(--sop, .5);
} .dc-star--twinkle {
animation-name: dc-star-twinkle;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
transform: scale(1.18);
} @keyframes dc-star-twinkle {
0%, 60%   { opacity: var(--sop, .5); }
64%       { opacity: .12; }
68%       { opacity: var(--sop, .5); }
72%       { opacity: .1; }
76%       { opacity: var(--sop, .5); }
80%       { opacity: .15; }
84%, 100% { opacity: var(--sop, .5); }
}
@media (prefers-reduced-motion: reduce) {
.dc-star--twinkle { animation: none; opacity: var(--sop, .5); }
} .dc-star--burst {
animation-name: dc-star-burst;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
@keyframes dc-star-burst {
0%, 78%  { opacity: var(--sop, .5); box-shadow: 0 0 3px rgba(255,255,255,.6), 0 0 1px rgba(255,182,0,.35); }
90%      { opacity: 1; box-shadow: 0 0 3px rgba(255,255,255,.7), 0 0 1px rgba(255,182,0,.4), 0 0 24px 9px rgba(255,255,255,.6); }
100%     { opacity: var(--sop, .5); box-shadow: 0 0 3px rgba(255,255,255,.6), 0 0 1px rgba(255,182,0,.35); }
}
@media (prefers-reduced-motion: reduce) {
.dc-star--burst { animation: none; opacity: var(--sop, .5); }
}  .dc-app { display: flex; min-height: 100vh; position: relative; z-index: 1; } .dc-sidebar {
width: var(--dc-sidebar-w);
flex: 0 0 auto;
position: sticky; top: 0;
height: 100vh; height: 100dvh;
display: flex; flex-direction: column; background: var(--dc-sidebar-bg, rgba(247,247,244,.4));
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px); border-right: 1px solid rgba(255,255,255,.8);
transition: width .2s ease, transform .25s ease;
}
.dc-sidebar-scroll {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
scrollbar-width: thin;
padding: 18px 14px 0;
}
.dc-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.dc-content { width: 100%; max-width: 880px; margin: 0 auto; padding: 6px 22px 15px; flex: 1; } body.dc-full-width .dc-content { max-width: 100%; }
@media (min-width: 901px) {
body.dc-full-width .dc-content { padding-left: 48px; padding-right: 48px; }
} .dc-content:has(.lcbp-chant-game) { max-width: 100%; }
@media (min-width: 901px) {
.dc-content:has(.lcbp-chant-game) { padding-left: 48px; padding-right: 48px; }
} .dc-answer-card:has(.lcbp-chant-game) { padding: 0; }
@media (min-width: 901px) {
.dc-answer-card:has(.lcbp-chant-game) { padding: 0; }
} .dc-answer-card:has(.lcbp-chant-game) { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.1); }
html[data-dc-theme="dark"] .dc-answer-card:has(.lcbp-chant-game) { background: rgba(234,231,224,.1); } @media (max-width: 900px) {
body:has(.lcbp-chant-game) .lcbp-dc-fab,
body:has(.lcbp-chant-game) .lcbp-dc-float-bar {
display: none !important;
} body:has(.lcbp-chant-game) .lcbp-dc-back-to-top {
bottom: 20px !important;
}
} body.dc-collapsed .dc-sidebar { width: var(--dc-sidebar-rail); }
body.dc-collapsed .dc-sidebar-scroll { padding: 18px 10px 0; }
body.dc-collapsed .dc-sidebar .dc-hide-on-rail { display: none; } .dc-sidebar-top { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; justify-content: space-between; }
.dc-sidebar-top .dc-brand { order: 0; } .dc-sidebar-top .dc-toggle { order: 1; margin-left: auto; } body.dc-collapsed .dc-sidebar-top { flex-direction: column; align-items: center; justify-content: center; gap: 0; } body.dc-collapsed .dc-sidebar-top .dc-toggle { margin: 0; order: 0; } body.dc-collapsed:not(.dc-drawer-open) .dc-sidebar .dc-brand,
body.dc-collapsed:not(.dc-drawer-open) .dc-sidebar .dc-brand .custom-logo,
body.dc-collapsed:not(.dc-drawer-open) .dc-sidebar-top .custom-logo { display: none !important; }
.dc-toggle {
border: 1px solid var(--dc-border);
background: var(--dc-btn2-bg, var(--dc-card));
color: var(--dc-text);
width: 40px; height: 40px; flex: 0 0 auto;
border-radius: 12px;
cursor: pointer;
display: inline-flex; align-items: center; justify-content: center;
transition: border-color .15s, color .15s, background .15s;
} .dc-toggle:hover { border-color: var(--dc-accent); color: var(--dc-accent); }
.dc-toggle:active { border-color: #e6a400; color: #e6a400; }
.dc-brand { font-family: 'SF Thonburi','Sarabun',sans-serif; font-weight: 700; color: var(--dc-heading); font-size: 1.02rem; line-height: 1.25; }
.dc-brand:hover { color: var(--dc-accent); } .dc-brand img, .dc-brand .custom-logo {
height: var(--dc-logo-h, 40px) !important;
width: auto !important;
max-height: none !important;
}
.dc-new-search {
display: flex; align-items: center; justify-content: center; gap: 8px;
width: 100%; margin: 4px 0 18px;
padding: 10px 16px;
background: var(--dc-btn2-bg, var(--dc-card));
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-full);
font-weight: 600; color: var(--dc-heading);
cursor: pointer;
transition: border-color .15s, color .15s, background .15s;
}
.dc-new-search:hover { color: #2e2828; background: var(--dc-btn2-hover-bg, rgba(255,182,0,.3)); }
.dc-new-search:active { background: var(--dc-btn2-active-bg, var(--dc-accent)); } .dc-brand-caption {
font-size: .8rem;
color: var(--dc-muted);
line-height: 1.5;
margin: -6px 8px 14px;
} .dc-side-search {
display: flex; align-items: center; gap: 6px;
margin: 4px 0 18px;
background: var(--dc-card);
border: 1px solid #ffffff;
border-radius: var(--dc-radius-full);
padding: 4px 4px 4px 14px; box-shadow: var(--dc-shadow);
transition: border-color .15s, box-shadow .15s;
} @media (hover: hover) and (pointer: fine) {
.dc-side-search:hover { border-color: var(--dc-accent); animation: dc-glow 1.6s ease-out infinite; }
}
.dc-side-search:focus-within { border-color: var(--dc-accent); animation: dc-glow 1.6s ease-out infinite; } .dc-side-search input[type="search"],
.dc-side-search input[type="search"]:focus {
flex: 1; min-width: 0;
border: 0; outline: 0; background: none;
box-shadow: none;
font: inherit; font-size: .92rem; color: var(--dc-text);
padding: 6px 0;
border-radius: 0;
}
.dc-side-search button {
flex: 0 0 auto;
width: 34px; height: 34px; padding: 0;
border: 0; border-radius: 50%;
background: var(--dc-btn-bg, var(--dc-accent)); color: #fff;
display: inline-flex; align-items: center; justify-content: center;
cursor: pointer;
transition: background .15s ease;
}
.dc-side-search button:hover { background: var(--dc-btn-hover-bg, var(--dc-accent-gradient)); color: #2e2828; }
.dc-side-search button:active { background: var(--dc-btn-active-bg, var(--dc-accent)); } .dc-rail-icons { display: none; }
body.dc-collapsed .dc-sidebar .dc-rail-icons {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
margin-top: 8px;
}
.dc-rail-btn {
width: 40px; height: 40px; padding: 0;
display: inline-flex; align-items: center; justify-content: center;
border: 1px solid var(--dc-border);
background: var(--dc-btn2-bg, var(--dc-card));
color: var(--dc-text);
border-radius: 12px;
cursor: pointer;
transition: border-color .15s, color .15s, background .15s;
} .dc-rail-btn:hover { border-color: var(--dc-accent); color: var(--dc-accent); }
.dc-rail-btn:active { border-color: #e6a400; color: #e6a400; }
.dc-rail-logo img { width: 26px; height: 26px; object-fit: contain; border-radius: 6px; }
.dc-side-section { margin-bottom: 22px; }
.dc-side-title {
font-family: 'SF Thonburi','Sarabun',sans-serif;
font-size: .78rem; font-weight: 700; letter-spacing: .04em;
color: var(--dc-text);
text-transform: uppercase;
margin: 0 8px 8px;
display: flex; align-items: center; justify-content: space-between;
}
.dc-side-list { list-style: none; margin: 0; padding: 0; }
.dc-side-list li { margin: 2px 0; }
.dc-side-list a, .dc-side-list button {
display: flex; align-items: center; gap: 6px;
width: 100%; text-align: left;
padding: 8px 12px;
border: 0; background: none; cursor: pointer;
font: inherit; font-size: .92rem; color: var(--dc-text);
border-radius: 12px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
} .dc-side-list .dc-nav-icon svg { width: var(--dc-nav-icon-size, 16px); height: var(--dc-nav-icon-size, 16px); }
.dc-side-list a:hover, .dc-side-list button:hover,
.dc-side-list a:focus, .dc-side-list button:focus {
background: rgba(255,182,0,.3); color: #2e2828;
}
.dc-side-list .current-menu-item > a { background: var(--dc-accent-gradient); color: #2e2828; } @media (max-width: 900px) {
.dc-side-list a:hover, .dc-side-list button:hover,
.dc-side-list a:focus, .dc-side-list button:focus {
background: rgba(255,182,0,.3);
}
.dc-side-list .current-menu-item > a { background: var(--dc-accent); }
} .dc-cat-trigger-wrap {
flex: 0 0 auto;
padding: 10px 14px 30px;
}
.dc-cat-trigger {
display: flex; align-items: center; justify-content: center; gap: 8px;
width: 100%;
padding: 10px 14px;
border: 1px solid var(--dc-accent);
background: var(--dc-card);
color: var(--dc-accent);
border-radius: var(--dc-radius-full);
font: inherit; font-size: .86rem; font-weight: 700;
cursor: pointer;
transition: background .15s ease;
}
.dc-cat-trigger-label { color: var(--dc-heading); } .dc-cat-trigger:hover {
background: #ffb600;
animation: dc-hover-glow-pulse 1.6s ease-out infinite;
color: #2e2828;
}
.dc-cat-trigger[aria-expanded="true"] { background: #ffcc00; color: #2e2828; } .dc-cat-trigger:hover .dc-cat-trigger-label, .dc-cat-trigger[aria-expanded="true"] .dc-cat-trigger-label { color: #2e2828; } body.dc-collapsed .dc-cat-trigger-wrap { padding-left: 0; padding-right: 0; }
body.dc-collapsed .dc-cat-trigger { width: 40px; height: 40px; padding: 0; border-radius: 12px; margin: 0 auto; } .dc-cat-flyout-a, .dc-cat-flyout-b {
position: fixed;
width: 300px;
max-height: calc(100vh - 32px); background: var(--dc-cat-flyout-bg, rgba(255,255,255,.88));
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius);
box-shadow: var(--dc-shadow);
padding: 14px;
z-index: 70;
display: flex; flex-direction: column;
}
.dc-cat-flyout-a[hidden], .dc-cat-flyout-b[hidden] { display: none; }
.dc-cat-flyout-a { left: calc(var(--dc-sidebar-w) + 14px); bottom: 16px; }
body.dc-collapsed .dc-cat-flyout-a { left: calc(var(--dc-sidebar-rail) + 14px); }
.dc-cat-flyout-b { left: calc(var(--dc-sidebar-w) + 14px + 300px + 12px); top: 16px; }
body.dc-collapsed .dc-cat-flyout-b { left: calc(var(--dc-sidebar-rail) + 14px + 300px + 12px); } .dc-cat-flyout-head {
flex: 0 0 auto;
font-family: 'SF Thonburi','Sarabun',sans-serif;
font-size: .92rem; font-weight: 700; color: var(--dc-heading);
margin: 0 0 10px; padding-bottom: 8px;
border-bottom: 1px solid var(--dc-border);
} .dc-cat-flyout-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.dc-cat-a-btn {
display: flex; align-items: center; justify-content: space-between; gap: 8px;
width: 100%; text-align: left;
padding: 10px 10px;
border: 0; background: none; cursor: pointer;
font: inherit; font-size: .9rem; font-weight: 600; color: var(--dc-text);
border-radius: 10px;
} .dc-cat-a-btn:hover, .dc-cat-a-btn:focus {
background: rgba(255,182,0,.3);
}
.dc-cat-a-btn.is-active {
background: rgba(255,182,0,.2);
box-shadow: inset 1px 0 0 #ffb600, inset -1px 0 0 #ffb600, inset 0 -1px 0 #ffb600;
}
.dc-cat-caret { color: var(--dc-muted); transition: color .15s ease; }
.dc-cat-b-panel[hidden] { display: none; }
.dc-cat-b-panel { min-height: 0; display: flex; flex-direction: column; flex: 1 1 auto; }
.dc-cat-b-rows { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.dc-cat-row {
position: relative;
display: block;
padding: 6px 8px;
font-size: .85rem; line-height: 1.4; color: var(--dc-text);
border-radius: var(--dc-radius-full); transition: background .15s ease, box-shadow .15s ease, color .15s ease;
} .dc-cat-row:hover, .dc-cat-row:focus {
background: rgba(255,182,0,.3);
border-radius: var(--dc-radius-full);
color: #2e2828;
}
.dc-cat-row.is-current {
background: rgba(255,255,255,.8);
box-shadow: 0 0 0 .7px #ffb600;
color: #2e2828;
}
.dc-cat-b-rows .dc-empty-note { margin: 4px 8px; } .dc-cat-flyout-b .dc-cat-row {
display: flex;
align-items: center;
text-align: left !important;
}
.dc-cat-flyout-b .dc-cat-row .dc-topic-dot {
flex: 0 0 auto;
width: 6px;
height: 6px;
margin-right: 8px;
border-radius: 50%;
background: var(--dc-accent);
}
.dc-cat-flyout-b .dc-cat-row .dc-topic-title {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
} .dc-table-list {
border: 0;
border-radius: 0; background: transparent;
}
.dc-table-list li { margin: 0 !important; } .dc-table-list a {
position: relative;
display: block;
padding: 3px 12px; border-radius: 0;
border: 0;
background: transparent;
font-size: .88rem;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
transition: background .15s ease, box-shadow .15s ease, border-radius .15s ease, color .15s ease;
} .dc-table-list a:hover, .dc-table-list a:focus {
background: rgba(255,182,0,.3);
border-radius: var(--dc-radius-full);
color: #2e2828;
} .dc-table-list li.is-current > a {
position: relative;
background: rgba(255,255,255,.8);
box-shadow: 0 0 0 .7px #ffb600;
border-radius: var(--dc-radius-full);
color: #2e2828;
}
.dc-empty-note { font-size: .85rem; color: var(--dc-muted); margin: 0 12px; } #dc-side-topics .dc-table-list a {
display: flex;
align-items: center;
text-align: left !important;
white-space: normal; }
#dc-side-topics .dc-table-list .dc-topic-dot {
flex: 0 0 auto;
width: 6px;
height: 6px;
margin-right: 8px;
border-radius: 50%;
background: var(--dc-accent);
}
#dc-side-topics .dc-table-list .dc-topic-title {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
} .dc-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.28); z-index: 9991; } @media (max-width: 900px) {
body.dc-drawer-open .lcbp-dc-float-bar,
body.dc-drawer-open .lcbp-dc-fab,
body:has(#lcbp-dc-drawer.is-open) .lcbp-dc-float-bar,
body:has(#lcbp-dc-drawer.is-open) .lcbp-dc-fab {
display: none !important;
}
}
@media (max-width: 900px) {
.dc-sidebar {
position: fixed; left: 0; top: 0; z-index: 9992;
transform: translateX(-100%);
width: min(82vw, 320px) !important;
box-shadow: var(--dc-shadow); background: var(--dc-sidebar-bg, rgba(247,247,244,.8));
} html[data-dc-theme="dark"] .dc-sidebar { background: rgba(50,50,50,.8); }
body.dc-drawer-open .dc-sidebar { transform: translateX(0); }
body.dc-drawer-open .dc-overlay { display: block; }
body.dc-collapsed .dc-sidebar .dc-hide-on-rail { display: revert; } .dc-side-search input[type="search"] { font-size: 16px !important; } .dc-nav-desktop-only { display: none; }  .dc-cat-trigger-wrap, .dc-cat-flyout-a, .dc-cat-flyout-b { display: none !important; }
} .dc-nav-sidebar-mobile { display: none; }
@media (max-width: 900px) {
.dc-nav-sidebar-mobile {
display: block;
padding-bottom: 10px;
margin-bottom: 14px;
border-bottom: 1px solid var(--dc-border);
}
}  .dc-topbar {
display: flex; align-items: center; gap: 12px;
padding: 14px 22px;
position: sticky; top: 0; z-index: 30; width: 100%;
max-width: calc(880px - 44px); margin: 0 auto; border-radius: 0 0 var(--dc-radius) var(--dc-radius); border-bottom: 1px solid rgba(255,255,255,.8);
transition: border-color .2s ease, box-shadow .2s ease;
}
.dc-topbar::before {
content: '';
position: absolute; inset: 0; z-index: -1;
pointer-events: none; border-radius: inherit;   background: rgba(247,247,244,.7);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
transition: background-color .2s ease;
} .dc-topbar.dc-topbar-scrolled {
box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
.dc-topbar-scrolled::before { background: rgba(247,247,244,.9); } .dc-topbar-side { flex: 1 1 0; display: flex; align-items: center; gap: 8px; min-width: 0; } .dc-topbar-start .dc-header-menu-left { margin-left: auto; } .dc-header-menu-logo { flex: 0 0 auto; display: inline-flex; align-items: center; }
.dc-header-menu-logo img { max-height: 40px; width: auto; height: auto; display: block; border-radius: 8px; }
.dc-header-menu-logo-text { font-weight: 700; font-size: 1.05rem; color: var(--dc-heading, #222); white-space: nowrap; }  .dc-topbar-widgets { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.dc-topbar-widgets .dc-header-widget { margin: 0; }
.dc-topbar-widgets img { max-height: 40px; width: auto; height: auto; display: block; border-radius: 8px; }
.dc-topbar-widgets a { display: inline-flex; align-items: center; }
.dc-topbar-widgets ul { list-style: none; display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; }
.dc-topbar-widgets a:not(:has(img)) { padding: 7px 16px; border-radius: var(--dc-radius-full); font-weight: 600; }
.dc-topbar-widgets a:not(:has(img)):hover { color: var(--dc-accent); }
.dc-topbar .dc-toggle-mobile { display: none; }
@media (max-width: 900px) { .dc-topbar .dc-toggle-mobile { display: inline-flex; } }  .dc-nav ul, .dc-nav-bottom, .dc-nav-footer { list-style: none; display: flex; gap: 2px; margin: 0; padding: 0; flex-wrap: wrap; }
.dc-nav a, .dc-nav-bottom a, .dc-nav-footer a { padding: 6px 10px; border-radius: var(--dc-radius-full);
font-size: .95rem; font-weight: 600;
font-family: 'Sarabun',sans-serif; } .dc-nav a, .dc-nav-bottom a, .dc-nav-footer a { display: inline-flex; align-items: center; gap: 6px; }
.dc-nav-icon { display: inline-flex; flex: 0 0 auto; }
.dc-nav-icon svg {
display: block;
width: var(--dc-nav-icon-size, 18px);
height: var(--dc-nav-icon-size, 18px);
color: var(--dc-nav-icon-color, currentColor);
flex-shrink: 0;
} .dc-nav .current-menu-item > a, .dc-nav li.menu-item-has-children.is-open > a,
.dc-nav-bottom .current-menu-item > a, .dc-nav-bottom li.menu-item-has-children.is-open > a,
.dc-nav-footer .current-menu-item > a, .dc-nav-footer li.menu-item-has-children.is-open > a {
background: rgba(255,255,255,.8); color: #2e2828; border-radius: var(--dc-radius-full); box-shadow: 0 0 0 .7px #ffb600;
}  .dc-nav a:hover, .dc-nav-bottom a:hover, .dc-nav-footer a:hover {
background: #ffb600;
animation: dc-hover-glow-pulse 1.6s ease-out infinite;
border-radius: var(--dc-radius-full);
color: #2e2828;
} @keyframes dc-hover-glow-pulse {
0%   { box-shadow: 0 0 0 0 rgba(255, 182, 0, .55); }
70%  { box-shadow: 0 0 0 16px rgba(255, 182, 0, 0); }
100% { box-shadow: 0 0 0 0 rgba(255, 182, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
.dc-nav a:hover, .dc-nav-bottom a:hover, .dc-nav-footer a:hover,
.dc-cat-trigger:hover {
animation: none;
}
} .dc-nav a, .dc-nav-bottom a, .dc-nav-footer a {
position: relative;
transition: color .15s ease, background .15s ease, border-color .15s ease, border-radius .15s ease, box-shadow .2s ease, transform .2s ease;
}
.dc-nav a:hover, .dc-nav a:focus,
.dc-nav-bottom a:hover, .dc-nav-bottom a:focus,
.dc-nav-footer a:hover, .dc-nav-footer a:focus {
transform: translateY(-3px);
} .dc-nav a:hover .dc-nav-icon svg,
.dc-nav .current-menu-item > a .dc-nav-icon svg,
.dc-nav li.menu-item-has-children.is-open > a .dc-nav-icon svg {
color: var(--dc-nav-icon-hover-color, currentColor);
}
.dc-topbar-spacer { flex: 1; } .dc-bottom-nav {
display: block;
max-width: 880px; margin: 40px auto 0; padding: 22px 22px 4px;
border-top: 1px solid var(--dc-border);
text-align: left; }
.dc-nav-bottom { justify-content: center; }   .dc-footer-nav { display: block; margin: 0 0 30px; text-align: left; }
.dc-nav-footer { justify-content: center; }  .dc-footer .dc-nav-footer a:hover { color: #2e2828; }
.dc-footer .dc-nav-footer .current-menu-item > a { color: #2e2828; } li.menu-item-has-children { position: relative; } .dc-nav-bottom li.menu-item-has-children > a,
.dc-nav-footer li.menu-item-has-children > a { padding-right: 38px; } .dc-side-list li.menu-item-has-children > a { padding-right: 34px; }
.dc-submenu-toggle {
position: absolute; right: 4px; top: 50%;
display: inline-flex; align-items: center; justify-content: center;
width: 26px; height: 26px;
border: 0; background: none; cursor: pointer; color: inherit; padding: 0;
border-radius: 50%;
transform: translateY(-50%);
transition: transform .2s ease, background .15s ease;
}
.dc-submenu-toggle svg { pointer-events: none; }
.dc-submenu-toggle:hover, .dc-submenu-toggle:focus { background: rgba(255,182,0,.3); }
li.menu-item-has-children.is-open > .dc-submenu-toggle,
li.menu-item-has-children:hover > .dc-submenu-toggle,
li.menu-item-has-children:focus-within > .dc-submenu-toggle { transform: translateY(-50%) rotate(180deg); } .dc-submenu-back { display: none !important; }
.dc-nav .sub-menu, .dc-nav-bottom .sub-menu, .dc-nav-footer .sub-menu, .dc-side-list .sub-menu, .dc-footer-submenu {  display: block;
list-style: none; margin: 0; padding: 8px; position: absolute; left: 0;
min-width: 210px; background: var(--dc-navsub-bg, rgba(255,255,255,.9));
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border: 0; border-radius: var(--dc-radius);
box-shadow: var(--dc-shadow);
opacity: 0; visibility: hidden; pointer-events: none;
transition: opacity .15s ease, transform .15s ease, visibility .15s;
z-index: 40;
}
.dc-side-list .sub-menu { position: static; display: none; }  .dc-nav .sub-menu { top: calc(100% + 10px); transform: translateY(-6px); }
.dc-nav-bottom .sub-menu, .dc-nav-footer .sub-menu { bottom: 100%; transform: translateY(6px); } .dc-nav .sub-menu::before {
content: '';
position: absolute;
left: 0; right: 0;
top: -10px;
height: 10px;
}
.dc-nav li.menu-item-has-children:hover > .sub-menu,
.dc-nav li.menu-item-has-children:focus-within > .sub-menu,
.dc-nav li.menu-item-has-children.is-open > .sub-menu,
.dc-nav-bottom li.menu-item-has-children:hover > .sub-menu,
.dc-nav-bottom li.menu-item-has-children:focus-within > .sub-menu,
.dc-nav-bottom li.menu-item-has-children.is-open > .sub-menu,
.dc-nav-footer li.menu-item-has-children.is-open > .sub-menu {
opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
} .dc-nav .sub-menu li, .dc-nav-bottom .sub-menu li, .dc-nav-footer .sub-menu li, .dc-side-list .sub-menu li, .dc-footer-submenu li { margin: 0; }
.dc-nav .sub-menu a, .dc-nav-bottom .sub-menu a, .dc-nav-footer .sub-menu a, .dc-side-list .sub-menu a, .dc-footer-submenu a { display: block; padding: 4px 12px; border-radius: var(--dc-radius-full); white-space: nowrap;
font-size: .92rem; font-weight: 500; color: var(--dc-text);
position: relative;
transition: background .15s ease, box-shadow .15s ease, border-radius .15s ease, color .15s ease; text-align: left;
} .dc-nav .sub-menu a { display: flex; align-items: center; gap: 6px; }  .dc-nav .sub-menu a:hover, .dc-nav-bottom .sub-menu a:hover, .dc-nav-footer .sub-menu a:hover, .dc-side-list .sub-menu a:hover, .dc-footer-submenu a:hover,
.dc-nav .sub-menu a:focus, .dc-nav-bottom .sub-menu a:focus, .dc-nav-footer .sub-menu a:focus, .dc-side-list .sub-menu a:focus, .dc-footer-submenu a:focus {
background: rgba(255,182,0,.3);
border-radius: var(--dc-radius-full);
color: #2e2828;
transform: translateY(-1px);
} .dc-nav .sub-menu .current-menu-item > a,
.dc-nav-bottom .sub-menu .current-menu-item > a,
.dc-nav-footer .sub-menu .current-menu-item > a,
.dc-side-list .sub-menu .current-menu-item > a,
.dc-footer-submenu .current-menu-item > a {
background: rgba(255,255,255,.8);
box-shadow: 0 0 0 .7px #ffb600;
border-radius: var(--dc-radius-full);
color: #2e2828;
} .dc-footer-submenu.dc-portal-open {
position: fixed;
left: auto; top: auto; right: auto; transform: none;
opacity: 1;
visibility: visible;
pointer-events: auto;
z-index: 2147483647;
} @media (max-width: 900px) {
.dc-nav .sub-menu {
display: none;
position: static;
width: auto; min-width: 0;
margin: 2px 0 6px; padding: 0 0 0 14px;
background: none; border: 0; border-radius: 0; box-shadow: none;
opacity: 1; visibility: visible; pointer-events: auto; transform: none;
}
li.menu-item-has-children.is-open > .sub-menu { display: block; } .dc-nav .sub-menu a {
font-size: .95rem; padding: 9px 12px;
} .dc-nav-bottom .sub-menu a, .dc-nav-footer .sub-menu a, .dc-footer-submenu a {
font-size: .95rem; padding: 9px 12px;
}
.dc-nav-bottom .sub-menu, .dc-nav-footer .sub-menu, .dc-footer-submenu {
max-width: calc(100vw - 24px);
} .dc-nav-sidebar-mobile .dc-side-list {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 6px;
row-gap: 2px; }
.dc-nav-sidebar-mobile .dc-side-list > li { margin: 0; }
.dc-nav-sidebar-mobile .dc-side-list > li:nth-child(1) { grid-column: 1; grid-row: 1; } .dc-nav-sidebar-mobile .dc-side-list > li:nth-child(2) { grid-column: 1; grid-row: 2; } .dc-nav-sidebar-mobile .dc-side-list > li:nth-child(3) { grid-column: 2; grid-row: 1; } .dc-nav-sidebar-mobile .dc-side-list > li:nth-child(4) { grid-column: 1; grid-row: 3; } .dc-nav-sidebar-mobile .dc-side-list > li:nth-child(5) { grid-column: 2; grid-row: 2; }  .dc-side-list .sub-menu {
display: block; position: fixed;
top: 70px; left: 14px; transform: translateY(-6px); width: max-content;
min-width: 200px;
max-width: calc(100vw - 32px); padding: 8px;
z-index: 9995; white-space: normal;
}
.dc-side-list li.menu-item-has-children.is-open > .sub-menu {
opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
}
.dc-side-list .sub-menu a {
font-size: .92rem; padding: 9px 14px;
white-space: normal; word-break: break-word; } .dc-side-list .dc-submenu-toggle,
.dc-side-list .sub-menu .dc-submenu-back { display: none !important; }
.dc-side-list li.menu-item-has-children > a { padding-right: 12px; cursor: pointer; }
}  .dc-footer {
border-top: 1px solid rgba(255,255,255,.8);
background: var(--dc-footer-bg, rgba(247,247,244,.4));
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
margin-top: auto;
} .dc-footer:has(.dc-nav-footer li.menu-item-has-children.is-open) {
position: relative;
z-index: 999999;
}
.dc-footer-inner { max-width: 880px; margin: 0 auto; padding: 28px 22px 15px; font-size: .9rem; color: var(--dc-muted); text-align: center; } @media (max-width: 900px) {
.dc-footer-inner { padding-bottom: 80px; } }
.dc-footer a:hover { color: var(--dc-accent); }
.dc-footer-widgets { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; text-align: left; margin-bottom: 12px; } .dc-footer-copy { color: var(--dc-footer-text-color, #767671); font-size: var(--dc-footer-text-size, inherit);
margin: 0;
text-align: center;
} .dc-hero { text-align: center; padding: 8vh 0 24px; } .dc-front { text-align: center; padding: 4px 0 4px; } .dc-front .wp-block-image img { width: 120px !important; height: auto !important; margin: 0 auto; } .dc-front h1 { font-size: var(--dc-h1-size, clamp(1.5rem, 3.4vw, 2.2rem)); margin-bottom: 1.2em; }
.dc-hero h1 { font-size: var(--dc-h1-size, clamp(1.5rem, 3.4vw, 2.2rem)); margin-bottom: 1.4em; }
.dc-hero .dc-tagline { color: var(--dc-muted); margin-top: -1em; }  @keyframes dc-glow {
0%   { box-shadow: 0 0 0 0 rgba(255, 150, 0, 0.45); }
70%  { box-shadow: 0 0 0 14px rgba(255, 150, 0, 0); }
100% { box-shadow: 0 0 0 0 rgba(255, 150, 0, 0); }
}
.dc-search-form {
display: flex; align-items: center;
max-width: 640px; margin: 0 auto;
background: var(--dc-card);
border: 1px solid #ffffff;
border-radius: var(--dc-radius-full);
padding: 6px 6px 6px 22px;
box-shadow: var(--dc-shadow);
transition: border-color .15s, box-shadow .15s;
} @media (hover: hover) and (pointer: fine) {
.dc-search-form:hover {
border-color: var(--dc-accent);
animation: dc-glow 1.6s ease-out infinite;
}
} .dc-search-form:focus-within {
border-color: var(--dc-accent);
animation: dc-glow 1.6s ease-out infinite;
} .dc-search-form input[type="search"],
.dc-search-form input[type="search"]:focus {
flex: 1; min-width: 0;
border: 0; outline: 0; background: none;
box-shadow: none;
font: inherit; color: var(--dc-text);
padding: 10px 8px;
border-radius: 0;
}
.dc-search-form input[type="search"]::placeholder { color: var(--dc-muted); } .dc-search-form button {
flex: 0 0 auto;
border: 0; cursor: pointer;
background: var(--dc-btn-bg, var(--dc-accent)); color: #000;
font: inherit; font-weight: 600;
padding: 10px 22px;
border-radius: var(--dc-radius-full);
transition: background .15s, color .15s;
}
.dc-search-form button:hover, .dc-search-form button:focus { background: var(--dc-btn-hover-bg, var(--dc-accent-gradient)); color: #000; }
.dc-search-form button:active { background: var(--dc-btn-active-bg, var(--dc-accent)); } .dc-single-hero { margin: 4px 0 30px; text-align: center; }
.dc-single-hero .ani { width: 89px; height: auto; } @keyframes float-updown {
0%, 100% { transform: translateY(0px); }
50%       { transform: translateY(-10px); }
}
.ani {
animation: float-updown 3.5s ease-in-out infinite;
}
@media (max-width: 900px) {
.dc-single-hero .ani { width: 70px; }
} .dc-chips { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 22px auto 0; max-width: 760px; }
.dc-chip {
display: inline-block;
padding: 8px 18px;
background: var(--dc-chip); color: #fff;
border: 0; cursor: pointer; font: inherit; font-size: .9rem;
border-radius: var(--dc-radius-full);
transition: background .15s, color .15s;
}
.dc-chip:hover, .dc-chip:focus, .dc-chip.active { background: var(--dc-accent-gradient); color: #000; } .dc-hashtags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.dc-hashtags .dc-hashtag {
display: inline-block;
background: transparent;
border: 1px solid #bbbbbb;
color: #333333;
font-size: .78rem;
line-height: 1.6;
padding: 1px 12px;
border-radius: 999px;
text-decoration: none;
transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.dc-hashtags .dc-hashtag:hover, .dc-hashtags .dc-hashtag:focus {
background: rgba(255,182,0,.3);
color: #202020;
} .dc-share-bar {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
margin-top: 22px;
padding-top: 18px;
border-top: 1px solid var(--dc-border);
}
.dc-share-label {
font-size: .85rem;
color: var(--dc-muted);
font-weight: 600;
}
.dc-share-buttons { display: flex; align-items: center; gap: 8px; }
.dc-share-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
width: 32px;
height: 32px;
border-radius: var(--dc-radius-full);
border: 0;
color: #fff;
cursor: pointer;
font: inherit;
text-decoration: none;
transition: transform .15s ease, box-shadow .15s ease;
box-shadow: 0 1px 3px rgba(0,0,0,.12);
} .dc-share-btn:hover, .dc-share-btn:focus-visible { transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,.18); color: #fff; }
.dc-share-fb   { background: #1877F2; }
.dc-share-line { background: #06C755; }
.dc-share-x    { background: #000000; }
.dc-share-copy {
width: auto;
height: 32px;
padding: 0 14px;
background: var(--dc-chip);
font-size: .8rem;
font-weight: 600;
}
.dc-share-copy.is-copied { background: var(--dc-accent); color: #fff; } .dc-qa-article { margin: 26px 0; }
.dc-qa-content { display: flex; flex-direction: column; }
.dc-qa-content .lcbp-qa-answer {
order: 1; background: rgba(255,255,255,.9);
border: 1px solid rgba(255,255,255,.85);
border-radius: var(--dc-radius);
box-shadow: var(--dc-shadow);
padding: 28px 30px;
}
@media (min-width: 901px) {
.dc-qa-content .lcbp-qa-answer { padding-left: 38px; padding-right: 38px; }
}
.dc-qa-content .lcbp-refs-block { order: 2; }
.dc-qa-content .dc-hashtags {
order: 3;
justify-content: center;
margin: 28px 0;
} .dc-qa-content .lcbp-dc-disclaimer-static { order: 4; margin-top: 0; } .dc-card { background: rgba(255,255,255,.9);
border: 1px solid rgba(255,255,255,.85);
border-radius: var(--dc-radius);
padding: 28px 30px;
box-shadow: var(--dc-shadow);
margin: 26px 0;
}
.dc-card > :last-child { margin-bottom: 0; }
.dc-answer-card { min-height: 200px; } @media (min-width: 901px) {
.dc-answer-card { padding-left: 38px; padding-right: 38px; }
} .dc-answer-card:has(.lcbp-dc-tmhi),
.dc-answer-card:has(.lcbp-dc-rq),
.dc-answer-card:has(.lcbp-dc-st5),
.dc-answer-card:has(.lcbp-dc-gad7),
.dc-answer-card:has(.lcbp-dc-isi),
.dc-answer-card:has(.lcbp-dc-9q),
.dc-answer-card:has(.lcbp-dc-8q),
.dc-answer-card:has(.lcbp-dc-burnout),
.dc-answer-card:has(.lcbp-dc-who5) {
background: rgba(255,255,255,.5);
} html[data-dc-theme="dark"] .dc-answer-card:has(.lcbp-dc-tmhi),
html[data-dc-theme="dark"] .dc-answer-card:has(.lcbp-dc-rq),
html[data-dc-theme="dark"] .dc-answer-card:has(.lcbp-dc-st5),
html[data-dc-theme="dark"] .dc-answer-card:has(.lcbp-dc-gad7),
html[data-dc-theme="dark"] .dc-answer-card:has(.lcbp-dc-isi),
html[data-dc-theme="dark"] .dc-answer-card:has(.lcbp-dc-9q),
html[data-dc-theme="dark"] .dc-answer-card:has(.lcbp-dc-8q),
html[data-dc-theme="dark"] .dc-answer-card:has(.lcbp-dc-burnout),
html[data-dc-theme="dark"] .dc-answer-card:has(.lcbp-dc-who5) {
background: rgba(234,231,224,.7);
}
.dc-card .entry-title a:hover { color: var(--dc-accent); }
.dc-meta { font-size: .85rem; color: var(--dc-muted); margin-bottom: .8em; }
.dc-meta a { color: var(--dc-muted); } .dc-meta a:hover { color: var(--dc-accent); }
.dc-readmore {
display: inline-block; margin-top: .4em;
padding: 7px 20px;
background: var(--dc-btn2-bg, transparent);
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-full);
font-size: .9rem; font-weight: 600;
transition: border-color .15s, color .15s, background .15s;
}
.dc-readmore:hover { background: var(--dc-btn2-hover-bg, rgba(255,182,0,.3)); color: #2e2828; }
.dc-readmore:active { background: var(--dc-btn2-active-bg, var(--dc-accent)); } .entry-content h2, .entry-content h3 { margin-top: 1.6em; }
.entry-content a { color: var(--dc-heading); text-decoration: none; }
.entry-content a:hover { color: var(--dc-accent); }
.wp-block-table table, table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid var(--dc-border); padding: .55em .8em; text-align: left; }
th { background: #f7f7f4; font-family: 'SF Thonburi','Sarabun',sans-serif; }  .dc-pagination { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin: 32px 0; }
.dc-pagination .page-numbers {
display: inline-flex; align-items: center; justify-content: center;
min-width: 2.4em;
padding: 8px 16px;
border: 1px solid #bbbbbb; border-radius: var(--dc-radius-full); background: var(--dc-card);
color: var(--dc-text);
font-size: .92rem;
text-decoration: none;
transition: background .15s, border-color .15s, color .15s;
}
.dc-pagination .page-numbers.current {
background: var(--dc-accent-gradient); border-color: var(--dc-accent); color: #000; font-weight: 700;
}
.dc-pagination a.page-numbers:hover,
.dc-pagination a.page-numbers:focus {
background: rgba(255,182,0,.3); color: #000; font-weight: 700;
} .dc-adjacent-nav {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
margin: 32px 0;
}
.dc-adjacent-nav a {
display: inline-block;
max-width: 46%;
padding: 8px 18px;
border-radius: var(--dc-radius-full);
color: var(--dc-text);
text-decoration: none;
line-height: 1.4;
transition: background .15s ease, color .15s ease;
}
.dc-adjacent-nav a[rel="prev"]::before { content: "‹ "; color: var(--dc-accent); font-size: 1.2em; font-weight: 700; }
.dc-adjacent-nav a[rel="next"]::after  { content: " ›"; color: var(--dc-accent); font-size: 1.2em; font-weight: 700; }
.dc-adjacent-nav a:hover, .dc-adjacent-nav a:focus { background: rgba(255,182,0,.3); color: #2e2828; }
.dc-adjacent-nav a:hover::before, .dc-adjacent-nav a:focus::before,
.dc-adjacent-nav a:hover::after,  .dc-adjacent-nav a:focus::after { color: #2e2828; } input[type="text"], input[type="email"], input[type="url"], input[type="password"],
input[type="search"], input[type="number"], textarea, select {
font: inherit; color: var(--dc-text);
background: var(--dc-card);
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-full);
padding: 10px 20px;
outline: none;
max-width: 100%;
}
textarea { border-radius: var(--dc-radius); }
input:focus, textarea:focus, select:focus { border-color: var(--dc-accent); box-shadow: 0 0 0 3px rgba(255,182,0,.18); }
button, .wp-block-button__link, input[type="submit"] {
font: inherit; font-weight: 600;
border-radius: var(--dc-radius-full);
} button, .wp-block-button__link, input[type="submit"], input[type="button"],
a.button, .btn, [class*="btn"], .lcbp-dc-chip, .dc-new-search, .dc-readmore {
transition: transform .15s ease;
}
button:hover, .wp-block-button__link:hover, input[type="submit"]:hover, input[type="button"]:hover,
a.button:hover, .btn:hover, [class*="btn"]:hover, .lcbp-dc-chip:hover, .dc-new-search:hover, .dc-readmore:hover {
transform: translateY(-3px);
}
button:active, .wp-block-button__link:active, input[type="submit"]:active, input[type="button"]:active,
a.button:active, .btn:active, [class*="btn"]:active, .lcbp-dc-chip:active, .dc-new-search:active, .dc-readmore:active {
transform: translateY(2px);
} .widget { margin-bottom: 22px; }
.widget-title { font-size: .78rem; font-weight: 700; letter-spacing: .04em; color: var(--dc-muted); text-transform: uppercase; margin: 0 8px 8px; }
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget ul li a { display: block; padding: 8px 12px; border-radius: 12px; font-size: .92rem; }
.widget ul li a:hover { background: rgba(255,182,0,.3); color: #2e2828; } .lcbp-dc-wrap { max-width: 760px; margin: 0 auto; }
.lcbp-dc-search-box {
display: flex; align-items: center;
background: var(--dc-card);
border: 1px solid #ffffff;
border-radius: var(--dc-radius-full);
padding: 6px 6px 6px 22px;
box-shadow: var(--dc-shadow);
}
.lcbp-dc-search-box.is-multiline { border-radius: 18px; }   @keyframes dc-search-glow {
0%   { box-shadow: 0 0 0 0 rgba(255,150,0,.45); }
70%  { box-shadow: 0 0 0 14px rgba(255,150,0,0); }
100% { box-shadow: 0 0 0 0 rgba(255,150,0,0); }
} @media (hover: hover) and (pointer: fine) {
.lcbp-dc-search-box:hover { border-color: var(--dc-accent); animation: dc-search-glow 1.6s ease-out infinite; }
} .lcbp-dc-search-box:focus-within { border-color: var(--dc-accent); animation: dc-search-glow 1.6s ease-out infinite; } .lcbp-dc-float-bar:focus-within {
animation: none !important;
box-shadow: var(--dc-shadow), 0 0 0 6px rgba(255,150,0,.28) !important;
}
.lcbp-dc-search-input, textarea.lcbp-dc-search-input {
flex: 1; min-width: 0; border: 0 !important; outline: 0; background: inherit !important;
font: inherit; color: var(--dc-text); padding: 10px 8px; resize: none; box-shadow: none;
} .lcbp-dc-search-btn {
flex: 0 0 auto;
width: 44px; height: 44px; padding: 0;
display: inline-flex; align-items: center; justify-content: center;
border: 0; cursor: pointer;
background: var(--dc-accent); color: #fff;
border-radius: 50%;
transition: background .15s ease;
}
.lcbp-dc-search-btn:hover { background: var(--dc-accent-gradient); color: #2e2828; }
.lcbp-dc-search-btn svg { width: 20px; height: 20px; display: block; }
.lcbp-dc-chips { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin: 0 0 16px; } .lcbp-dc-chip {
position: relative;
border: 0; cursor: pointer; font: inherit; font-size: .85rem; line-height: 1.5;
background: var(--dc-chip); color: #fff;
padding: 3px 12px; border-radius: 8px;
transition: background .15s, box-shadow .15s, border-radius .15s, color .15s;
} .lcbp-dc-chip:hover {
background: rgba(255,182,0,.3);
border-radius: var(--dc-radius-full);
color: #2e2828;
} .lcbp-dc-chip.active, .lcbp-dc-chip.is-selected {
background: rgba(255,255,255,.8);
box-shadow: 0 0 0 .7px #ffb600;
border-radius: var(--dc-radius-full);
color: #2e2828;
} .lcbp-dc-rows .lcbp-dc-row {
position: relative;
padding: 4px 14px; color: #3a3a3a;
border-radius: var(--dc-radius-full); transition: background .14s ease, box-shadow .14s ease, color .14s ease;
} .lcbp-dc-rows .lcbp-dc-row:hover,
.lcbp-dc-rows .lcbp-dc-row:focus {
background: rgba(255,182,0,.3);
border-radius: var(--dc-radius-full);
color: #3a3a3a;
outline: none;
}
.lcbp-dc-rows .lcbp-dc-row.is-current {
background: rgba(255,255,255,.8);
box-shadow: 0 0 0 .7px #ffb600;
color: #2e2828;
}
.lcbp-dc-row-empty { padding: 10px 14px; color: var(--dc-muted); font-size: .9em; } @media (max-width: 900px) {
.lcbp-dc-chips, .lcbp-dc-cat-panels { display: none !important; }
.lcbp-dc-search-input, textarea.lcbp-dc-search-input { font-size: 16px !important; }
}
.lcbp-dc-cat-panel, .lcbp-dc-faq {
background: var(--dc-card);
border: 1px solid #dcdcdc;
border-radius: var(--dc-radius);
box-shadow: var(--dc-shadow); padding: 24px 26px;
margin-top: 22px;
text-align: left;
} .lcbp-dc-result { background: transparent; border: 0; padding: 0; margin-top: 22px; text-align: left; }
.lcbp-dc-result:empty { display: none; }
.lcbp-dc-result .lcbp-dc-answer { background: rgba(255,255,255,.9);
border: 1px solid rgba(255,255,255,.85);
border-radius: var(--dc-radius);
box-shadow: var(--dc-shadow); padding: 24px 26px;
}
.lcbp-dc-qa-list, .lcbp-dc-seed-list { list-style: none; margin: 0; padding: 0; }
.lcbp-dc-qa-list a:hover { color: var(--dc-accent); }
.lcbp-dc-recent { margin-top: 14px; font-size: .9rem; color: var(--dc-muted); } .dc-nav a:active, .dc-nav-bottom a:active, .dc-nav-footer a:active,
.dc-topbar-widgets a:active,
.dc-side-list a:active, .dc-side-list button:active,
.dc-table-list a:active,
.dc-cat-trigger:active,
.dc-cat-a-btn:active,
.dc-cat-row:active,
.lcbp-dc-chip:active,
.lcbp-dc-rows .lcbp-dc-row:active {
transform: scale(.96);
color: #ffb600 !important;
transition: transform .1s ease, color .1s ease;
} .dc-nav a:active, .dc-nav-bottom a:active, .dc-nav-footer a:active, .dc-side-list a:active {
transform: translateY(2px);
}
.dc-nav .sub-menu a:active, .dc-nav-bottom .sub-menu a:active, .dc-nav-footer .sub-menu a:active,
.dc-side-list .sub-menu a:active, .dc-footer-submenu a:active {
transform: translateY(2px);
} .screen-reader-text {
position: absolute !important; clip-path: inset(50%);
width: 1px; height: 1px; overflow: hidden; word-wrap: normal !important;
}
.alignwide { max-width: 1080px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100vw; margin-left: calc(50% - 50vw); }
@media (max-width: 600px) {
body { font-size: 16px; }
.dc-content { padding: 10px 14px 20px; } .dc-card { padding: 20px 18px; }
.dc-hero { padding-top: 5vh; }
.dc-search-form button { padding: 10px 16px; }
}  .dc-theme-toggle-wrap { flex: 0 0 auto; padding: 0 14px 10px; display: flex; align-items: center; justify-content: center; gap: 10px; }
body.dc-collapsed .dc-theme-toggle-wrap { padding-left: 0; padding-right: 0; flex-direction: column; gap: 8px; } @media (max-width: 900px) {
.dc-side-search { position: relative; z-index: 1; }
.dc-theme-toggle-wrap { position: relative; z-index: 2; }
}
.dc-theme-toggle {
width: 40px; height: 40px; padding: 0;
display: inline-flex; align-items: center; justify-content: center;
border: 1px solid var(--dc-border);
background: var(--dc-btn2-bg, var(--dc-card));
color: var(--dc-text);
border-radius: 12px;
cursor: pointer;
transition: border-color .15s, color .15s, background .15s;
}
.dc-theme-toggle:hover { border-color: var(--dc-accent); color: var(--dc-accent); }
.dc-theme-toggle:active { border-color: #e6a400; color: #e6a400; }
.dc-theme-icon-moon { display: none; }
html[data-dc-theme="dark"] .dc-theme-icon-sun { display: none; }
html[data-dc-theme="dark"] .dc-theme-icon-moon { display: block; } .dc-bg-picker { display: inline-flex; }
.dc-bg-picker-panel {
position: fixed;
z-index: 9995;
display: flex; flex-direction: column; gap: 8px;
padding: 10px;
background: var(--dc-cat-flyout-bg, rgba(255,255,255,.88));
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border: 1px solid var(--dc-border);
border-radius: var(--dc-radius);
box-shadow: var(--dc-shadow);
}
.dc-bg-picker-panel[hidden] { display: none; } .dc-bg-picker-set { display: flex; gap: 8px; }
html[data-dc-theme="dark"] .dc-bg-picker-set--light { display: none; }
html:not([data-dc-theme="dark"]) .dc-bg-picker-set--dark { display: none; }
.dc-bg-picker-thumb {
width: 40px; height: 40px; padding: 0;
border: 2px solid transparent;
border-radius: 10px;
background-size: cover;
background-position: center;
cursor: pointer;
transition: border-color .15s ease, transform .15s ease;
}
.dc-bg-picker-thumb:hover { transform: scale(1.06); }
.dc-bg-picker-thumb.is-active { border-color: var(--dc-accent); } @media (max-width: 900px) {
#dc-side-topics li:nth-child(n+7) { display: none; }
} @media (max-width: 900px) {
body.home .lcbp-dc-float-bar { display: none !important; }
} @media (max-width: 900px) {
body.lcbp-dc-term-page .lcbp-dc-float-bar { display: none !important; }
} .lcbp-dc-search-input {
color-scheme: light;
-webkit-appearance: none;
appearance: none;
} html[data-dc-theme="dark"] { --dc-bg: #404040; --dc-sidebar-bg: rgba(50,50,50,.4);
--dc-footer-bg: rgba(50,50,50,.4);
--dc-card: #514e4b; --dc-border: #5c5854;
--dc-heading: #fff;
--dc-text: #fff;
--dc-muted: #a8a29a;
--dc-chip: #5c5854;
--dc-shadow: 0 1px 3px rgba(0,0,0,.4), 0 6px 24px rgba(0,0,0,.4);
--dc-cat-flyout-bg: rgba(50,50,50,.94);
--dc-navsub-bg: rgba(50,50,50,.9); } html[data-dc-theme="dark"] .dc-topbar::before { background: rgba(50,50,50,.7); }  html[data-dc-theme="dark"] .dc-topbar-scrolled::before { background: rgba(50,50,50,.9); }
html[data-dc-theme="dark"] .dc-overlay { background: rgba(0,0,0,.5); } html[data-dc-theme="dark"] .dc-topbar,
html[data-dc-theme="dark"] .dc-sidebar,
html[data-dc-theme="dark"] .dc-footer { border-color: var(--dc-border); } html[data-dc-theme="dark"] .dc-nav .current-menu-item > a, html[data-dc-theme="dark"] .dc-nav li.menu-item-has-children.is-open > a,
html[data-dc-theme="dark"] .dc-nav-bottom .current-menu-item > a, html[data-dc-theme="dark"] .dc-nav-bottom li.menu-item-has-children.is-open > a,
html[data-dc-theme="dark"] .dc-nav-footer .current-menu-item > a, html[data-dc-theme="dark"] .dc-nav-footer li.menu-item-has-children.is-open > a,
html[data-dc-theme="dark"] .dc-nav .sub-menu .current-menu-item > a,
html[data-dc-theme="dark"] .dc-nav-bottom .sub-menu .current-menu-item > a,
html[data-dc-theme="dark"] .dc-nav-footer .sub-menu .current-menu-item > a,
html[data-dc-theme="dark"] .dc-side-list .sub-menu .current-menu-item > a,
html[data-dc-theme="dark"] .dc-footer-submenu .current-menu-item > a,
html[data-dc-theme="dark"] .dc-table-list li.is-current > a,
html[data-dc-theme="dark"] .dc-cat-row.is-current,
html[data-dc-theme="dark"] .lcbp-dc-chip.active,
html[data-dc-theme="dark"] .lcbp-dc-chip.is-selected {
color: var(--dc-text);
} html[data-dc-theme="dark"] .dc-cat-row.is-current,
html[data-dc-theme="dark"] .dc-table-list li.is-current > a,
html[data-dc-theme="dark"] .dc-nav .current-menu-item > a, html[data-dc-theme="dark"] .dc-nav li.menu-item-has-children.is-open > a,
html[data-dc-theme="dark"] .dc-nav-bottom .current-menu-item > a, html[data-dc-theme="dark"] .dc-nav-bottom li.menu-item-has-children.is-open > a,
html[data-dc-theme="dark"] .dc-nav-footer .current-menu-item > a, html[data-dc-theme="dark"] .dc-nav-footer li.menu-item-has-children.is-open > a,
html[data-dc-theme="dark"] .dc-nav .sub-menu .current-menu-item > a,
html[data-dc-theme="dark"] .dc-nav-bottom .sub-menu .current-menu-item > a,
html[data-dc-theme="dark"] .dc-nav-footer .sub-menu .current-menu-item > a,
html[data-dc-theme="dark"] .dc-side-list .sub-menu .current-menu-item > a,
html[data-dc-theme="dark"] .dc-footer-submenu .current-menu-item > a,
html[data-dc-theme="dark"] .lcbp-dc-chip.active, html[data-dc-theme="dark"] .lcbp-dc-chip.is-selected {
background: none;
box-shadow: 0 0 0 .7px #ffb600;
color: var(--dc-text);
} html[data-dc-theme="dark"] .dc-cat-row:hover, html[data-dc-theme="dark"] .dc-cat-row:focus,
html[data-dc-theme="dark"] .dc-table-list a:hover, html[data-dc-theme="dark"] .dc-table-list a:focus,
html[data-dc-theme="dark"] .dc-nav .sub-menu a:hover, html[data-dc-theme="dark"] .dc-nav-bottom .sub-menu a:hover, html[data-dc-theme="dark"] .dc-nav-footer .sub-menu a:hover, html[data-dc-theme="dark"] .dc-side-list .sub-menu a:hover, html[data-dc-theme="dark"] .dc-footer-submenu a:hover,
html[data-dc-theme="dark"] .dc-nav .sub-menu a:focus, html[data-dc-theme="dark"] .dc-nav-bottom .sub-menu a:focus, html[data-dc-theme="dark"] .dc-nav-footer .sub-menu a:focus, html[data-dc-theme="dark"] .dc-side-list .sub-menu a:focus, html[data-dc-theme="dark"] .dc-footer-submenu a:focus,
html[data-dc-theme="dark"] .lcbp-dc-chip:hover,
html[data-dc-theme="dark"] .dc-new-search:hover,
html[data-dc-theme="dark"] .dc-hashtags .dc-hashtag:hover, html[data-dc-theme="dark"] .dc-hashtags .dc-hashtag:focus,
html[data-dc-theme="dark"] .dc-pagination a.page-numbers:hover, html[data-dc-theme="dark"] .dc-pagination a.page-numbers:focus,
html[data-dc-theme="dark"] .dc-adjacent-nav a:hover, html[data-dc-theme="dark"] .dc-adjacent-nav a:focus,
html[data-dc-theme="dark"] .widget ul li a:hover {
color: var(--dc-text);
} html[data-dc-theme="dark"] .lcbp-dc-rows .lcbp-dc-row.is-current {
background: none;
box-shadow: 0 0 0 .7px #ffb600;
} html[data-dc-theme="dark"] .dc-card,
html[data-dc-theme="dark"] .dc-qa-content .lcbp-qa-answer,
html[data-dc-theme="dark"] .lcbp-dc-result .lcbp-dc-answer,
html[data-dc-theme="dark"] .lcbp-dc-cat-panel,
html[data-dc-theme="dark"] .lcbp-dc-faq,
html[data-dc-theme="dark"] blockquote {
--dc-card: #eae7e0;
--dc-heading: #000;
--dc-text: #000;
--dc-muted: #8a8a85;
--dc-border: #dcd8cf;
--dc-shadow: 0 1px 3px rgba(0,0,0,.18), 0 6px 20px rgba(0,0,0,.15);
background: var(--dc-card);
color: var(--dc-text);
} html[data-dc-theme="dark"] .dc-card,
html[data-dc-theme="dark"] .dc-qa-content .lcbp-qa-answer,
html[data-dc-theme="dark"] .lcbp-dc-result .lcbp-dc-answer {
border-color: #dcd8cf;
} html[data-dc-theme="dark"] .dc-qa-content .dc-hashtags .dc-hashtag {
border-color: #4c4941;
color: #fff;
} html[data-dc-theme="dark"] .dc-share-bar { border-top-color: #4c4941; }
html[data-dc-theme="dark"] .dc-share-copy { background: #5c5854; }
html[data-dc-theme="dark"] .dc-share-copy.is-copied { background: var(--dc-accent); color: #fff; }
html[data-dc-theme="dark"] .dc-pagination .page-numbers {
border-color: #4c4941;
} html[data-dc-theme="dark"] .dc-search-form,
html[data-dc-theme="dark"] .dc-side-search,
html[data-dc-theme="dark"] .lcbp-dc-search-box {
background: #eeeeee;
border-color: #ffffff;
}
html[data-dc-theme="dark"] .dc-search-form input[type="search"],
html[data-dc-theme="dark"] .dc-side-search input[type="search"],
html[data-dc-theme="dark"] .lcbp-dc-search-input {
color: #000000;
}
html[data-dc-theme="dark"] .dc-search-form input[type="search"]::placeholder,
html[data-dc-theme="dark"] .dc-side-search input[type="search"]::placeholder,
html[data-dc-theme="dark"] .lcbp-dc-search-input::placeholder {
color: #666666;
} html[data-dc-theme="dark"] .lcbp-dc-refs .lcbp-refs-heading,
html[data-dc-theme="dark"] .lcbp-refs-block .lcbp-refs-heading {
color: #e0a868;
}
html[data-dc-theme="dark"] .lcbp-dc-refs .lcbp-qa-refs a,
html[data-dc-theme="dark"] .lcbp-refs-block .lcbp-qa-refs a {
color: #d9a054;
} html[data-dc-theme="dark"] .dc-footer-copy {
color: #cfcfcf;
} html[data-dc-theme="dark"] .lcbp-dc-recent-label {
color: #d0d0d0;
}
html[data-dc-theme="dark"] .lcbp-dc-recent-chip {
border-color: #999999 !important;
color: #d6d6d6 !important;
} .dc-stat-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
margin: 30px 0 36px;
}
.dc-stat-card { margin: 0; padding: 22px 16px; text-align: center; }
.dc-stat-num {
font-family: var(--dc-heading-font, 'SF Thonburi', 'Sarabun', sans-serif);
font-size: 2.1rem;
font-weight: 700;
color: var(--dc-heading);
line-height: 1.2;
}
.dc-stat-label { font-size: .88rem; color: var(--dc-muted); margin-top: 8px; line-height: 1.55; }
.dc-bar-list { display: flex; flex-direction: column; gap: 16px; }
.dc-bar-row-head { display: flex; justify-content: space-between; gap: 10px; font-size: .92rem; margin-bottom: 6px; }
.dc-bar-row-head span:last-child { color: var(--dc-muted); font-variant-numeric: tabular-nums; }
.dc-bar-track { background: var(--dc-border); border-radius: var(--dc-radius-full); height: 12px; overflow: hidden; }
.dc-bar-fill { height: 100%; background: linear-gradient(90deg, #ffb600 0%, #ff9c00 100%); border-radius: var(--dc-radius-full); }
.dc-report-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 20px 0 30px; }
.dc-source-list { font-size: .9rem; color: var(--dc-muted); padding-left: 1.2em; margin: 0; }
.dc-source-list li { margin-bottom: .6em; }
.dc-source-list a { color: var(--dc-text); text-decoration: underline; text-underline-offset: 2px; }
.dc-source-list a:hover { color: var(--dc-accent); } .dc-report .dc-tagline,
.dc-report .dc-meta,
.dc-report .dc-stat-label,
.dc-report .dc-bar-row-head span:last-child,
.dc-report .dc-source-list,
.dc-report .dc-source-list a {
color: var(--dc-heading);
}
.dc-report .dc-hashtags .dc-hashtag:hover,
.dc-report .dc-hashtags .dc-hashtag:focus {
background: transparent;
border-color: var(--dc-accent);
color: var(--dc-accent);
} .dc-report .dc-card {
transition: transform .25s ease, box-shadow .25s ease;
}
.dc-report .dc-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 10px rgba(0,0,0,.08), 0 16px 34px rgba(0,0,0,.12);
}
@media (max-width: 900px) {
.dc-stat-grid { grid-template-columns: repeat(2, 1fr); }
.dc-report-grid-3 { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.dc-stat-grid { grid-template-columns: 1fr; }
}.kb-buttons-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--global-kb-gap-xs, 0.5rem)}.kb-button{z-index:1;position:relative;overflow:hidden;display:inline-flex;text-align:center;align-items:center;justify-content:center}.kb-button.wp-block-button__link{width:auto;height:auto}.kb-button.kt-btn-width-type-full{flex:1 0 fit-content;width:100%}.kb-blocks-button-aos.kb-btn-width-type-full{flex:1 0 fit-content;width:100%}.wp-block-kadence-advancedbtn .kb-button:not(.specificity):not(.extra-specificity){text-decoration:none}.kb-button:not(.kb-btn-global-inherit){border:0 solid rgba(0,0,0,0);padding:.4em 1em;cursor:pointer;font-size:1.125rem;border-radius:3px;transition:all .3s ease-in-out;box-shadow:none}.kb-button:not(.kb-btn-global-inherit):hover{box-shadow:none}.kb-button.kb-btn-global-fill{border:0px solid rgba(0,0,0,0);border-radius:3px;background:var(--global-palette-btn-bg, #3633e1);color:var(--global-palette-btn, #ffffff)}.kb-button.kb-btn-global-fill:hover{color:var(--global-palette-btn-hover, #ffffff);background:var(--global-palette-btn-bg-hover, #2f2ffc)}.kb-button.kb-btn-global-fill:focus{color:var(--global-palette-btn-hover, #ffffff);background:var(--global-palette-btn-bg-hover, #2f2ffc)}.kb-button.kb-btn-global-outline{border:2px solid var(--global-palette-btn-bg, #3633e1);background:rgba(0,0,0,0);color:var(--global-palette-btn-bg, #3633e1);padding:calc(.4em - 2px) calc(1em - 2px)}.kb-button.kb-btn-global-outline:hover{border-color:var(--global-palette-btn-bg-hover, #2f2ffc);background:rgba(0,0,0,0);color:var(--global-palette-btn-bg-hover, #2f2ffc)}.kb-button.kb-btn-global-outline:focus{border-color:var(--global-palette-btn-bg-hover, #2f2ffc);background:rgba(0,0,0,0);color:var(--global-palette-btn-bg-hover, #2f2ffc)}.kb-button::before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background:rgba(0,0,0,0)}.kb-button:hover::before,.kb-button:focus::before{opacity:1}.wp-block-kadence-advancedbtn .kb-button.kt-btn-size-small{font-size:.9rem}.wp-block-kadence-advancedbtn .kb-button.kt-btn-size-large{font-size:1.35rem}.wp-block-kadence-advancedbtn .kb-button.kt-btn-size-xlarge{font-size:1.65rem}.kb-button.kb-btn-global-outline.kt-btn-size-xlarge{border-width:4px}.kb-button.kb-btn-global-outline.kt-btn-size-large{border-width:3px;padding:calc(.4em - 3px) calc(1em - 3px)}.kb-button.kb-btn-global-outline.kt-btn-size-small{border-width:1px;padding:calc(.4em - 1px) calc(1em - 1px)}.kb-button.kt-btn-has-svg-true{gap:.5em;display:inline-flex}.wp-block-kadence-advancedbtn .kb-svg-icon-wrap{display:inline-flex;justify-content:center;align-items:center}.wp-block-kadence-advancedbtn .kb-svg-icon-wrap svg{width:1em;height:1em}.kb-button.icon-reveal .kb-svg-icon-wrap{transition:transform .3s ease-in-out,width .3s ease-in-out,opacity .3s ease-in-out;width:0;opacity:0}.kb-button.icon-reveal:hover .kb-svg-icon-wrap{width:var(--kb-button-icon-size, 24px);opacity:1}