:root{--sc-primary:#1e7e34;--sc-primary-dark:#155d26;--sc-accent:#27a745;--sc-text:#222;--sc-text-light:#666;--sc-bg:#fff;--sc-bg-alt:#f5f7f6;--sc-border:#e3e8e5;--sc-page-bg:#f3e7cf;--sc-page-bg-image:radial-gradient(ellipse at 18% 22%, rgba(170,130,70,.12), transparent 55%),radial-gradient(ellipse at 82% 78%, rgba(130,95,45,.10), transparent 60%),repeating-linear-gradient(0deg, rgba(120,90,45,.04) 0 2px, transparent 2px 6px);--sc-page-bg-size:auto;--sc-radius:10px;--sc-shadow:0 4px 16px rgba(0,0,0,.08)}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--sc-text);background-color:var(--sc-page-bg,#f3e7cf);background-image:var(--sc-page-bg-image,none);background-size:var(--sc-page-bg-size,auto);font-size:16px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}

/* sticky footer（用户拍板 2026-11-13：页面高度占据视口剩余高度，内容少时页脚仍贴屏幕底部，与首页行为一致） */
.sdtpd-canvas{position:relative;width:100%;max-width:1080px;margin:0 auto;overflow:hidden;flex:1 1 auto}
.sdtpd-navwrap{width:100%;max-width:1080px;margin:0 auto;flex-shrink:0}
.sdtpd-global-comp{display:block!important;width:100%!important;box-sizing:border-box}
.sdtpd-navwrap--sticky{position:sticky;top:0;z-index:900;background:var(--sc-bg)}
/* 导航基础规则（P1.6 双端镜像，2026-11-14）：与画布 .sb-site-nav 对齐，补齐发布端缺失的背景/整宽/内边距 */
.sdtpd-site-nav{display:flex;align-items:center;flex-wrap:wrap;width:100%;box-sizing:border-box;gap:4px 16px;padding:4px 8px;min-height:52px;background:var(--sc-bg);overflow:hidden}
.sdtpd-site-nav__link{color:var(--sc-text);font-size:15px;font-family:inherit;text-decoration:none;padding:2px 4px;border-radius:6px;white-space:nowrap}
.sdtpd-site-nav__link:hover{color:var(--sc-primary)}
.sdtpd-site-nav__link.is-active{color:var(--sc-primary);font-weight:700}
.sdtpd-comp{box-sizing:border-box}
.sdtpd-comp[data-bg]{overflow:hidden}
.sdtpd-comp[data-bg] > :first-child{background-color:inherit !important}
.sdtpd-banner{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background-color:#c2e2c9;background-size:cover;background-position:center;overflow:hidden}
.sdtpd-banner__slides{position:absolute;left:0;top:0;right:0;bottom:0}
.sdtpd-banner__slide{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;transition:opacity .8s ease;background-size:cover;background-position:center}
.sdtpd-banner__slide.is-active{opacity:1}
.sdtpd-banner__inner{position:relative;z-index:2;text-align:center;color:#fff;padding:0 16px;max-width:900px}
.sdtpd-banner__title{font-size:var(--fs-main,44px);font-family:var(--ff-main,inherit);color:var(--tx-c,#fff);margin:0 0 12px;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.sdtpd-banner__subtitle{font-size:var(--fs-main,20px);font-family:var(--ff-main,inherit);color:var(--tx-c,#fff);margin:0 0 24px;opacity:.92;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.sdtpd-banner__cta{display:inline-block;padding:12px 32px;background:var(--sc-primary);color:#fff;text-decoration:none;border-radius:999px;font-size:16px;transition:background .2s}
.sdtpd-banner__cta:hover{background:var(--sc-primary-dark)}
.sdtpd-heading{text-align:center;padding:var(--cp-space-5) 0 var(--cp-space-3);border-bottom:1px solid var(--sc-border);box-sizing:border-box}
.sdtpd-heading h2{font-size:var(--cp-fs-h2);font-family:var(--cp-font-title);font-weight:var(--cp-title-weight);letter-spacing:var(--cp-title-spacing);line-height:var(--cp-lh-tight);margin:0 0 var(--cp-space-2);color:var(--tx-c,var(--sc-text))}
.sdtpd-heading p{color:var(--sc-text-light);font-family:var(--cp-font-body);font-size:var(--cp-fs-body);line-height:var(--cp-lh-body);margin:0}
.sdtpd-richtext{line-height:1.8;word-break:break-word;color:var(--tx-c,var(--sc-text));font-family:var(--ff-main,inherit)}
.sdtpd-blockquote{margin:0;padding:var(--cp-card-pad);border-left:calc(var(--cp-deco-line) + 2px) solid var(--sc-primary);background:var(--sc-bg-alt);border-radius:var(--cp-radius-sm);box-sizing:border-box}
.sdtpd-blockquote p{margin:0;color:var(--sc-text);font-size:var(--cp-fs-body);font-family:var(--cp-font-body);line-height:var(--cp-lh-body)}
.sdtpd-blockquote__cite{display:block;margin-top:var(--cp-space-2);color:var(--sc-text-light);font-size:var(--cp-fs-sub);font-style:normal}
.sdtpd-badges{list-style:none;margin:0;padding:var(--cp-space-2);display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--cp-space-3);box-sizing:border-box;align-content:start}
.sdtpd-badges__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cp-space-1);padding:var(--cp-space-3) var(--cp-space-2);background:var(--sc-bg-alt);border:var(--cp-border-w) solid var(--cp-border-c);border-radius:var(--cp-radius-sm);box-shadow:var(--cp-shadow-sm);min-width:0}
.sdtpd-badges__value{color:var(--sc-primary);font-size:var(--cp-fs-h2);line-height:var(--cp-lh-tight);font-family:var(--cp-font-title);font-weight:var(--cp-title-weight);overflow-wrap:break-word}
.sdtpd-badges__label{color:var(--sc-text-light);font-size:var(--cp-fs-sub)}
.sdtpd-iconlabel{display:flex;align-items:center;gap:var(--cp-space-2);padding:var(--cp-space-2) var(--cp-space-3);border:var(--cp-border-w) solid var(--cp-border-c);border-radius:var(--cp-radius-sm);background:var(--sc-bg-alt);box-sizing:border-box;height:100%}
.sdtpd-iconlabel__text{color:var(--sc-text);font-size:var(--cp-fs-body);font-family:var(--cp-font-body);min-width:0;overflow-wrap:break-word}
.sdtpd-imgtext{display:flex;gap:24px;align-items:center;padding:16px}
.sdtpd-imgtext__img{flex:0 0 45%}
.sdtpd-imgtext__img img{width:100%;display:block;border-radius:var(--sc-radius)}
.sdtpd-imgtext__txt{flex:1;line-height:1.8;color:var(--tx-c,var(--sc-text));font-family:var(--ff-main,inherit)}
.sdtpd-imgtext--right{flex-direction:row-reverse}
.sdtpd-imggrid{display:grid;gap:12px;padding:8px}
.sdtpd-imggrid img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}
.sdtpd-btns{display:flex;gap:var(--cp-space-3);flex-wrap:wrap;align-items:center;justify-content:center;padding:var(--cp-space-2)}
.sdtpd-btn{display:inline-flex;align-items:center;gap:var(--cp-space-1);padding:calc(var(--cp-space-2) + 2px) var(--cp-space-5);background:var(--sc-primary);color:#fff;text-decoration:none;border-radius:var(--cp-cta-radius);font-family:var(--cp-font-body);font-size:var(--cp-fs-body);font-weight:var(--cp-cta-weight);box-shadow:var(--cp-shadow-sm);transition:transform .18s,box-shadow .18s,background .18s}
.sdtpd-btn:hover{background:var(--sc-primary-dark);box-shadow:var(--cp-shadow-md);transform:translateY(-1px)}
.sdtpd-articlelist{padding:16px}
.sdtpd-articlelist h2{font-size:26px;margin:0 0 12px}
.sdtpd-articlelist ul{list-style:none;margin:0;padding:0}
.sdtpd-articlelist li{padding:14px 0;border-bottom:1px solid var(--sc-border)}
.sdtpd-articlelist li a{font-size:var(--fs-main,18px);font-family:var(--ff-main,inherit);color:var(--tx-c,var(--sc-text));text-decoration:none;font-weight:600}
.sdtpd-articlelist li a:hover{color:var(--sc-primary)}
.sdtpd-articlelist__date{display:block;color:var(--sc-text-light);font-size:13px;margin:4px 0}
.sdtpd-articlelist__summary{margin:0;color:var(--sc-text-light);font-size:14px;line-height:1.6}
.sdtpd-contact{padding:16px}
.sdtpd-contact ul{list-style:none;margin:0;padding:0}
.sdtpd-contact li{display:flex;gap:8px;padding:6px 0}
.sdtpd-contact__label{color:var(--sc-primary);font-weight:600;flex:0 0 auto}
.sdtpd-newscard__img{width:100%;height:96px;object-fit:cover;border-radius:var(--sc-radius);background:var(--sc-bg-alt)}
.sdtpd-newscard__img.sdtpd-newscard__ph{background:var(--sc-bg-alt);border:1px dashed var(--sc-border);box-sizing:border-box}
.sdtpd-divider{border:none;height:var(--cp-deco-line);margin:var(--cp-space-4) 0;background:linear-gradient(90deg,transparent,var(--sc-border),transparent)}
.sdtpd-foot{background:var(--sc-bg-alt);border-top:1px solid var(--sc-border);padding:24px;margin-top:auto}
.sdtpd-foot__inner{max-width:1080px;margin:0 auto}
.sdtpd-article{max-width:820px;margin:0 auto;padding:32px 20px;line-height:1.9}
.sdtpd-article__title{font-size:32px;margin:0 0 12px}
.sdtpd-article__meta{color:var(--sc-text-light);font-size:14px;margin:0 0 20px}
.sdtpd-article__cover{width:100%;border-radius:var(--sc-radius);margin-bottom:24px;display:block}
.sdtpd-article__content{font-size:16px;word-break:break-word}
.sdtpd-article__content img{max-width:100%}
.sdtpd-article__related{margin-top:40px;border-top:1px solid var(--sc-border);padding-top:20px}
.sdtpd-article__related h3{margin:0 0 12px;font-size:20px}
.sdtpd-article__related ul{list-style:none;padding:0;margin:0}
.sdtpd-article__related li{padding:8px 0}
.sdtpd-article__related a{color:var(--sc-primary);text-decoration:none}
.sdtpd-article__related a:hover{text-decoration:underline}
.sdtpd-imgtext__img,.sdtpd-imggrid img,.sdtpd-abouthero__img,.sdtpd-banner{background-color:#c2e2c9;background-image:linear-gradient(135deg,#e3f0e5,#c2e2c9)}
.sb-img-missing{display:none}
@media (max-width:768px){
.sdtpd-banner__title{font-size:28px}
.sdtpd-banner__subtitle{font-size:16px}
.sdtpd-imgtext,.sdtpd-imgtext--right{flex-direction:column}
.sdtpd-imgtext__img{flex:none;width:100%}
.sdtpd-imggrid{grid-template-columns:1fr !important}
.sdtpd-heading h2{font-size:24px}
.sdtpd-article__title{font-size:24px}

.sdtpd-canvas{min-height:auto !important;display:flex;flex-direction:column;gap:12px;padding:8px}
.sdtpd-canvas .sdtpd-comp{position:static !important;width:100% !important;height:auto !important;z-index:auto !important}
}/* P3.2~P3.4 BASE UNIFY 2026-11-14 */
.sdtpd-banner,.sdtpd-richtext,.sdtpd-imgtext,.sdtpd-imggrid,.sdtpd-articlelist,.sdtpd-contact,.sdtpd-rank-classic,.sdtpd-rank-compact,.sdtpd-rank-cards,.sdtpd-rank-podium,.sdtpd-rank-table,.sdtpd-rank-imagelist,.sdtpd-rank-tabs,.sdtpd-rank-scorebar,.sdtpd-rank-sidebar,.sdtpd-rank-badges,.sdtpd-prod-hero,.sdtpd-prod-detail,.sdtpd-prod-compare,.sdtpd-ratingbar,.sdtpd-proscons,.sdtpd-rankfaq,.sdtpd-ranknotice,.sdtpd-columnstext,.sdtpd-textlist,.sdtpd-featurepara,.sdtpd-gallery,.sdtpd-video,.sdtpd-logowall,.sdtpd-iconfeat,.sdtpd-stepsbar,.sdtpd-pagetabs,.sdtpd-contactform,.sdtpd-subscribebox,.sdtpd-abouthero,.sdtpd-footerinfo,.sdtpd-footerlinks,.sdtpd-statscards,.sdtpd-timeline,.sdtpd-progressgroup{border-radius:var(--cp-radius-md);box-shadow:var(--cp-shadow-sm);border:var(--cp-border-w) solid var(--cp-border-c)}
.sdtpd-banner__title,.sdtpd-abouthero__title,.sdtpd-prod-hero__title,.sdtpd-articlelist h2,.sdtpd-rank-classic__brandline strong,.sdtpd-rank-compact__brandline strong,.sdtpd-rank-cards__brand,.sdtpd-rank-podium__brand,.sdtpd-rank-imagelist__brandline strong,.sdtpd-rank-tabs__brand,.sdtpd-rank-scorebar__brand,.sdtpd-rank-sidebar__brand,.sdtpd-rank-badges__brand,.sdtpd-prod-detail__brand,.sdtpd-columnstext__title,.sdtpd-featurepara__title,.sdtpd-iconfeat__title,.sdtpd-statscards__value,.sdtpd-timeline__title,.sdtpd-rankfaq__q{font-family:var(--cp-font-title);font-weight:var(--cp-title-weight);letter-spacing:var(--cp-title-spacing);line-height:var(--cp-lh-tight)}
.sdtpd-banner__subtitle,.sdtpd-richtext p,.sdtpd-imgtext__txt,.sdtpd-articlelist__summary,.sdtpd-contact li,.sdtpd-rank-classic__desc,.sdtpd-rank-compact__desc,.sdtpd-rank-imagelist__desc,.sdtpd-rank-tabs__desc,.sdtpd-rank-scorebar__desc,.sdtpd-rank-badges__desc,.sdtpd-prod-detail__text,.sdtpd-prod-hero__text,.sdtpd-abouthero__text,.sdtpd-columnstext__text,.sdtpd-featurepara__text,.sdtpd-textlist__text,.sdtpd-iconfeat__text,.sdtpd-statscards__label{font-family:var(--cp-font-body);font-size:var(--cp-fs-body);line-height:var(--cp-lh-body)}
.sdtpd-imgtext img,.sdtpd-imggrid img,.sdtpd-articlelist img,.sdtpd-rank-classic__logo,.sdtpd-rank-compact__logo,.sdtpd-rank-cards__logo,.sdtpd-rank-podium__logo,.sdtpd-rank-table__logo,.sdtpd-rank-imagelist__pic,.sdtpd-rank-tabs__logo,.sdtpd-rank-scorebar__logo,.sdtpd-rank-sidebar__logo,.sdtpd-rank-badges__logo,.sdtpd-prod-hero__pic,.sdtpd-prod-detail__logo,.sdtpd-prod-compare__logo,.sdtpd-abouthero__pic{border-radius:var(--cp-img-radius)}
.sdtpd-rank-classic__item,.sdtpd-rank-compact__item,.sdtpd-rank-cards__card,.sdtpd-rank-podium__card,.sdtpd-rank-imagelist__row,.sdtpd-rank-tabs__item,.sdtpd-rank-scorebar__item,.sdtpd-rank-sidebar__item,.sdtpd-rank-badges__card,.sdtpd-prod-detail__side,.sdtpd-prod-compare__prod,.sdtpd-ratingbar__row,.sdtpd-proscons__col,.sdtpd-rankfaq__item,.sdtpd-ranknotice,.sdtpd-statscards__card,.sdtpd-timeline__item,.sdtpd-contactform input,.sdtpd-contactform textarea,.sdtpd-contactform select,.sdtpd-subscribebox input{padding:var(--cp-card-pad);border-radius:var(--cp-radius-sm);border:var(--cp-border-w) solid var(--cp-border-c);box-shadow:var(--cp-shadow-sm);background:var(--sc-bg);box-sizing:border-box}
.sdtpd-contactform input,.sdtpd-contactform textarea,.sdtpd-contactform select,.sdtpd-subscribebox input{padding:var(--cp-space-2) var(--cp-space-3)}
.sdtpd-richtext{padding:var(--cp-space-2);line-height:var(--cp-lh-body)}.sdtpd-contactform__note{margin:0 0 var(--cp-space-2);color:var(--sc-text-light);font-size:var(--cp-fs-sub);font-family:var(--cp-font-body)}body{font-family:var(--cp-font-body,inherit);font-size:var(--cp-fs-body,16px);line-height:var(--cp-lh-body,1.6)}.sdtpd-navwrap:not(.sdtpd-navwrap--sticky),.sdtpd-canvas,.sdtpd-foot{position:relative;z-index:1}.sdtpd-site-nav--sticky{position:sticky;top:0;z-index:900}.imgbox-on .sdtpd-rank-classic__logo,.imgbox-on .sdtpd-rank-compact__logo,.imgbox-on .sdtpd-rank-cards__logo,.imgbox-on .sdtpd-rank-podium__logo,.imgbox-on .sdtpd-rank-table__logo,.imgbox-on .sdtpd-rank-imagelist__pic,.imgbox-on .sdtpd-rank-tabs__logo,.imgbox-on .sdtpd-rank-scorebar__logo,.imgbox-on .sdtpd-rank-sidebar__logo,.imgbox-on .sdtpd-rank-badges__logo,.imgbox-on .sdtpd-prod-hero__pic,.imgbox-on .sdtpd-prod-detail__logo,.imgbox-on .sdtpd-prod-compare__logo,.imgbox-on .sdtpd-articlelist__cover,.imgbox-on .sdtpd-cardgrid__img,.imgbox-on .sdtpd-newscard__img{width:var(--ib-w,100%);height:var(--ib-h,auto);max-width:100%;object-fit:var(--ib-fit,cover);border-radius:var(--ib-r,var(--cp-img-radius))}.sdtpd-rank-classic,.sdtpd-rank-compact{background:var(--sc-bg);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow);padding:20px 24px}
.sdtpd-rank-classic__head,.sdtpd-rank-compact__head,.sdtpd-rank-cards__head{text-align:center;margin-bottom:12px}
.sdtpd-rank-classic__head h2,.sdtpd-rank-compact__head h2,.sdtpd-rank-cards__head h2{font-size:26px;margin:0 0 6px;color:var(--sc-text)}
.sdtpd-rank-classic__head p,.sdtpd-rank-compact__head p,.sdtpd-rank-cards__head p{color:var(--sc-text-light);margin:0;font-size:15px}
.sdtpd-rank-classic__list,.sdtpd-rank-compact__list{list-style:none;margin:0;padding:0}
.sdtpd-rank-classic__item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-classic__item:last-child{border-bottom:none}
.sdtpd-rank-classic__no,.sdtpd-rank-compact__no{flex:0 0 auto;width:32px;height:32px;line-height:32px;border-radius:50%;background:var(--sc-primary);color:#fff;text-align:center;font-weight:700;font-size:15px}
.sdtpd-rank-classic__item.is-top .sdtpd-rank-classic__no{background:linear-gradient(135deg,#f5a623,#fac56b)}
.sdtpd-rank-classic__logo{flex:0 0 56px;width:56px;height:56px;border-radius:8px;object-fit:cover;display:block}
.sdtpd-rank-logo-ph{background:var(--sc-bg-alt);border:1px solid var(--sc-border)}
.sdtpd-rank-classic__info{flex:1;min-width:0}
.sdtpd-rank-classic__brandline{display:flex;align-items:center;gap:8px;min-width:0}
.sdtpd-rank-classic__brandline strong{font-size:17px;color:var(--sc-text);line-height:1.4}
.sdtpd-rank-classic__badge{flex:0 0 auto;background:var(--sc-primary);color:#fff;font-size:12px;padding:2px 8px;border-radius:4px;line-height:1.5}
.sdtpd-rank-classic__desc{margin:4px 0 0;color:var(--sc-text-light);font-size:13px;line-height:1.5}
.sdtpd-rank-classic__score,.sdtpd-rank-compact__score,.sdtpd-rank-cards__score{flex:0 0 auto;text-align:center;line-height:1.3;min-width:56px}
.sdtpd-rank-classic__score b,.sdtpd-rank-compact__score b,.sdtpd-rank-cards__score b{display:block;font-size:20px;color:var(--sc-primary)}
.sdtpd-rank-classic__score span,.sdtpd-rank-compact__score span,.sdtpd-rank-cards__score span{display:block;font-size:12px;color:var(--sc-text-light)}
.sdtpd-rank-classic__btn{flex:0 0 auto;display:inline-block;padding:6px 16px;background:var(--sc-primary);color:#fff;text-decoration:none;border:none;border-radius:999px;font-size:13px;line-height:1.5;transition:background .2s}
.sdtpd-rank-classic__btn:hover{background:var(--sc-primary-dark)}
.sdtpd-rank-compact__item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-compact__item:last-child{border-bottom:none}
.sdtpd-rank-compact__no{width:28px;height:28px;line-height:28px;font-size:13px}
.sdtpd-rank-compact__logo{flex:0 0 36px;width:36px;height:36px;border-radius:6px;object-fit:cover;display:block}
.sdtpd-rank-compact__info{flex:1;min-width:0}
.sdtpd-rank-compact__brandline{flex:1;min-width:0;font-size:15px;color:var(--sc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdtpd-rank-cards{padding:8px}
.sdtpd-rank-cards__grid{display:grid;gap:12px;padding:8px 0}
.sdtpd-rank-cards__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:16px;text-align:center;transition:box-shadow .2s}
.sdtpd-rank-cards__card:hover{box-shadow:var(--sc-shadow)}
.sdtpd-rank-cards__no{position:absolute;left:10px;top:10px;width:26px;height:26px;line-height:26px;border-radius:50%;background:var(--sc-primary);color:#fff;text-align:center;font-weight:700;font-size:13px}
.sdtpd-rank-cards__card.is-top .sdtpd-rank-cards__no{background:linear-gradient(135deg,#f5a623,#fac56b)}
.sdtpd-rank-cards__logo{width:72px;height:72px;border-radius:10px;object-fit:cover;display:block}
.sdtpd-rank-cards__brand{font-size:16px;color:var(--sc-text);line-height:1.4}
.sdtpd-rank-cards__badge{position:absolute;right:0;top:12px;background:var(--sc-primary);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px 0 0 4px}
.sdtpd-rank-stars{position:relative;display:inline-block;line-height:1}
.sdtpd-rank-stars__bg{color:#ccc}
.sdtpd-rank-stars__fg{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#f5a623}
.sdtpd-rank-podium,.sdtpd-rank-table,.sdtpd-rank-imagelist,.sdtpd-rank-tabs,.sdtpd-rank-scorebar,.sdtpd-rank-sidebar,.sdtpd-rank-badges{background:var(--sc-bg);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow);padding:20px 24px}
.sdtpd-rank-podium__head,.sdtpd-rank-table__head,.sdtpd-rank-imagelist__head,.sdtpd-rank-tabs__head,.sdtpd-rank-scorebar__head,.sdtpd-rank-sidebar__head,.sdtpd-rank-badges__head{text-align:center;margin-bottom:12px}
.sdtpd-rank-podium__head h2,.sdtpd-rank-table__head h2,.sdtpd-rank-imagelist__head h2,.sdtpd-rank-tabs__head h2,.sdtpd-rank-scorebar__head h2,.sdtpd-rank-sidebar__head h2,.sdtpd-rank-badges__head h2{font-size:26px;margin:0 0 6px;color:var(--sc-text)}
.sdtpd-rank-podium__head p,.sdtpd-rank-table__head p,.sdtpd-rank-imagelist__head p,.sdtpd-rank-tabs__head p,.sdtpd-rank-scorebar__head p,.sdtpd-rank-sidebar__head p,.sdtpd-rank-badges__head p{color:var(--sc-text-light);margin:0;font-size:15px}
.sdtpd-rank-podium__stage{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:14px;margin-bottom:14px}
.sdtpd-rank-podium__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:16px 12px;text-align:center}
.sdtpd-rank-podium__card.is-first{order:0;border-color:#f5a623;box-shadow:0 6px 18px rgba(245,166,35,.25);transform:scale(1.06);background:var(--sc-bg)}
.sdtpd-rank-podium__card.is-second{order:-1}
.sdtpd-rank-podium__card.is-third{order:1}
.sdtpd-rank-podium__no{width:32px;height:32px;line-height:32px;border-radius:50%;background:linear-gradient(135deg,#f5a623,#fac56b);color:#fff;text-align:center;font-weight:700;font-size:15px;flex:0 0 auto}
.sdtpd-rank-podium__logo{width:56px;height:56px;border-radius:8px;object-fit:cover;display:block}
.sdtpd-rank-podium__brand{font-size:15px;color:var(--sc-text);line-height:1.4}
.sdtpd-rank-podium__card .sdtpd-rank-podium__brand{font-size:16px}
.sdtpd-rank-podium__badge{background:var(--sc-primary);color:#fff;font-size:12px;padding:2px 8px;border-radius:4px;line-height:1.5}
.sdtpd-rank-podium__list{list-style:none;margin:0;padding:0}
.sdtpd-rank-podium__item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-podium__item:last-child{border-bottom:none}
.sdtpd-rank-podium__item .sdtpd-rank-podium__no{width:28px;height:28px;line-height:28px;font-size:13px}
.sdtpd-rank-podium__info{flex:1;min-width:0}
.sdtpd-rank-podium__score{flex:0 0 auto;text-align:center;line-height:1.3;min-width:56px}
.sdtpd-rank-podium__score b{display:block;font-size:20px;color:var(--sc-primary)}
.sdtpd-rank-podium__score span{display:block;font-size:12px;color:var(--sc-text-light)}
.sdtpd-rank-table{padding:12px}
.sdtpd-rank-table__table{width:100%;border-collapse:collapse;font-size:14px}
.sdtpd-rank-table__table th{background:var(--sc-primary);color:#fff;padding:10px 8px;text-align:center;font-weight:600}
.sdtpd-rank-table__table td{padding:10px 8px;border-bottom:1px solid var(--sc-border);text-align:center;vertical-align:middle}
.sdtpd-rank-table__table tr:last-child td{border-bottom:none}
.sdtpd-rank-table__row.is-top{background:#fffaf0}
.sdtpd-rank-table__no{display:inline-block;width:26px;height:26px;line-height:26px;border-radius:50%;background:var(--sc-primary);color:#fff;text-align:center;font-weight:700;font-size:13px}
.sdtpd-rank-table__row.is-top .sdtpd-rank-table__no{background:linear-gradient(135deg,#f5a623,#fac56b)}
.sdtpd-rank-table__brandcell{display:flex;align-items:center;gap:8px;text-align:left;min-width:0}
.sdtpd-rank-table__logo{flex:0 0 28px;width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}
.sdtpd-rank-table__brand{color:var(--sc-text);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdtpd-rank-table__scorecell b{color:var(--sc-primary);font-size:16px}
.sdtpd-rank-table__badge{background:var(--sc-primary);color:#fff;font-size:12px;padding:2px 8px;border-radius:4px;line-height:1.5;white-space:nowrap}
.sdtpd-rank-table__link{color:var(--sc-primary);font-size:13px}
a.sdtpd-rank-table__link{text-decoration:none}
a.sdtpd-rank-table__link:hover{text-decoration:underline}
.sdtpd-rank-imagelist__list{display:flex;flex-direction:column}
.sdtpd-rank-imagelist__row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-imagelist__row:last-child{border-bottom:none}
.sdtpd-rank-imagelist__picwrap{position:relative;flex:0 0 180px}
.sdtpd-rank-imagelist__pic{width:180px;height:110px;object-fit:cover;border-radius:8px;display:block}
.sdtpd-rank-imagelist__no{position:absolute;left:0;top:0;z-index:1;width:26px;height:26px;line-height:26px;border-radius:6px 0 8px 0;background:var(--sc-primary);color:#fff;text-align:center;font-weight:700;font-size:13px}
.sdtpd-rank-imagelist__row.is-top .sdtpd-rank-imagelist__no{background:linear-gradient(135deg,#f5a623,#fac56b)}
.sdtpd-rank-imagelist__info{flex:1;min-width:0}
.sdtpd-rank-imagelist__brandline{display:flex;align-items:center;gap:8px;min-width:0}
.sdtpd-rank-imagelist__brandline strong{font-size:16px;color:var(--sc-text);line-height:1.4}
.sdtpd-rank-imagelist__badge{flex:0 0 auto;background:var(--sc-primary);color:#fff;font-size:12px;padding:2px 8px;border-radius:4px;line-height:1.5}
.sdtpd-rank-imagelist__desc{margin:4px 0 0;color:var(--sc-text-light);font-size:13px;line-height:1.5}
.sdtpd-rank-imagelist__side{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px}
.sdtpd-rank-imagelist__score{text-align:center;line-height:1.3;min-width:56px}
.sdtpd-rank-imagelist__score b{display:block;font-size:20px;color:var(--sc-primary)}
.sdtpd-rank-imagelist__score span{display:block;font-size:12px;color:var(--sc-text-light)}
.sdtpd-rank-imagelist__btn{display:inline-block;padding:6px 16px;background:var(--sc-primary);color:#fff;text-decoration:none;border:none;border-radius:999px;font-size:13px;line-height:1.5;transition:background .2s}
.sdtpd-rank-imagelist__btn:hover{background:var(--sc-primary-dark)}
.sdtpd-rank-tabs__bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.sdtpd-rank-tabs__tab{padding:6px 18px;border:1px solid var(--sc-border);background:var(--sc-bg-alt);color:var(--sc-text);border-radius:999px;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
.sdtpd-rank-tabs__tab.is-active{background:var(--sc-primary);color:#fff;border-color:var(--sc-primary)}
.sdtpd-rank-tabs__pane{display:none}
.sdtpd-rank-tabs__pane.is-active{display:block}
.sdtpd-rank-tabs__list{list-style:none;margin:0;padding:0}
.sdtpd-rank-tabs__item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-tabs__item:last-child{border-bottom:none}
.sdtpd-rank-tabs__no{flex:0 0 auto;width:28px;height:28px;line-height:28px;border-radius:50%;background:var(--sc-primary);color:#fff;text-align:center;font-weight:700;font-size:13px}
.sdtpd-rank-tabs__logo{flex:0 0 36px;width:36px;height:36px;border-radius:6px;object-fit:cover;display:block}
.sdtpd-rank-tabs__info{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.sdtpd-rank-tabs__brand{font-size:15px;color:var(--sc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdtpd-rank-tabs__score{flex:0 0 auto;text-align:center;line-height:1.3;min-width:56px}
.sdtpd-rank-tabs__score b{display:block;font-size:18px;color:var(--sc-primary)}
.sdtpd-rank-tabs__score span{display:block;font-size:12px;color:var(--sc-text-light)}
.sdtpd-rank-scorebar__list{list-style:none;margin:0;padding:0}
.sdtpd-rank-scorebar__item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-scorebar__item:last-child{border-bottom:none}
.sdtpd-rank-scorebar__no{flex:0 0 auto;width:28px;height:28px;line-height:28px;border-radius:50%;background:var(--sc-primary);color:#fff;text-align:center;font-weight:700;font-size:13px}
.sdtpd-rank-scorebar__logo{flex:0 0 40px;width:40px;height:40px;border-radius:6px;object-fit:cover;display:block}
.sdtpd-rank-scorebar__info{flex:1;min-width:0}
.sdtpd-rank-scorebar__brand{font-size:15px;color:var(--sc-text);line-height:1.4}
.sdtpd-rank-scorebar__desc{margin:2px 0 0;color:var(--sc-text-light);font-size:13px;line-height:1.5}
.sdtpd-rank-scorebar__barwrap{flex:0 0 220px;display:flex;align-items:center;gap:8px}
.sdtpd-rank-scorebar__track{flex:1;height:10px;border-radius:999px;background:var(--sc-bg-alt);border:1px solid var(--sc-border);overflow:hidden}
.sdtpd-rank-scorebar__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sc-primary),var(--sc-accent))}
.sdtpd-rank-scorebar__item.is-top .sdtpd-rank-scorebar__fill{background:linear-gradient(90deg,#f5a623,#fac56b)}
.sdtpd-rank-scorebar__score{flex:0 0 auto;color:var(--sc-primary);font-size:16px}
.sdtpd-rank-sidebar{max-width:360px}
.sdtpd-rank-sidebar__list{list-style:none;margin:0;padding:0}
.sdtpd-rank-sidebar__item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-sidebar__item:last-child{border-bottom:none}
.sdtpd-rank-sidebar__no{flex:0 0 auto;width:24px;height:24px;line-height:24px;border-radius:50%;background:var(--sc-primary);color:#fff;text-align:center;font-weight:700;font-size:12px}
.sdtpd-rank-sidebar__logo{flex:0 0 28px;width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}
.sdtpd-rank-sidebar__brand{flex:1;min-width:0;font-size:14px;color:var(--sc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdtpd-rank-sidebar__score{flex:0 0 auto;color:var(--sc-primary);font-size:15px}
.sdtpd-rank-badges__grid{padding:8px 0}
.sdtpd-rank-badges__card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:1px solid var(--sc-border);border-radius:var(--sc-radius);background:var(--sc-bg);text-align:center}
.sdtpd-rank-badges__card.is-top{border-color:#f5a623;box-shadow:0 4px 14px rgba(245,166,35,.18)}
.sdtpd-rank-badges__honour{font-size:18px;font-weight:700;color:var(--sc-primary)}
.sdtpd-rank-badges__card.is-top .sdtpd-rank-badges__honour{color:#f5a623}
.sdtpd-rank-badges__logo{width:64px;height:64px;border-radius:10px;object-fit:cover;display:block}
.sdtpd-rank-badges__brand{font-size:16px;color:var(--sc-text);line-height:1.4}
.sdtpd-rank-badges__score{text-align:center;line-height:1.3}
.sdtpd-rank-badges__score b{display:block;font-size:20px;color:var(--sc-primary)}
.sdtpd-rank-badges__score span{display:block;font-size:12px;color:var(--sc-text-light)}
.sdtpd-prod-hero{position:relative;background:linear-gradient(135deg,#1e7e34,#0b5e20);background-color:#155d26;color:#fff;text-align:center;padding:56px 24px;overflow:hidden;border-radius:var(--sc-radius)}
.sdtpd-prod-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.45))}
.sdtpd-prod-hero__inner{position:relative;z-index:1;max-width:900px;margin:0 auto}
.sdtpd-prod-hero__inner h1{font-size:28px;margin:0 0 10px;color:#fff}
.sdtpd-prod-hero__inner p{margin:0 0 14px;opacity:.92;font-size:16px}
.sdtpd-prod-hero__date{display:inline-block;background:rgba(255,255,255,.18);color:#fff;font-size:13px;padding:4px 14px;border-radius:999px}
.sdtpd-prod-detail{background:var(--sc-bg);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow);padding:20px 24px}
.sdtpd-prod-detail__head{text-align:center;margin-bottom:12px}
.sdtpd-prod-detail__head h2{font-size:26px;margin:0;color:var(--sc-text)}
.sdtpd-prod-detail__body{display:flex;gap:20px}
.sdtpd-prod-detail__side{flex:0 0 240px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.sdtpd-prod-detail__logo{width:96px;height:96px;border-radius:12px;object-fit:cover;display:block}
.sdtpd-prod-detail__brand{font-size:18px;color:var(--sc-text)}
.sdtpd-prod-detail__score{text-align:center;line-height:1.3}
.sdtpd-prod-detail__score b{display:block;font-size:22px;color:var(--sc-primary)}
.sdtpd-prod-detail__score span{display:block;font-size:12px;color:var(--sc-text-light)}
.sdtpd-prod-detail__main{flex:1;min-width:0}
.sdtpd-prod-detail__aspects{list-style:none;margin:0;padding:0}
.sdtpd-prod-detail__aspects li{display:flex;align-items:center;gap:10px;padding:6px 0}
.sdtpd-prod-detail__aspect-name{flex:0 0 90px;font-size:14px;color:var(--sc-text);text-align:left}
.sdtpd-prod-detail__aspect-track{flex:1;height:8px;border-radius:999px;background:var(--sc-bg-alt);border:1px solid var(--sc-border);overflow:hidden}
.sdtpd-prod-detail__aspect-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sc-primary),var(--sc-accent))}
.sdtpd-prod-detail__aspects b{flex:0 0 auto;min-width:32px;text-align:right;color:var(--sc-primary);font-size:14px}
.sdtpd-prod-detail__pc{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}
.sdtpd-prod-detail__pc h3{font-size:15px;margin:0 0 8px;color:var(--sc-primary)}
.sdtpd-prod-detail__cons h3{color:#c0392b}
.sdtpd-prod-detail__pros ul,.sdtpd-prod-detail__cons ul{list-style:none;margin:0;padding:0}
.sdtpd-prod-detail__pros li,.sdtpd-prod-detail__cons li{font-size:14px;color:var(--sc-text);padding:3px 0;line-height:1.6}
.sdtpd-prod-detail__pros li::before{content:"✓ ";color:var(--sc-primary);font-weight:700}
.sdtpd-prod-detail__cons li::before{content:"✗ ";color:#c0392b;font-weight:700}
.sdtpd-prod-detail__btn{display:inline-block;margin-top:16px;padding:10px 28px;background:var(--sc-primary);color:#fff;text-decoration:none;border-radius:999px;font-size:15px;transition:background .2s}
.sdtpd-prod-detail__btn:hover{background:var(--sc-primary-dark)}
.sdtpd-prod-compare{background:var(--sc-bg);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow);padding:20px 24px}
.sdtpd-prod-compare__head{text-align:center;margin-bottom:12px}
.sdtpd-prod-compare__head h2{font-size:26px;margin:0;color:var(--sc-text)}
.sdtpd-prod-compare__scroll{overflow-x:auto}
.sdtpd-prod-compare__table{width:100%;border-collapse:collapse;font-size:14px}
.sdtpd-prod-compare__table th,.sdtpd-prod-compare__table td{border:1px solid var(--sc-border);padding:8px;text-align:center}
.sdtpd-prod-compare__lead{width:110px;background:var(--sc-bg-alt);color:var(--sc-text);font-weight:600}
.sdtpd-prod-compare__prod{display:flex;align-items:center;justify-content:center;gap:8px;min-width:130px;font-weight:600;color:var(--sc-text)}
.sdtpd-prod-compare__logo{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}
.sdtpd-ratingbar{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;background:var(--sc-bg);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow)}
.sdtpd-ratingbar__label{color:var(--sc-text);font-size:15px;font-weight:600}
.sdtpd-ratingbar__score{color:var(--sc-primary);font-weight:700;font-size:16px}
.sdtpd-proscons{background:var(--sc-bg);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow);padding:20px 24px}
.sdtpd-proscons h3{text-align:center;font-size:22px;margin:0 0 12px;color:var(--sc-text)}
.sdtpd-proscons__cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sdtpd-proscons__pros h4{margin:0 0 8px;font-size:15px;color:var(--sc-primary)}
.sdtpd-proscons__cons h4{margin:0 0 8px;font-size:15px;color:#c0392b}
.sdtpd-proscons__pros ul,.sdtpd-proscons__cons ul{list-style:none;margin:0;padding:0}
.sdtpd-proscons__pros li,.sdtpd-proscons__cons li{font-size:14px;color:var(--sc-text);padding:3px 0;line-height:1.6}
.sdtpd-buybtns{display:flex;flex-wrap:wrap;gap:12px;padding:12px}
.sdtpd-buybtns__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--sc-primary);color:#fff;text-decoration:none;border-radius:999px;font-size:14px;transition:background .2s}
.sdtpd-buybtns__btn:hover{background:var(--sc-primary-dark)}
.sdtpd-buybtns__price{color:rgba(255,255,255,.85);font-size:13px}
.sdtpd-rankfaq{background:var(--sc-bg);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow);padding:20px 24px}
.sdtpd-rankfaq__head{text-align:center;margin-bottom:12px}
.sdtpd-rankfaq__head h2{font-size:26px;margin:0;color:var(--sc-text)}
.sdtpd-rankfaq__item{border:1px solid var(--sc-border);border-radius:8px;margin-bottom:10px;background:var(--sc-bg);overflow:hidden}
.sdtpd-rankfaq__item summary{padding:12px 16px;font-weight:600;font-size:15px;color:var(--sc-text);cursor:pointer}
.sdtpd-rankfaq__a{padding:0 16px 12px;background:var(--sc-bg-alt);color:var(--sc-text-light);font-size:14px;line-height:1.7}
.sdtpd-rankfaq__a p{margin:0;padding-top:10px}
.sdtpd-ranknotice{background:var(--sc-bg-alt);border-radius:var(--sc-radius);padding:16px 20px}
.sdtpd-ranknotice h3{font-size:15px;margin:0 0 8px;color:var(--sc-text)}
.sdtpd-ranknotice__body p{margin:0 0 6px;font-size:13px;color:var(--sc-text-light);line-height:1.7}
.sdtpd-ranknotice__body p:last-child{margin-bottom:0}
@media (max-width:768px){
.sdtpd-rank-classic,.sdtpd-rank-compact{padding:14px 12px}
.sdtpd-rank-classic__head h2,.sdtpd-rank-compact__head h2,.sdtpd-rank-cards__head h2{font-size:22px}
.sdtpd-rank-classic__item{flex-wrap:wrap;gap:10px}
.sdtpd-rank-classic__info{flex:1 1 100%;order:6}
.sdtpd-rank-cards__grid{grid-template-columns:1fr !important}
.sdtpd-rank-podium__stage{display:flex;flex-direction:column;align-items:stretch}
.sdtpd-rank-podium__card.is-first{transform:none}
.sdtpd-rank-table__table{display:block;overflow-x:auto}
.sdtpd-rank-imagelist__row{flex-wrap:wrap}
.sdtpd-rank-imagelist__picwrap{flex:1 1 100%}
.sdtpd-rank-imagelist__pic{width:100%}
.sdtpd-rank-imagelist__side{flex-direction:row;width:100%;justify-content:space-between;align-items:center}
.sdtpd-rank-scorebar__barwrap{flex:1 1 100%}
.sdtpd-rank-badges__grid{grid-template-columns:1fr !important}
.sdtpd-prod-hero__inner h1{font-size:24px}
.sdtpd-prod-detail__body{flex-direction:column}
.sdtpd-prod-detail__side{flex:none;width:100%}
.sdtpd-prod-detail__pc{grid-template-columns:1fr}
.sdtpd-proscons__cols{grid-template-columns:1fr}
}

.sdtpd-rank-list-classic--classic .sdtpd-rank-classic{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-rank-list-classic--classic .sdtpd-rank-classic__head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-rank-list-classic--classic .sdtpd-rank-classic__no{border-radius:4px}
.sdtpd-rank-list-classic--classic .sdtpd-rank-classic__item{padding:16px 0}
.sdtpd-rank-list-classic--outline .sdtpd-rank-classic{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-rank-list-classic--outline .sdtpd-rank-classic__head h2{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-rank-list-classic--outline .sdtpd-rank-classic__badge{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-list-classic--ghost .sdtpd-rank-classic{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-list-classic--ghost .sdtpd-rank-classic__head h2{font-weight:300;letter-spacing:4px}
.sdtpd-rank-list-classic--ghost .sdtpd-rank-classic__no{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-list-classic--ghost .sdtpd-rank-classic__item{border-bottom-style:dotted}
.sdtpd-rank-list-classic--pill .sdtpd-rank-classic{border-radius:999px}
.sdtpd-rank-list-classic--pill .sdtpd-rank-classic__item{background:var(--sc-bg-alt);border-bottom:none;border-radius:999px;padding:8px 18px;margin:6px 0}
.sdtpd-rank-list-classic--pill .sdtpd-rank-classic__badge{border-radius:999px}
.sdtpd-rank-list-classic--sharp .sdtpd-rank-classic{border-radius:0}
.sdtpd-rank-list-classic--sharp .sdtpd-rank-classic__head h2{text-transform:uppercase;letter-spacing:3px;font-weight:700;font-size:22px}
.sdtpd-rank-list-classic--sharp .sdtpd-rank-classic__no{border-radius:0}
.sdtpd-rank-list-classic--sharp .sdtpd-rank-classic__btn{border-radius:0;text-transform:uppercase;letter-spacing:1px}
.sdtpd-rank-list-classic--sharp .sdtpd-rank-classic__item{border-bottom:2px solid var(--sc-text)}
.sdtpd-rank-list-classic--gradient .sdtpd-rank-classic{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-rank-list-classic--gradient .sdtpd-rank-classic__head h2{color:#fff}
.sdtpd-rank-list-classic--gradient .sdtpd-rank-classic__head p{color:rgba(255,255,255,.9)}
.sdtpd-rank-list-classic--gradient .sdtpd-rank-classic__item{border-bottom-color:rgba(255,255,255,.35)}
.sdtpd-rank-list-classic--gradient .sdtpd-rank-classic__brandline strong{color:#fff}
.sdtpd-rank-list-classic--gradient .sdtpd-rank-classic__desc{color:rgba(255,255,255,.9)}
.sdtpd-rank-list-classic--gradient .sdtpd-rank-classic__score b{color:#fff}
.sdtpd-rank-list-classic--gradient .sdtpd-rank-classic__score span{color:rgba(255,255,255,.9)}
.sdtpd-rank-list-classic--gradient .sdtpd-rank-classic__badge{background:#fff;color:var(--sc-primary)}
.sdtpd-rank-list-classic--gradient .sdtpd-rank-classic__btn{background:#fff;color:var(--sc-primary)}
.sdtpd-rank-list-classic--boxed .sdtpd-rank-classic{background:var(--sc-bg-alt);border:1px solid var(--sc-border);padding:16px 20px}
.sdtpd-rank-list-classic--boxed .sdtpd-rank-classic__head{text-align:left}
.sdtpd-rank-list-classic--boxed .sdtpd-rank-classic__no{border-radius:6px}
.sdtpd-rank-list-classic--minimal .sdtpd-rank-classic{background:transparent;border:none;box-shadow:none;padding:8px 0}
.sdtpd-rank-list-classic--minimal .sdtpd-rank-classic__head{text-align:left}
.sdtpd-rank-list-classic--minimal .sdtpd-rank-classic__head h2{border-bottom:2px solid var(--sc-primary);padding-bottom:8px}
.sdtpd-rank-list-classic--minimal .sdtpd-rank-classic__no{background:transparent;color:var(--sc-primary)}
.sdtpd-rank-list-classic--material .sdtpd-rank-classic{border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.sdtpd-rank-list-classic--material .sdtpd-rank-classic__item{transition:transform .2s,background .2s}
.sdtpd-rank-list-classic--material .sdtpd-rank-classic__item:hover{transform:translateX(4px);background:var(--sc-bg-alt)}
.sdtpd-rank-list-classic--material .sdtpd-rank-classic__score b{font-size:22px}
@media (max-width:768px){
.sdtpd-rank-list-classic--classic .sdtpd-rank-classic__head h2,.sdtpd-rank-list-classic--sharp .sdtpd-rank-classic__head h2,.sdtpd-rank-list-classic--ghost .sdtpd-rank-classic__head h2{letter-spacing:1px}
.sdtpd-rank-list-classic--pill .sdtpd-rank-classic{border-radius:20px}
.sdtpd-rank-list-classic--pill .sdtpd-rank-classic__item{padding:8px 12px}
.sdtpd-rank-list-classic--material .sdtpd-rank-classic__item:hover{transform:none}
}

.sdtpd-rank-list-compact--classic .sdtpd-rank-compact{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-rank-list-compact--classic .sdtpd-rank-compact__head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-rank-list-compact--classic .sdtpd-rank-compact__no{border-radius:4px}
.sdtpd-rank-list-compact--outline .sdtpd-rank-compact{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-rank-list-compact--outline .sdtpd-rank-compact__head h2{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-rank-list-compact--outline .sdtpd-rank-compact__no{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-list-compact--ghost .sdtpd-rank-compact{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-list-compact--ghost .sdtpd-rank-compact__head h2{font-weight:300;letter-spacing:4px}
.sdtpd-rank-list-compact--ghost .sdtpd-rank-compact__no{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-list-compact--ghost .sdtpd-rank-compact__item{border-bottom-style:dotted}
.sdtpd-rank-list-compact--pill .sdtpd-rank-compact{border-radius:999px}
.sdtpd-rank-list-compact--pill .sdtpd-rank-compact__item{background:var(--sc-bg-alt);border-bottom:none;border-radius:999px;padding:8px 14px;margin:4px 0}
.sdtpd-rank-list-compact--sharp .sdtpd-rank-compact{border-radius:0}
.sdtpd-rank-list-compact--sharp .sdtpd-rank-compact__head h2{text-transform:uppercase;letter-spacing:3px;font-weight:700;font-size:20px}
.sdtpd-rank-list-compact--sharp .sdtpd-rank-compact__no{border-radius:0}
.sdtpd-rank-list-compact--sharp .sdtpd-rank-compact__item{border-bottom:2px solid var(--sc-text)}
.sdtpd-rank-list-compact--gradient .sdtpd-rank-compact{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-rank-list-compact--gradient .sdtpd-rank-compact__head h2{color:#fff}
.sdtpd-rank-list-compact--gradient .sdtpd-rank-compact__head p{color:rgba(255,255,255,.9)}
.sdtpd-rank-list-compact--gradient .sdtpd-rank-compact__item{border-bottom-color:rgba(255,255,255,.35)}
.sdtpd-rank-list-compact--gradient .sdtpd-rank-compact__brandline{color:#fff}
.sdtpd-rank-list-compact--gradient .sdtpd-rank-compact__score b{color:#fff}
.sdtpd-rank-list-compact--gradient .sdtpd-rank-compact__score span{color:rgba(255,255,255,.9)}
.sdtpd-rank-list-compact--gradient .sdtpd-rank-compact__no{background:#fff;color:var(--sc-primary)}
.sdtpd-rank-list-compact--boxed .sdtpd-rank-compact{background:var(--sc-bg-alt);border:1px solid var(--sc-border);padding:14px 16px}
.sdtpd-rank-list-compact--boxed .sdtpd-rank-compact__head{text-align:left}
.sdtpd-rank-list-compact--minimal .sdtpd-rank-compact{background:transparent;border:none;box-shadow:none;padding:6px 0}
.sdtpd-rank-list-compact--minimal .sdtpd-rank-compact__head{text-align:left}
.sdtpd-rank-list-compact--minimal .sdtpd-rank-compact__head h2{border-bottom:2px solid var(--sc-primary);padding-bottom:8px}
.sdtpd-rank-list-compact--minimal .sdtpd-rank-compact__no{background:transparent;color:var(--sc-primary)}
.sdtpd-rank-list-compact--material .sdtpd-rank-compact{border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.sdtpd-rank-list-compact--material .sdtpd-rank-compact__item{transition:transform .2s,background .2s}
.sdtpd-rank-list-compact--material .sdtpd-rank-compact__item:hover{transform:translateY(-1px);background:var(--sc-bg-alt)}
.sdtpd-rank-list-compact--material .sdtpd-rank-compact__score b{font-size:18px}
@media (max-width:768px){
.sdtpd-rank-list-compact--classic .sdtpd-rank-compact__head h2,.sdtpd-rank-list-compact--sharp .sdtpd-rank-compact__head h2,.sdtpd-rank-list-compact--ghost .sdtpd-rank-compact__head h2{letter-spacing:1px}
.sdtpd-rank-list-compact--pill .sdtpd-rank-compact{border-radius:16px}
.sdtpd-rank-list-compact--pill .sdtpd-rank-compact__item{padding:6px 10px}
.sdtpd-rank-list-compact--material .sdtpd-rank-compact__item:hover{transform:none}
}

.sdtpd-rank-card-grid--classic .sdtpd-rank-cards__card{border:3px double var(--sc-border)}
.sdtpd-rank-card-grid--classic .sdtpd-rank-cards__no{border-radius:4px}
.sdtpd-rank-card-grid--classic .sdtpd-rank-cards__head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-rank-card-grid--outline .sdtpd-rank-cards{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-rank-card-grid--outline .sdtpd-rank-cards__card{background:transparent;border:1px solid var(--sc-primary)}
.sdtpd-rank-card-grid--outline .sdtpd-rank-cards__head h2{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-rank-card-grid--ghost .sdtpd-rank-cards{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-card-grid--ghost .sdtpd-rank-cards__card{background:transparent;border:none;box-shadow:none}
.sdtpd-rank-card-grid--ghost .sdtpd-rank-cards__card.is-top{border:1px dashed #f5a623}
.sdtpd-rank-card-grid--ghost .sdtpd-rank-cards__head h2{font-weight:300;letter-spacing:4px}
.sdtpd-rank-card-grid--pill .sdtpd-rank-cards__card{background:var(--sc-bg-alt);border-radius:999px;padding:20px}
.sdtpd-rank-card-grid--pill .sdtpd-rank-cards__badge{border-radius:999px}
.sdtpd-rank-card-grid--sharp .sdtpd-rank-cards{border-radius:0}
.sdtpd-rank-card-grid--sharp .sdtpd-rank-cards__card{border-radius:0}
.sdtpd-rank-card-grid--sharp .sdtpd-rank-cards__logo{border-radius:0}
.sdtpd-rank-card-grid--sharp .sdtpd-rank-cards__badge{border-radius:0}
.sdtpd-rank-card-grid--sharp .sdtpd-rank-cards__brand{text-transform:uppercase;letter-spacing:1px;font-weight:700}
.sdtpd-rank-card-grid--sharp .sdtpd-rank-cards__card{border:2px solid var(--sc-text)}
.sdtpd-rank-card-grid--gradient .sdtpd-rank-cards{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-rank-card-grid--gradient .sdtpd-rank-cards__head h2{color:#fff;letter-spacing:1px}
.sdtpd-rank-card-grid--gradient .sdtpd-rank-cards__head p{color:rgba(255,255,255,.9)}
.sdtpd-rank-card-grid--gradient .sdtpd-rank-cards__card{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
.sdtpd-rank-card-grid--gradient .sdtpd-rank-cards__brand{color:#fff}
.sdtpd-rank-card-grid--gradient .sdtpd-rank-cards__no{background:#fff;color:var(--sc-primary)}
.sdtpd-rank-card-grid--gradient .sdtpd-rank-cards__badge{background:#fff;color:var(--sc-primary)}
.sdtpd-rank-card-grid--boxed .sdtpd-rank-cards{background:var(--sc-bg-alt);border:1px solid var(--sc-border)}
.sdtpd-rank-card-grid--boxed .sdtpd-rank-cards__card{background:var(--sc-bg)}
.sdtpd-rank-card-grid--minimal .sdtpd-rank-cards__card{background:transparent;border:none;border-bottom:2px solid var(--sc-primary);box-shadow:none}
.sdtpd-rank-card-grid--minimal .sdtpd-rank-cards__card.is-top{border-bottom-color:#f5a623}
.sdtpd-rank-card-grid--minimal .sdtpd-rank-cards__no{background:transparent;color:var(--sc-primary)}
.sdtpd-rank-card-grid--minimal .sdtpd-rank-cards__head{text-align:left}
.sdtpd-rank-card-grid--material .sdtpd-rank-cards__card{border:1px solid var(--sc-border);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:box-shadow .2s,transform .2s}
.sdtpd-rank-card-grid--material .sdtpd-rank-cards__card:hover{box-shadow:0 8px 20px rgba(0,0,0,.18);transform:translateY(-3px)}
@media (max-width:768px){
.sdtpd-rank-card-grid--classic .sdtpd-rank-cards__head h2,.sdtpd-rank-card-grid--ghost .sdtpd-rank-cards__head h2{letter-spacing:1px}
.sdtpd-rank-card-grid--pill .sdtpd-rank-cards__card{border-radius:16px;padding:14px}
.sdtpd-rank-card-grid--material .sdtpd-rank-cards__card:hover{transform:none}
}

.sdtpd-rank-podium--classic .sdtpd-rank-podium{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-rank-podium--classic .sdtpd-rank-podium__head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-rank-podium--classic .sdtpd-rank-podium__card{border-bottom:4px solid var(--sc-border)}
.sdtpd-rank-podium--classic .sdtpd-rank-podium__card.is-first{border-bottom-color:#d4af37}
.sdtpd-rank-podium--outline .sdtpd-rank-podium{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-rank-podium--outline .sdtpd-rank-podium__card{background:transparent;border:1px solid var(--sc-primary)}
.sdtpd-rank-podium--outline .sdtpd-rank-podium__card.is-first{border-width:3px;transform:none}
.sdtpd-rank-podium--outline .sdtpd-rank-podium__head h2{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-rank-podium--ghost .sdtpd-rank-podium{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-podium--ghost .sdtpd-rank-podium__card{background:transparent;border:1px dashed var(--sc-border);box-shadow:none;transform:none}
.sdtpd-rank-podium--ghost .sdtpd-rank-podium__no{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-podium--ghost .sdtpd-rank-podium__head h2{font-weight:300;letter-spacing:4px}
.sdtpd-rank-podium--pill .sdtpd-rank-podium__card{background:var(--sc-bg-alt);border-radius:999px;padding:20px 16px}
.sdtpd-rank-podium--pill .sdtpd-rank-podium__badge{border-radius:999px}
.sdtpd-rank-podium--sharp .sdtpd-rank-podium{border-radius:0}
.sdtpd-rank-podium--sharp .sdtpd-rank-podium__card{border-radius:0}
.sdtpd-rank-podium--sharp .sdtpd-rank-podium__card.is-first{transform:none}
.sdtpd-rank-podium--sharp .sdtpd-rank-podium__no{border-radius:0}
.sdtpd-rank-podium--sharp .sdtpd-rank-podium__brand{text-transform:uppercase;letter-spacing:1px;font-weight:700}
.sdtpd-rank-podium--sharp .sdtpd-rank-podium__card{border:2px solid var(--sc-text)}
.sdtpd-rank-podium--gradient .sdtpd-rank-podium{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-rank-podium--gradient .sdtpd-rank-podium__head h2{color:#fff}
.sdtpd-rank-podium--gradient .sdtpd-rank-podium__head p{color:rgba(255,255,255,.9)}
.sdtpd-rank-podium--gradient .sdtpd-rank-podium__card{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
.sdtpd-rank-podium--gradient .sdtpd-rank-podium__card.is-first{border-color:#fff;box-shadow:none}
.sdtpd-rank-podium--gradient .sdtpd-rank-podium__brand{color:#fff}
.sdtpd-rank-podium--gradient .sdtpd-rank-podium__badge{background:#fff;color:var(--sc-primary)}
.sdtpd-rank-podium--gradient .sdtpd-rank-podium__score b{color:#fff}
.sdtpd-rank-podium--gradient .sdtpd-rank-podium__score span{color:rgba(255,255,255,.9)}
.sdtpd-rank-podium--gradient .sdtpd-rank-podium__item{border-bottom-color:rgba(255,255,255,.35)}
.sdtpd-rank-podium--boxed .sdtpd-rank-podium{background:var(--sc-bg-alt);border:1px solid var(--sc-border)}
.sdtpd-rank-podium--boxed .sdtpd-rank-podium__card{background:var(--sc-bg)}
.sdtpd-rank-podium--boxed .sdtpd-rank-podium__card.is-first{border-color:var(--sc-primary)}
.sdtpd-rank-podium--minimal .sdtpd-rank-podium{background:transparent;border:none;box-shadow:none;padding:8px 0}
.sdtpd-rank-podium--minimal .sdtpd-rank-podium__card{background:transparent;border:none;border-bottom:3px solid var(--sc-border);box-shadow:none;transform:none}
.sdtpd-rank-podium--minimal .sdtpd-rank-podium__card.is-first{border-bottom-color:#d4af37}
.sdtpd-rank-podium--minimal .sdtpd-rank-podium__head{text-align:left}
.sdtpd-rank-podium--minimal .sdtpd-rank-podium__head h2{border-bottom:2px solid var(--sc-primary);padding-bottom:8px}
.sdtpd-rank-podium--material .sdtpd-rank-podium__card{border:1px solid var(--sc-border);border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.14);transition:box-shadow .2s,transform .2s}
.sdtpd-rank-podium--material .sdtpd-rank-podium__card.is-first{box-shadow:0 10px 24px rgba(0,0,0,.2)}
.sdtpd-rank-podium--material .sdtpd-rank-podium__card:hover{transform:translateY(-3px)}
@media (max-width:768px){
.sdtpd-rank-podium--classic .sdtpd-rank-podium__head h2,.sdtpd-rank-podium--ghost .sdtpd-rank-podium__head h2{letter-spacing:1px}
.sdtpd-rank-podium--pill .sdtpd-rank-podium__card{border-radius:16px;padding:14px 12px}
.sdtpd-rank-podium--material .sdtpd-rank-podium__card:hover{transform:none}
.sdtpd-rank-podium--material .sdtpd-rank-podium__card.is-first{transform:none;box-shadow:0 4px 14px rgba(0,0,0,.14)}
}
.sdtpd-rank-table--classic .sdtpd-rank-table{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-rank-table--classic .sdtpd-rank-table__head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-rank-table--classic .sdtpd-rank-table__no{border-radius:4px}
.sdtpd-rank-table--outline .sdtpd-rank-table{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-rank-table--outline .sdtpd-rank-table__table td{border-bottom:1px dashed var(--sc-primary)}
.sdtpd-rank-table--outline .sdtpd-rank-table__head h2{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-rank-table--ghost .sdtpd-rank-table{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-table--ghost .sdtpd-rank-table__table th{background:transparent;border-bottom:2px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-table--ghost .sdtpd-rank-table__table td{border-bottom-style:dotted}
.sdtpd-rank-table--ghost .sdtpd-rank-table__logo{border-radius:0}
.sdtpd-rank-table--ghost .sdtpd-rank-table__head h2{font-weight:300;letter-spacing:4px}
.sdtpd-rank-table--pill .sdtpd-rank-table{background:var(--sc-bg-alt);border-radius:20px}
.sdtpd-rank-table--pill .sdtpd-rank-table__table th{padding:12px 10px}
.sdtpd-rank-table--pill .sdtpd-rank-table__table td{padding:12px 8px}
.sdtpd-rank-table--sharp .sdtpd-rank-table{border-radius:0}
.sdtpd-rank-table--sharp .sdtpd-rank-table__table th{text-transform:uppercase;letter-spacing:2px;font-size:12px}
.sdtpd-rank-table--sharp .sdtpd-rank-table__no{border-radius:0}
.sdtpd-rank-table--sharp .sdtpd-rank-table__table td{border-bottom:2px solid var(--sc-text)}
.sdtpd-rank-table--gradient .sdtpd-rank-table{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-rank-table--gradient .sdtpd-rank-table__head h2{color:#fff}
.sdtpd-rank-table--gradient .sdtpd-rank-table__head p{color:rgba(255,255,255,.9)}
.sdtpd-rank-table--gradient .sdtpd-rank-table__table th{background:rgba(255,255,255,.14);color:#fff}
.sdtpd-rank-table--gradient .sdtpd-rank-table__table td{border-bottom-color:rgba(255,255,255,.35)}
.sdtpd-rank-table--gradient .sdtpd-rank-table__brand{color:#fff}
.sdtpd-rank-table--gradient .sdtpd-rank-table__scorecell b{color:#fff}
.sdtpd-rank-table--gradient .sdtpd-rank-table__link{color:#fff}
.sdtpd-rank-table--gradient .sdtpd-rank-table__row.is-top{background:rgba(255,255,255,.08)}
.sdtpd-rank-table--gradient .sdtpd-rank-table__badge{background:#fff;color:var(--sc-primary)}
.sdtpd-rank-table--boxed .sdtpd-rank-table{background:var(--sc-bg-alt);border:1px solid var(--sc-border);padding:16px}
.sdtpd-rank-table--boxed .sdtpd-rank-table__table th{background:var(--sc-bg);color:var(--sc-primary)}
.sdtpd-rank-table--minimal .sdtpd-rank-table{background:transparent;border:none;box-shadow:none;padding:4px 0}
.sdtpd-rank-table--minimal .sdtpd-rank-table__table th{background:transparent;border-bottom:2px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-table--minimal .sdtpd-rank-table__no{background:transparent;color:var(--sc-primary)}
.sdtpd-rank-table--minimal .sdtpd-rank-table__head{text-align:left}
.sdtpd-rank-table--material .sdtpd-rank-table{border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.14)}
.sdtpd-rank-table--material .sdtpd-rank-table__row{transition:background .2s}
.sdtpd-rank-table--material .sdtpd-rank-table__row:hover{background:var(--sc-bg-alt)}
@media (max-width:768px){
.sdtpd-rank-table--classic .sdtpd-rank-table__head h2,.sdtpd-rank-table--ghost .sdtpd-rank-table__head h2{letter-spacing:1px}
.sdtpd-rank-table--pill .sdtpd-rank-table{border-radius:14px}
.sdtpd-rank-table--sharp .sdtpd-rank-table__table th{letter-spacing:1px}
.sdtpd-rank-table--material .sdtpd-rank-table__row:hover{background:transparent}
}

.sdtpd-rank-image-list--classic .sdtpd-rank-imagelist{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-rank-image-list--classic .sdtpd-rank-imagelist__row{border-bottom:3px double var(--sc-border)}
.sdtpd-rank-image-list--classic .sdtpd-rank-imagelist__no{border-radius:4px}
.sdtpd-rank-image-list--classic .sdtpd-rank-imagelist__head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-rank-image-list--outline .sdtpd-rank-imagelist{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-rank-image-list--outline .sdtpd-rank-imagelist__pic{border:1px solid var(--sc-primary)}
.sdtpd-rank-image-list--outline .sdtpd-rank-imagelist__head h2{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-rank-image-list--ghost .sdtpd-rank-imagelist{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-image-list--ghost .sdtpd-rank-imagelist__row{border-bottom-style:dotted}
.sdtpd-rank-image-list--ghost .sdtpd-rank-imagelist__pic{border-radius:4px;opacity:.92}
.sdtpd-rank-image-list--ghost .sdtpd-rank-imagelist__head h2{font-weight:300;letter-spacing:4px}
.sdtpd-rank-image-list--pill .sdtpd-rank-imagelist__row{background:var(--sc-bg-alt);border-bottom:none;border-radius:999px;padding:10px 16px;margin:8px 0}
.sdtpd-rank-image-list--pill .sdtpd-rank-imagelist__badge{border-radius:999px}
.sdtpd-rank-image-list--sharp .sdtpd-rank-imagelist{border-radius:0}
.sdtpd-rank-image-list--sharp .sdtpd-rank-imagelist__pic{border-radius:0}
.sdtpd-rank-image-list--sharp .sdtpd-rank-imagelist__no{border-radius:0}
.sdtpd-rank-image-list--sharp .sdtpd-rank-imagelist__brandline strong{text-transform:uppercase;letter-spacing:1px}
.sdtpd-rank-image-list--sharp .sdtpd-rank-imagelist__row{border-bottom:2px solid var(--sc-text)}
.sdtpd-rank-image-list--gradient .sdtpd-rank-imagelist{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-rank-image-list--gradient .sdtpd-rank-imagelist__head h2{color:#fff}
.sdtpd-rank-image-list--gradient .sdtpd-rank-imagelist__head p{color:rgba(255,255,255,.9)}
.sdtpd-rank-image-list--gradient .sdtpd-rank-imagelist__row{border-bottom-color:rgba(255,255,255,.35)}
.sdtpd-rank-image-list--gradient .sdtpd-rank-imagelist__brandline strong{color:#fff}
.sdtpd-rank-image-list--gradient .sdtpd-rank-imagelist__desc{color:rgba(255,255,255,.9)}
.sdtpd-rank-image-list--gradient .sdtpd-rank-imagelist__score b{color:#fff}
.sdtpd-rank-image-list--gradient .sdtpd-rank-imagelist__score span{color:rgba(255,255,255,.9)}
.sdtpd-rank-image-list--gradient .sdtpd-rank-imagelist__no{background:#fff;color:var(--sc-primary)}
.sdtpd-rank-image-list--gradient .sdtpd-rank-imagelist__badge{background:#fff;color:var(--sc-primary)}
.sdtpd-rank-image-list--gradient .sdtpd-rank-imagelist__btn{background:#fff;color:var(--sc-primary)}
.sdtpd-rank-image-list--boxed .sdtpd-rank-imagelist{background:var(--sc-bg-alt);border:1px solid var(--sc-border);padding:16px}
.sdtpd-rank-image-list--boxed .sdtpd-rank-imagelist__row{background:var(--sc-bg);padding:10px 14px;margin:6px 0;border-bottom:none;border-radius:var(--sc-radius)}
.sdtpd-rank-image-list--minimal .sdtpd-rank-imagelist{background:transparent;border:none;box-shadow:none;padding:4px 0}
.sdtpd-rank-image-list--minimal .sdtpd-rank-imagelist__head{text-align:left}
.sdtpd-rank-image-list--minimal .sdtpd-rank-imagelist__head h2{border-bottom:2px solid var(--sc-primary);padding-bottom:8px}
.sdtpd-rank-image-list--minimal .sdtpd-rank-imagelist__no{background:transparent;color:var(--sc-primary)}
.sdtpd-rank-image-list--minimal .sdtpd-rank-imagelist__btn{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-image-list--material .sdtpd-rank-imagelist__pic{border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.14)}
.sdtpd-rank-image-list--material .sdtpd-rank-imagelist__row{transition:background .2s}
.sdtpd-rank-image-list--material .sdtpd-rank-imagelist__row:hover{background:var(--sc-bg-alt)}
.sdtpd-rank-image-list--material .sdtpd-rank-imagelist__btn{box-shadow:0 2px 6px rgba(0,0,0,.15)}
@media (max-width:768px){
.sdtpd-rank-image-list--classic .sdtpd-rank-imagelist__head h2,.sdtpd-rank-image-list--ghost .sdtpd-rank-imagelist__head h2{letter-spacing:1px}
.sdtpd-rank-image-list--pill .sdtpd-rank-imagelist__row{border-radius:16px;padding:8px 12px}
.sdtpd-rank-image-list--material .sdtpd-rank-imagelist__row:hover{background:transparent}
.sdtpd-rank-image-list--material .sdtpd-rank-imagelist__pic{box-shadow:none}
}

.sdtpd-rank-tabs--classic .sdtpd-rank-tabs{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-rank-tabs--classic .sdtpd-rank-tabs__tab{border:3px double var(--sc-border);background:transparent;border-radius:4px}
.sdtpd-rank-tabs--classic .sdtpd-rank-tabs__tab.is-active{background:transparent;border-color:var(--sc-primary);color:var(--sc-primary);font-weight:700}
.sdtpd-rank-tabs--classic .sdtpd-rank-tabs__head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-rank-tabs--outline .sdtpd-rank-tabs{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-rank-tabs--outline .sdtpd-rank-tabs__tab{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-tabs--outline .sdtpd-rank-tabs__tab.is-active{background:var(--sc-primary);color:#fff}
.sdtpd-rank-tabs--outline .sdtpd-rank-tabs__head h2{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-rank-tabs--ghost .sdtpd-rank-tabs{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-tabs--ghost .sdtpd-rank-tabs__tab{background:transparent;border:none;font-weight:500}
.sdtpd-rank-tabs--ghost .sdtpd-rank-tabs__tab.is-active{border-bottom:2px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-tabs--ghost .sdtpd-rank-tabs__head h2{font-weight:300;letter-spacing:4px}
.sdtpd-rank-tabs--pill .sdtpd-rank-tabs__tab{padding:8px 22px}
.sdtpd-rank-tabs--pill .sdtpd-rank-tabs__item{background:var(--sc-bg-alt);border-bottom:none;border-radius:999px;padding:8px 14px;margin:4px 0}
.sdtpd-rank-tabs--sharp .sdtpd-rank-tabs{border-radius:0}
.sdtpd-rank-tabs--sharp .sdtpd-rank-tabs__tab{border-radius:0;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:13px}
.sdtpd-rank-tabs--sharp .sdtpd-rank-tabs__no{border-radius:0}
.sdtpd-rank-tabs--sharp .sdtpd-rank-tabs__item{border-bottom:2px solid var(--sc-text)}
.sdtpd-rank-tabs--gradient .sdtpd-rank-tabs{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-rank-tabs--gradient .sdtpd-rank-tabs__head h2{color:#fff}
.sdtpd-rank-tabs--gradient .sdtpd-rank-tabs__head p{color:rgba(255,255,255,.9)}
.sdtpd-rank-tabs--gradient .sdtpd-rank-tabs__tab{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);color:#fff}
.sdtpd-rank-tabs--gradient .sdtpd-rank-tabs__tab.is-active{background:#fff;border-color:#fff;color:var(--sc-primary)}
.sdtpd-rank-tabs--gradient .sdtpd-rank-tabs__item{border-bottom-color:rgba(255,255,255,.35)}
.sdtpd-rank-tabs--gradient .sdtpd-rank-tabs__brand{color:#fff}
.sdtpd-rank-tabs--gradient .sdtpd-rank-tabs__score b{color:#fff}
.sdtpd-rank-tabs--gradient .sdtpd-rank-tabs__score span{color:rgba(255,255,255,.9)}
.sdtpd-rank-tabs--gradient .sdtpd-rank-tabs__no{background:#fff;color:var(--sc-primary)}
.sdtpd-rank-tabs--boxed .sdtpd-rank-tabs{background:var(--sc-bg-alt);border:1px solid var(--sc-border)}
.sdtpd-rank-tabs--boxed .sdtpd-rank-tabs__tab{background:var(--sc-bg)}
.sdtpd-rank-tabs--minimal .sdtpd-rank-tabs{background:transparent;border:none;box-shadow:none;padding:6px 0}
.sdtpd-rank-tabs--minimal .sdtpd-rank-tabs__bar{border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-tabs--minimal .sdtpd-rank-tabs__tab{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0}
.sdtpd-rank-tabs--minimal .sdtpd-rank-tabs__tab.is-active{border-bottom-color:var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-tabs--minimal .sdtpd-rank-tabs__no{background:transparent;color:var(--sc-primary)}
.sdtpd-rank-tabs--material .sdtpd-rank-tabs__tab{background:var(--sc-bg);border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.12);transition:box-shadow .2s,transform .2s}
.sdtpd-rank-tabs--material .sdtpd-rank-tabs__tab.is-active{background:var(--sc-primary);border-color:var(--sc-primary);box-shadow:0 2px 6px rgba(0,0,0,.18)}
.sdtpd-rank-tabs--material .sdtpd-rank-tabs__tab:hover{transform:translateY(-2px)}
@media (max-width:768px){
.sdtpd-rank-tabs--classic .sdtpd-rank-tabs__head h2,.sdtpd-rank-tabs--ghost .sdtpd-rank-tabs__head h2{letter-spacing:1px}
.sdtpd-rank-tabs--sharp .sdtpd-rank-tabs__tab{letter-spacing:1px}
.sdtpd-rank-tabs--pill .sdtpd-rank-tabs__tab{padding:6px 14px}
.sdtpd-rank-tabs--material .sdtpd-rank-tabs__tab:hover{transform:none}
}

.sdtpd-rank-score-bar--classic .sdtpd-rank-scorebar{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-rank-score-bar--classic .sdtpd-rank-scorebar__item{border-bottom:3px double var(--sc-border)}
.sdtpd-rank-score-bar--classic .sdtpd-rank-scorebar__track{height:14px;border-radius:4px}
.sdtpd-rank-score-bar--classic .sdtpd-rank-scorebar__head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-rank-score-bar--outline .sdtpd-rank-scorebar{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-rank-score-bar--outline .sdtpd-rank-scorebar__track{background:transparent;border:2px solid var(--sc-primary)}
.sdtpd-rank-score-bar--outline .sdtpd-rank-scorebar__head h2{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-rank-score-bar--ghost .sdtpd-rank-scorebar{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-score-bar--ghost .sdtpd-rank-scorebar__track{background:transparent;border-style:dashed}
.sdtpd-rank-score-bar--ghost .sdtpd-rank-scorebar__fill{background:rgba(0,0,0,.35)}
.sdtpd-rank-score-bar--ghost .sdtpd-rank-scorebar__no{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-score-bar--ghost .sdtpd-rank-scorebar__head h2{font-weight:300;letter-spacing:4px}
.sdtpd-rank-score-bar--pill .sdtpd-rank-scorebar__item{background:var(--sc-bg-alt);border-bottom:none;border-radius:999px;padding:10px 14px;margin:4px 0}
.sdtpd-rank-score-bar--pill .sdtpd-rank-scorebar__track{height:12px}
.sdtpd-rank-score-bar--sharp .sdtpd-rank-scorebar{border-radius:0}
.sdtpd-rank-score-bar--sharp .sdtpd-rank-scorebar__track,.sdtpd-rank-score-bar--sharp .sdtpd-rank-scorebar__fill{border-radius:0}
.sdtpd-rank-score-bar--sharp .sdtpd-rank-scorebar__fill{position:relative}
.sdtpd-rank-score-bar--sharp .sdtpd-rank-scorebar__fill::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.25) 0 6px,transparent 6px 12px)}
.sdtpd-rank-score-bar--sharp .sdtpd-rank-scorebar__brand{text-transform:uppercase;letter-spacing:1px}
.sdtpd-rank-score-bar--gradient .sdtpd-rank-scorebar{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-rank-score-bar--gradient .sdtpd-rank-scorebar__head h2{color:#fff}
.sdtpd-rank-score-bar--gradient .sdtpd-rank-scorebar__head p{color:rgba(255,255,255,.9)}
.sdtpd-rank-score-bar--gradient .sdtpd-rank-scorebar__item{border-bottom-color:rgba(255,255,255,.35)}
.sdtpd-rank-score-bar--gradient .sdtpd-rank-scorebar__brand{color:#fff}
.sdtpd-rank-score-bar--gradient .sdtpd-rank-scorebar__desc{color:rgba(255,255,255,.9)}
.sdtpd-rank-score-bar--gradient .sdtpd-rank-scorebar__score{color:#fff}
.sdtpd-rank-score-bar--gradient .sdtpd-rank-scorebar__track{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4)}
.sdtpd-rank-score-bar--gradient .sdtpd-rank-scorebar__fill{background:#fff}
.sdtpd-rank-score-bar--gradient .sdtpd-rank-scorebar__no{background:#fff;color:var(--sc-primary)}
.sdtpd-rank-score-bar--boxed .sdtpd-rank-scorebar{background:var(--sc-bg-alt);border:1px solid var(--sc-border)}
.sdtpd-rank-score-bar--boxed .sdtpd-rank-scorebar__item{background:var(--sc-bg);padding:10px 12px;margin:6px 0;border-bottom:none;border-radius:var(--sc-radius)}
.sdtpd-rank-score-bar--minimal .sdtpd-rank-scorebar{background:transparent;border:none;box-shadow:none;padding:6px 0}
.sdtpd-rank-score-bar--minimal .sdtpd-rank-scorebar__track{border:none}
.sdtpd-rank-score-bar--minimal .sdtpd-rank-scorebar__fill{background:var(--sc-primary)}
.sdtpd-rank-score-bar--minimal .sdtpd-rank-scorebar__head{text-align:left}
.sdtpd-rank-score-bar--minimal .sdtpd-rank-scorebar__head h2{border-bottom:2px solid var(--sc-primary);padding-bottom:8px}
.sdtpd-rank-score-bar--material .sdtpd-rank-scorebar__track{box-shadow:inset 0 1px 3px rgba(0,0,0,.15)}
.sdtpd-rank-score-bar--material .sdtpd-rank-scorebar__fill{box-shadow:0 1px 4px rgba(0,0,0,.2)}
.sdtpd-rank-score-bar--material .sdtpd-rank-scorebar__item{transition:transform .2s,background .2s}
.sdtpd-rank-score-bar--material .sdtpd-rank-scorebar__item:hover{transform:translateY(-1px);background:var(--sc-bg-alt)}
@media (max-width:768px){
.sdtpd-rank-score-bar--classic .sdtpd-rank-scorebar__head h2,.sdtpd-rank-score-bar--ghost .sdtpd-rank-scorebar__head h2{letter-spacing:1px}
.sdtpd-rank-score-bar--pill .sdtpd-rank-scorebar__item{padding:8px 10px}
.sdtpd-rank-score-bar--sharp .sdtpd-rank-scorebar__brand{letter-spacing:.5px}
.sdtpd-rank-score-bar--material .sdtpd-rank-scorebar__item:hover{transform:none}
}
.sdtpd-rank-sidebar--classic .sdtpd-rank-sidebar{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-rank-sidebar--classic .sdtpd-rank-sidebar__head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-rank-sidebar--classic .sdtpd-rank-sidebar__no{border-radius:4px}
.sdtpd-rank-sidebar--outline .sdtpd-rank-sidebar{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;max-width:320px}
.sdtpd-rank-sidebar--outline .sdtpd-rank-sidebar__head h2{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-rank-sidebar--outline .sdtpd-rank-sidebar__no{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-sidebar--ghost .sdtpd-rank-sidebar{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-sidebar--ghost .sdtpd-rank-sidebar__brand{font-weight:500;letter-spacing:.5px}
.sdtpd-rank-sidebar--ghost .sdtpd-rank-sidebar__no{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-rank-sidebar--pill .sdtpd-rank-sidebar{border-radius:20px}
.sdtpd-rank-sidebar--pill .sdtpd-rank-sidebar__item{background:var(--sc-bg-alt);border-bottom:none;border-radius:999px;padding:6px 10px;margin:4px 0}
.sdtpd-rank-sidebar--sharp .sdtpd-rank-sidebar{border-radius:0}
.sdtpd-rank-sidebar--sharp .sdtpd-rank-sidebar__no{border-radius:0}
.sdtpd-rank-sidebar--sharp .sdtpd-rank-sidebar__brand{text-transform:uppercase;letter-spacing:1px;font-weight:700}
.sdtpd-rank-sidebar--sharp .sdtpd-rank-sidebar__item{border-bottom:2px solid var(--sc-text)}
.sdtpd-rank-sidebar--gradient .sdtpd-rank-sidebar{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-rank-sidebar--gradient .sdtpd-rank-sidebar__head h2{color:#fff}
.sdtpd-rank-sidebar--gradient .sdtpd-rank-sidebar__head p{color:rgba(255,255,255,.9)}
.sdtpd-rank-sidebar--gradient .sdtpd-rank-sidebar__item{border-bottom-color:rgba(255,255,255,.35)}
.sdtpd-rank-sidebar--gradient .sdtpd-rank-sidebar__brand{color:#fff}
.sdtpd-rank-sidebar--gradient .sdtpd-rank-sidebar__score{color:#fff}
.sdtpd-rank-sidebar--gradient .sdtpd-rank-sidebar__no{background:#fff;color:var(--sc-primary)}
.sdtpd-rank-sidebar--boxed .sdtpd-rank-sidebar{background:var(--sc-bg-alt);border:1px solid var(--sc-border)}
.sdtpd-rank-sidebar--boxed .sdtpd-rank-sidebar__item{background:var(--sc-bg);padding:8px 10px;margin:4px 0;border-bottom:none;border-radius:var(--sc-radius)}
.sdtpd-rank-sidebar--minimal .sdtpd-rank-sidebar{background:transparent;border:none;box-shadow:none;padding:4px 0}
.sdtpd-rank-sidebar--minimal .sdtpd-rank-sidebar__head{text-align:left}
.sdtpd-rank-sidebar--minimal .sdtpd-rank-sidebar__head h2{border-bottom:2px solid var(--sc-primary);padding-bottom:8px}
.sdtpd-rank-sidebar--minimal .sdtpd-rank-sidebar__no{background:transparent;color:var(--sc-primary)}
.sdtpd-rank-sidebar--material .sdtpd-rank-sidebar{border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.14)}
.sdtpd-rank-sidebar--material .sdtpd-rank-sidebar__item{transition:transform .2s,background .2s}
.sdtpd-rank-sidebar--material .sdtpd-rank-sidebar__item:hover{transform:translateX(3px);background:var(--sc-bg-alt)}
@media (max-width:768px){
.sdtpd-rank-sidebar--classic .sdtpd-rank-sidebar__head h2,.sdtpd-rank-sidebar--ghost .sdtpd-rank-sidebar__head h2{letter-spacing:1px}
.sdtpd-rank-sidebar--pill .sdtpd-rank-sidebar{border-radius:14px}
.sdtpd-rank-sidebar--material .sdtpd-rank-sidebar__item:hover{transform:none}
}

.sdtpd-rank-badge-wall--classic .sdtpd-rank-badges{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-rank-badge-wall--classic .sdtpd-rank-badges__card{border:3px double var(--sc-border)}
.sdtpd-rank-badge-wall--classic .sdtpd-rank-badges__card.is-top{border-color:#d4af37;box-shadow:none}
.sdtpd-rank-badge-wall--classic .sdtpd-rank-badges__honour{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-rank-badge-wall--outline .sdtpd-rank-badges{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-rank-badge-wall--outline .sdtpd-rank-badges__card{background:transparent;border:2px solid var(--sc-primary);box-shadow:none}
.sdtpd-rank-badge-wall--outline .sdtpd-rank-badges__card.is-top{border:3px solid #f5a623}
.sdtpd-rank-badge-wall--outline .sdtpd-rank-badges__head h2{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-rank-badge-wall--ghost .sdtpd-rank-badges{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-badge-wall--ghost .sdtpd-rank-badges__card{background:transparent;border:none;box-shadow:none}
.sdtpd-rank-badge-wall--ghost .sdtpd-rank-badges__card.is-top{border:1px dashed #f5a623}
.sdtpd-rank-badge-wall--ghost .sdtpd-rank-badges__honour{font-weight:300;letter-spacing:3px}
.sdtpd-rank-badge-wall--pill .sdtpd-rank-badges__card{background:var(--sc-bg-alt);border-radius:999px;padding:20px 24px}
.sdtpd-rank-badge-wall--sharp .sdtpd-rank-badges__card{border-radius:0}
.sdtpd-rank-badge-wall--sharp .sdtpd-rank-badges__logo{border-radius:0}
.sdtpd-rank-badge-wall--sharp .sdtpd-rank-badges__honour{text-transform:uppercase;letter-spacing:2px;font-weight:700}
.sdtpd-rank-badge-wall--sharp .sdtpd-rank-badges__card{border:2px solid var(--sc-text)}
.sdtpd-rank-badge-wall--gradient .sdtpd-rank-badges{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-rank-badge-wall--gradient .sdtpd-rank-badges__head h2{color:#fff}
.sdtpd-rank-badge-wall--gradient .sdtpd-rank-badges__head p{color:rgba(255,255,255,.9)}
.sdtpd-rank-badge-wall--gradient .sdtpd-rank-badges__card{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);box-shadow:none}
.sdtpd-rank-badge-wall--gradient .sdtpd-rank-badges__card.is-top{border-color:#fff;box-shadow:none}
.sdtpd-rank-badge-wall--gradient .sdtpd-rank-badges__honour{color:#fff}
.sdtpd-rank-badge-wall--gradient .sdtpd-rank-badges__brand{color:#fff}
.sdtpd-rank-badge-wall--gradient .sdtpd-rank-badges__score b{color:#fff}
.sdtpd-rank-badge-wall--gradient .sdtpd-rank-badges__score span{color:rgba(255,255,255,.9)}
.sdtpd-rank-badge-wall--boxed .sdtpd-rank-badges{background:var(--sc-bg-alt);border:1px solid var(--sc-border)}
.sdtpd-rank-badge-wall--boxed .sdtpd-rank-badges__card{background:var(--sc-bg)}
.sdtpd-rank-badge-wall--minimal .sdtpd-rank-badges__card{background:transparent;border:none;border-bottom:2px solid var(--sc-primary);box-shadow:none}
.sdtpd-rank-badge-wall--minimal .sdtpd-rank-badges__card.is-top{border-bottom-color:#f5a623;box-shadow:none}
.sdtpd-rank-badge-wall--minimal .sdtpd-rank-badges__honour{letter-spacing:2px}
.sdtpd-rank-badge-wall--minimal .sdtpd-rank-badges__head{text-align:left}
.sdtpd-rank-badge-wall--material .sdtpd-rank-badges__card{border:1px solid var(--sc-border);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:box-shadow .2s,transform .2s}
.sdtpd-rank-badge-wall--material .sdtpd-rank-badges__card.is-top{box-shadow:0 6px 16px rgba(245,166,35,.25)}
.sdtpd-rank-badge-wall--material .sdtpd-rank-badges__card:hover{box-shadow:0 8px 20px rgba(0,0,0,.18);transform:translateY(-3px)}
@media (max-width:768px){
.sdtpd-rank-badge-wall--classic .sdtpd-rank-badges__honour,.sdtpd-rank-badge-wall--ghost .sdtpd-rank-badges__honour,.sdtpd-rank-badge-wall--sharp .sdtpd-rank-badges__honour{letter-spacing:1px}
.sdtpd-rank-badge-wall--pill .sdtpd-rank-badges__card{border-radius:16px;padding:14px}
.sdtpd-rank-badge-wall--material .sdtpd-rank-badges__card:hover{transform:none}
}

.sdtpd-rank-faq--classic .sdtpd-rankfaq{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-rank-faq--classic .sdtpd-rankfaq__head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-rank-faq--classic .sdtpd-rankfaq__item{border:3px double var(--sc-border)}
.sdtpd-rank-faq--classic .sdtpd-rankfaq__item summary::before{content:"Q.";font-family:Georgia,"Times New Roman",serif;font-weight:700;color:#d4af37;margin-right:8px}
.sdtpd-rank-faq--outline .sdtpd-rankfaq{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-rank-faq--outline .sdtpd-rankfaq__item{background:transparent;border:1px solid var(--sc-primary)}
.sdtpd-rank-faq--outline .sdtpd-rankfaq__item summary{color:var(--sc-primary);font-weight:600;letter-spacing:.5px}
.sdtpd-rank-faq--outline .sdtpd-rankfaq__head h2{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-rank-faq--ghost .sdtpd-rankfaq{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-faq--ghost .sdtpd-rankfaq__item{border:none;border-bottom:1px dashed var(--sc-border);border-radius:0}
.sdtpd-rank-faq--ghost .sdtpd-rankfaq__item summary::before{content:"Q";font-weight:300;font-size:20px;color:var(--sc-primary);margin-right:10px}
.sdtpd-rank-faq--ghost .sdtpd-rankfaq__a{background:transparent}
.sdtpd-rank-faq--ghost .sdtpd-rankfaq__head h2{font-weight:300;letter-spacing:4px}
.sdtpd-rank-faq--pill .sdtpd-rankfaq__item{background:var(--sc-bg-alt);border-radius:999px}
.sdtpd-rank-faq--pill .sdtpd-rankfaq__item summary{padding:12px 24px}
.sdtpd-rank-faq--pill .sdtpd-rankfaq__a{border-radius:0 0 999px 999px;padding:0 24px 12px}
.sdtpd-rank-faq--sharp .sdtpd-rankfaq{border-radius:0}
.sdtpd-rank-faq--sharp .sdtpd-rankfaq__item{border-radius:0}
.sdtpd-rank-faq--sharp .sdtpd-rankfaq__item summary::before{content:"Q";background:var(--sc-primary);color:#fff;padding:1px 6px;margin-right:8px;font-weight:700}
.sdtpd-rank-faq--sharp .sdtpd-rankfaq__item summary{font-weight:700}
.sdtpd-rank-faq--gradient .sdtpd-rankfaq{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-rank-faq--gradient .sdtpd-rankfaq__head h2{color:#fff;letter-spacing:1px}
.sdtpd-rank-faq--gradient .sdtpd-rankfaq__item{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
.sdtpd-rank-faq--gradient .sdtpd-rankfaq__item summary{color:#fff}
.sdtpd-rank-faq--gradient .sdtpd-rankfaq__a{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9)}
.sdtpd-rank-faq--boxed .sdtpd-rankfaq{background:var(--sc-bg-alt);border:1px solid var(--sc-border)}
.sdtpd-rank-faq--boxed .sdtpd-rankfaq__item{background:var(--sc-bg)}
.sdtpd-rank-faq--minimal .sdtpd-rankfaq{background:transparent;border:none;box-shadow:none;padding:4px 0}
.sdtpd-rank-faq--minimal .sdtpd-rankfaq__head{text-align:left}
.sdtpd-rank-faq--minimal .sdtpd-rankfaq__head h2{border-bottom:2px solid var(--sc-primary);padding-bottom:8px}
.sdtpd-rank-faq--minimal .sdtpd-rankfaq__item{border:none;border-bottom:1px solid var(--sc-border);border-radius:0}
.sdtpd-rank-faq--minimal .sdtpd-rankfaq__item summary::before{content:"Q.";font-family:Georgia,"Times New Roman",serif;font-weight:700;color:var(--sc-primary);margin-right:8px}
.sdtpd-rank-faq--minimal .sdtpd-rankfaq__a{background:transparent}
.sdtpd-rank-faq--material .sdtpd-rankfaq__item{border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.12);transition:box-shadow .2s,transform .2s}
.sdtpd-rank-faq--material .sdtpd-rankfaq__item summary{font-weight:700}
.sdtpd-rank-faq--material .sdtpd-rankfaq__item:hover{box-shadow:0 4px 10px rgba(0,0,0,.16);transform:translateY(-2px)}
@media (max-width:768px){
.sdtpd-rank-faq--classic .sdtpd-rankfaq__head h2,.sdtpd-rank-faq--ghost .sdtpd-rankfaq__head h2{letter-spacing:1px}
.sdtpd-rank-faq--pill .sdtpd-rankfaq__item,.sdtpd-rank-faq--pill .sdtpd-rankfaq__a{border-radius:14px}
.sdtpd-rank-faq--material .sdtpd-rankfaq__item:hover{transform:none}
}

.sdtpd-rank-notice--classic .sdtpd-ranknotice{border-left:4px double var(--sc-primary);padding:20px 24px}
.sdtpd-rank-notice--classic .sdtpd-ranknotice h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-rank-notice--outline .sdtpd-ranknotice{background:transparent;border:1px solid var(--sc-primary)}
.sdtpd-rank-notice--outline .sdtpd-ranknotice h3{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-rank-notice--ghost .sdtpd-ranknotice{background:transparent;border:1px dashed var(--sc-border)}
.sdtpd-rank-notice--ghost .sdtpd-ranknotice h3{font-weight:300;letter-spacing:3px}
.sdtpd-rank-notice--pill .sdtpd-ranknotice{border-radius:999px;padding:20px 28px}
.sdtpd-rank-notice--pill .sdtpd-ranknotice__body p{letter-spacing:.3px}
.sdtpd-rank-notice--sharp .sdtpd-ranknotice{border-radius:0;border-left:4px solid var(--sc-primary)}
.sdtpd-rank-notice--sharp .sdtpd-ranknotice h3{text-transform:uppercase;letter-spacing:2px;font-weight:700}
.sdtpd-rank-notice--gradient .sdtpd-ranknotice{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent))}
.sdtpd-rank-notice--gradient .sdtpd-ranknotice h3{color:#fff;letter-spacing:1px}
.sdtpd-rank-notice--gradient .sdtpd-ranknotice__body p{color:rgba(255,255,255,.9)}
.sdtpd-rank-notice--boxed .sdtpd-ranknotice{border:1px solid var(--sc-border);padding:20px 24px}
.sdtpd-rank-notice--minimal .sdtpd-ranknotice{background:transparent;padding:4px 0}
.sdtpd-rank-notice--minimal .sdtpd-ranknotice h3{border-bottom:2px solid var(--sc-primary);padding-bottom:6px}
.sdtpd-rank-notice--minimal .sdtpd-ranknotice__body p{font-size:12px}
.sdtpd-rank-notice--material .sdtpd-ranknotice{background:var(--sc-bg);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
@media (max-width:768px){
.sdtpd-rank-notice--classic .sdtpd-ranknotice h3,.sdtpd-rank-notice--ghost .sdtpd-ranknotice h3,.sdtpd-rank-notice--sharp .sdtpd-ranknotice h3{letter-spacing:1px}
.sdtpd-rank-notice--pill .sdtpd-ranknotice{border-radius:16px;padding:14px 18px}
}
.sdtpd-product-hero--classic .sdtpd-prod-hero{background:var(--sc-primary-dark)}
.sdtpd-product-hero--classic .sdtpd-prod-hero::before{background:none}
.sdtpd-product-hero--classic .sdtpd-prod-hero__inner::before{content:"";position:absolute;inset:10px;border:3px double rgba(255,255,255,.5);pointer-events:none}
.sdtpd-product-hero--classic .sdtpd-prod-hero__inner{position:relative}
.sdtpd-product-hero--classic .sdtpd-prod-hero__inner h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:3px}
.sdtpd-product-hero--outline .sdtpd-prod-hero{background:transparent;border:2px solid var(--sc-primary);color:var(--sc-text)}
.sdtpd-product-hero--outline .sdtpd-prod-hero::before{background:none}
.sdtpd-product-hero--outline .sdtpd-prod-hero__inner h1{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-product-hero--outline .sdtpd-prod-hero__inner p{color:var(--sc-text-light)}
.sdtpd-product-hero--outline .sdtpd-prod-hero__date{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-product-hero--ghost .sdtpd-prod-hero{background:transparent}
.sdtpd-product-hero--ghost .sdtpd-prod-hero::before{background:none}
.sdtpd-product-hero--ghost .sdtpd-prod-hero__inner h1{color:var(--sc-primary);font-weight:300;letter-spacing:6px}
.sdtpd-product-hero--ghost .sdtpd-prod-hero__inner p{color:var(--sc-text-light)}
.sdtpd-product-hero--ghost .sdtpd-prod-hero__date{background:transparent;border-bottom:2px solid var(--sc-primary);border-radius:0;color:var(--sc-text)}
.sdtpd-product-hero--pill .sdtpd-prod-hero{border-radius:24px;padding:48px 24px}
.sdtpd-product-hero--pill .sdtpd-prod-hero__date{letter-spacing:1px}
.sdtpd-product-hero--sharp .sdtpd-prod-hero{border-radius:0}
.sdtpd-product-hero--sharp .sdtpd-prod-hero::before{background:none}
.sdtpd-product-hero--sharp .sdtpd-prod-hero{border-top:6px solid var(--sc-primary-dark)}
.sdtpd-product-hero--sharp .sdtpd-prod-hero__inner h1{text-transform:uppercase;letter-spacing:4px;font-weight:800}
.sdtpd-product-hero--gradient .sdtpd-prod-hero{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent))}
.sdtpd-product-hero--gradient .sdtpd-prod-hero__inner h1{letter-spacing:2px}
.sdtpd-product-hero--gradient .sdtpd-prod-hero__date{background:rgba(255,255,255,.25)}
.sdtpd-product-hero--boxed .sdtpd-prod-hero{background:var(--sc-bg-alt);color:var(--sc-text);border:1px solid var(--sc-border)}
.sdtpd-product-hero--boxed .sdtpd-prod-hero::before{background:none}
.sdtpd-product-hero--boxed .sdtpd-prod-hero__inner h1{color:var(--sc-text)}
.sdtpd-product-hero--boxed .sdtpd-prod-hero__inner p{color:var(--sc-text-light)}
.sdtpd-product-hero--boxed .sdtpd-prod-hero__date{background:var(--sc-bg);border:1px solid var(--sc-border);color:var(--sc-primary)}
.sdtpd-product-hero--minimal .sdtpd-prod-hero{background:transparent;padding:20px 0}
.sdtpd-product-hero--minimal .sdtpd-prod-hero::before{background:none}
.sdtpd-product-hero--minimal .sdtpd-prod-hero__inner h1{color:var(--sc-primary);font-weight:600;letter-spacing:2px}
.sdtpd-product-hero--minimal .sdtpd-prod-hero__inner p{color:var(--sc-text-light)}
.sdtpd-product-hero--minimal .sdtpd-prod-hero__date{background:transparent;border-bottom:2px solid var(--sc-primary);border-radius:0;color:var(--sc-text)}
.sdtpd-product-hero--material .sdtpd-prod-hero{background:var(--sc-bg);color:var(--sc-text);border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.15)}
.sdtpd-product-hero--material .sdtpd-prod-hero::before{background:none}
.sdtpd-product-hero--material .sdtpd-prod-hero__inner h1{color:var(--sc-text)}
.sdtpd-product-hero--material .sdtpd-prod-hero__inner p{color:var(--sc-text-light)}
.sdtpd-product-hero--material .sdtpd-prod-hero__date{background:var(--sc-primary);color:#fff}
@media (max-width:768px){
.sdtpd-product-hero--classic .sdtpd-prod-hero__inner h1,.sdtpd-product-hero--ghost .sdtpd-prod-hero__inner h1,.sdtpd-product-hero--sharp .sdtpd-prod-hero__inner h1,.sdtpd-product-hero--minimal .sdtpd-prod-hero__inner h1{letter-spacing:1px}
.sdtpd-product-hero--pill .sdtpd-prod-hero{border-radius:16px;padding:32px 16px}
.sdtpd-product-hero--sharp .sdtpd-prod-hero{border-top-width:4px}
}

.sdtpd-product-detail-card--classic .sdtpd-prod-detail{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-product-detail-card--classic .sdtpd-prod-detail__head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-product-detail-card--classic .sdtpd-prod-detail__btn{border-radius:4px}
.sdtpd-product-detail-card--outline .sdtpd-prod-detail{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-product-detail-card--outline .sdtpd-prod-detail__head h2{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-product-detail-card--outline .sdtpd-prod-detail__aspect-track{background:transparent;border:2px solid var(--sc-primary)}
.sdtpd-product-detail-card--ghost .sdtpd-prod-detail{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-product-detail-card--ghost .sdtpd-prod-detail__score b{font-weight:300;font-size:26px;letter-spacing:1px}
.sdtpd-product-detail-card--ghost .sdtpd-prod-detail__pc h3{letter-spacing:2px;font-weight:500}
.sdtpd-product-detail-card--pill .sdtpd-prod-detail{border-radius:20px}
.sdtpd-product-detail-card--pill .sdtpd-prod-detail__logo{border-radius:999px}
.sdtpd-product-detail-card--pill .sdtpd-prod-detail__side{background:var(--sc-bg-alt);padding:14px;border-radius:12px}
.sdtpd-product-detail-card--sharp .sdtpd-prod-detail{border-radius:0}
.sdtpd-product-detail-card--sharp .sdtpd-prod-detail__head h2{text-transform:uppercase;letter-spacing:3px}
.sdtpd-product-detail-card--sharp .sdtpd-prod-detail__btn{border-radius:0;text-transform:uppercase;letter-spacing:1px}
.sdtpd-product-detail-card--sharp .sdtpd-prod-detail__aspect-track,.sdtpd-product-detail-card--sharp .sdtpd-prod-detail__aspect-fill{border-radius:0}
.sdtpd-product-detail-card--sharp .sdtpd-prod-detail__pc{border-top:2px solid var(--sc-border);padding-top:12px}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__head h2{color:#fff}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__brand{color:#fff}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__score b{color:#fff}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__score span{color:rgba(255,255,255,.9)}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__aspect-name{color:#fff}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__aspects b{color:#fff}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__aspect-track{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4)}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__aspect-fill{background:#fff}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__pros li,.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__cons li{color:#fff}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__pros li::before{color:#fff}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__cons li::before{color:rgba(255,255,255,.9)}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__pc h3{color:#fff}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__cons h3{color:rgba(255,255,255,.9)}
.sdtpd-product-detail-card--gradient .sdtpd-prod-detail__btn{background:#fff;color:var(--sc-primary)}
.sdtpd-product-detail-card--boxed .sdtpd-prod-detail{background:var(--sc-bg-alt);border:1px solid var(--sc-border)}
.sdtpd-product-detail-card--boxed .sdtpd-prod-detail__side{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:14px}
.sdtpd-product-detail-card--minimal .sdtpd-prod-detail{background:transparent;border:none;box-shadow:none;padding:12px 4px}
.sdtpd-product-detail-card--minimal .sdtpd-prod-detail__head{text-align:left}
.sdtpd-product-detail-card--minimal .sdtpd-prod-detail__head h2{border-bottom:2px solid var(--sc-primary);padding-bottom:8px}
.sdtpd-product-detail-card--minimal .sdtpd-prod-detail__aspect-track{border:none}
.sdtpd-product-detail-card--minimal .sdtpd-prod-detail__aspect-fill{background:var(--sc-primary)}
.sdtpd-product-detail-card--material .sdtpd-prod-detail{border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.14)}
.sdtpd-product-detail-card--material .sdtpd-prod-detail__side{background:var(--sc-bg-alt);border-radius:8px;padding:14px}
.sdtpd-product-detail-card--material .sdtpd-prod-detail__btn{box-shadow:0 2px 6px rgba(0,0,0,.16);transition:transform .2s,box-shadow .2s}
.sdtpd-product-detail-card--material .sdtpd-prod-detail__btn:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,.2)}
.sdtpd-product-detail-card--material .sdtpd-prod-detail__aspect-track{box-shadow:inset 0 1px 3px rgba(0,0,0,.15)}
@media (max-width:768px){
.sdtpd-product-detail-card--classic .sdtpd-prod-detail__head h2,.sdtpd-product-detail-card--ghost .sdtpd-prod-detail__pc h3{letter-spacing:1px}
.sdtpd-product-detail-card--pill .sdtpd-prod-detail{border-radius:14px}
.sdtpd-product-detail-card--material .sdtpd-prod-detail__btn:hover{transform:none}
}

.sdtpd-product-compare-table--classic .sdtpd-prod-compare{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-product-compare-table--classic .sdtpd-prod-compare__table{border:1px solid var(--sc-border)}
.sdtpd-product-compare-table--classic .sdtpd-prod-compare__head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-product-compare-table--outline .sdtpd-prod-compare{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-product-compare-table--outline .sdtpd-prod-compare__table th{background:transparent;border-bottom:2px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-product-compare-table--outline .sdtpd-prod-compare__head h2{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-product-compare-table--ghost .sdtpd-prod-compare{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-product-compare-table--ghost .sdtpd-prod-compare__table th{background:transparent;color:var(--sc-primary);font-weight:700;letter-spacing:1px}
.sdtpd-product-compare-table--ghost .sdtpd-prod-compare__table th,.sdtpd-product-compare-table--ghost .sdtpd-prod-compare__table td{border-bottom-style:dotted}
.sdtpd-product-compare-table--pill .sdtpd-prod-compare{background:var(--sc-bg-alt);border-radius:16px}
.sdtpd-product-compare-table--pill .sdtpd-prod-compare__table th,.sdtpd-product-compare-table--pill .sdtpd-prod-compare__table td{padding:12px}
.sdtpd-product-compare-table--sharp .sdtpd-prod-compare{border-radius:0}
.sdtpd-product-compare-table--sharp .sdtpd-prod-compare__table th{text-transform:uppercase;letter-spacing:2px;font-size:12px}
.sdtpd-product-compare-table--sharp .sdtpd-prod-compare__lead{border-left:3px solid var(--sc-text)}
.sdtpd-product-compare-table--gradient .sdtpd-prod-compare{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-product-compare-table--gradient .sdtpd-prod-compare__head h2{color:#fff;letter-spacing:1px}
.sdtpd-product-compare-table--gradient .sdtpd-prod-compare__table th{background:rgba(255,255,255,.14);color:#fff}
.sdtpd-product-compare-table--gradient .sdtpd-prod-compare__table th,.sdtpd-product-compare-table--gradient .sdtpd-prod-compare__table td{border-color:rgba(255,255,255,.35)}
.sdtpd-product-compare-table--gradient .sdtpd-prod-compare__lead{background:rgba(255,255,255,.16);color:#fff}
.sdtpd-product-compare-table--gradient .sdtpd-prod-compare__prod{color:#fff}
.sdtpd-product-compare-table--boxed .sdtpd-prod-compare{background:var(--sc-bg-alt);border:1px solid var(--sc-border)}
.sdtpd-product-compare-table--boxed .sdtpd-prod-compare__table th{background:var(--sc-bg);color:var(--sc-primary)}
.sdtpd-product-compare-table--boxed .sdtpd-prod-compare__table td{background:var(--sc-bg)}
.sdtpd-product-compare-table--minimal .sdtpd-prod-compare{background:transparent;border:none;box-shadow:none;padding:4px 0}
.sdtpd-product-compare-table--minimal .sdtpd-prod-compare__table th,.sdtpd-product-compare-table--minimal .sdtpd-prod-compare__table td{border:none;border-bottom:1px solid var(--sc-border)}
.sdtpd-product-compare-table--minimal .sdtpd-prod-compare__table th{background:transparent;color:var(--sc-primary)}
.sdtpd-product-compare-table--minimal .sdtpd-prod-compare__lead{background:transparent;color:var(--sc-primary)}
.sdtpd-product-compare-table--minimal .sdtpd-prod-compare__head{text-align:left}
.sdtpd-product-compare-table--material .sdtpd-prod-compare{border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.14)}
.sdtpd-product-compare-table--material .sdtpd-prod-compare__table tr{transition:background .2s}
.sdtpd-product-compare-table--material .sdtpd-prod-compare__table tr:hover{background:var(--sc-bg-alt)}
@media (max-width:768px){
.sdtpd-product-compare-table--classic .sdtpd-prod-compare__head h2,.sdtpd-product-compare-table--ghost .sdtpd-prod-compare__table th{letter-spacing:1px}
.sdtpd-product-compare-table--pill .sdtpd-prod-compare{border-radius:12px}
.sdtpd-product-compare-table--sharp .sdtpd-prod-compare__table th{letter-spacing:1px}
.sdtpd-product-compare-table--material .sdtpd-prod-compare__table tr:hover{background:transparent}
}

.sdtpd-rating-bar--classic .sdtpd-ratingbar{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-rating-bar--classic .sdtpd-ratingbar__label{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-rating-bar--outline .sdtpd-ratingbar{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-rating-bar--outline .sdtpd-ratingbar__score{color:var(--sc-primary)}
.sdtpd-rating-bar--ghost .sdtpd-ratingbar{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rating-bar--ghost .sdtpd-ratingbar__label{font-weight:300;letter-spacing:2px}
.sdtpd-rating-bar--pill .sdtpd-ratingbar{padding:16px 28px}
.sdtpd-rating-bar--pill .sdtpd-ratingbar__score{font-size:18px}
.sdtpd-rating-bar--sharp .sdtpd-ratingbar{border-radius:0}
.sdtpd-rating-bar--sharp .sdtpd-ratingbar__label{text-transform:uppercase;letter-spacing:3px;font-weight:700}
.sdtpd-rating-bar--sharp .sdtpd-ratingbar__score{border-left:3px solid var(--sc-primary);padding-left:10px;font-size:18px}
.sdtpd-rating-bar--gradient .sdtpd-ratingbar{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent))}
.sdtpd-rating-bar--gradient .sdtpd-ratingbar__label{color:#fff;letter-spacing:1px}
.sdtpd-rating-bar--gradient .sdtpd-ratingbar__score{color:#fff}
.sdtpd-rating-bar--boxed .sdtpd-ratingbar{background:var(--sc-bg-alt);border:1px solid var(--sc-border);box-shadow:none}
.sdtpd-rating-bar--boxed .sdtpd-ratingbar__label{font-weight:500;letter-spacing:.5px}
.sdtpd-rating-bar--minimal .sdtpd-ratingbar{background:transparent;border:none;box-shadow:none;padding:6px 0}
.sdtpd-rating-bar--minimal .sdtpd-ratingbar__score{border-bottom:2px solid var(--sc-primary)}
.sdtpd-rating-bar--minimal .sdtpd-ratingbar__label{letter-spacing:1px}
.sdtpd-rating-bar--material .sdtpd-ratingbar{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:transform .2s}
.sdtpd-rating-bar--material .sdtpd-ratingbar__score{border-bottom:2px solid var(--sc-primary);padding-bottom:2px}
.sdtpd-rating-bar--material .sdtpd-ratingbar:hover{transform:translateY(-2px)}
@media (max-width:768px){
.sdtpd-rating-bar--classic .sdtpd-ratingbar__label,.sdtpd-rating-bar--ghost .sdtpd-ratingbar__label,.sdtpd-rating-bar--sharp .sdtpd-ratingbar__label{letter-spacing:1px}
.sdtpd-rating-bar--pill .sdtpd-ratingbar{padding:12px 16px}
.sdtpd-rating-bar--material .sdtpd-ratingbar:hover{transform:none}
}

.sdtpd-pros-cons--classic .sdtpd-proscons{border:3px double var(--sc-border);box-shadow:none}
.sdtpd-pros-cons--classic .sdtpd-proscons h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-pros-cons--classic .sdtpd-proscons__pros{border-top:3px double var(--sc-primary);padding-top:12px}
.sdtpd-pros-cons--classic .sdtpd-proscons__cons{border-top:3px double var(--sc-text);padding-top:12px}
.sdtpd-pros-cons--classic .sdtpd-proscons__pros h4,.sdtpd-pros-cons--classic .sdtpd-proscons__cons h4{letter-spacing:1px}
.sdtpd-pros-cons--outline .sdtpd-proscons{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none}
.sdtpd-pros-cons--outline .sdtpd-proscons__pros{background:transparent;border:1px solid var(--sc-primary);border-radius:8px;padding:14px 16px}
.sdtpd-pros-cons--outline .sdtpd-proscons__cons{background:transparent;border:1px solid var(--sc-text);border-radius:8px;padding:14px 16px}
.sdtpd-pros-cons--outline h3{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-pros-cons--ghost .sdtpd-proscons{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-pros-cons--ghost .sdtpd-proscons__pros{border-bottom:1px dashed var(--sc-primary)}
.sdtpd-pros-cons--ghost .sdtpd-proscons__cons{border-bottom:1px dashed var(--sc-text)}
.sdtpd-pros-cons--ghost h3{font-weight:300;letter-spacing:4px}
.sdtpd-pros-cons--pill .sdtpd-proscons__pros,.sdtpd-pros-cons--pill .sdtpd-proscons__cons{background:var(--sc-bg-alt);border-radius:999px;padding:20px 28px}
.sdtpd-pros-cons--sharp .sdtpd-proscons{border-radius:0}
.sdtpd-pros-cons--sharp .sdtpd-proscons__pros{border-left:4px solid var(--sc-primary);padding-left:14px}
.sdtpd-pros-cons--sharp .sdtpd-proscons__cons{border-left:4px solid var(--sc-text);padding-left:14px}
.sdtpd-pros-cons--sharp .sdtpd-proscons__pros h4,.sdtpd-pros-cons--sharp .sdtpd-proscons__cons h4{text-transform:uppercase;letter-spacing:2px}
.sdtpd-pros-cons--gradient .sdtpd-proscons{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-pros-cons--gradient .sdtpd-proscons h3{color:#fff}
.sdtpd-pros-cons--gradient .sdtpd-proscons__pros h4{color:#fff}
.sdtpd-pros-cons--gradient .sdtpd-proscons__cons h4{color:rgba(255,255,255,.9)}
.sdtpd-pros-cons--gradient .sdtpd-proscons__pros li,.sdtpd-pros-cons--gradient .sdtpd-proscons__cons li{color:#fff}
.sdtpd-pros-cons--gradient .sdtpd-proscons__pros li::before{color:#fff}
.sdtpd-pros-cons--gradient .sdtpd-proscons__cons li::before{color:rgba(255,255,255,.9)}
.sdtpd-pros-cons--boxed .sdtpd-proscons__pros{background:var(--sc-bg-alt);border-radius:8px;padding:14px 16px}
.sdtpd-pros-cons--boxed .sdtpd-proscons__cons{background:var(--sc-bg-alt);border-radius:8px;padding:14px 16px}
.sdtpd-pros-cons--minimal .sdtpd-proscons{background:transparent;border:none;box-shadow:none;padding:8px 0}
.sdtpd-pros-cons--minimal h3{text-align:left;border-bottom:2px solid var(--sc-primary);padding-bottom:8px}
.sdtpd-pros-cons--minimal .sdtpd-proscons__pros{border-left:3px solid var(--sc-primary);padding-left:14px}
.sdtpd-pros-cons--minimal .sdtpd-proscons__cons{border-left:3px solid var(--sc-text);padding-left:14px}
.sdtpd-pros-cons--material .sdtpd-proscons__pros{background:var(--sc-bg);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.14);padding:16px}
.sdtpd-pros-cons--material .sdtpd-proscons__cons{background:var(--sc-bg);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.14);padding:16px}
@media (max-width:768px){
.sdtpd-pros-cons--classic .sdtpd-proscons h3,.sdtpd-pros-cons--ghost .sdtpd-proscons h3,.sdtpd-pros-cons--outline h3{letter-spacing:1px}
.sdtpd-pros-cons--pill .sdtpd-proscons__pros,.sdtpd-pros-cons--pill .sdtpd-proscons__cons{border-radius:16px;padding:14px 18px}
}.sdtpd-site-nav--side{flex-direction:column;align-items:stretch;gap:2px;justify-content:flex-start!important;height:auto;min-height:200px;padding:10px}
.sdtpd-site-nav--side .sdtpd-site-nav__link{justify-content:flex-start;padding:8px 14px}

.sdtpd-site-nav--dropdown{flex-wrap:wrap}
.sdtpd-site-nav__sub{position:absolute;top:100%;left:0;background:var(--sc-bg,#fff);border:1px solid var(--sc-border,#e3e8e5);box-shadow:0 8px 20px rgba(0,0,0,.12);display:none;flex-direction:column;min-width:160px;z-index:50;padding:4px 0}
.sdtpd-site-nav__sub .sdtpd-site-nav__link{padding:8px 14px}
.sdtpd-site-nav__link:hover>.sdtpd-site-nav__sub,.sdtpd-site-nav__sub:hover{display:flex}
.sdtpd-site-nav__func{display:flex;gap:8px;align-items:center}
.sdtpd-site-nav__funcbtn{padding:5px 14px;border:1px solid var(--sc-border,#e3e8e5);border-radius:6px;font-size:14px}
.sdtpd-site-nav__funcbtn--primary{background:var(--sc-primary,#1e7e34);border-color:var(--sc-primary,#1e7e34);color:#fff}
.sdtpd-banner--surround{display:grid;grid-template-columns:2fr 1fr;gap:12px;height:auto!important;padding:0;background:transparent!important}
.sdtpd-banner--surround .sdtpd-banner__inner{position:relative;height:320px}
.sdtpd-banner__core{position:absolute;inset:0;background-size:cover;background-position:center;border-radius:10px}
.sdtpd-banner__thumbs{display:flex;flex-direction:column;gap:8px}
.sdtpd-banner__thumb{flex:1;background-size:cover;background-position:center;border-radius:8px;min-height:74px;cursor:pointer;border:2px solid transparent}
.sdtpd-banner__thumb.is-active{border-color:var(--sc-primary,#1e7e34)}
.sdtpd-banner--satellite{height:auto!important;background:transparent!important;overflow:hidden;box-shadow:none}
.sdtpd-banner__orbit{position:relative;height:380px}
.sdtpd-banner__orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:320px;height:180px;background-size:cover;background-position:center;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.sdtpd-banner__orbit-img{position:absolute;left:50%;top:50%;width:110px;height:80px;background-size:cover;border-radius:10px;transform-origin:-160px -40px;animation:site-orbit 14s linear infinite}
@keyframes site-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.sdtpd-rank-list-classic-c--medal .sdtpd-rank-classic__item:nth-child(1) .sdtpd-rank-classic__no{color:#d4a017;font-weight:800}
.sdtpd-rank-list-classic-c--medal .sdtpd-rank-classic__item:nth-child(2) .sdtpd-rank-classic__no{color:#9ea7b3;font-weight:800}
.sdtpd-rank-list-classic-c--medal .sdtpd-rank-classic__item:nth-child(3) .sdtpd-rank-classic__no{color:#b07d4a;font-weight:800}
.sdtpd-rank-podium-c--medal .sdtpd-rank-podium__no{color:#8a6d1f;font-weight:800}
.sdtpd-rank-podium-c--medal .sdtpd-rank-podium__stage>.sdtpd-rank-podium__card:nth-child(1) .sdtpd-rank-podium__no{color:#d4a017;font-size:1.6em}
.sdtpd-rank-podium-c--medal .sdtpd-rank-podium__stage>.sdtpd-rank-podium__card:nth-child(2) .sdtpd-rank-podium__no{color:#9ea7b3}
.sdtpd-rank-podium-c--medal .sdtpd-rank-podium__stage>.sdtpd-rank-podium__card:nth-child(3) .sdtpd-rank-podium__no{color:#b07d4a}
.sdtpd-rank-card-grid-c--medal [class*="rank-card-grid__no"]{color:#b07d4a;font-weight:800}
.sdtpd-timeline--horizontal .sdtpd-timeline{display:flex;flex-direction:row;gap:12px;overflow-x:auto;padding:8px 4px;list-style:none;margin:0}
.sdtpd-timeline--horizontal .sdtpd-timeline__item{flex:1;min-width:150px}
.sdtpd-image-grid--masonry .sdtpd-imggrid{display:block;columns:2;column-gap:8px}
.sdtpd-image-grid--masonry .sdtpd-imggrid img{break-inside:avoid;width:100%;height:auto!important;margin-bottom:8px;display:block}
.sdtpd-gallery--thumbs{display:flex;flex-direction:column;gap:8px;height:auto!important}
.sdtpd-gallery--thumbs .sdtpd-gallery__slides{height:260px}
.sdtpd-gallery__thumbs{display:flex;gap:6px;overflow-x:auto}
.sdtpd-gallery__thumb{flex:0 0 72px;height:52px;background-size:cover;background-position:center;border-radius:6px;cursor:pointer;border:2px solid transparent}
.sdtpd-gallery__thumb.is-active{border-color:var(--sc-primary,#1e7e34)}
.sdtpd-articlelist--headline{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;height:auto!important}
.sdtpd-articlelist--headline h2{grid-column:1/-1}
.sdtpd-articlelist__hero{display:block;padding:0 0 10px;border-bottom:1px solid var(--sc-border,#e3e8e5)}
.sdtpd-articlelist__heroph{display:block;height:150px;border-radius:8px;background:linear-gradient(135deg,var(--sc-primary,#1e7e34),var(--sc-accent,#27a745));margin-bottom:10px}
.sdtpd-articlelist__hero strong{display:block;font-size:1.1em;margin-bottom:6px;color:var(--sc-text,#222)}
.sdtpd-articlelist__hero .sdtpd-articlelist__date{margin-bottom:6px}
/* ===== 五维变量集 V6（批 5，与前端 component-variants-v6.css 同构，site- 前缀）：art/color 档只写变量，消费层消费变量 ===== */
[class*="-a--plain"]{--v-radius:10px;--v-shadow:none;--v-border-w:0px;--v-border-c:transparent}
[class*="-a--classic"]{--v-radius:10px;--v-shadow:0 2px 6px rgba(0,0,0,.08);--v-border-w:0px;--v-border-c:transparent}
[class*="-a--outline"]{--v-radius:10px;--v-shadow:none;--v-border-w:1px;--v-border-c:var(--sc-border,#e3e8e5)}
[class*="-a--ghost"]{--v-radius:10px;--v-shadow:none;--v-border-w:0px;--v-border-c:transparent}
[class*="-a--pill"]{--v-radius:999px;--v-shadow:0 4px 12px rgba(0,0,0,.08);--v-border-w:0px;--v-border-c:transparent}
[class*="-a--sharp"]{--v-radius:0px;--v-shadow:none;--v-border-w:0px;--v-border-c:transparent}
[class*="-a--boxed"]{--v-radius:6px;--v-shadow:none;--v-border-w:1px;--v-border-c:var(--sc-border,#e3e8e5)}
[class*="-a--minimal"]{--v-radius:4px;--v-shadow:none;--v-border-w:0px;--v-border-c:transparent}
[class*="-a--material"]{--v-radius:8px;--v-shadow:0 8px 24px rgba(0,0,0,.18);--v-border-w:0px;--v-border-c:transparent}
[class*="-a--glass"]{--v-radius:14px;--v-shadow:0 8px 24px rgba(0,0,0,.10);--v-border-w:1px;--v-border-c:rgba(255,255,255,.35)}
[class*="-a--accent-border"]{--v-radius:8px;--v-shadow:none;--v-border-w:2px;--v-border-c:var(--sc-primary,#1e7e34)}
[class*="-a--brutal"]{--v-radius:0px;--v-shadow:6px 6px 0 rgba(0,0,0,.85);--v-border-w:3px;--v-border-c:#111}
[class*="-a--soft-shadow"]{--v-radius:14px;--v-shadow:0 12px 32px rgba(0,0,0,.10);--v-border-w:0px;--v-border-c:transparent}
[class*="-a--compact-line"]{--v-radius:4px;--v-shadow:none;--v-border-w:0px;--v-border-c:transparent}
[class*="-c--gradient"]{--v-title-c:#fff;--v-text-c:rgba(255,255,255,.85)}
[class*="-c--dark"]{--v-title-c:#f5f5f5;--v-text-c:#c9c9c9}
[class*="-c--luxury"]{--v-title-c:#e8c874;--v-text-c:#d9d4c5}
[class*="-c--playful"]{--v-title-c:#ff7043;--v-text-c:#5d4037}
[class*="-c--retro"]{--v-title-c:#795548;--v-text-c:#8d6e63}
[class*="-c--magazine"]{--v-title-c:#111;--v-text-c:#555}
[class*="-c--inkgold"]{--v-title-c:#e8c874;--v-text-c:#cfcfcf}
[class*="-c--forest"]{--v-title-c:#1b5e20;--v-text-c:#4e6b52}
[class*="-c--wine"]{--v-title-c:#8e2432;--v-text-c:#6d4c56}
.sdtpd-banner,.sdtpd-heading,.sdtpd-richtext,.sdtpd-imgtext,.sdtpd-imggrid,.sdtpd-btns,.sdtpd-articlelist,.sdtpd-contact,.sdtpd-rank-classic,.sdtpd-rank-compact,.sdtpd-rank-cards,.sdtpd-rank-podium,.sdtpd-rank-table,.sdtpd-rank-imagelist,.sdtpd-rank-tabs,.sdtpd-rank-scorebar,.sdtpd-rank-sidebar,.sdtpd-rank-badges,.sdtpd-prod-hero,.sdtpd-prod-detail,.sdtpd-prod-compare,.sdtpd-ratingbar,.sdtpd-proscons,.sdtpd-rankfaq,.sdtpd-ranknotice,.sdtpd-breadcrumb,.sdtpd-pagination,.sdtpd-loadmore,.sdtpd-blockquote,.sdtpd-columnstext,.sdtpd-textlist,.sdtpd-featurepara,.sdtpd-gallery,.sdtpd-video,.sdtpd-logowall,.sdtpd-iconfeat,.sdtpd-iconlabel,.sdtpd-badges,.sdtpd-site-nav,.sdtpd-stepsbar,.sdtpd-pagetabs,.sdtpd-contactform,.sdtpd-subscribebox,.sdtpd-abouthero,.sdtpd-footerinfo,.sdtpd-footerlinks,.sdtpd-statscards,.sdtpd-timeline,.sdtpd-progressgroup{border-radius:var(--v-radius,10px);box-shadow:var(--v-shadow,none);border:var(--v-border-w,0) solid var(--v-border-c,transparent)}
.sdtpd-banner .sdtpd-banner__title{color:var(--v-title-c,inherit)}
.sdtpd-banner .sdtpd-banner__subtitle{color:var(--v-text-c,inherit)}
.sdtpd-heading h2{color:var(--v-title-c,inherit)}
.sdtpd-heading p{color:var(--v-text-c,inherit)}
.sdtpd-articlelist h2{color:var(--v-title-c,inherit)}
.sdtpd-articlelist li a{color:var(--v-title-c,inherit)}
.sdtpd-articlelist .sdtpd-articlelist__summary{color:var(--v-text-c,inherit)}
.sdtpd-site-nav .sdtpd-site-nav__link{color:var(--v-text-c,inherit)}
@media (max-width:768px){
[class*="-b--accordion"].sdtpd-site-nav{position:relative}
[class*="-b--accordion"].sdtpd-site-nav.is-open{flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.15);z-index:60;padding:10px}
[class*="-b--flat"].sdtpd-site-nav{flex-wrap:wrap}
[class*="-b--flat"].sdtpd-site-nav .sdtpd-site-nav__burger{display:none}
}
/* ===== 铺量轮（批 6/7）：角色配色消费扩展（按组件子类名逐个补）+ card 系根容器质感补齐 ===== */
.sdtpd-cardgrid,.sdtpd-newscard,.sdtpd-linkcards{border-radius:var(--v-radius,10px);box-shadow:var(--v-shadow,none);border:var(--v-border-w,0) solid var(--v-border-c,transparent)}
.sdtpd-abouthero .sdtpd-abouthero__title{color:var(--v-title-c,inherit)}
.sdtpd-abouthero .sdtpd-abouthero__sub,.sdtpd-abouthero .sdtpd-abouthero__text{color:var(--v-text-c,inherit)}
.sdtpd-columnstext .sdtpd-columnstext__title{color:var(--v-title-c,inherit)}
.sdtpd-columnstext .sdtpd-columnstext__text{color:var(--v-text-c,inherit)}
.sdtpd-featurepara .sdtpd-featurepara__title{color:var(--v-title-c,inherit)}
.sdtpd-featurepara .sdtpd-featurepara__text{color:var(--v-text-c,inherit)}
.sdtpd-iconfeat .sdtpd-iconfeat__title{color:var(--v-title-c,inherit)}
.sdtpd-iconfeat .sdtpd-iconfeat__text{color:var(--v-text-c,inherit)}
.sdtpd-iconlabel .sdtpd-iconlabel__text{color:var(--v-text-c,inherit)}
.sdtpd-textlist .sdtpd-textlist__text{color:var(--v-text-c,inherit)}
.sdtpd-timeline .sdtpd-timeline__title{color:var(--v-title-c,inherit)}
.sdtpd-timeline .sdtpd-timeline__text{color:var(--v-text-c,inherit)}
.sdtpd-contactform .sdtpd-contactform__title{color:var(--v-title-c,inherit)}
.sdtpd-footerlinks .sdtpd-footerlinks__title{color:var(--v-title-c,inherit)}
.sdtpd-statscards .sdtpd-statscards__label{color:var(--v-text-c,inherit)}
.sdtpd-contact .sdtpd-contact__value{color:var(--v-text-c,inherit)}
/* ===== 批 8a：排行榜布局结构档（横式卡片/网格） ===== */
.sdtpd-rank-list-classic--horizontal .sdtpd-rank-classic ul{display:flex;flex-direction:row;gap:12px;overflow-x:auto;padding-bottom:4px}
.sdtpd-rank-list-classic--horizontal .sdtpd-rank-classic li{flex:0 0 240px}
.sdtpd-rank-list-classic--grid .sdtpd-rank-classic ul{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sdtpd-rank-list-compact--horizontal .sdtpd-rank-compact{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
.sdtpd-rank-podium--grid .sdtpd-rank-podium__stage{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}
.sdtpd-rank-podium--grid .sdtpd-rank-podium__list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sdtpd-rank-table--horizontal .sdtpd-rank-table table,.sdtpd-rank-table--horizontal .sdtpd-rank-table tbody,.sdtpd-rank-table--horizontal .sdtpd-rank-table tr,.sdtpd-rank-table--horizontal .sdtpd-rank-table td{display:block}
.sdtpd-rank-table--horizontal .sdtpd-rank-table thead{display:none}
.sdtpd-rank-table--horizontal .sdtpd-rank-table tbody{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.sdtpd-rank-table--horizontal .sdtpd-rank-table tr{padding:10px;background:var(--sc-bg-alt);border-radius:8px}
.sdtpd-rank-image-list--grid .sdtpd-rank-imagelist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sdtpd-rank-card-grid-b--scroll .sdtpd-rank-cards{max-height:320px;overflow-y:auto}
/* ===== 批 7d：用户确认的 10 项档位（纯 CSS 8 项 + 渲染分支 2 项） ===== */
.sdtpd-rank-card-grid--horizontal .sdtpd-rank-cards{display:flex;flex-direction:row;gap:12px;overflow-x:auto}
.sdtpd-rank-card-grid--horizontal .sdtpd-rank-cards__card{flex:0 0 220px}
.sdtpd-rank-notice-b--marquee .sdtpd-ranknotice{overflow:hidden;white-space:nowrap}
.sdtpd-rank-notice-b--marquee .sdtpd-ranknotice__body{display:inline-block;animation:site-notice-x 14s linear infinite}
@keyframes site-notice-x{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.sdtpd-button-link--vertical .sdtpd-btns,.sdtpd-button-link--block .sdtpd-btns{flex-direction:column;align-items:stretch}
.sdtpd-button-link--block .sdtpd-btn{width:100%;text-align:center}
.sdtpd-contact-form--inline .sdtpd-contactform{flex-direction:row;flex-wrap:wrap;align-items:center}
.sdtpd-contact-form--inline .sdtpd-contactform__form{flex-direction:row;flex-wrap:wrap;align-items:center}
.sdtpd-icon-features--circle .sdtpd-iconfeat__glyph,.sdtpd-icon-features--circle .sdtpd-iconfeat__img{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--sc-primary,#1e7e34);color:#fff}
.sdtpd-icon-features--left .sdtpd-iconfeat__item{display:flex;flex-direction:row;align-items:flex-start;gap:10px}
.sdtpd-icon-features--left .sdtpd-iconfeat__text{flex:1}
.sdtpd-stats-cards--inline .sdtpd-statscards{display:flex;flex-direction:row;gap:12px}
.sdtpd-stats-cards--inline .sdtpd-statscards__item{flex:1}
.sdtpd-pros-cons--stack .sdtpd-proscons__cols{grid-template-columns:1fr!important}
.sdtpd-product-hero--split .sdtpd-prod-hero__inner{flex-direction:row-reverse}
.sdtpd-news-card--headline .sdtpd-newscard__item--headline{background:var(--sc-bg-alt,#f2f5f3);border-radius:10px;padding:14px}
.sdtpd-news-card--headline .sdtpd-newscard__item--headline .sdtpd-newscard__img,.sdtpd-news-card--headline .sdtpd-newscard__item--headline .sdtpd-newscard__ph{height:220px}
.sdtpd-news-card--headline .sdtpd-newscard__item--headline .sdtpd-newscard__title{font-size:20px}
.sdtpd-contactform__stepsbar{display:flex;gap:12px;margin:4px 0 10px}
.sdtpd-contactform__stepdot{flex:1;text-align:center;padding:6px 4px;border-bottom:2px solid var(--sc-border,#e3e8e5);font-size:13px;color:var(--sc-text-light,#8a8f8c)}
.sdtpd-contactform__stepdot.is-active{border-color:var(--sc-primary,#1e7e34);color:var(--sc-primary,#1e7e34);font-weight:700}
.sdtpd-contactform__step{display:none}
.sdtpd-contactform__step.is-active{display:block}
.sdtpd-contactform__stepnav{display:flex;gap:8px;justify-content:flex-end}
/* ===== 批 7c 铺量：剩余组件语义档位（layout 纯 CSS 档 × 6 + behavior 档 × 4） ===== */
.sdtpd-image-text--stack .sdtpd-imgtext{flex-direction:column!important}
.sdtpd-card-grid--list .sdtpd-cardgrid{grid-template-columns:1fr!important}
.sdtpd-footer-links--inline .sdtpd-footerlinks{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 20px}
.sdtpd-footer-links--inline .sdtpd-footerlinks__col{min-width:0}
.sdtpd-section-heading--center .sdtpd-heading h2{text-align:center}
.sdtpd-section-heading--center .sdtpd-heading h2:after{content:'';display:block;width:48px;height:3px;background:var(--sc-primary,#1e7e34);margin:10px auto 0;border-radius:2px}
.sdtpd-section-heading--center .sdtpd-heading p{text-align:center}
.sdtpd-page-tabs--vertical .sdtpd-pagetabs{flex-direction:row;align-items:stretch}
.sdtpd-page-tabs--vertical .sdtpd-pagetabs__bar{flex-direction:column;flex:0 0 160px;border-bottom:none;border-right:2px solid var(--sc-border,#e3e8e5)}
.sdtpd-steps-bar--vertical .sdtpd-stepsbar{flex-direction:column;gap:12px}
.sdtpd-status-badge-b--blink .sdtpd-badges__item{animation:site-blink 1.2s step-end infinite}
@keyframes site-blink{50%{opacity:.35}}
.sdtpd-status-badge-b--pulse .sdtpd-badges__item{animation:site-pulse 1.6s ease-in-out infinite}
@keyframes site-pulse{50%{transform:scale(1.08)}}
.sdtpd-progress-group-b--animate .sdtpd-progressgroup__fill{animation:site-fill 1.2s ease-out}
@keyframes site-fill{from{width:0}}
.sdtpd-rank-faq-b--accordion .sdtpd-rankfaq__item summary{cursor:pointer;list-style:none}
.sdtpd-rank-faq-b--accordion .sdtpd-rankfaq__item summary::-webkit-details-marker{display:none}
.sdtpd-rank-faq-b--accordion .sdtpd-rankfaq__item summary:after{content:'+';float:right;font-weight:700;color:var(--sc-primary,#1e7e34)}
.sdtpd-rank-faq-b--accordion .sdtpd-rankfaq__item[open] summary:after{content:'-'}
.sdtpd-rank-faq-b--plain .sdtpd-rankfaq__item{margin:0 0 10px}
.sdtpd-rank-faq-b--plain .sdtpd-rankfaq__q{display:block;font-weight:700;margin-bottom:4px}
.sdtpd-video--popup .sdtpd-video__coverbox{position:relative;cursor:pointer;height:240px;border-radius:10px;overflow:hidden;background:var(--sc-bg-alt,#f2f5f3)}
.sdtpd-video--popup .sdtpd-video__cover{width:100%;height:100%;object-fit:cover}
.sdtpd-video--popup .sdtpd-video__coverph{width:100%;height:100%;background:linear-gradient(135deg,var(--sc-primary,#1e7e34),var(--sc-accent,#27a745))}
.sdtpd-video--popup .sdtpd-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}
.sdtpd-video--popup .sdtpd-video__modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999}
.sdtpd-video--popup .sdtpd-video__modal[hidden]{display:none}
.sdtpd-video--popup .sdtpd-video__modalbox{position:relative;width:min(880px,92vw);background:#000;border-radius:10px;padding:10px}
.sdtpd-video--popup .sdtpd-video__modalbox iframe,.sdtpd-video--popup .sdtpd-video__modalbox video{width:100%;height:480px;border:none;display:block}
.sdtpd-video--popup .sdtpd-video__close{position:absolute;right:-14px;top:-14px;width:30px;height:30px;border-radius:50%;background:#fff;color:#111;text-align:center;line-height:28px;cursor:pointer;font-weight:700}
/* ===== 批 7 铺量补齐：rank 榜单滚动 behavior + logo-wall 跑马灯 layout ===== */
[class*="-b--scroll"].sdtpd-rank-list-classic,[class*="-b--scroll"].sdtpd-rank-compact,[class*="-b--scroll"].sdtpd-rank-badges{overflow:hidden;max-height:300px}
[class*="-b--scroll"] ul{animation:site-vscroll 16s linear infinite}
@keyframes site-vscroll{0%,6%{transform:translateY(0)}94%,100%{transform:translateY(calc(-100% + 300px))}}
.sdtpd-logowall--marquee{display:block;overflow:hidden}
.sdtpd-logowall__track{display:flex;gap:20px;width:max-content;animation:site-marquee 20s linear infinite;align-items:center}
.sdtpd-logowall__track .sdtpd-logowall__logo{width:84px;height:40px;object-fit:contain}
@keyframes site-marquee{to{transform:translateX(-50%)}}
/* ===== func 功能维度样式（批 7 铺量）：搜索框 / 倒计时条 ===== */
.sdtpd-articlelist__search{width:100%;max-width:320px;padding:6px 10px;margin:0 0 10px;border:1px solid var(--sc-border,#e3e8e5);border-radius:6px;font-size:14px}
.sdtpd-articlelist--headline .sdtpd-articlelist__search{grid-column:1/-1}
.sdtpd-subscribebox__countdown{padding:8px 0;font-size:14px;color:var(--v-text-c,inherit)}
.sdtpd-subscribebox__cd{font-weight:700}
.sdtpd-banner-hero--classic .sdtpd-banner{height:360px!important;box-shadow:inset 0 0 0 8px rgba(255,255,255,.25)}
.sdtpd-banner-hero--classic .sdtpd-banner__title{font-weight:600;letter-spacing:1px}
.sdtpd-banner-hero--classic .sdtpd-banner__cta{border-radius:4px}
.sdtpd-banner-hero--outline .sdtpd-banner{height:360px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.sdtpd-banner-hero--outline .sdtpd-banner__title{font-weight:400;letter-spacing:1px}
.sdtpd-banner-hero--outline .sdtpd-banner__cta{background:transparent;border:1px solid rgba(255,255,255,.8)}
.sdtpd-banner-hero--ghost .sdtpd-banner__title{font-weight:300;letter-spacing:6px;text-shadow:none}
.sdtpd-banner-hero--ghost .sdtpd-banner__subtitle{text-shadow:none}
.sdtpd-banner-hero--ghost .sdtpd-banner__cta{background:transparent;border:1px solid rgba(255,255,255,.8);border-radius:0}
.sdtpd-banner-hero--pill .sdtpd-banner{height:280px!important}
.sdtpd-banner-hero--pill .sdtpd-banner__subtitle{font-size:15px}
.sdtpd-banner-hero--pill .sdtpd-banner__cta{border-radius:999px;padding:8px 28px;font-size:14px}
.sdtpd-banner-hero--sharp .sdtpd-banner{height:420px!important;box-shadow:inset 0 0 0 6px var(--sc-text)}
.sdtpd-banner-hero--sharp .sdtpd-banner__title{text-transform:uppercase;letter-spacing:4px;font-weight:700}
.sdtpd-banner-hero--sharp .sdtpd-banner__cta{border-radius:0;font-weight:700}
.sdtpd-banner-hero--gradient .sdtpd-banner::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));opacity:.92}
.sdtpd-banner-hero--gradient .sdtpd-banner__title{font-weight:700}
.sdtpd-banner-hero--gradient .sdtpd-banner__cta{border-radius:4px}
.sdtpd-banner-hero--boxed .sdtpd-banner{height:320px!important}
.sdtpd-banner-hero--boxed .sdtpd-banner__inner{background:rgba(255,255,255,.85);border:1px solid var(--sc-border);border-radius:8px;padding:24px 32px}
.sdtpd-banner-hero--boxed .sdtpd-banner__title{color:var(--sc-text);text-shadow:none}
.sdtpd-banner-hero--boxed .sdtpd-banner__subtitle{color:var(--sc-text-light);text-shadow:none}
.sdtpd-banner-hero--minimal .sdtpd-banner{height:300px!important;align-items:flex-end}
.sdtpd-banner-hero--minimal .sdtpd-banner__inner{text-align:left;padding:0 40px 32px}
.sdtpd-banner-hero--minimal .sdtpd-banner__title{font-weight:400;letter-spacing:2px}
.sdtpd-banner-hero--minimal .sdtpd-banner__cta{background:transparent;border:1px solid rgba(255,255,255,.8);border-radius:0}
.sdtpd-banner-hero--material .sdtpd-banner{height:340px!important;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.sdtpd-banner-hero--material .sdtpd-banner__cta{box-shadow:0 4px 10px rgba(0,0,0,.25);transition:transform .2s}
.sdtpd-banner-hero--material .sdtpd-banner__cta:hover{transform:translateY(-2px)}
.sdtpd-banner-hero--glass .sdtpd-banner__inner{background:rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:20px 32px}
.sdtpd-banner-hero--dark .sdtpd-banner::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:var(--sc-primary-dark);opacity:.96}
.sdtpd-banner-hero--dark .sdtpd-banner__title{color:#fff;letter-spacing:2px}
.sdtpd-banner-hero--dark .sdtpd-banner__subtitle{color:rgba(255,255,255,.85)}
.sdtpd-banner-hero--dark .sdtpd-banner__cta{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.4)}
.sdtpd-banner-hero--accent-border .sdtpd-banner{align-items:flex-end;box-shadow:inset 6px 0 0 var(--sc-primary)}
.sdtpd-banner-hero--accent-border .sdtpd-banner__inner{text-align:left;padding:0 32px 24px}
.sdtpd-banner-hero--accent-border .sdtpd-banner__title{font-weight:600}
.sdtpd-banner-hero--luxury .sdtpd-banner{height:380px!important;box-shadow:inset 0 0 0 1px #d4af37}
.sdtpd-banner-hero--luxury .sdtpd-banner__title{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:5px}
.sdtpd-banner-hero--luxury .sdtpd-banner__cta{font-family:Georgia,"Times New Roman",serif;background:transparent;border:1px solid #d4af37}
.sdtpd-banner-hero--playful .sdtpd-banner{height:320px!important}
.sdtpd-banner-hero--playful .sdtpd-banner__title{font-weight:700}
.sdtpd-banner-hero--playful .sdtpd-banner__cta{background:var(--sc-accent);border-radius:999px;font-weight:700;transition:transform .2s}
.sdtpd-banner-hero--playful .sdtpd-banner__cta:hover{transform:translateY(-4px)}
.sdtpd-banner-hero--bold-brutal .sdtpd-banner{box-shadow:inset 0 0 0 6px var(--sc-text),8px 8px 0 rgba(0,0,0,.35)}
.sdtpd-banner-hero--bold-brutal .sdtpd-banner__title{font-weight:800;text-transform:uppercase;letter-spacing:2px}
.sdtpd-banner-hero--bold-brutal .sdtpd-banner__cta{border-radius:0;font-weight:800}
.sdtpd-banner-hero--retro .sdtpd-banner__inner{background:#faf6ee;border:4px double var(--sc-border);border-radius:8px;padding:20px 32px}
.sdtpd-banner-hero--retro .sdtpd-banner__title{font-family:Georgia,"Times New Roman",serif;color:var(--sc-text);text-shadow:none}
.sdtpd-banner-hero--retro .sdtpd-banner__subtitle{color:var(--sc-text-light);text-shadow:none}
.sdtpd-banner-hero--magazine .sdtpd-banner{align-items:flex-end;box-shadow:inset 0 -4px 0 var(--sc-primary)}
.sdtpd-banner-hero--magazine .sdtpd-banner__inner{text-align:left;padding:0 32px 24px}
.sdtpd-banner-hero--magazine .sdtpd-banner__title{font-size:1.15em;font-weight:700;letter-spacing:1px}
.sdtpd-banner-hero--magazine .sdtpd-banner__cta{background:transparent;color:#fff;text-decoration:underline;padding:0;border-radius:0}
.sdtpd-banner-hero--soft-shadow .sdtpd-banner{height:320px!important;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.sdtpd-banner-hero--soft-shadow .sdtpd-banner__title{font-weight:500}
.sdtpd-banner-hero--soft-shadow .sdtpd-banner__cta{border-radius:12px}
.sdtpd-banner-hero--compact-line .sdtpd-banner{height:200px!important}
.sdtpd-banner-hero--compact-line .sdtpd-banner__title{font-size:22px;font-weight:500;margin-bottom:8px}
.sdtpd-banner-hero--compact-line .sdtpd-banner__subtitle{font-size:14px;margin-bottom:12px}
.sdtpd-banner-hero--compact-line .sdtpd-banner__cta{padding:8px 20px;font-size:13px}
.sdtpd-section-heading--classic .sdtpd-heading{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:8px;padding:20px}
.sdtpd-section-heading--classic .sdtpd-heading h2{font-weight:600}
.sdtpd-section-heading--outline .sdtpd-heading{background:transparent;border:1px solid var(--sc-primary);border-radius:8px;padding:18px;box-shadow:none}
.sdtpd-section-heading--outline .sdtpd-heading h2{letter-spacing:2px;font-weight:500}
.sdtpd-section-heading--ghost .sdtpd-heading{background:transparent;border:none;box-shadow:none;padding:8px 0}
.sdtpd-section-heading--ghost .sdtpd-heading h2{font-weight:300;letter-spacing:3px}
.sdtpd-section-heading--ghost .sdtpd-heading p{letter-spacing:.5px}
.sdtpd-section-heading--pill .sdtpd-heading h2{display:inline-block;background:var(--sc-bg-alt);border-radius:999px;padding:8px 28px;font-size:.85em}
.sdtpd-section-heading--pill .sdtpd-heading p{font-size:.9em;margin-top:8px}
.sdtpd-section-heading--sharp .sdtpd-heading{text-align:left;border:none;border-left:5px solid var(--sc-primary);border-radius:0;padding:8px 0 8px 16px}
.sdtpd-section-heading--sharp .sdtpd-heading h2{text-transform:uppercase;letter-spacing:3px;font-weight:700}
.sdtpd-section-heading--gradient .sdtpd-heading{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:10px;padding:20px}
.sdtpd-section-heading--gradient .sdtpd-heading h2{color:#fff;font-weight:600}
.sdtpd-section-heading--gradient .sdtpd-heading p{color:rgba(255,255,255,.85)}
.sdtpd-section-heading--boxed .sdtpd-heading{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px;padding:24px}
.sdtpd-section-heading--minimal .sdtpd-heading{text-align:left;background:transparent;border:none;box-shadow:none;padding:8px 0}
.sdtpd-section-heading--minimal .sdtpd-heading h2{font-weight:500;font-size:.95em;letter-spacing:1px;border-bottom:1px solid var(--sc-border);padding-bottom:10px}
.sdtpd-section-heading--minimal .sdtpd-heading p{margin-top:6px}
.sdtpd-section-heading--material .sdtpd-heading{background:var(--sc-bg);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15);padding:18px}
.sdtpd-section-heading--material .sdtpd-heading h2{font-weight:600}
.sdtpd-section-heading--glass .sdtpd-heading{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);border-radius:12px}
.sdtpd-section-heading--glass .sdtpd-heading h2{letter-spacing:1px}
.sdtpd-section-heading--dark .sdtpd-heading{background:var(--sc-primary-dark);border-radius:8px}
.sdtpd-section-heading--dark .sdtpd-heading h2{color:#fff;letter-spacing:2px;font-weight:500}
.sdtpd-section-heading--dark .sdtpd-heading p{color:rgba(255,255,255,.85)}
.sdtpd-section-heading--accent-border .sdtpd-heading{text-align:left;border:none;border-left:5px solid var(--sc-primary);background:var(--sc-bg-alt);border-radius:0 8px 8px 0;padding:12px 16px}
.sdtpd-section-heading--accent-border .sdtpd-heading h2{font-weight:700}
.sdtpd-section-heading--luxury .sdtpd-heading{border:none;border-bottom:2px solid #d4af37;border-radius:0;padding:12px 0}
.sdtpd-section-heading--luxury .sdtpd-heading h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:4px}
.sdtpd-section-heading--playful .sdtpd-heading h2{display:inline-block;background:var(--sc-bg-alt);border:2px solid;border-color:var(--sc-primary) var(--sc-accent);border-radius:999px;padding:8px 24px;font-weight:700;transition:transform .2s}
.sdtpd-section-heading--playful .sdtpd-heading h2:hover{transform:translateY(-3px)}
.sdtpd-section-heading--bold-brutal .sdtpd-heading{text-align:left;border:none;box-shadow:none;padding:8px 0}
.sdtpd-section-heading--bold-brutal .sdtpd-heading h2{display:inline-block;border:3px solid var(--sc-text);box-shadow:4px 4px 0 var(--sc-primary);border-radius:0;font-weight:800;text-transform:uppercase;padding:8px 16px}
.sdtpd-section-heading--retro .sdtpd-heading{background:#faf6ee;border:4px double var(--sc-border);border-radius:8px}
.sdtpd-section-heading--retro .sdtpd-heading h2{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.sdtpd-section-heading--retro .sdtpd-heading p{font-style:italic}
.sdtpd-section-heading--magazine .sdtpd-heading{text-align:left;border:none;box-shadow:none;background:transparent;padding:8px 0}
.sdtpd-section-heading--magazine .sdtpd-heading h2{font-size:1.25em;font-weight:700;letter-spacing:1px;border-bottom:3px double var(--sc-border);padding-bottom:10px}
.sdtpd-section-heading--magazine .sdtpd-heading p{text-align:left;margin-top:8px}
.sdtpd-section-heading--soft-shadow .sdtpd-heading{background:var(--sc-bg);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:20px}
.sdtpd-section-heading--soft-shadow .sdtpd-heading h2{font-weight:500}
.sdtpd-section-heading--compact-line .sdtpd-heading{border:none;border-top:1px solid var(--sc-border);border-bottom:1px solid var(--sc-border);border-radius:0;background:transparent;padding:6px 0}
.sdtpd-section-heading--compact-line .sdtpd-heading h2{font-size:.8em;font-weight:600;letter-spacing:2px;text-transform:uppercase}
.sdtpd-section-heading--compact-line .sdtpd-heading p{font-size:.85em}
.sdtpd-rich-text--classic .sdtpd-richtext{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:8px;padding:20px;line-height:1.9}
.sdtpd-rich-text--outline .sdtpd-richtext{background:transparent;border:1px solid var(--sc-primary);border-radius:8px;padding:16px;box-shadow:none;line-height:1.85}
.sdtpd-rich-text--ghost .sdtpd-richtext{background:transparent;border:none;box-shadow:none;line-height:2.0;letter-spacing:.5px}
.sdtpd-rich-text--pill .sdtpd-richtext{background:var(--sc-bg-alt);border-radius:28px;padding:20px 28px;font-size:.95em}
.sdtpd-rich-text--sharp .sdtpd-richtext{border:none;border-left:5px solid var(--sc-primary);border-radius:0;padding:4px 0 4px 16px;text-align:justify;line-height:1.7}
.sdtpd-rich-text--gradient .sdtpd-richtext{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:10px;padding:20px;color:#fff;line-height:1.9}
.sdtpd-rich-text--boxed .sdtpd-richtext{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px;padding:24px}
.sdtpd-rich-text--minimal .sdtpd-richtext{background:transparent;border:none;box-shadow:none;line-height:2.0;text-indent:2em;letter-spacing:.3px}
.sdtpd-rich-text--material .sdtpd-richtext{background:var(--sc-bg);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15);padding:18px;transition:transform .2s}
.sdtpd-rich-text--material .sdtpd-richtext:hover{transform:translateY(-2px)}
.sdtpd-rich-text--glass .sdtpd-richtext{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:18px}
.sdtpd-rich-text--dark .sdtpd-richtext{background:var(--sc-primary-dark);border-radius:8px;padding:20px;color:rgba(255,255,255,.92);line-height:1.9}
.sdtpd-rich-text--accent-border .sdtpd-richtext{border:none;border-left:5px solid var(--sc-primary);background:var(--sc-bg-alt);border-radius:0 8px 8px 0;padding:16px 20px;line-height:1.9}
.sdtpd-rich-text--luxury .sdtpd-richtext{border:none;border-left:3px solid #d4af37;border-radius:0;padding:4px 0 4px 20px;font-family:Georgia,"Times New Roman",serif;line-height:2.0}
.sdtpd-rich-text--playful .sdtpd-richtext{background:var(--sc-bg-alt);border:2px dashed var(--sc-accent);border-radius:24px;padding:20px 24px}
.sdtpd-rich-text--bold-brutal .sdtpd-richtext{border:3px solid var(--sc-text);box-shadow:5px 5px 0 var(--sc-primary);border-radius:0;padding:18px;font-weight:600}
.sdtpd-rich-text--retro .sdtpd-richtext{background:#faf6ee;border:4px double var(--sc-border);border-radius:8px;padding:20px;font-family:Georgia,"Times New Roman",serif;line-height:2.0}
.sdtpd-rich-text--magazine .sdtpd-richtext{column-count:2;column-gap:32px;column-rule:1px solid var(--sc-border);text-align:justify}
.sdtpd-rich-text--soft-shadow .sdtpd-richtext{background:var(--sc-bg);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:20px}
.sdtpd-rich-text--compact-line .sdtpd-richtext{border:none;border-top:1px solid var(--sc-border);border-bottom:1px solid var(--sc-border);border-radius:0;background:transparent;padding:8px 0;font-size:.9em;line-height:1.6}
.sdtpd-image-text--classic .sdtpd-imgtext{padding:20px}
.sdtpd-image-text--classic .sdtpd-imgtext__img{flex:0 0 40%}
.sdtpd-image-text--classic .sdtpd-imgtext__txt{line-height:1.9;letter-spacing:.3px}
.sdtpd-image-text--outline .sdtpd-imgtext{background:transparent;border:1px solid var(--sc-primary);border-radius:10px;box-shadow:none}
.sdtpd-image-text--outline .sdtpd-imgtext__txt{letter-spacing:.5px}
.sdtpd-image-text--ghost .sdtpd-imgtext{background:transparent;border:none;box-shadow:none;padding:0}
.sdtpd-image-text--ghost .sdtpd-imgtext__img img{border-radius:0}
.sdtpd-image-text--ghost .sdtpd-imgtext__txt{line-height:2.0;font-weight:400}
.sdtpd-image-text--pill .sdtpd-imgtext{gap:20px}
.sdtpd-image-text--pill .sdtpd-imgtext__img img{border-radius:24px}
.sdtpd-image-text--pill .sdtpd-imgtext__txt{font-size:.95em;line-height:1.9}
.sdtpd-image-text--sharp .sdtpd-imgtext{border:none;border-left:4px solid var(--sc-primary);border-radius:0;padding:12px 0 12px 16px}
.sdtpd-image-text--sharp .sdtpd-imgtext__img img{border-radius:0}
.sdtpd-image-text--sharp .sdtpd-imgtext__txt{font-weight:500;letter-spacing:.5px}
.sdtpd-image-text--gradient .sdtpd-imgtext{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:10px}
.sdtpd-image-text--gradient .sdtpd-imgtext__txt{color:#fff;line-height:1.9}
.sdtpd-image-text--boxed .sdtpd-imgtext{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px;padding:20px}
.sdtpd-image-text--minimal .sdtpd-imgtext{background:transparent;border:none;box-shadow:none;padding:0;gap:16px}
.sdtpd-image-text--minimal .sdtpd-imgtext__img{flex:0 0 35%}
.sdtpd-image-text--minimal .sdtpd-imgtext__img img{border-radius:0}
.sdtpd-image-text--minimal .sdtpd-imgtext__txt{line-height:2.0;letter-spacing:.3px}
.sdtpd-image-text--material .sdtpd-imgtext{padding:20px}
.sdtpd-image-text--material .sdtpd-imgtext__img img{box-shadow:0 4px 10px rgba(0,0,0,.18);transition:transform .2s}
.sdtpd-image-text--material .sdtpd-imgtext__img img:hover{transform:translateY(-3px)}
.sdtpd-image-text--glass .sdtpd-imgtext__txt{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);border-radius:10px;padding:16px}
.sdtpd-image-text--dark .sdtpd-imgtext{background:var(--sc-primary-dark);border-radius:10px}
.sdtpd-image-text--dark .sdtpd-imgtext__txt{color:rgba(255,255,255,.92);line-height:1.9}
.sdtpd-image-text--accent-border .sdtpd-imgtext{border:none;border-left:5px solid var(--sc-primary);background:var(--sc-bg-alt);border-radius:0 8px 8px 0}
.sdtpd-image-text--accent-border .sdtpd-imgtext__txt{font-weight:500}
.sdtpd-image-text--luxury .sdtpd-imgtext{border:1px solid #d4af37;border-radius:4px}
.sdtpd-image-text--luxury .sdtpd-imgtext__img img{border-radius:2px}
.sdtpd-image-text--luxury .sdtpd-imgtext__txt{font-family:Georgia,"Times New Roman",serif;letter-spacing:1px}
.sdtpd-image-text--playful .sdtpd-imgtext__img img{border-radius:999px;transition:transform .2s}
.sdtpd-image-text--playful .sdtpd-imgtext__img img:hover{transform:translateY(-4px)}
.sdtpd-image-text--playful .sdtpd-imgtext__txt{font-weight:600}
.sdtpd-image-text--bold-brutal .sdtpd-imgtext{border:3px solid var(--sc-text);box-shadow:5px 5px 0 var(--sc-primary);border-radius:0}
.sdtpd-image-text--bold-brutal .sdtpd-imgtext__img img{border-radius:0}
.sdtpd-image-text--bold-brutal .sdtpd-imgtext__txt{font-weight:700}
.sdtpd-image-text--retro .sdtpd-imgtext{background:#faf6ee;border:4px double var(--sc-border);border-radius:8px}
.sdtpd-image-text--retro .sdtpd-imgtext__img img{border-radius:4px}
.sdtpd-image-text--retro .sdtpd-imgtext__txt{font-family:Georgia,"Times New Roman",serif}
.sdtpd-image-text--magazine .sdtpd-imgtext{flex-direction:column;align-items:stretch;gap:0;padding:0}
.sdtpd-image-text--magazine .sdtpd-imgtext__img{flex:none;width:100%}
.sdtpd-image-text--magazine .sdtpd-imgtext__img img{aspect-ratio:16/9;object-fit:cover;border-radius:0}
.sdtpd-image-text--magazine .sdtpd-imgtext__txt{border-top:1px solid var(--sc-border);padding-top:12px;text-align:justify}
.sdtpd-image-text--soft-shadow .sdtpd-imgtext__img img{box-shadow:0 10px 30px rgba(0,0,0,.12);border-radius:12px}
.sdtpd-image-text--soft-shadow .sdtpd-imgtext__txt{padding:4px 0}
.sdtpd-image-text--compact-line .sdtpd-imgtext{border:none;border-top:1px solid var(--sc-border);border-bottom:1px solid var(--sc-border);border-radius:0;background:transparent;padding:8px 0;gap:12px}
.sdtpd-image-text--compact-line .sdtpd-imgtext__img{flex:0 0 30%}
.sdtpd-image-text--compact-line .sdtpd-imgtext__txt{font-size:.9em;line-height:1.6}
.sdtpd-image-grid--classic .sdtpd-imggrid{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:8px;padding:12px;gap:16px}
.sdtpd-image-grid--classic .sdtpd-imggrid img{border-radius:6px}
.sdtpd-image-grid--outline .sdtpd-imggrid{background:transparent;border:1px solid var(--sc-primary);border-radius:10px;padding:12px;box-shadow:none}
.sdtpd-image-grid--outline .sdtpd-imggrid img{border-radius:4px}
.sdtpd-image-grid--ghost .sdtpd-imggrid{background:transparent;border:none;box-shadow:none;padding:0;gap:24px}
.sdtpd-image-grid--ghost .sdtpd-imggrid img{border-radius:0}
.sdtpd-image-grid--pill .sdtpd-imggrid{gap:16px}
.sdtpd-image-grid--pill .sdtpd-imggrid img{border-radius:20px;transition:transform .2s}
.sdtpd-image-grid--pill .sdtpd-imggrid img:hover{transform:translateY(-3px)}
.sdtpd-image-grid--sharp .sdtpd-imggrid{border:none;border-top:3px solid var(--sc-primary);border-radius:0;background:transparent;padding:8px 0;gap:8px}
.sdtpd-image-grid--sharp .sdtpd-imggrid img{border-radius:0}
.sdtpd-image-grid--gradient .sdtpd-imggrid{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:10px;padding:14px}
.sdtpd-image-grid--boxed .sdtpd-imggrid{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px;padding:16px}
.sdtpd-image-grid--minimal .sdtpd-imggrid{background:transparent;border:none;box-shadow:none;padding:0;gap:4px}
.sdtpd-image-grid--minimal .sdtpd-imggrid img{border-radius:0}
.sdtpd-image-grid--material .sdtpd-imggrid{gap:16px}
.sdtpd-image-grid--material .sdtpd-imggrid img{box-shadow:0 4px 10px rgba(0,0,0,.15);transition:transform .2s,box-shadow .2s}
.sdtpd-image-grid--material .sdtpd-imggrid img:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,.2)}
.sdtpd-image-grid--glass .sdtpd-imggrid{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:12px}
.sdtpd-image-grid--dark .sdtpd-imggrid{background:var(--sc-primary-dark);border-radius:10px;padding:14px}
.sdtpd-image-grid--accent-border .sdtpd-imggrid{border:none;border-left:5px solid var(--sc-primary);background:var(--sc-bg-alt);border-radius:0 8px 8px 0;gap:14px}
.sdtpd-image-grid--luxury .sdtpd-imggrid{border:1px solid #d4af37;border-radius:4px;padding:16px;gap:20px}
.sdtpd-image-grid--luxury .sdtpd-imggrid img{border-radius:2px}
.sdtpd-image-grid--playful .sdtpd-imggrid{gap:20px}
.sdtpd-image-grid--playful .sdtpd-imggrid img{border-radius:16px;transition:transform .2s}
.sdtpd-image-grid--playful .sdtpd-imggrid img:hover{transform:translateY(-5px) rotate(-1deg)}
.sdtpd-image-grid--bold-brutal .sdtpd-imggrid{border:3px solid var(--sc-text);box-shadow:6px 6px 0 var(--sc-primary);border-radius:0;gap:12px}
.sdtpd-image-grid--bold-brutal .sdtpd-imggrid img{border-radius:0}
.sdtpd-image-grid--retro .sdtpd-imggrid{background:#faf6ee;border:4px double var(--sc-border);border-radius:8px;padding:14px}
.sdtpd-image-grid--retro .sdtpd-imggrid img{border-radius:4px}
.sdtpd-image-grid--magazine .sdtpd-imggrid{gap:0;border:none;border-top:1px solid var(--sc-border);border-bottom:1px solid var(--sc-border);border-radius:0;background:transparent;padding:0}
.sdtpd-image-grid--magazine .sdtpd-imggrid img{border-radius:0;aspect-ratio:3/4;height:auto}
.sdtpd-image-grid--soft-shadow .sdtpd-imggrid{gap:20px}
.sdtpd-image-grid--soft-shadow .sdtpd-imggrid img{box-shadow:0 10px 30px rgba(0,0,0,.12);border-radius:12px}
.sdtpd-image-grid--compact-line .sdtpd-imggrid{border:1px solid var(--sc-border);border-radius:0;background:transparent;padding:6px;gap:6px}
.sdtpd-image-grid--compact-line .sdtpd-imggrid img{border-radius:0}
.sdtpd-button-link--classic .sdtpd-btns{justify-content:flex-start}
.sdtpd-button-link--classic .sdtpd-btn{height:44px;display:inline-flex;align-items:center;font-weight:600;letter-spacing:.5px;border-radius:4px;padding:10px 22px}
.sdtpd-button-link--outline .sdtpd-btns{justify-content:flex-end}
.sdtpd-button-link--outline .sdtpd-btn{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary);letter-spacing:2px}
.sdtpd-button-link--outline .sdtpd-btn:hover{background:var(--sc-primary);color:#fff}
.sdtpd-button-link--ghost .sdtpd-btns{justify-content:center}
.sdtpd-button-link--ghost .sdtpd-btn{background:transparent;border:none;position:relative;font-weight:500;padding:6px 2px}
.sdtpd-button-link--ghost .sdtpd-btn::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--sc-primary);transition:width .2s}
.sdtpd-button-link--ghost .sdtpd-btn:hover{color:var(--sc-primary)}
.sdtpd-button-link--ghost .sdtpd-btn:hover::after{width:100%}
.sdtpd-button-link--pill .sdtpd-btn{height:38px;display:inline-flex;align-items:center;border-radius:999px;font-size:13px;letter-spacing:1px;padding:0 20px}
.sdtpd-button-link--sharp .sdtpd-btn{height:56px;display:inline-flex;align-items:center;border-radius:0;border-left:4px solid var(--sc-primary);font-weight:700;padding:14px 28px}
.sdtpd-button-link--gradient .sdtpd-btn{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));color:#fff;border-radius:10px;font-weight:600;letter-spacing:1px}
.sdtpd-button-link--boxed .sdtpd-btns{background:var(--sc-bg-alt);border:1px solid var(--sc-border);padding:16px;border-radius:10px}
.sdtpd-button-link--boxed .sdtpd-btn{background:var(--sc-bg);color:var(--sc-primary)}
.sdtpd-button-link--minimal .sdtpd-btns{justify-content:center}
.sdtpd-button-link--minimal .sdtpd-btn{background:transparent;border:none;border-radius:0;font-size:15px;font-weight:500;position:relative;padding:4px 18px 4px 0}
.sdtpd-button-link--minimal .sdtpd-btn::after{content:"→";position:absolute;right:0}
.sdtpd-article-list--classic .sdtpd-articlelist{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:8px;padding:16px}
.sdtpd-article-list--classic .sdtpd-articlelist h2{font-weight:600;letter-spacing:.5px}
.sdtpd-article-list--classic .sdtpd-articlelist li{border-bottom:1px solid var(--sc-border)}
.sdtpd-article-list--outline .sdtpd-articlelist{background:transparent;border:1px solid var(--sc-primary);border-radius:10px;padding:16px;box-shadow:none}
.sdtpd-article-list--outline .sdtpd-articlelist h2{letter-spacing:2px;font-weight:500}
.sdtpd-article-list--outline .sdtpd-articlelist li{border-bottom:1px dashed var(--sc-border)}
.sdtpd-article-list--ghost .sdtpd-articlelist{background:transparent;border:none;box-shadow:none;padding:8px 0}
.sdtpd-article-list--ghost .sdtpd-articlelist h2{font-weight:300;letter-spacing:3px}
.sdtpd-article-list--ghost .sdtpd-articlelist li{border-bottom:none;padding:14px 0}
.sdtpd-article-list--pill .sdtpd-articlelist li{background:var(--sc-bg-alt);border-radius:999px;padding:8px 18px;margin-bottom:8px;border-bottom:none}
.sdtpd-article-list--pill .sdtpd-articlelist__summary{font-size:13px}
.sdtpd-article-list--sharp .sdtpd-articlelist h2{font-weight:700;text-transform:uppercase;letter-spacing:2px}
.sdtpd-article-list--sharp .sdtpd-articlelist li{border-bottom:1px solid var(--sc-border);border-left:3px solid var(--sc-primary);padding-left:12px;margin-bottom:6px}
.sdtpd-article-list--sharp .sdtpd-articlelist__date{font-size:12px;text-transform:uppercase;letter-spacing:1px}
.sdtpd-article-list--gradient .sdtpd-articlelist{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:10px;padding:16px}
.sdtpd-article-list--gradient .sdtpd-articlelist h2{color:#fff;letter-spacing:.5px}
.sdtpd-article-list--gradient .sdtpd-articlelist li{border-bottom:1px solid rgba(255,255,255,.35)}
.sdtpd-article-list--gradient .sdtpd-articlelist li a{color:#fff}
.sdtpd-article-list--gradient .sdtpd-articlelist li a:hover{color:#fff}
.sdtpd-article-list--gradient .sdtpd-articlelist__date{color:rgba(255,255,255,.85)}
.sdtpd-article-list--gradient .sdtpd-articlelist__summary{color:rgba(255,255,255,.85)}
.sdtpd-article-list--boxed .sdtpd-articlelist{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px;padding:24px}
.sdtpd-article-list--boxed .sdtpd-articlelist li{border-bottom:1px solid var(--sc-border)}
.sdtpd-article-list--minimal .sdtpd-articlelist{background:transparent;border:none;box-shadow:none;padding:8px 0}
.sdtpd-article-list--minimal .sdtpd-articlelist h2{font-weight:500;border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-article-list--minimal .sdtpd-articlelist li{border-bottom:1px solid var(--sc-border)}
.sdtpd-article-list--minimal .sdtpd-articlelist__date{font-size:12px}
.sdtpd-article-list--material .sdtpd-articlelist{background:var(--sc-bg);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15);padding:16px}
.sdtpd-article-list--material .sdtpd-articlelist li{transition:background .2s}
.sdtpd-article-list--material .sdtpd-articlelist li:hover{background:var(--sc-bg-alt)}
.sdtpd-article-list--glass .sdtpd-articlelist{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:16px}
.sdtpd-article-list--glass .sdtpd-articlelist h2{letter-spacing:1px}
.sdtpd-article-list--dark .sdtpd-articlelist{background:var(--sc-primary-dark);border-radius:10px;padding:16px}
.sdtpd-article-list--dark .sdtpd-articlelist h2{color:#fff;letter-spacing:1px}
.sdtpd-article-list--dark .sdtpd-articlelist li{border-bottom:1px solid rgba(255,255,255,.2)}
.sdtpd-article-list--dark .sdtpd-articlelist li a{color:rgba(255,255,255,.92)}
.sdtpd-article-list--dark .sdtpd-articlelist__date{color:rgba(255,255,255,.6)}
.sdtpd-article-list--dark .sdtpd-articlelist__summary{color:rgba(255,255,255,.7)}
.sdtpd-article-list--accent-border .sdtpd-articlelist{border:none;border-left:5px solid var(--sc-primary);background:var(--sc-bg-alt);border-radius:0 8px 8px 0;padding:16px}
.sdtpd-article-list--accent-border .sdtpd-articlelist h2{font-weight:700}
.sdtpd-article-list--luxury .sdtpd-articlelist h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:3px;border-bottom:2px solid #d4af37;padding-bottom:8px}
.sdtpd-article-list--luxury .sdtpd-articlelist li a{font-family:Georgia,"Times New Roman",serif}
.sdtpd-article-list--luxury .sdtpd-articlelist__date{font-style:italic}
.sdtpd-article-list--playful .sdtpd-articlelist li{background:var(--sc-bg-alt);border-radius:16px;padding:10px 16px;margin-bottom:8px;border-bottom:none;transition:transform .2s}
.sdtpd-article-list--playful .sdtpd-articlelist li:hover{transform:translateY(-2px)}
.sdtpd-article-list--playful .sdtpd-articlelist li a{font-weight:700}
.sdtpd-article-list--bold-brutal .sdtpd-articlelist{border:3px solid var(--sc-text);box-shadow:6px 6px 0 var(--sc-primary);border-radius:0;padding:16px}
.sdtpd-article-list--bold-brutal .sdtpd-articlelist h2{font-weight:800;text-transform:uppercase}
.sdtpd-article-list--bold-brutal .sdtpd-articlelist li{border-bottom:2px solid var(--sc-text)}
.sdtpd-article-list--retro .sdtpd-articlelist{background:#faf6ee;border:4px double var(--sc-border);border-radius:8px;padding:16px}
.sdtpd-article-list--retro .sdtpd-articlelist h2{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.sdtpd-article-list--retro .sdtpd-articlelist__date{font-style:italic}
.sdtpd-article-list--retro .sdtpd-articlelist li{border-bottom:1px solid var(--sc-border)}
.sdtpd-article-list--magazine .sdtpd-articlelist{background:transparent;border:none;box-shadow:none;padding:8px 0}
.sdtpd-article-list--magazine .sdtpd-articlelist h2{font-size:1.2em;font-weight:700;letter-spacing:1px;text-align:left}
.sdtpd-article-list--magazine .sdtpd-articlelist li{border-bottom:1px solid var(--sc-border);padding:14px 0;text-align:left}
.sdtpd-article-list--magazine .sdtpd-articlelist__date{float:right;font-size:12px}
.sdtpd-article-list--soft-shadow .sdtpd-articlelist{background:var(--sc-bg);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:16px}
.sdtpd-article-list--soft-shadow .sdtpd-articlelist li{border-bottom:1px dashed var(--sc-border)}
.sdtpd-article-list--compact-line .sdtpd-articlelist{border-top:1px solid var(--sc-border);border-bottom:1px solid var(--sc-border);border-radius:0;background:transparent;padding:8px 0}
.sdtpd-article-list--compact-line .sdtpd-articlelist li{padding:6px 0;border-bottom:1px solid var(--sc-border)}
.sdtpd-article-list--compact-line .sdtpd-articlelist li a{font-size:15px}
.sdtpd-article-list--compact-line .sdtpd-articlelist__date{font-size:11px}
.sdtpd-article-list--compact-line .sdtpd-articlelist__summary{font-size:12px}
.sdtpd-contact-info--classic .sdtpd-contact{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:8px;padding:20px}
.sdtpd-contact-info--classic .sdtpd-contact li{border-bottom:1px solid var(--sc-border);padding:8px 0}
.sdtpd-contact-info--outline .sdtpd-contact{background:transparent;border:1px solid var(--sc-primary);border-radius:10px;padding:16px;box-shadow:none}
.sdtpd-contact-info--outline .sdtpd-contact__label{letter-spacing:1px}
.sdtpd-contact-info--ghost .sdtpd-contact{background:transparent;border:none;box-shadow:none;padding:8px 0}
.sdtpd-contact-info--ghost .sdtpd-contact__label{font-weight:400}
.sdtpd-contact-info--ghost .sdtpd-contact li{padding:10px 0}
.sdtpd-contact-info--pill .sdtpd-contact li{background:var(--sc-bg-alt);border-radius:999px;padding:8px 16px;margin-bottom:8px}
.sdtpd-contact-info--sharp .sdtpd-contact{border:none;border-left:5px solid var(--sc-primary);border-radius:0;padding:8px 0 8px 16px}
.sdtpd-contact-info--sharp .sdtpd-contact__label{font-weight:700;text-transform:uppercase;letter-spacing:2px}
.sdtpd-contact-info--sharp .sdtpd-contact li{border-bottom:1px solid var(--sc-border)}
.sdtpd-contact-info--gradient .sdtpd-contact{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:10px;padding:20px}
.sdtpd-contact-info--gradient .sdtpd-contact__label{color:#fff}
.sdtpd-contact-info--gradient .sdtpd-contact__value{color:rgba(255,255,255,.92)}
.sdtpd-contact-info--boxed .sdtpd-contact{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px;padding:24px}
.sdtpd-contact-info--boxed .sdtpd-contact li{border-bottom:1px dashed var(--sc-border)}
.sdtpd-contact-info--minimal .sdtpd-contact{background:transparent;border:none;box-shadow:none;padding:8px 0}
.sdtpd-contact-info--minimal .sdtpd-contact__label{font-weight:400;flex:0 0 4em}
.sdtpd-contact-info--minimal .sdtpd-contact li{border-bottom:1px solid var(--sc-border);padding:10px 0}
.sdtpd-contact-info--material .sdtpd-contact{background:var(--sc-bg);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15);padding:18px}
.sdtpd-contact-info--material .sdtpd-contact li{transition:transform .2s}
.sdtpd-contact-info--material .sdtpd-contact li:hover{transform:translateX(4px)}
.sdtpd-contact-info--glass .sdtpd-contact{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:18px}
.sdtpd-contact-info--dark .sdtpd-contact{background:var(--sc-primary-dark);border-radius:10px;padding:20px}
.sdtpd-contact-info--dark .sdtpd-contact__label{color:rgba(255,255,255,.7);letter-spacing:2px}
.sdtpd-contact-info--dark .sdtpd-contact__value{color:#fff}
.sdtpd-contact-info--accent-border .sdtpd-contact{border:none;border-left:5px solid var(--sc-primary);background:var(--sc-bg-alt);border-radius:0 8px 8px 0;padding:16px 20px}
.sdtpd-contact-info--luxury .sdtpd-contact{border:none;border-left:3px solid #d4af37;border-radius:0;padding:4px 0 4px 20px}
.sdtpd-contact-info--luxury .sdtpd-contact__label{font-family:Georgia,"Times New Roman",serif;font-style:italic;letter-spacing:1px}
.sdtpd-contact-info--luxury .sdtpd-contact__value{font-family:Georgia,"Times New Roman",serif}
.sdtpd-contact-info--playful .sdtpd-contact li{background:var(--sc-bg-alt);border-radius:16px;padding:10px 16px;margin-bottom:8px;transition:transform .2s}
.sdtpd-contact-info--playful .sdtpd-contact li:hover{transform:translateY(-3px)}
.sdtpd-contact-info--playful .sdtpd-contact__value{font-weight:600}
.sdtpd-contact-info--bold-brutal .sdtpd-contact{border:3px solid var(--sc-text);box-shadow:6px 6px 0 var(--sc-primary);border-radius:0;padding:16px}
.sdtpd-contact-info--bold-brutal .sdtpd-contact__label{font-weight:800;text-transform:uppercase}
.sdtpd-contact-info--bold-brutal .sdtpd-contact li{border-bottom:2px solid var(--sc-text)}
.sdtpd-contact-info--retro .sdtpd-contact{background:#faf6ee;border:4px double var(--sc-border);border-radius:8px;padding:18px}
.sdtpd-contact-info--retro .sdtpd-contact__label{font-family:Georgia,"Times New Roman",serif;font-style:italic}
.sdtpd-contact-info--retro .sdtpd-contact li{border-bottom:1px solid var(--sc-border)}
.sdtpd-contact-info--magazine .sdtpd-contact li{display:block;border-bottom:1px solid var(--sc-border);padding:10px 0}
.sdtpd-contact-info--magazine .sdtpd-contact__label{display:block;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--sc-text-light)}
.sdtpd-contact-info--magazine .sdtpd-contact__value{display:block;font-size:1.05em}
.sdtpd-contact-info--soft-shadow .sdtpd-contact{background:var(--sc-bg);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:18px}
.sdtpd-contact-info--soft-shadow .sdtpd-contact li{border-bottom:1px dashed var(--sc-border)}
.sdtpd-contact-info--compact-line .sdtpd-contact{border-top:1px solid var(--sc-border);border-bottom:1px solid var(--sc-border);border-radius:0;background:transparent;padding:8px 0}
.sdtpd-contact-info--compact-line .sdtpd-contact li{padding:4px 0}
.sdtpd-contact-info--compact-line .sdtpd-contact__label{font-size:13px}
.sdtpd-contact-info--compact-line .sdtpd-contact__value{font-size:13px}
.sdtpd-divider--classic .sdtpd-divider{border-top:2px solid var(--sc-border);margin:20px 0}
.sdtpd-divider--outline .sdtpd-divider{border-top:1px solid var(--sc-primary);width:70%;margin:20px auto}
.sdtpd-divider--ghost .sdtpd-divider{border-top:1px solid var(--sc-border);opacity:.5;margin:24px 0}
.sdtpd-divider--pill .sdtpd-divider{border:none;height:6px;border-radius:999px;background:var(--sc-bg-alt);width:120px;margin:16px auto}
.sdtpd-divider--sharp .sdtpd-divider{border-top:3px solid var(--sc-text);margin:16px 0}
.sdtpd-divider--gradient .sdtpd-divider{border:none;height:3px;background:linear-gradient(90deg,transparent,var(--sc-primary),transparent);margin:20px 0}
.sdtpd-divider--boxed .sdtpd-divider{border:none;height:9px;border-top:1px solid var(--sc-border);border-bottom:1px solid var(--sc-border);margin:20px 0}
.sdtpd-divider--minimal .sdtpd-divider{border-top:1px solid var(--sc-border);width:40%;margin:32px auto}
.sdtpd-divider--material .sdtpd-divider{border:none;height:2px;background:var(--sc-border);box-shadow:0 2px 5px rgba(0,0,0,.2);margin:20px 0}
.sdtpd-divider--glass .sdtpd-divider{border:none;height:1px;background:rgba(255,255,255,.4);box-shadow:0 1px 4px rgba(255,255,255,.5);margin:20px 0}
.sdtpd-divider--dark .sdtpd-divider{border:none;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.4),rgba(255,255,255,.05));margin:20px 0}
.sdtpd-divider--accent-border .sdtpd-divider{border:none;height:4px;background:linear-gradient(90deg,var(--sc-primary) 0,var(--sc-primary) 72px,var(--sc-border) 72px);margin:20px 0}
.sdtpd-divider--luxury .sdtpd-divider{border-top:1px solid #d4af37;width:50%;margin:24px auto}
.sdtpd-divider--playful .sdtpd-divider{border:none;height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--sc-accent) 0 8px,transparent 8px 14px);margin:20px 0}
.sdtpd-divider--bold-brutal .sdtpd-divider{border-top:5px solid var(--sc-text);box-shadow:4px 4px 0 var(--sc-border);margin:16px 0}
.sdtpd-divider--retro .sdtpd-divider{border-top:4px double var(--sc-border);width:80%;margin:20px auto}
.sdtpd-divider--magazine .sdtpd-divider{border:none;height:7px;border-top:1px solid var(--sc-text);border-bottom:1px solid var(--sc-text);margin:16px 0}
.sdtpd-divider--soft-shadow .sdtpd-divider{border:none;height:1px;background:var(--sc-border);box-shadow:0 4px 12px rgba(0,0,0,.08);margin:20px 0}
.sdtpd-divider--compact-line .sdtpd-divider{margin:8px 0;border-top:1px solid var(--sc-border)}
@media (max-width:768px){
.sdtpd-banner-hero--classic .sdtpd-banner,.sdtpd-banner-hero--outline .sdtpd-banner,.sdtpd-banner-hero--pill .sdtpd-banner,.sdtpd-banner-hero--sharp .sdtpd-banner,.sdtpd-banner-hero--minimal .sdtpd-banner,.sdtpd-banner-hero--luxury .sdtpd-banner,.sdtpd-banner-hero--playful .sdtpd-banner,.sdtpd-banner-hero--soft-shadow .sdtpd-banner{height:220px!important}
.sdtpd-banner-hero--minimal .sdtpd-banner__inner,.sdtpd-banner-hero--accent-border .sdtpd-banner__inner,.sdtpd-banner-hero--magazine .sdtpd-banner__inner{padding:0 20px 24px}
.sdtpd-banner-hero--bold-brutal .sdtpd-banner{box-shadow:4px 4px 0 rgba(0,0,0,.3)}
.sdtpd-banner-hero--luxury .sdtpd-banner__title{letter-spacing:2px}
.sdtpd-rich-text--magazine .sdtpd-richtext{column-count:1}
.sdtpd-image-text--magazine .sdtpd-imgtext{flex-direction:column}
.sdtpd-image-text--magazine .sdtpd-imgtext__img{flex:none;width:100%}
.sdtpd-image-text--magazine .sdtpd-imgtext__img img{aspect-ratio:16/9;height:auto}
.sdtpd-article-list--pill .sdtpd-articlelist li,.sdtpd-article-list--playful .sdtpd-articlelist li,.sdtpd-contact-info--pill .sdtpd-contact li,.sdtpd-contact-info--playful .sdtpd-contact li{padding:8px 12px}
.sdtpd-contact-info--magazine .sdtpd-contact li{padding:8px 0}
}


.sdtpd-button-link--material .sdtpd-btn{border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.18);font-weight:500;transition:transform .2s}
.sdtpd-button-link--material .sdtpd-btn:hover{transform:translateY(-2px)}
.sdtpd-button-link--glass .sdtpd-btn{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);border-radius:12px}
.sdtpd-button-link--dark .sdtpd-btn{background:var(--sc-primary-dark);color:#fff;letter-spacing:3px;height:46px;display:inline-flex;align-items:center;border-radius:8px}
.sdtpd-button-link--accent-border .sdtpd-btns{border:none;border-left:4px solid var(--sc-primary);background:var(--sc-bg-alt);border-radius:0 8px 8px 0}
.sdtpd-button-link--luxury .sdtpd-btn{font-family:Georgia,"Times New Roman",serif;letter-spacing:4px;border:1px solid #d4af37;font-size:14px;height:42px;display:inline-flex;align-items:center;background:transparent;color:var(--sc-text)}
.sdtpd-button-link--playful .sdtpd-btn{border-radius:999px;border:3px solid;border-color:var(--sc-primary) var(--sc-accent);font-weight:700;transition:transform .2s}
.sdtpd-button-link--playful .sdtpd-btn:hover{transform:translateY(-3px)}
.sdtpd-button-link--bold-brutal .sdtpd-btn{border:3px solid var(--sc-text);box-shadow:4px 4px 0 var(--sc-text);border-radius:0;font-weight:800;text-transform:uppercase}
.sdtpd-button-link--retro .sdtpd-btn{border:3px double var(--sc-primary);font-family:Georgia,"Times New Roman",serif;border-radius:8px;height:48px;display:inline-flex;align-items:center;background:#faf6ee}
.sdtpd-button-link--magazine .sdtpd-btns{flex-direction:column;align-items:stretch}
.sdtpd-button-link--magazine .sdtpd-btn{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;border-radius:0;border-bottom:1px solid var(--sc-border);background:transparent;color:var(--sc-text)}
.sdtpd-button-link--magazine .sdtpd-btn::after{content:"→"}
.sdtpd-button-link--soft-shadow .sdtpd-btn{box-shadow:0 10px 30px rgba(0,0,0,.12);border-radius:14px;font-weight:500;height:46px;display:inline-flex;align-items:center}
.sdtpd-button-link--compact-line .sdtpd-btn{height:34px;display:inline-flex;align-items:center;font-size:12px;letter-spacing:.3px;background:transparent;border:none;border-bottom:1px solid var(--sc-border);border-radius:2px;padding:0 4px}


@media (max-width:768px){
.sdtpd-articlelist li{padding:10px 0}
.sdtpd-articlelist li a{font-size:16px}
.sdtpd-articlelist__summary{font-size:13px}
.sdtpd-contact__label,.sdtpd-contact__value{font-size:14px}
.sdtpd-btns .sdtpd-btn{padding:9px 20px}
}.sdtpd-rank-list-classic--classic .sdtpd-rank-classic{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-rank-list-classic--ghost .sdtpd-rank-classic{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-list-classic--pill .sdtpd-rank-classic__btn,.sdtpd-rank-list-classic--pill .sdtpd-rank-classic__badge,.sdtpd-rank-list-classic--pill .sdtpd-rank-classic__item{border-radius:999px}
.sdtpd-rank-list-classic--sharp .sdtpd-rank-classic,.sdtpd-rank-list-classic--sharp .sdtpd-rank-classic__btn,.sdtpd-rank-list-classic--sharp .sdtpd-rank-classic__badge,.sdtpd-rank-list-classic--sharp .sdtpd-rank-classic__logo,.sdtpd-rank-list-classic--sharp .sdtpd-rank-classic__no{border-radius:0}
.sdtpd-rank-list-classic--boxed .sdtpd-rank-classic{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-rank-list-classic--minimal .sdtpd-rank-classic{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-rank-list-classic--minimal .sdtpd-rank-classic__head h2{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-rank-list-classic--minimal .sdtpd-rank-classic__item{border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-list-classic--material .sdtpd-rank-classic{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-rank-list-compact--classic .sdtpd-rank-compact{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-rank-list-compact--ghost .sdtpd-rank-compact{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-list-compact--pill .sdtpd-rank-compact__item,.sdtpd-rank-list-compact--pill .sdtpd-rank-compact__no,.sdtpd-rank-list-compact--pill .sdtpd-rank-compact__logo{border-radius:999px}
.sdtpd-rank-list-compact--sharp .sdtpd-rank-compact,.sdtpd-rank-list-compact--sharp .sdtpd-rank-compact__item,.sdtpd-rank-list-compact--sharp .sdtpd-rank-compact__no,.sdtpd-rank-list-compact--sharp .sdtpd-rank-compact__logo{border-radius:0}
.sdtpd-rank-list-compact--boxed .sdtpd-rank-compact{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-rank-list-compact--minimal .sdtpd-rank-compact{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-rank-list-compact--minimal .sdtpd-rank-compact__head h2{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-rank-list-compact--minimal .sdtpd-rank-compact__item{border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-list-compact--material .sdtpd-rank-compact{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-rank-card-grid--classic .sdtpd-rank-cards{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-rank-card-grid--ghost .sdtpd-rank-cards{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-card-grid--pill .sdtpd-rank-cards__card,.sdtpd-rank-card-grid--pill .sdtpd-rank-cards__badge{border-radius:999px}
.sdtpd-rank-card-grid--sharp .sdtpd-rank-cards,.sdtpd-rank-card-grid--sharp .sdtpd-rank-cards__card,.sdtpd-rank-card-grid--sharp .sdtpd-rank-cards__badge,.sdtpd-rank-card-grid--sharp .sdtpd-rank-cards__no,.sdtpd-rank-card-grid--sharp .sdtpd-rank-cards__logo{border-radius:0}
.sdtpd-rank-card-grid--boxed .sdtpd-rank-cards{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-rank-card-grid--minimal .sdtpd-rank-cards{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-rank-card-grid--minimal .sdtpd-rank-cards__head h2{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-rank-card-grid--minimal .sdtpd-rank-cards__card{border:none;border-bottom:1px solid var(--sc-border);border-radius:0}
.sdtpd-rank-card-grid--material .sdtpd-rank-cards{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-rank-podium--classic .sdtpd-rank-podium{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-rank-podium--ghost .sdtpd-rank-podium{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-podium--pill .sdtpd-rank-podium__item,.sdtpd-rank-podium--pill .sdtpd-rank-podium__badge,.sdtpd-rank-podium--pill .sdtpd-rank-podium__no,.sdtpd-rank-podium--pill .sdtpd-rank-podium__logo{border-radius:999px}
.sdtpd-rank-podium--sharp .sdtpd-rank-podium,.sdtpd-rank-podium--sharp .sdtpd-rank-podium__item,.sdtpd-rank-podium--sharp .sdtpd-rank-podium__card,.sdtpd-rank-podium--sharp .sdtpd-rank-podium__stage,.sdtpd-rank-podium--sharp .sdtpd-rank-podium__badge,.sdtpd-rank-podium--sharp .sdtpd-rank-podium__no,.sdtpd-rank-podium--sharp .sdtpd-rank-podium__logo{border-radius:0}
.sdtpd-rank-podium--boxed .sdtpd-rank-podium{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-rank-podium--minimal .sdtpd-rank-podium{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-rank-podium--minimal .sdtpd-rank-podium__head h2{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-rank-podium--minimal .sdtpd-rank-podium__item{border:none;border-bottom:1px solid var(--sc-border);border-radius:0}
.sdtpd-rank-podium--material .sdtpd-rank-podium{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-rank-table--classic .sdtpd-rank-table{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-rank-table--ghost .sdtpd-rank-table{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-table--pill .sdtpd-rank-table__badge,.sdtpd-rank-table--pill .sdtpd-rank-table__no,.sdtpd-rank-table--pill .sdtpd-rank-table__logo,.sdtpd-rank-table--pill .sdtpd-rank-table__link{border-radius:999px}
.sdtpd-rank-table--sharp .sdtpd-rank-table,.sdtpd-rank-table--sharp .sdtpd-rank-table__badge,.sdtpd-rank-table--sharp .sdtpd-rank-table__no,.sdtpd-rank-table--sharp .sdtpd-rank-table__logo{border-radius:0}
.sdtpd-rank-table--boxed .sdtpd-rank-table{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-rank-table--minimal .sdtpd-rank-table{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-rank-table--minimal .sdtpd-rank-table__head h2{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-rank-table--minimal .sdtpd-rank-table__table th,.sdtpd-rank-table--minimal .sdtpd-rank-table__table td{border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-table--material .sdtpd-rank-table{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-rank-image-list--classic .sdtpd-rank-imagelist{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-rank-image-list--ghost .sdtpd-rank-imagelist{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-image-list--pill .sdtpd-rank-imagelist__row,.sdtpd-rank-image-list--pill .sdtpd-rank-imagelist__badge,.sdtpd-rank-image-list--pill .sdtpd-rank-imagelist__no,.sdtpd-rank-image-list--pill .sdtpd-rank-imagelist__btn{border-radius:999px}
.sdtpd-rank-image-list--sharp .sdtpd-rank-imagelist,.sdtpd-rank-image-list--sharp .sdtpd-rank-imagelist__row,.sdtpd-rank-image-list--sharp .sdtpd-rank-imagelist__badge,.sdtpd-rank-image-list--sharp .sdtpd-rank-imagelist__no,.sdtpd-rank-image-list--sharp .sdtpd-rank-imagelist__btn,.sdtpd-rank-image-list--sharp .sdtpd-rank-imagelist__picwrap,.sdtpd-rank-image-list--sharp .sdtpd-rank-imagelist__pic{border-radius:0}
.sdtpd-rank-image-list--boxed .sdtpd-rank-imagelist{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-rank-image-list--minimal .sdtpd-rank-imagelist{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-rank-image-list--minimal .sdtpd-rank-imagelist__head h2{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-rank-image-list--minimal .sdtpd-rank-imagelist__row{border-bottom:1px solid var(--sc-border);border-radius:0}
.sdtpd-rank-image-list--material .sdtpd-rank-imagelist{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-rank-tabs--classic .sdtpd-rank-tabs{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-rank-tabs--ghost .sdtpd-rank-tabs{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-tabs--pill .sdtpd-rank-tabs__tab,.sdtpd-rank-tabs--pill .sdtpd-rank-tabs__item,.sdtpd-rank-tabs--pill .sdtpd-rank-tabs__no,.sdtpd-rank-tabs--pill .sdtpd-rank-tabs__logo{border-radius:999px}
.sdtpd-rank-tabs--sharp .sdtpd-rank-tabs,.sdtpd-rank-tabs--sharp .sdtpd-rank-tabs__tab,.sdtpd-rank-tabs--sharp .sdtpd-rank-tabs__item,.sdtpd-rank-tabs--sharp .sdtpd-rank-tabs__no,.sdtpd-rank-tabs--sharp .sdtpd-rank-tabs__logo{border-radius:0}
.sdtpd-rank-tabs--boxed .sdtpd-rank-tabs{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-rank-tabs--minimal .sdtpd-rank-tabs{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-rank-tabs--minimal .sdtpd-rank-tabs__head h2{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-rank-tabs--minimal .sdtpd-rank-tabs__tab{background:transparent;border:none;border-bottom:1px solid var(--sc-border);border-radius:0}
.sdtpd-rank-tabs--minimal .sdtpd-rank-tabs__item{border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-tabs--material .sdtpd-rank-tabs{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-rank-score-bar--classic .sdtpd-rank-scorebar{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-rank-score-bar--ghost .sdtpd-rank-scorebar{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-score-bar--pill .sdtpd-rank-scorebar__item,.sdtpd-rank-score-bar--pill .sdtpd-rank-scorebar__no,.sdtpd-rank-score-bar--pill .sdtpd-rank-scorebar__logo,.sdtpd-rank-score-bar--pill .sdtpd-rank-scorebar__track,.sdtpd-rank-score-bar--pill .sdtpd-rank-scorebar__fill{border-radius:999px}
.sdtpd-rank-score-bar--sharp .sdtpd-rank-scorebar,.sdtpd-rank-score-bar--sharp .sdtpd-rank-scorebar__item,.sdtpd-rank-score-bar--sharp .sdtpd-rank-scorebar__no,.sdtpd-rank-score-bar--sharp .sdtpd-rank-scorebar__logo,.sdtpd-rank-score-bar--sharp .sdtpd-rank-scorebar__track,.sdtpd-rank-score-bar--sharp .sdtpd-rank-scorebar__fill{border-radius:0}
.sdtpd-rank-score-bar--boxed .sdtpd-rank-scorebar{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-rank-score-bar--minimal .sdtpd-rank-scorebar{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-rank-score-bar--minimal .sdtpd-rank-scorebar__head h2{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-rank-score-bar--minimal .sdtpd-rank-scorebar__item{border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-score-bar--minimal .sdtpd-rank-scorebar__track{border:none}
.sdtpd-rank-score-bar--material .sdtpd-rank-scorebar{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-rank-sidebar--classic .sdtpd-rank-sidebar{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-rank-sidebar--ghost .sdtpd-rank-sidebar{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-sidebar--pill .sdtpd-rank-sidebar__item,.sdtpd-rank-sidebar--pill .sdtpd-rank-sidebar__no,.sdtpd-rank-sidebar--pill .sdtpd-rank-sidebar__logo{border-radius:999px}
.sdtpd-rank-sidebar--sharp .sdtpd-rank-sidebar,.sdtpd-rank-sidebar--sharp .sdtpd-rank-sidebar__item,.sdtpd-rank-sidebar--sharp .sdtpd-rank-sidebar__no,.sdtpd-rank-sidebar--sharp .sdtpd-rank-sidebar__logo{border-radius:0}
.sdtpd-rank-sidebar--boxed .sdtpd-rank-sidebar{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-rank-sidebar--minimal .sdtpd-rank-sidebar{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-rank-sidebar--minimal .sdtpd-rank-sidebar__head h2{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-rank-sidebar--minimal .sdtpd-rank-sidebar__item{border-bottom:1px solid var(--sc-border)}
.sdtpd-rank-sidebar--material .sdtpd-rank-sidebar{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-rank-badge-wall--classic .sdtpd-rank-badges{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-rank-badge-wall--ghost .sdtpd-rank-badges{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-badge-wall--pill .sdtpd-rank-badges__card,.sdtpd-rank-badge-wall--pill .sdtpd-rank-badges__honour,.sdtpd-rank-badge-wall--pill .sdtpd-rank-badges__logo{border-radius:999px}
.sdtpd-rank-badge-wall--sharp .sdtpd-rank-badges,.sdtpd-rank-badge-wall--sharp .sdtpd-rank-badges__card,.sdtpd-rank-badge-wall--sharp .sdtpd-rank-badges__honour,.sdtpd-rank-badge-wall--sharp .sdtpd-rank-badges__logo{border-radius:0}
.sdtpd-rank-badge-wall--boxed .sdtpd-rank-badges{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-rank-badge-wall--minimal .sdtpd-rank-badges{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-rank-badge-wall--minimal .sdtpd-rank-badges__head h2{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-rank-badge-wall--minimal .sdtpd-rank-badges__card{border:none;border-bottom:1px solid var(--sc-border);border-radius:0}
.sdtpd-rank-badge-wall--material .sdtpd-rank-badges{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-product-hero--classic .sdtpd-prod-hero{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-product-hero--ghost .sdtpd-prod-hero{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-product-hero--pill .sdtpd-prod-hero__date{border-radius:999px}
.sdtpd-product-hero--sharp .sdtpd-prod-hero,.sdtpd-product-hero--sharp .sdtpd-prod-hero__date{border-radius:0}
.sdtpd-product-hero--boxed .sdtpd-prod-hero{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-product-hero--minimal .sdtpd-prod-hero{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-product-hero--material .sdtpd-prod-hero{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-product-hero--classic .sdtpd-prod-hero::before,.sdtpd-product-hero--ghost .sdtpd-prod-hero::before,.sdtpd-product-hero--boxed .sdtpd-prod-hero::before,.sdtpd-product-hero--minimal .sdtpd-prod-hero::before,.sdtpd-product-hero--material .sdtpd-prod-hero::before{background:none}
.sdtpd-product-hero--classic .sdtpd-prod-hero__inner h1,.sdtpd-product-hero--ghost .sdtpd-prod-hero__inner h1,.sdtpd-product-hero--boxed .sdtpd-prod-hero__inner h1,.sdtpd-product-hero--minimal .sdtpd-prod-hero__inner h1,.sdtpd-product-hero--material .sdtpd-prod-hero__inner h1{color:var(--sc-primary);text-shadow:none}
.sdtpd-product-hero--classic .sdtpd-prod-hero__inner p,.sdtpd-product-hero--ghost .sdtpd-prod-hero__inner p,.sdtpd-product-hero--boxed .sdtpd-prod-hero__inner p,.sdtpd-product-hero--minimal .sdtpd-prod-hero__inner p,.sdtpd-product-hero--material .sdtpd-prod-hero__inner p{color:var(--sc-text-light);text-shadow:none}
.sdtpd-product-hero--classic .sdtpd-prod-hero__date,.sdtpd-product-hero--ghost .sdtpd-prod-hero__date,.sdtpd-product-hero--boxed .sdtpd-prod-hero__date,.sdtpd-product-hero--minimal .sdtpd-prod-hero__date,.sdtpd-product-hero--material .sdtpd-prod-hero__date{background:var(--sc-bg-alt);color:var(--sc-text)}
.sdtpd-product-hero--minimal .sdtpd-prod-hero__inner h1{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-product-detail-card--classic .sdtpd-prod-detail{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-product-detail-card--ghost .sdtpd-prod-detail{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-product-detail-card--pill .sdtpd-prod-detail__btn,.sdtpd-product-detail-card--pill .sdtpd-prod-detail__logo,.sdtpd-product-detail-card--pill .sdtpd-prod-detail__aspect-track,.sdtpd-product-detail-card--pill .sdtpd-prod-detail__aspect-fill{border-radius:999px}
.sdtpd-product-detail-card--sharp .sdtpd-prod-detail,.sdtpd-product-detail-card--sharp .sdtpd-prod-detail__btn,.sdtpd-product-detail-card--sharp .sdtpd-prod-detail__logo,.sdtpd-product-detail-card--sharp .sdtpd-prod-detail__aspect-track,.sdtpd-product-detail-card--sharp .sdtpd-prod-detail__aspect-fill{border-radius:0}
.sdtpd-product-detail-card--boxed .sdtpd-prod-detail{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-product-detail-card--minimal .sdtpd-prod-detail{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-product-detail-card--minimal .sdtpd-prod-detail__head h2{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-product-detail-card--minimal .sdtpd-prod-detail__btn{border-radius:0}
.sdtpd-product-detail-card--material .sdtpd-prod-detail{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-product-compare-table--classic .sdtpd-prod-compare{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-product-compare-table--ghost .sdtpd-prod-compare{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-product-compare-table--pill .sdtpd-prod-compare__lead,.sdtpd-product-compare-table--pill .sdtpd-prod-compare__logo{border-radius:999px}
.sdtpd-product-compare-table--sharp .sdtpd-prod-compare,.sdtpd-product-compare-table--sharp .sdtpd-prod-compare__lead,.sdtpd-product-compare-table--sharp .sdtpd-prod-compare__logo{border-radius:0}
.sdtpd-product-compare-table--boxed .sdtpd-prod-compare{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-product-compare-table--minimal .sdtpd-prod-compare{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-product-compare-table--minimal .sdtpd-prod-compare__head h2{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-product-compare-table--minimal .sdtpd-prod-compare__table th,.sdtpd-product-compare-table--minimal .sdtpd-prod-compare__table td{border-bottom:1px solid var(--sc-border)}
.sdtpd-product-compare-table--material .sdtpd-prod-compare{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-rating-bar--classic .sdtpd-ratingbar{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-rating-bar--ghost .sdtpd-ratingbar{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rating-bar--pill .sdtpd-ratingbar{border-radius:999px}
.sdtpd-rating-bar--sharp .sdtpd-ratingbar{border-radius:0}
.sdtpd-rating-bar--boxed .sdtpd-ratingbar{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-rating-bar--minimal .sdtpd-ratingbar{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-rating-bar--minimal .sdtpd-ratingbar__label{border-bottom:1px solid var(--sc-border);padding-bottom:4px}
.sdtpd-rating-bar--material .sdtpd-ratingbar{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-pros-cons--classic .sdtpd-proscons{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-pros-cons--ghost .sdtpd-proscons{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-pros-cons--pill .sdtpd-proscons__pros li,.sdtpd-pros-cons--pill .sdtpd-proscons__cons li{background:var(--sc-bg-alt);border-radius:999px;padding:4px 12px}
.sdtpd-pros-cons--sharp .sdtpd-proscons,.sdtpd-pros-cons--sharp .sdtpd-proscons__pros li,.sdtpd-pros-cons--sharp .sdtpd-proscons__cons li{border-radius:0}
.sdtpd-pros-cons--boxed .sdtpd-proscons{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-pros-cons--minimal .sdtpd-proscons{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-pros-cons--minimal .sdtpd-proscons h3{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-pros-cons--minimal .sdtpd-proscons__pros li,.sdtpd-pros-cons--minimal .sdtpd-proscons__cons li{border-bottom:1px solid var(--sc-border)}
.sdtpd-pros-cons--material .sdtpd-proscons{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-rank-faq--classic .sdtpd-rankfaq{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-rank-faq--ghost .sdtpd-rankfaq{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-faq--pill .sdtpd-rankfaq__item{border-radius:999px}
.sdtpd-rank-faq--sharp .sdtpd-rankfaq,.sdtpd-rank-faq--sharp .sdtpd-rankfaq__item{border-radius:0}
.sdtpd-rank-faq--boxed .sdtpd-rankfaq{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-rank-faq--minimal .sdtpd-rankfaq{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-rank-faq--minimal .sdtpd-rankfaq__head h2{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-rank-faq--minimal .sdtpd-rankfaq__item{background:transparent;border:none;border-bottom:1px solid var(--sc-border);border-radius:0}
.sdtpd-rank-faq--material .sdtpd-rankfaq{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-rank-notice--classic .sdtpd-ranknotice{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px}
.sdtpd-rank-notice--ghost .sdtpd-ranknotice{background:transparent;border:1px dashed var(--sc-border);border-radius:8px;box-shadow:none}
.sdtpd-rank-notice--pill .sdtpd-ranknotice{border-radius:999px}
.sdtpd-rank-notice--sharp .sdtpd-ranknotice{border-radius:0}
.sdtpd-rank-notice--boxed .sdtpd-ranknotice{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:10px}
.sdtpd-rank-notice--minimal .sdtpd-ranknotice{border:none;background:transparent;border-radius:0;box-shadow:none}
.sdtpd-rank-notice--minimal .sdtpd-ranknotice h3{border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-rank-notice--material .sdtpd-ranknotice{border:none;background:var(--sc-bg);box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--sc-text-light);padding:8px}
.sdtpd-breadcrumb__link{color:var(--sc-text-light);text-decoration:none}
.sdtpd-breadcrumb__link:hover{color:var(--sc-primary);text-decoration:underline}
.sdtpd-breadcrumb__sep{color:var(--sc-text-light);opacity:.7}
.sdtpd-breadcrumb__cur{color:var(--sc-primary);font-weight:600}
.sdtpd-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--cp-space-2);padding:var(--cp-space-2)}
.sdtpd-pagination__btn,.sdtpd-pagination__num{min-width:34px;height:34px;padding:0 var(--cp-space-2);border:1px solid var(--sc-border);background:var(--sc-bg);color:var(--sc-text);border-radius:var(--cp-radius-xs);font-size:var(--cp-fs-sub);cursor:pointer;transition:all .2s}
.sdtpd-pagination__btn:hover,.sdtpd-pagination__num:hover{border-color:var(--sc-primary);color:var(--sc-primary)}
.sdtpd-pagination__num.is-active{background:var(--sc-primary);border-color:var(--sc-primary);color:#fff}
.sdtpd-pagination__btn:disabled{opacity:.5;cursor:not-allowed}
.sdtpd-pagination__dots{color:var(--sc-text-light)}
.sdtpd-pagination.is-disabled{opacity:.5;pointer-events:none}
.sdtpd-loadmore{display:flex;justify-content:center;padding:var(--cp-space-2)}
.sdtpd-loadmore__btn{padding:calc(var(--cp-space-2) + 2px) var(--cp-space-5);background:var(--sc-primary);color:#fff;border:none;border-radius:var(--cp-cta-radius);font-family:var(--cp-font-body);font-size:var(--cp-fs-body);font-weight:var(--cp-cta-weight);box-shadow:var(--cp-shadow-sm);cursor:pointer;transition:background .2s}
.sdtpd-loadmore__btn:hover{background:var(--sc-primary-dark);box-shadow:var(--cp-shadow-md)}
.sdtpd-loadmore__btn:disabled{opacity:.5;cursor:not-allowed}
.sdtpd-loadmore.is-disabled .sdtpd-loadmore__btn{opacity:.5;pointer-events:none}

.sdtpd-breadcrumb--classic{border:3px double var(--sc-primary);border-radius:4px;padding:10px 16px}
.sdtpd-breadcrumb--classic .sdtpd-breadcrumb__sep{color:var(--sc-primary);font-weight:700}
.sdtpd-breadcrumb--classic .sdtpd-breadcrumb__cur{text-decoration:underline;text-underline-offset:3px}
.sdtpd-breadcrumb--outline{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;padding:10px 16px}
.sdtpd-breadcrumb--outline .sdtpd-breadcrumb__link{letter-spacing:.5px}
.sdtpd-breadcrumb--outline .sdtpd-breadcrumb__cur{font-weight:700}
.sdtpd-breadcrumb--ghost{background:transparent;border:none;padding:4px 0}
.sdtpd-breadcrumb--ghost .sdtpd-breadcrumb__link{font-weight:500}
.sdtpd-breadcrumb--ghost .sdtpd-breadcrumb__cur{border-bottom:2px solid var(--sc-primary);padding-bottom:2px}
.sdtpd-breadcrumb--ghost .sdtpd-breadcrumb__sep{font-weight:700}
.sdtpd-breadcrumb--pill{gap:6px}
.sdtpd-breadcrumb--pill .sdtpd-breadcrumb__link,.sdtpd-breadcrumb--pill .sdtpd-breadcrumb__cur{padding:3px 14px;border-radius:999px;background:var(--sc-bg-alt)}
.sdtpd-breadcrumb--pill .sdtpd-breadcrumb__cur{background:var(--sc-primary);color:#fff}
.sdtpd-breadcrumb--pill .sdtpd-breadcrumb__sep{font-weight:700}
.sdtpd-breadcrumb--sharp{border:none;border-top:2px solid var(--sc-text);border-bottom:2px solid var(--sc-text);border-radius:0;padding:6px 0}
.sdtpd-breadcrumb--sharp .sdtpd-breadcrumb__link,.sdtpd-breadcrumb--sharp .sdtpd-breadcrumb__cur{text-transform:uppercase;letter-spacing:1px;font-weight:600}
.sdtpd-breadcrumb--gradient{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px;padding:10px 16px}
.sdtpd-breadcrumb--gradient .sdtpd-breadcrumb__link,.sdtpd-breadcrumb--gradient .sdtpd-breadcrumb__sep{color:rgba(255,255,255,.85)}
.sdtpd-breadcrumb--gradient .sdtpd-breadcrumb__cur{color:#fff;font-weight:700}
.sdtpd-breadcrumb--boxed{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px 16px}
.sdtpd-breadcrumb--boxed .sdtpd-breadcrumb__cur{font-weight:700;letter-spacing:.5px}
.sdtpd-breadcrumb--minimal{background:transparent;border:none;padding:4px 0;font-size:13px}
.sdtpd-breadcrumb--minimal .sdtpd-breadcrumb__cur{font-weight:700;letter-spacing:.5px}
.sdtpd-breadcrumb--material{background:var(--sc-bg);border-radius:var(--sc-radius);box-shadow:0 2px 6px rgba(0,0,0,.15);padding:10px 16px}
.sdtpd-breadcrumb--material .sdtpd-breadcrumb__cur{font-weight:700}
.sdtpd-breadcrumb--glass{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);border-radius:14px;padding:10px 16px}
.sdtpd-breadcrumb--glass .sdtpd-breadcrumb__cur{font-weight:700}
.sdtpd-breadcrumb--dark{background:var(--sc-primary-dark);border-radius:12px;padding:10px 16px}
.sdtpd-breadcrumb--dark .sdtpd-breadcrumb__link,.sdtpd-breadcrumb--dark .sdtpd-breadcrumb__sep,.sdtpd-breadcrumb--dark .sdtpd-breadcrumb__cur{color:#fff}
.sdtpd-breadcrumb--dark .sdtpd-breadcrumb__cur{font-weight:700;border-bottom:2px solid #d4af37}
.sdtpd-breadcrumb--accent-border{border:none;border-left:4px solid var(--sc-primary);background:var(--sc-bg-alt);border-radius:0 8px 8px 0;padding:8px 16px}
.sdtpd-breadcrumb--accent-border .sdtpd-breadcrumb__cur{font-weight:700}
.sdtpd-breadcrumb--luxury{border:1px solid #d4af37;border-radius:4px;padding:10px 16px}
.sdtpd-breadcrumb--luxury .sdtpd-breadcrumb__link,.sdtpd-breadcrumb--luxury .sdtpd-breadcrumb__cur{font-family:Georgia,"Times New Roman",serif;letter-spacing:3px;font-size:15px}
.sdtpd-breadcrumb--playful{gap:6px}
.sdtpd-breadcrumb--playful .sdtpd-breadcrumb__link,.sdtpd-breadcrumb--playful .sdtpd-breadcrumb__cur{padding:3px 14px;border-radius:999px;background:var(--sc-bg-alt);transition:transform .2s}
.sdtpd-breadcrumb--playful .sdtpd-breadcrumb__link:hover,.sdtpd-breadcrumb--playful .sdtpd-breadcrumb__cur:hover{transform:translateY(-2px)}
.sdtpd-breadcrumb--playful .sdtpd-breadcrumb__cur{background:var(--sc-primary);color:#fff;font-weight:700}
.sdtpd-breadcrumb--bold-brutal{border:3px solid var(--sc-text);box-shadow:6px 6px 0 var(--sc-primary);border-radius:0;padding:10px 14px}
.sdtpd-breadcrumb--bold-brutal .sdtpd-breadcrumb__link,.sdtpd-breadcrumb--bold-brutal .sdtpd-breadcrumb__cur{font-weight:800;text-transform:uppercase;letter-spacing:1px}
.sdtpd-breadcrumb--retro{border:4px double var(--sc-border);background:#faf6ee;border-radius:8px;padding:10px 16px}
.sdtpd-breadcrumb--retro .sdtpd-breadcrumb__link,.sdtpd-breadcrumb--retro .sdtpd-breadcrumb__cur{font-family:Georgia,"Times New Roman",serif}
.sdtpd-breadcrumb--retro .sdtpd-breadcrumb__cur{font-style:italic}
.sdtpd-breadcrumb--magazine{background:transparent;border:none;border-bottom:3px solid var(--sc-primary);border-radius:0}
.sdtpd-breadcrumb--magazine .sdtpd-breadcrumb__sep{font-weight:700}
.sdtpd-breadcrumb--magazine .sdtpd-breadcrumb__cur{text-transform:uppercase;letter-spacing:2px;font-weight:700}
.sdtpd-breadcrumb--soft-shadow{background:var(--sc-bg);box-shadow:0 10px 30px rgba(0,0,0,.12);border-radius:16px;padding:12px 18px}
.sdtpd-breadcrumb--soft-shadow .sdtpd-breadcrumb__cur{font-weight:700}
.sdtpd-breadcrumb--compact-line{border-top:1px solid var(--sc-border);border-bottom:1px solid var(--sc-border);border-radius:0;background:transparent;padding:4px 0;font-size:12px;gap:6px}
.sdtpd-breadcrumb--compact-line .sdtpd-breadcrumb__cur{font-weight:600}
@media (max-width:768px){
.sdtpd-breadcrumb--classic,.sdtpd-breadcrumb--outline,.sdtpd-breadcrumb--gradient,.sdtpd-breadcrumb--boxed,.sdtpd-breadcrumb--material,.sdtpd-breadcrumb--glass,.sdtpd-breadcrumb--dark,.sdtpd-breadcrumb--accent-border,.sdtpd-breadcrumb--luxury,.sdtpd-breadcrumb--retro{padding:6px 10px}
.sdtpd-breadcrumb--ghost,.sdtpd-breadcrumb--minimal{padding:2px 0}
.sdtpd-breadcrumb--pill,.sdtpd-breadcrumb--playful{gap:4px}
.sdtpd-breadcrumb--pill .sdtpd-breadcrumb__link,.sdtpd-breadcrumb--pill .sdtpd-breadcrumb__cur,.sdtpd-breadcrumb--playful .sdtpd-breadcrumb__link,.sdtpd-breadcrumb--playful .sdtpd-breadcrumb__cur{padding:2px 10px}
.sdtpd-breadcrumb--sharp .sdtpd-breadcrumb__link,.sdtpd-breadcrumb--sharp .sdtpd-breadcrumb__cur,.sdtpd-breadcrumb--magazine .sdtpd-breadcrumb__cur,.sdtpd-breadcrumb--bold-brutal .sdtpd-breadcrumb__link,.sdtpd-breadcrumb--bold-brutal .sdtpd-breadcrumb__cur{letter-spacing:.5px}
.sdtpd-breadcrumb--luxury .sdtpd-breadcrumb__link,.sdtpd-breadcrumb--luxury .sdtpd-breadcrumb__cur{letter-spacing:1px;font-size:14px}
.sdtpd-breadcrumb--soft-shadow{padding:8px 12px}
.sdtpd-breadcrumb--compact-line{font-size:11px}
}

.sdtpd-pagination--classic .sdtpd-pagination__btn,.sdtpd-pagination--classic .sdtpd-pagination__num{border:3px double var(--sc-primary);border-radius:4px;height:36px;font-weight:600}
.sdtpd-pagination--classic .sdtpd-pagination__num.is-active{background:var(--sc-primary);border-color:var(--sc-primary);color:#fff}
.sdtpd-pagination--outline .sdtpd-pagination__btn,.sdtpd-pagination--outline .sdtpd-pagination__num{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;color:var(--sc-primary);font-weight:600;letter-spacing:.5px}
.sdtpd-pagination--outline .sdtpd-pagination__num.is-active{background:var(--sc-primary);border-color:var(--sc-primary);color:#fff}
.sdtpd-pagination--ghost .sdtpd-pagination__btn,.sdtpd-pagination--ghost .sdtpd-pagination__num{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;font-weight:600}
.sdtpd-pagination--ghost .sdtpd-pagination__btn:hover,.sdtpd-pagination--ghost .sdtpd-pagination__num:hover,.sdtpd-pagination--ghost .sdtpd-pagination__num.is-active{border-bottom-color:var(--sc-primary);color:var(--sc-primary)}
.sdtpd-pagination--pill .sdtpd-pagination__btn,.sdtpd-pagination--pill .sdtpd-pagination__num{border-radius:999px;padding:0 16px;letter-spacing:.5px}
.sdtpd-pagination--sharp .sdtpd-pagination__btn,.sdtpd-pagination--sharp .sdtpd-pagination__num{border-radius:0;border-color:var(--sc-text);font-weight:700;letter-spacing:1px}
.sdtpd-pagination--sharp .sdtpd-pagination__num.is-active{background:var(--sc-text);border-color:var(--sc-text);color:#fff}
.sdtpd-pagination--gradient{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px;padding:12px}
.sdtpd-pagination--gradient .sdtpd-pagination__btn,.sdtpd-pagination--gradient .sdtpd-pagination__num{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);color:#fff}
.sdtpd-pagination--gradient .sdtpd-pagination__num.is-active{background:#fff;border-color:#fff;color:var(--sc-primary)}
.sdtpd-pagination--boxed{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px;gap:10px}
.sdtpd-pagination--boxed .sdtpd-pagination__btn,.sdtpd-pagination--boxed .sdtpd-pagination__num{background:var(--sc-bg)}
.sdtpd-pagination--minimal{gap:4px}
.sdtpd-pagination--minimal .sdtpd-pagination__btn,.sdtpd-pagination--minimal .sdtpd-pagination__num{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;font-weight:500}
.sdtpd-pagination--minimal .sdtpd-pagination__btn:hover,.sdtpd-pagination--minimal .sdtpd-pagination__num:hover,.sdtpd-pagination--minimal .sdtpd-pagination__num.is-active{border-bottom-color:var(--sc-primary);color:var(--sc-primary)}
.sdtpd-pagination--material .sdtpd-pagination__btn,.sdtpd-pagination--material .sdtpd-pagination__num{border:none;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.sdtpd-pagination--material .sdtpd-pagination__btn:hover,.sdtpd-pagination--material .sdtpd-pagination__num:hover{box-shadow:0 4px 10px rgba(0,0,0,.2);transform:translateY(-2px)}
.sdtpd-pagination--material .sdtpd-pagination__num.is-active{background:var(--sc-primary);border-color:var(--sc-primary);color:#fff}
.sdtpd-pagination--glass{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);border-radius:14px;padding:12px}
.sdtpd-pagination--glass .sdtpd-pagination__btn,.sdtpd-pagination--glass .sdtpd-pagination__num{background:rgba(255,255,255,.5);border-color:rgba(255,255,255,.6)}
.sdtpd-pagination--glass .sdtpd-pagination__num.is-active{background:var(--sc-primary);border-color:var(--sc-primary);color:#fff}
.sdtpd-pagination--dark{background:var(--sc-primary-dark);border-radius:12px;padding:12px}
.sdtpd-pagination--dark .sdtpd-pagination__btn,.sdtpd-pagination--dark .sdtpd-pagination__num{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}
.sdtpd-pagination--dark .sdtpd-pagination__dots{color:rgba(255,255,255,.6)}
.sdtpd-pagination--dark .sdtpd-pagination__num.is-active{background:var(--sc-primary);border-color:var(--sc-primary);color:#fff}
.sdtpd-pagination--accent-border{border:none;border-left:4px solid var(--sc-primary);background:var(--sc-bg-alt);border-radius:0 8px 8px 0;padding:12px}
.sdtpd-pagination--accent-border .sdtpd-pagination__btn,.sdtpd-pagination--accent-border .sdtpd-pagination__num{border-radius:4px;font-weight:600}
.sdtpd-pagination--luxury{border:1px solid #d4af37;border-radius:4px;padding:12px}
.sdtpd-pagination--luxury .sdtpd-pagination__btn,.sdtpd-pagination--luxury .sdtpd-pagination__num{border-color:#d4af37;font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-pagination--luxury .sdtpd-pagination__num.is-active{background:#d4af37;border-color:#d4af37;color:#fff}
.sdtpd-pagination--playful .sdtpd-pagination__btn,.sdtpd-pagination--playful .sdtpd-pagination__num{border-radius:999px;background:var(--sc-bg-alt);transition:transform .2s,background .2s}
.sdtpd-pagination--playful .sdtpd-pagination__btn:hover,.sdtpd-pagination--playful .sdtpd-pagination__num:hover{transform:translateY(-2px)}
.sdtpd-pagination--playful .sdtpd-pagination__num.is-active{background:var(--sc-primary);border-color:var(--sc-primary);color:#fff}
.sdtpd-pagination--bold-brutal{border:3px solid var(--sc-text);box-shadow:6px 6px 0 var(--sc-primary);border-radius:0;padding:12px}
.sdtpd-pagination--bold-brutal .sdtpd-pagination__btn,.sdtpd-pagination--bold-brutal .sdtpd-pagination__num{border:2px solid var(--sc-text);border-radius:0;color:var(--sc-text);font-weight:800;text-transform:uppercase}
.sdtpd-pagination--bold-brutal .sdtpd-pagination__num.is-active{background:var(--sc-text);border-color:var(--sc-text);color:#fff}
.sdtpd-pagination--retro{border:4px double var(--sc-border);background:#faf6ee;border-radius:8px;padding:12px}
.sdtpd-pagination--retro .sdtpd-pagination__btn,.sdtpd-pagination--retro .sdtpd-pagination__num{background:transparent;border:2px double var(--sc-primary);font-family:Georgia,"Times New Roman",serif}
.sdtpd-pagination--magazine{background:transparent;border:none;border-bottom:3px solid var(--sc-primary);border-radius:0;justify-content:flex-start}
.sdtpd-pagination--magazine .sdtpd-pagination__btn,.sdtpd-pagination--magazine .sdtpd-pagination__num{background:transparent;border:none;border-radius:0;font-weight:600;letter-spacing:1px}
.sdtpd-pagination--magazine .sdtpd-pagination__num.is-active{border-bottom:2px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-pagination--soft-shadow{background:var(--sc-bg);box-shadow:0 10px 30px rgba(0,0,0,.12);border-radius:16px;padding:12px}
.sdtpd-pagination--soft-shadow .sdtpd-pagination__btn,.sdtpd-pagination--soft-shadow .sdtpd-pagination__num{border:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.sdtpd-pagination--compact-line{border-top:1px solid var(--sc-border);border-bottom:1px solid var(--sc-border);border-radius:0;background:transparent;padding:6px 0;gap:6px}
.sdtpd-pagination--compact-line .sdtpd-pagination__btn,.sdtpd-pagination--compact-line .sdtpd-pagination__num{min-width:26px;height:26px;border-radius:2px;font-size:12px;letter-spacing:.3px}
@media (max-width:768px){
.sdtpd-pagination--classic .sdtpd-pagination__btn,.sdtpd-pagination--classic .sdtpd-pagination__num{height:30px}
.sdtpd-pagination--outline .sdtpd-pagination__btn,.sdtpd-pagination--outline .sdtpd-pagination__num,.sdtpd-pagination--bold-brutal .sdtpd-pagination__btn,.sdtpd-pagination--bold-brutal .sdtpd-pagination__num{letter-spacing:.3px}
.sdtpd-pagination--ghost,.sdtpd-pagination--sharp,.sdtpd-pagination--material{gap:6px}
.sdtpd-pagination--pill .sdtpd-pagination__btn,.sdtpd-pagination--pill .sdtpd-pagination__num,.sdtpd-pagination--playful .sdtpd-pagination__btn,.sdtpd-pagination--playful .sdtpd-pagination__num{padding:0 12px}
.sdtpd-pagination--gradient,.sdtpd-pagination--boxed,.sdtpd-pagination--glass,.sdtpd-pagination--dark,.sdtpd-pagination--accent-border,.sdtpd-pagination--luxury,.sdtpd-pagination--bold-brutal,.sdtpd-pagination--retro,.sdtpd-pagination--soft-shadow{padding:8px}
.sdtpd-pagination--minimal{gap:3px}
.sdtpd-pagination--magazine{justify-content:center}
.sdtpd-pagination--compact-line{gap:4px}
}

.sdtpd-load-more--classic .sdtpd-loadmore__btn{background:var(--sc-bg);border:3px double var(--sc-primary);border-radius:4px;color:var(--sc-primary);height:44px}
.sdtpd-load-more--classic .sdtpd-loadmore__btn:hover{background:var(--sc-primary);color:#fff}
.sdtpd-load-more--outline .sdtpd-loadmore__btn{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;color:var(--sc-primary);letter-spacing:2px}
.sdtpd-load-more--outline .sdtpd-loadmore__btn:hover{background:var(--sc-bg-alt)}
.sdtpd-load-more--ghost .sdtpd-loadmore__btn{background:transparent;border:none;border-radius:0;font-weight:600;position:relative;padding:8px 4px}
.sdtpd-load-more--ghost .sdtpd-loadmore__btn::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--sc-primary);transform:translateX(-50%);transition:width .2s}
.sdtpd-load-more--ghost .sdtpd-loadmore__btn:hover::after{width:100%}
.sdtpd-load-more--pill .sdtpd-loadmore__btn{border-radius:999px;padding:10px 32px;letter-spacing:1px}
.sdtpd-load-more--sharp .sdtpd-loadmore__btn{border-radius:0;font-weight:700;text-transform:uppercase;letter-spacing:1px;height:48px}
.sdtpd-load-more--gradient .sdtpd-loadmore__btn{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:10px;font-weight:600;letter-spacing:1px}
.sdtpd-load-more--boxed{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:16px}
.sdtpd-load-more--boxed .sdtpd-loadmore__btn{background:var(--sc-bg)}
.sdtpd-load-more--minimal .sdtpd-loadmore__btn{background:transparent;border:none;border-radius:0;color:var(--sc-primary);padding:8px 4px;text-decoration:underline;text-underline-offset:3px;letter-spacing:.5px}
.sdtpd-load-more--minimal .sdtpd-loadmore__btn:hover{background:transparent;color:var(--sc-primary-dark)}
.sdtpd-load-more--material .sdtpd-loadmore__btn{border-radius:var(--sc-radius);box-shadow:0 2px 6px rgba(0,0,0,.15)}
.sdtpd-load-more--material .sdtpd-loadmore__btn:hover{box-shadow:0 6px 14px rgba(0,0,0,.2);transform:translateY(-2px)}
.sdtpd-load-more--glass{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);border-radius:14px;padding:16px}
.sdtpd-load-more--glass .sdtpd-loadmore__btn{background:rgba(255,255,255,.5)}
.sdtpd-load-more--dark{background:var(--sc-primary-dark);border-radius:12px;padding:16px}
.sdtpd-load-more--dark .sdtpd-loadmore__btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff}
.sdtpd-load-more--dark .sdtpd-loadmore__btn:hover{background:rgba(255,255,255,.2)}
.sdtpd-load-more--accent-border{border:none;border-left:4px solid var(--sc-primary);background:var(--sc-bg-alt);border-radius:0 8px 8px 0;padding:16px}
.sdtpd-load-more--accent-border .sdtpd-loadmore__btn{border-radius:4px}
.sdtpd-load-more--luxury .sdtpd-loadmore__btn{background:transparent;border:1px solid #d4af37;border-radius:4px;color:var(--sc-text);font-family:Georgia,"Times New Roman",serif;letter-spacing:4px;height:42px}
.sdtpd-load-more--luxury .sdtpd-loadmore__btn:hover{background:#d4af37;color:#fff}
.sdtpd-load-more--playful .sdtpd-loadmore__btn{border-radius:999px;transition:transform .2s,background .2s}
.sdtpd-load-more--playful .sdtpd-loadmore__btn::after{content:"↓";margin-left:8px}
.sdtpd-load-more--playful .sdtpd-loadmore__btn:hover{transform:translateY(-2px)}
.sdtpd-load-more--bold-brutal{border:3px solid var(--sc-text);box-shadow:6px 6px 0 var(--sc-primary);border-radius:0;padding:16px}
.sdtpd-load-more--bold-brutal .sdtpd-loadmore__btn{background:var(--sc-bg);border:2px solid var(--sc-text);border-radius:0;color:var(--sc-text);font-weight:800;text-transform:uppercase}
.sdtpd-load-more--bold-brutal .sdtpd-loadmore__btn:hover{background:var(--sc-text);color:#fff}
.sdtpd-load-more--retro{border:4px double var(--sc-border);background:#faf6ee;border-radius:8px;padding:16px}
.sdtpd-load-more--retro .sdtpd-loadmore__btn{background:transparent;border:3px double var(--sc-primary);border-radius:4px;color:var(--sc-text);font-family:Georgia,"Times New Roman",serif}
.sdtpd-load-more--magazine{padding:12px 0}
.sdtpd-load-more--magazine .sdtpd-loadmore__btn{width:100%;background:var(--sc-bg);border:none;border-top:2px solid var(--sc-text);border-bottom:2px solid var(--sc-text);border-radius:0;font-weight:700;letter-spacing:2px;display:flex;justify-content:space-between;align-items:center}
.sdtpd-load-more--magazine .sdtpd-loadmore__btn::after{content:"+"}
.sdtpd-load-more--soft-shadow .sdtpd-loadmore__btn{border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.sdtpd-load-more--soft-shadow .sdtpd-loadmore__btn:hover{transform:translateY(-2px)}
.sdtpd-load-more--compact-line{padding:8px 0}
.sdtpd-load-more--compact-line .sdtpd-loadmore__btn{background:transparent;border:1px solid var(--sc-border);border-radius:2px;color:var(--sc-text);height:32px;padding:0 18px;font-size:12px;letter-spacing:.3px}
@media (max-width:768px){
.sdtpd-load-more--classic .sdtpd-loadmore__btn,.sdtpd-load-more--sharp .sdtpd-loadmore__btn,.sdtpd-load-more--luxury .sdtpd-loadmore__btn{height:40px}
.sdtpd-load-more--ghost .sdtpd-loadmore__btn,.sdtpd-load-more--minimal .sdtpd-loadmore__btn{padding:6px 2px}
.sdtpd-load-more--pill .sdtpd-loadmore__btn,.sdtpd-load-more--playful .sdtpd-loadmore__btn{padding:8px 20px}
.sdtpd-load-more--outline .sdtpd-loadmore__btn,.sdtpd-load-more--magazine .sdtpd-loadmore__btn{letter-spacing:1px}
.sdtpd-load-more--gradient .sdtpd-loadmore__btn,.sdtpd-load-more--bold-brutal .sdtpd-loadmore__btn,.sdtpd-load-more--retro .sdtpd-loadmore__btn{letter-spacing:.5px}
.sdtpd-load-more--boxed,.sdtpd-load-more--glass,.sdtpd-load-more--dark,.sdtpd-load-more--accent-border,.sdtpd-load-more--retro,.sdtpd-load-more--bold-brutal{padding:10px}
.sdtpd-load-more--material .sdtpd-loadmore__btn:hover{transform:none}
.sdtpd-load-more--soft-shadow .sdtpd-loadmore__btn{box-shadow:0 6px 18px rgba(0,0,0,.1)}
.sdtpd-load-more--compact-line .sdtpd-loadmore__btn{height:30px;font-size:11px}
}
@media (max-width:768px){
.sdtpd-breadcrumb{overflow-x:auto;white-space:nowrap;font-size:13px;flex-wrap:nowrap}
.sdtpd-pagination__btn,.sdtpd-pagination__num{min-width:28px;width:28px;height:28px;font-size:13px;padding:0 4px}
.sdtpd-loadmore__btn{width:100%}
}
/* ===== 批 9a：纯 CSS 档铺量（layout 25 + behavior 29，双端同构） ===== */
.sdtpd-rich-text--two-col .sdtpd-richtext{column-count:2;column-gap:28px}
.sdtpd-divider--inset .sdtpd-divider{width:60%;margin-left:auto;margin-right:auto}
.sdtpd-contact-info--inline .sdtpd-contact ul{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none}
.sdtpd-contact-info--inline .sdtpd-contact li{display:flex;gap:6px;align-items:baseline}
.sdtpd-rank-tabs--vertical .sdtpd-rank-tabs{display:flex;gap:16px;align-items:flex-start}
.sdtpd-rank-tabs--vertical .sdtpd-rank-tabs__bar{flex-direction:column}
.sdtpd-rank-tabs--vertical .sdtpd-rank-tabs__panes{flex:1;min-width:0}
.sdtpd-rank-score-bar--rank .sdtpd-rank-scorebar__no{font-size:18px;font-weight:800;color:var(--sc-primary,#1e7e34)}
.sdtpd-rank-score-bar--inline .sdtpd-rank-scorebar__item{display:flex;align-items:center;gap:10px}
.sdtpd-rank-score-bar--inline .sdtpd-rank-scorebar__barwrap{flex:1;min-width:0}
.sdtpd-rank-sidebar--card .sdtpd-rank-sidebar{background:var(--sc-bg-alt,#f6f8f6);border:1px solid var(--sc-border,#e3e8e5);border-radius:10px;padding:14px}
.sdtpd-rank-badge-wall--list .sdtpd-rank-badges__grid{grid-template-columns:1fr}
.sdtpd-product-detail-card--vertical .sdtpd-prod-detail__body{display:flex;flex-direction:column;gap:16px;align-items:stretch}
.sdtpd-product-detail-card--vertical .sdtpd-prod-detail__side{flex:none;width:100%;flex-direction:row;justify-content:flex-start;gap:16px;text-align:left}
.sdtpd-product-compare-table--card .sdtpd-prod-compare__table thead{display:none}
.sdtpd-product-compare-table--card .sdtpd-prod-compare__table tbody,.sdtpd-product-compare-table--card .sdtpd-prod-compare__table tr{display:block}
.sdtpd-product-compare-table--card .sdtpd-prod-compare__table tr{background:var(--sc-bg-alt,#f6f8f6);border-radius:8px;padding:10px;margin-bottom:8px}
.sdtpd-product-compare-table--card .sdtpd-prod-compare__table td{display:block;text-align:left}
.sdtpd-rating-bar--inline .sdtpd-ratingbar{display:flex;align-items:center;gap:10px}
.sdtpd-rank-faq--two-col .sdtpd-rankfaq{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:start}
.sdtpd-rank-faq--two-col .sdtpd-rankfaq__item{margin:0}
.sdtpd-rank-notice--card .sdtpd-ranknotice{background:var(--sc-bg-alt,#f6f8f6);border:1px solid var(--sc-border,#e3e8e5);border-radius:10px;padding:14px 16px}
.sdtpd-load-more--block .sdtpd-loadmore{display:block}
.sdtpd-load-more--block .sdtpd-loadmore__btn{width:100%}
.sdtpd-blockquote--center .sdtpd-blockquote{text-align:center;border-left:none}
.sdtpd-blockquote--card .sdtpd-blockquote{background:var(--sc-bg-alt,#f6f8f6);border-left:4px solid var(--sc-primary,#1e7e34);border-radius:10px;padding:18px 20px}
.sdtpd-columns-text--cards .sdtpd-columnstext>div{background:var(--sc-bg-alt,#f6f8f6);border:1px solid var(--sc-border,#e3e8e5);border-radius:10px;padding:14px}
.sdtpd-text-list--number .sdtpd-textlist{list-style:none;counter-reset:tl;padding-left:0}
.sdtpd-text-list--number .sdtpd-textlist li{counter-increment:tl;padding-left:28px;position:relative}
.sdtpd-text-list--number .sdtpd-textlist li::before{content:counter(tl) ".";position:absolute;left:0;font-weight:700;color:var(--sc-primary,#1e7e34)}
.sdtpd-feature-para--icon-top .sdtpd-featurepara>div{display:flex;flex-direction:column;align-items:flex-start}
.sdtpd-video-embed--square .sdtpd-video{aspect-ratio:1/1;height:auto;max-width:100%}
.sdtpd-video-embed--vertical .sdtpd-video{aspect-ratio:9/16;height:auto;max-width:360px;margin:0 auto}
.sdtpd-icon-label--stack .sdtpd-iconlabel{display:flex;flex-direction:column;align-items:center;gap:6px}
.sdtpd-status-badge--block .sdtpd-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.sdtpd-subscribe-box--inline .sdtpd-subscribebox{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sdtpd-subscribe-box--inline .sdtpd-subscribebox__form{display:flex;flex:1;gap:8px;min-width:0}
.sdtpd-about-hero--center .sdtpd-abouthero{flex-direction:column;align-items:center;text-align:center}
.sdtpd-about-hero--center .sdtpd-abouthero__img{flex:0 0 auto;width:100%;max-height:260px}
.sdtpd-about-hero--center .sdtpd-abouthero__txt{flex:none;align-self:stretch}
.sdtpd-footer-info--columns .sdtpd-footerinfo__list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px}
.sdtpd-link-cards--list .sdtpd-linkcards{display:block}
.sdtpd-link-cards--list .sdtpd-linkcards__card{margin-bottom:10px}
.sdtpd-progress-group--inline .sdtpd-progressgroup__item{display:flex;align-items:center;gap:10px}
.sdtpd-progress-group--inline .sdtpd-progressgroup__track{flex:1;min-width:0}
@keyframes site-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes site-pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes site-bar-grow{from{width:0}}
.sdtpd-section-heading-b--reveal .sdtpd-heading{animation:site-reveal .6s ease both}
.sdtpd-image-text-b--hover-zoom .sdtpd-imgtext__img{overflow:hidden}
.sdtpd-image-text-b--hover-zoom .sdtpd-imgtext__img img{transition:transform .4s ease}
.sdtpd-image-text-b--hover-zoom:hover .sdtpd-imgtext__img img{transform:scale(1.05)}
.sdtpd-image-grid-b--hover-zoom .sdtpd-imggrid{overflow:hidden}
.sdtpd-image-grid-b--hover-zoom .sdtpd-imggrid img{transition:transform .4s ease}
.sdtpd-image-grid-b--hover-zoom .sdtpd-imggrid img:hover{transform:scale(1.05)}
.sdtpd-button-link-b--hover-lift .sdtpd-btn{transition:transform .2s ease,box-shadow .2s ease}
.sdtpd-button-link-b--hover-lift .sdtpd-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.14)}
.sdtpd-button-link-b--ripple .sdtpd-btn{position:relative;overflow:hidden}
.sdtpd-button-link-b--ripple .sdtpd-btn::after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;background:rgba(255,255,255,.45);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .5s ease}
.sdtpd-button-link-b--ripple .sdtpd-btn:active::after{width:220px;height:220px;opacity:0}
.sdtpd-article-list-b--reveal .sdtpd-articlelist{animation:site-reveal .6s ease both}
.sdtpd-contact-info-b--hover-lift .sdtpd-contact li{transition:transform .2s ease}
.sdtpd-contact-info-b--hover-lift .sdtpd-contact li:hover{transform:translateY(-2px)}
.sdtpd-divider-b--reveal .sdtpd-divider{animation:site-reveal .6s ease both}
.sdtpd-rank-podium-b--reveal .sdtpd-rank-podium{animation:site-reveal .7s ease both}
.sdtpd-rank-table-b--sticky-head .sdtpd-rank-table__table thead th{position:sticky;top:0;z-index:2;background:var(--sc-bg,#fff)}
.sdtpd-rank-image-list-b--hover-zoom .sdtpd-rank-imagelist__picwrap{overflow:hidden}
.sdtpd-rank-image-list-b--hover-zoom .sdtpd-rank-imagelist__pic{transition:transform .4s ease}
.sdtpd-rank-image-list-b--hover-zoom .sdtpd-rank-imagelist__row:hover .sdtpd-rank-imagelist__pic{transform:scale(1.05)}
.sdtpd-rank-score-bar-b--animate .sdtpd-rank-scorebar__fill{animation:site-bar-grow 1s ease-out}
.sdtpd-rank-sidebar-b--sticky .sdtpd-rank-sidebar{position:sticky;top:16px}
.sdtpd-product-hero-b--parallax .sdtpd-prod-hero{background-attachment:fixed;background-size:cover;background-position:center}
.sdtpd-product-hero-b--parallax .sdtpd-prod-hero:not([style*="background-image"]){background-image:linear-gradient(135deg,var(--sc-primary,#1e7e34),var(--sc-accent,#27a745))}
.sdtpd-product-detail-card-b--hover-lift .sdtpd-prod-detail{transition:transform .2s ease,box-shadow .2s ease}
.sdtpd-product-detail-card-b--hover-lift .sdtpd-prod-detail:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.10)}
.sdtpd-rating-bar-b--animate .sdtpd-ratingbar__score{animation:site-pop .8s ease both}
.sdtpd-pros-cons-b--hover-highlight .sdtpd-proscons__pros li,.sdtpd-pros-cons-b--hover-highlight .sdtpd-proscons__cons li{transition:background .2s ease}
.sdtpd-pros-cons-b--hover-highlight .sdtpd-proscons__pros li:hover,.sdtpd-pros-cons-b--hover-highlight .sdtpd-proscons__cons li:hover{background:rgba(30,126,52,.07)}
.sdtpd-blockquote-b--reveal .sdtpd-blockquote{animation:site-reveal .6s ease both}
.sdtpd-columns-text-b--reveal .sdtpd-columnstext{animation:site-reveal .6s ease both}
.sdtpd-text-list-b--hover-highlight .sdtpd-textlist li{transition:background .2s ease}
.sdtpd-text-list-b--hover-highlight .sdtpd-textlist li:hover{background:rgba(30,126,52,.07)}
.sdtpd-feature-para-b--reveal .sdtpd-featurepara{animation:site-reveal .6s ease both}
.sdtpd-logo-wall-b--pause .sdtpd-logowall__track:hover{animation-play-state:paused}
.sdtpd-icon-features-b--hover-pop .sdtpd-iconfeat__img,.sdtpd-icon-features-b--hover-pop .sdtpd-iconfeat__glyph{transition:transform .25s ease}
.sdtpd-icon-features-b--hover-pop .sdtpd-iconfeat__item:hover .sdtpd-iconfeat__img,.sdtpd-icon-features-b--hover-pop .sdtpd-iconfeat__item:hover .sdtpd-iconfeat__glyph{transform:scale(1.12)}
.sdtpd-icon-label-b--glow .sdtpd-iconlabel{transition:box-shadow .25s ease}
.sdtpd-icon-label-b--glow .sdtpd-iconlabel:hover{box-shadow:0 0 0 4px rgba(30,126,52,.16)}
.sdtpd-footer-links-b--hover-underline .sdtpd-footerlinks a{position:relative}
.sdtpd-footer-links-b--hover-underline .sdtpd-footerlinks a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.sdtpd-footer-links-b--hover-underline .sdtpd-footerlinks a:hover::after{transform:scaleX(1)}
.sdtpd-card-grid-b--hover-lift .sdtpd-cardgrid__card{transition:transform .2s ease,box-shadow .2s ease}
.sdtpd-card-grid-b--hover-lift .sdtpd-cardgrid__card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.sdtpd-news-card-b--hover-zoom .sdtpd-newscard__item{overflow:hidden}
.sdtpd-news-card-b--hover-zoom .sdtpd-newscard__img{transition:transform .4s ease}
.sdtpd-news-card-b--hover-zoom .sdtpd-newscard__item:hover .sdtpd-newscard__img{transform:scale(1.05)}
.sdtpd-link-cards-b--hover-tilt .sdtpd-linkcards__card{transition:transform .25s ease,box-shadow .25s ease}
.sdtpd-link-cards-b--hover-tilt .sdtpd-linkcards__card:hover{transform:rotate(-1deg) translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.sdtpd-stats-cards-b--hover-lift .sdtpd-statscards__item{transition:transform .2s ease,box-shadow .2s ease}
.sdtpd-stats-cards-b--hover-lift .sdtpd-statscards__item:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.sdtpd-timeline-b--reveal .sdtpd-timeline{animation:site-reveal .6s ease both}
@media (max-width:768px){
.sdtpd-rich-text--two-col .sdtpd-richtext{column-count:1}

.sdtpd-rank-faq--two-col .sdtpd-rankfaq{grid-template-columns:1fr}
.sdtpd-footer-info--columns .sdtpd-footerinfo__list{grid-template-columns:1fr}
.sdtpd-video-embed--vertical .sdtpd-video{max-width:100%}
}
/* ===== 批 9b：layout 2 + behavior 11 交互档 ===== */
.sdtpd-breadcrumb--center .sdtpd-breadcrumb{display:flex;flex-wrap:wrap;justify-content:center}
.sdtpd-pagination--simple .sdtpd-pagination__nums{display:none}
.sdtpd-pagination--simple .sdtpd-pagination__btn{flex:1;text-align:center}
.sdtpd-rich-text-b--progress .sdtpd-richtext{position:relative;padding-top:6px}
.sdtpd-rich-text-b--progress .sdtpd-richtext__progress{position:sticky;top:0;z-index:9;height:4px;background:var(--sc-border,#e3e8e5);border-radius:2px;overflow:hidden}
.sdtpd-rich-text-b--progress .sdtpd-richtext__progress i{display:block;height:100%;width:0;background:var(--sc-primary,#1e7e34);transition:width .1s linear}
.sdtpd-breadcrumb-b--collapse .sdtpd-breadcrumb__ellip{cursor:pointer;color:var(--sc-primary,#1e7e34);padding:0 2px}
.sdtpd-breadcrumb-b--collapse .sdtpd-breadcrumb__rest{display:none}
.sdtpd-breadcrumb-b--collapse.is-expanded .sdtpd-breadcrumb__rest{display:inline}
.sdtpd-product-compare-table-b--diff .sdtpd-prod-compare__table td.is-diff{background:rgba(30,126,52,.10);font-weight:600}
.sdtpd-subscribe-box-b--shake .sdtpd-subscribebox.is-shake{animation:P-shake .4s ease}
@keyframes site-shake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-4px)}}
.sdtpd-about-hero-b--parallax .sdtpd-abouthero__pic{animation:P-kenburns 14s ease-in-out infinite alternate;transform-origin:center}
@keyframes site-kenburns{from{transform:scale(1)}to{transform:scale(1.08)}}
.sdtpd-footer-info-b--backtop .sdtpd-footerinfo__backtop{position:fixed;right:24px;bottom:24px;width:40px;height:40px;border:0;border-radius:50%;background:var(--sc-primary,#1e7e34);color:#fff;cursor:pointer;font-size:18px;box-shadow:0 6px 16px rgba(0,0,0,.2);z-index:80}
.sdtpd-steps-bar-b--click .sdtpd-stepsbar__step{cursor:pointer}
.sdtpd-steps-bar-b--click .sdtpd-stepsbar__step:hover .sdtpd-stepsbar__title{color:var(--sc-primary,#1e7e34)}
/* ===== 批 9c func 组A ===== */
.sdtpd-banner__cta-group{display:inline-flex;gap:10px;flex-wrap:wrap}
.sdtpd-banner__cta--ghost{background:transparent!important;border:1px solid currentColor;color:inherit}
.sdtpd-divider--label{display:flex;align-items:center;gap:12px;color:var(--sc-text-light,#8a8f8c);font-size:13px;margin:16px 0}
.sdtpd-divider--label::before,.sdtpd-divider--label::after{content:"";flex:1;height:1px;background:var(--sc-border,#e3e8e5)}
.sdtpd-btn__icon{margin-right:6px}
.sdtpd-contact__copy{margin-left:8px;padding:2px 8px;border:1px solid var(--sc-border,#e3e8e5);border-radius:4px;background:transparent;color:inherit;font-size:12px;cursor:pointer}
.sdtpd-contact__copy:hover{border-color:var(--sc-primary,#1e7e34);color:var(--sc-primary,#1e7e34)}
/* ===== 批 9c func 组B ===== */
.sdtpd-richtext__toc{border:1px solid var(--sc-border,#e3e8e5);border-radius:8px;padding:10px 14px;margin:0 0 14px;background:var(--sc-bg-alt,#f6f8f6)}
.sdtpd-richtext__toc b{display:block;margin-bottom:6px}
.sdtpd-richtext__toc ol{margin:0;padding-left:18px;font-size:13px}
.sdtpd-blockquote__copy{margin-top:8px;padding:3px 10px;border:1px solid var(--sc-border,#e3e8e5);border-radius:4px;background:transparent;color:inherit;font-size:12px;cursor:pointer}
.sdtpd-columnstext.is-collapsed > div:nth-child(n+3){display:none}
.sdtpd-columnstext__toggle{grid-column:1/-1;justify-self:center;margin-top:10px;padding:6px 16px;border:1px solid var(--sc-border,#e3e8e5);border-radius:6px;background:transparent;color:inherit;cursor:pointer}
.sdtpd-textlist__check{margin-right:8px}
.sdtpd-featurepara__icon{color:var(--sc-primary,#1e7e34);font-weight:700;margin-right:4px}
/* ===== 批 9c func 组C ===== */
.sdtpd-timeline__filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.sdtpd-timeline__fbtn{padding:4px 12px;border:1px solid var(--sc-border,#e3e8e5);border-radius:999px;background:transparent;color:inherit;font-size:12px;cursor:pointer}
.sdtpd-timeline__fbtn.is-active{background:var(--sc-primary,#1e7e34);border-color:var(--sc-primary,#1e7e34);color:#fff}
.sdtpd-timeline__item.is-hidden{display:none}
/* ===== 批 9c func 组D ===== */
.sdtpd-cardgrid__filter,.sdtpd-newscard__filter{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.sdtpd-chip{padding:4px 12px;border:1px solid var(--sc-border,#e3e8e5);border-radius:999px;background:transparent;color:inherit;font-size:12px;cursor:pointer}
.sdtpd-chip.is-active{background:var(--sc-primary,#1e7e34);border-color:var(--sc-primary,#1e7e34);color:#fff}
.sdtpd-linkcards__ext{position:absolute;top:10px;right:12px;color:var(--sc-primary,#1e7e34);font-weight:700}
.sdtpd-linkcards__card{position:relative}
/* ===== 批 9c func 组E ===== */
.sdtpd-iconlabel__badge{margin-left:8px;padding:1px 7px;border-radius:999px;background:var(--sc-primary,#1e7e34);color:#fff;font-size:12px;font-weight:700}
.sdtpd-badges__item{position:relative}
.sdtpd-badges__close{position:absolute;top:4px;right:6px;border:0;background:transparent;color:inherit;opacity:.5;cursor:pointer;font-size:12px}
.sdtpd-badges__close:hover{opacity:1}
.sdtpd-gallery__counter{position:absolute;right:12px;bottom:12px;padding:2px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:12px}
.sdtpd-gallery{position:relative}
.sdtpd-video-block{display:flex;flex-direction:column;gap:8px;height:100%}
.sdtpd-video-block > .sdtpd-video{flex:1;min-height:0}
.sdtpd-video__chapters{display:flex;gap:8px;flex-wrap:wrap}
.sdtpd-video__chap{padding:4px 12px;border:1px solid var(--sc-border,#e3e8e5);border-radius:999px;background:transparent;color:inherit;font-size:12px;cursor:pointer}
.sdtpd-logowall__link{display:inline-block}
.sdtpd-abouthero__stats{display:flex;gap:20px;flex-wrap:wrap;margin-top:12px}
.sdtpd-abouthero__stat b{display:block;font-size:20px;color:var(--sc-primary,#1e7e34)}
.sdtpd-abouthero__stat span{font-size:12px;color:var(--sc-text-light,#8a8f8c)}
/* ===== 批 9c func 组F ===== */
.sdtpd-heading__more{display:inline-block;margin-top:6px;font-size:13px;color:var(--sc-primary,#1e7e34);text-decoration:none}
.sdtpd-breadcrumb__drop{position:relative;display:inline-block}
.sdtpd-breadcrumb__dropmenu{display:none;position:absolute;left:0;top:100%;background:#fff;border:1px solid var(--sc-border,#e3e8e5);border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.12);padding:6px;z-index:60;min-width:140px}
.sdtpd-breadcrumb__drop.is-open .sdtpd-breadcrumb__dropmenu{display:flex;flex-direction:column;gap:4px}
.sdtpd-pagination__jump{display:inline-flex;gap:4px;align-items:center;margin-left:8px}
.sdtpd-pagination__jumpinput{width:56px;padding:2px 6px;border:1px solid var(--sc-border,#e3e8e5);border-radius:4px}
.sdtpd-pagination__jumpbtn{padding:2px 10px;border:1px solid var(--sc-border,#e3e8e5);border-radius:4px;background:transparent;color:inherit;cursor:pointer}
.sdtpd-loadmore__progress{display:block;margin-bottom:6px;font-size:12px;color:var(--sc-text-light,#8a8f8c)}
.sdtpd-stepsbar__progress{margin-bottom:8px;font-size:12px;color:var(--sc-primary,#1e7e34)}
.sdtpd-pagetabs__badge{margin-left:6px;padding:0 6px;border-radius:999px;background:var(--sc-primary,#1e7e34);color:#fff;font-size:11px}
.sdtpd-contactform__file{margin-top:8px}
.sdtpd-contactform__filelabel{display:block;font-size:12px;color:var(--sc-text-light,#8a8f8c)}
.sdtpd-footerinfo__socials{display:flex;gap:12px;margin-top:10px}
.sdtpd-footerinfo__social{color:inherit;text-decoration:none;font-size:13px}
.sdtpd-footerlinks__news{grid-column:1/-1;display:flex;gap:8px;margin-top:12px}
.sdtpd-footerlinks__newsinput{flex:1;min-width:0;padding:6px 10px;border:1px solid var(--sc-border,#e3e8e5);border-radius:6px}
.sdtpd-footerlinks__newsbtn{padding:6px 16px;border:0;border-radius:6px;background:var(--sc-primary,#1e7e34);color:#fff;cursor:pointer}
/* ===== 批 9c func 组G ===== */
.sdtpd-rank-fwrap{position:relative}
.sdtpd-rank-chipbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.sdtpd-rank-search{width:100%;max-width:320px;padding:6px 10px;margin:0 0 10px;border:1px solid var(--sc-border,#e3e8e5);border-radius:6px;font-size:13px}
.sdtpd-rank-share,.sdtpd-rank-close,.sdtpd-compare-export{padding:4px 12px;margin-bottom:8px;border:1px solid var(--sc-border,#e3e8e5);border-radius:999px;background:transparent;color:inherit;font-size:12px;cursor:pointer}
.sdtpd-rank-close{float:right}
.sdtpd-pros-tabs{display:flex;gap:8px;margin-bottom:10px}
.sdtpd-prod-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.sdtpd-ratingbar__review{margin-left:10px;font-size:12px;color:var(--sc-primary,#1e7e34);text-decoration:none}
.sdtpd-prod-hero__actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
[data-rank-highlight] li:nth-child(-n+3){background:linear-gradient(90deg,rgba(30,126,52,.10),transparent)}
[data-rank-target] .sdtpd-rank-scorebar__barwrap{position:relative}
[data-rank-target] .sdtpd-rank-scorebar__barwrap::after{content:"";position:absolute;left:80%;top:-2px;bottom:-2px;width:2px;background:var(--sc-primary,#1e7e34);opacity:.55}

.sdtpd-blockquote{margin:0;padding:20px 24px;background:var(--sc-bg-alt);border-left:3px solid var(--sc-primary);border-radius:var(--sc-radius)}
.sdtpd-blockquote p{margin:0 0 8px;font-size:16px;color:var(--sc-text)}
.sdtpd-blockquote__cite{display:block;font-size:13px;font-style:normal;color:var(--sc-text-light)}
.sdtpd-columnstext{display:grid;gap:16px;padding:8px}
.sdtpd-columnstext__col{padding:4px 0}
.sdtpd-columnstext__title{margin:0 0 6px;font-size:17px;color:var(--sc-text)}
.sdtpd-columnstext__text{margin:0;font-size:14px;color:var(--sc-text-light)}
.sdtpd-textlist{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:8px}
.sdtpd-textlist__item{display:flex;align-items:center;gap:10px;margin:0;padding:6px 8px}
.sdtpd-textlist__dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;border-radius:999px;background:var(--sc-accent);color:#fff;font-size:13px}
.sdtpd-textlist__text{font-size:15px;color:var(--sc-text)}
.sdtpd-featurepara{display:flex;flex-direction:column;gap:14px;padding:8px}
.sdtpd-featurepara__item{margin:0;padding:4px 0}
.sdtpd-featurepara__title{margin:0 0 4px;font-size:16px;color:var(--sc-text)}
.sdtpd-featurepara__text{margin:0;font-size:14px;color:var(--sc-text-light)}
.sdtpd-gallery{overflow:hidden;border-radius:var(--sc-radius)}
.sdtpd-gallery__slides{position:relative;width:100%;aspect-ratio:16/9}
.sdtpd-gallery__slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .4s}
.sdtpd-gallery__slide.is-active{opacity:1}
.sdtpd-video{max-width:100%}
.sdtpd-video__player{display:block;width:100%;max-width:720px;height:auto;aspect-ratio:16/9;border-radius:var(--sc-radius);background:#000}
.sdtpd-video__frame{position:relative;width:100%;aspect-ratio:16/9}
.sdtpd-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:var(--sc-radius)}
.sdtpd-video__ph{width:100%;aspect-ratio:16/9;border-radius:var(--sc-radius);background:var(--sc-bg-alt);border:1px dashed var(--sc-border)}
.sdtpd-logowall{display:grid;gap:16px;padding:8px}
.sdtpd-logowall__logo{display:flex;align-items:center;justify-content:center;height:72px;background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:var(--sc-radius);object-fit:contain}
.sdtpd-logowall__ph{background:var(--sc-bg-alt);border-style:dashed}
.sdtpd-iconfeat{display:grid;gap:16px;padding:8px}
.sdtpd-iconfeat__item{padding:12px}
.sdtpd-iconfeat__img{width:40px;height:40px;object-fit:contain;margin-bottom:8px}
.sdtpd-iconfeat__glyph{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:8px;font-size:24px;border-radius:10px;background:var(--sc-bg-alt)}
.sdtpd-iconfeat__title{margin:0 0 4px;font-size:16px;color:var(--sc-text)}
.sdtpd-iconfeat__text{margin:0;font-size:14px;color:var(--sc-text-light)}
.sdtpd-iconlabel{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--sc-radius)}
.sdtpd-iconlabel__img{width:28px;height:28px;object-fit:contain;flex:0 0 28px}
.sdtpd-iconlabel__glyph{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;font-size:18px}
.sdtpd-iconlabel__text{font-size:15px;color:var(--sc-text)}
.sdtpd-badges{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:8px}
.sdtpd-badges__item{display:flex;flex-direction:column;gap:2px;padding:10px 18px;background:var(--sc-bg-alt);border-radius:var(--sc-radius)}
.sdtpd-badges__value{font-size:20px;color:var(--sc-primary)}
.sdtpd-badges__label{font-size:13px;color:var(--sc-text-light)}
.sdtpd-blockquote--classic .sdtpd-blockquote{background:var(--sc-bg-alt);border:4px double var(--sc-border);border-radius:var(--sc-radius);padding:20px 28px}
.sdtpd-blockquote--classic .sdtpd-blockquote p{font-family:Georgia,"Times New Roman",serif;font-size:17px}
.sdtpd-blockquote--classic .sdtpd-blockquote__cite{border-top:1px solid var(--sc-border);padding-top:8px}
.sdtpd-blockquote--outline .sdtpd-blockquote{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:18px 24px}
.sdtpd-blockquote--outline .sdtpd-blockquote p{letter-spacing:.5px}
.sdtpd-blockquote--outline .sdtpd-blockquote__cite{text-align:right}
.sdtpd-blockquote--ghost .sdtpd-blockquote{background:transparent;border:none;border-radius:0;padding:8px 4px;position:relative}
.sdtpd-blockquote--ghost .sdtpd-blockquote::before{content:"“";display:block;font-family:Georgia,"Times New Roman",serif;font-size:44px;line-height:1;color:var(--sc-border)}
.sdtpd-blockquote--ghost .sdtpd-blockquote p{font-weight:300;font-size:16px}
.sdtpd-blockquote--pill .sdtpd-blockquote{background:var(--sc-bg-alt);border:none;border-radius:28px;padding:22px 32px}
.sdtpd-blockquote--pill .sdtpd-blockquote p{font-size:15px}
.sdtpd-blockquote--pill .sdtpd-blockquote__cite{letter-spacing:1px}
.sdtpd-blockquote--sharp .sdtpd-blockquote{background:transparent;border:none;border-left:4px solid var(--sc-primary);border-radius:0;padding:12px 20px}
.sdtpd-blockquote--sharp .sdtpd-blockquote p{font-weight:700}
.sdtpd-blockquote--sharp .sdtpd-blockquote__cite{text-align:right;letter-spacing:1px}
.sdtpd-blockquote--gradient .sdtpd-blockquote{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:24px 28px}
.sdtpd-blockquote--gradient .sdtpd-blockquote p{color:#fff;font-size:17px}
.sdtpd-blockquote--gradient .sdtpd-blockquote__cite{color:rgba(255,255,255,.85);text-align:right}
.sdtpd-blockquote--boxed .sdtpd-blockquote{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:18px 22px;position:relative}
.sdtpd-blockquote--boxed .sdtpd-blockquote::before{content:"“";position:absolute;right:14px;top:2px;font-family:Georgia,"Times New Roman",serif;font-size:40px;line-height:1.2;color:var(--sc-primary);opacity:.35}
.sdtpd-blockquote--boxed .sdtpd-blockquote p{font-weight:500}
.sdtpd-blockquote--minimal .sdtpd-blockquote{background:transparent;border:none;border-left:2px solid var(--sc-primary);border-radius:0;padding:6px 0 6px 18px}
.sdtpd-blockquote--minimal .sdtpd-blockquote p{font-size:15px;letter-spacing:1px}
.sdtpd-blockquote--minimal .sdtpd-blockquote__cite{letter-spacing:2px;font-size:12px;text-transform:uppercase}
.sdtpd-blockquote--material .sdtpd-blockquote{background:var(--sc-bg);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:box-shadow .2s,transform .2s}
.sdtpd-blockquote--material .sdtpd-blockquote:hover{box-shadow:0 12px 30px rgba(0,0,0,.16);transform:translateY(-2px)}
.sdtpd-blockquote--material .sdtpd-blockquote__cite{font-weight:600}
.sdtpd-columns-text--classic .sdtpd-columnstext{background:var(--sc-bg-alt);border:4px double var(--sc-border);border-radius:var(--sc-radius);padding:20px}
.sdtpd-columns-text--classic .sdtpd-columnstext__title{font-family:Georgia,"Times New Roman",serif;font-size:18px}
.sdtpd-columns-text--classic .sdtpd-columnstext__col{border-top:1px solid var(--sc-border);padding-top:10px}
.sdtpd-columns-text--outline .sdtpd-columnstext{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:16px}
.sdtpd-columns-text--outline .sdtpd-columnstext__title{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-columns-text--outline .sdtpd-columnstext__text{font-size:13px}
.sdtpd-columns-text--ghost .sdtpd-columnstext{background:transparent;border:none;border-radius:0;padding:4px 0;gap:20px}
.sdtpd-columns-text--ghost .sdtpd-columnstext__col{border-left:2px solid var(--sc-border);padding-left:12px}
.sdtpd-columns-text--ghost .sdtpd-columnstext__title{font-weight:300;letter-spacing:3px;font-size:16px}
.sdtpd-columns-text--pill .sdtpd-columnstext{background:transparent;border:none;border-radius:0;padding:4px;gap:14px}
.sdtpd-columns-text--pill .sdtpd-columnstext__col{background:var(--sc-bg-alt);border-radius:999px;padding:16px 24px}
.sdtpd-columns-text--pill .sdtpd-columnstext__title{font-size:16px;color:var(--sc-primary)}
.sdtpd-columns-text--sharp .sdtpd-columnstext{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:12px 0 0}
.sdtpd-columns-text--sharp .sdtpd-columnstext__title{border-left:4px solid var(--sc-primary);padding-left:8px;font-weight:700}
.sdtpd-columns-text--sharp .sdtpd-columnstext__text{font-size:13px}
.sdtpd-columns-text--gradient .sdtpd-columnstext{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:20px}
.sdtpd-columns-text--gradient .sdtpd-columnstext__col{background:rgba(255,255,255,.12);border-radius:10px;padding:12px}
.sdtpd-columns-text--gradient .sdtpd-columnstext__title{color:#fff;font-weight:600;letter-spacing:1px}
.sdtpd-columns-text--gradient .sdtpd-columnstext__text{color:rgba(255,255,255,.9)}
.sdtpd-columns-text--boxed .sdtpd-columnstext{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:16px}
.sdtpd-columns-text--boxed .sdtpd-columnstext__col{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:8px;padding:12px}
.sdtpd-columns-text--boxed .sdtpd-columnstext__title{color:var(--sc-primary);font-size:16px}
.sdtpd-columns-text--minimal .sdtpd-columnstext{background:transparent;border:none;border-radius:0;padding:0;gap:18px}
.sdtpd-columns-text--minimal .sdtpd-columnstext__title{border-bottom:1px solid var(--sc-border);padding-bottom:6px;font-weight:500;letter-spacing:2px;font-size:15px}
.sdtpd-columns-text--minimal .sdtpd-columnstext__text{font-size:13px}
.sdtpd-columns-text--material .sdtpd-columnstext{background:var(--sc-bg);border:none;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.12);padding:16px}
.sdtpd-columns-text--material .sdtpd-columnstext__col{background:var(--sc-bg-alt);border-radius:8px;padding:12px;transition:transform .2s}
.sdtpd-columns-text--material .sdtpd-columnstext__col:hover{transform:translateY(-2px)}
.sdtpd-columns-text--material .sdtpd-columnstext__title{font-weight:600}
.sdtpd-text-list--classic .sdtpd-textlist{background:var(--sc-bg-alt);border:4px double var(--sc-border);border-radius:var(--sc-radius);padding:14px 16px}
.sdtpd-text-list--classic .sdtpd-textlist__item{border-bottom:1px solid var(--sc-border);padding:9px 4px}
.sdtpd-text-list--classic .sdtpd-textlist__item:last-child{border-bottom:none}
.sdtpd-text-list--classic .sdtpd-textlist__dot{border-radius:4px;background:var(--sc-primary)}
.sdtpd-text-list--outline .sdtpd-textlist{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:14px 16px}
.sdtpd-text-list--outline .sdtpd-textlist__dot{background:var(--sc-bg);border:1px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-text-list--outline .sdtpd-textlist__text{font-size:14px;letter-spacing:.5px}
.sdtpd-text-list--ghost .sdtpd-textlist{background:transparent;border:none;border-radius:0;padding:4px 0;gap:4px}
.sdtpd-text-list--ghost .sdtpd-textlist__item{border-bottom:1px dashed var(--sc-border);border-radius:0;padding:8px 2px}
.sdtpd-text-list--ghost .sdtpd-textlist__dot{background:transparent;color:var(--sc-primary);font-weight:700}
.sdtpd-text-list--ghost .sdtpd-textlist__text{font-weight:300}
.sdtpd-text-list--pill .sdtpd-textlist{background:transparent;border:none;border-radius:0;padding:4px}
.sdtpd-text-list--pill .sdtpd-textlist__item{background:var(--sc-bg-alt);border-radius:999px;padding:8px 16px}
.sdtpd-text-list--pill .sdtpd-textlist__dot{font-size:12px}
.sdtpd-text-list--sharp .sdtpd-textlist{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:10px 0 0}
.sdtpd-text-list--sharp .sdtpd-textlist__item{border-left:3px solid var(--sc-primary);border-radius:0;padding-left:10px}
.sdtpd-text-list--sharp .sdtpd-textlist__dot{border-radius:0;background:var(--sc-primary)}
.sdtpd-text-list--sharp .sdtpd-textlist__text{font-weight:600}
.sdtpd-text-list--gradient .sdtpd-textlist{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:16px}
.sdtpd-text-list--gradient .sdtpd-textlist__item{background:rgba(255,255,255,.12);border-radius:8px;padding:8px 12px}
.sdtpd-text-list--gradient .sdtpd-textlist__text{color:#fff;font-weight:500}
.sdtpd-text-list--gradient .sdtpd-textlist__dot{background:#fff;color:var(--sc-primary)}
.sdtpd-text-list--boxed .sdtpd-textlist{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:14px 16px}
.sdtpd-text-list--boxed .sdtpd-textlist__item{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:8px;padding:8px 12px}
.sdtpd-text-list--boxed .sdtpd-textlist__dot{background:var(--sc-primary)}
.sdtpd-text-list--minimal .sdtpd-textlist{background:transparent;border:none;border-radius:0;padding:0;gap:2px}
.sdtpd-text-list--minimal .sdtpd-textlist__item{border-bottom:1px solid var(--sc-border);border-radius:0;padding:10px 2px}
.sdtpd-text-list--minimal .sdtpd-textlist__dot{background:transparent;color:var(--sc-primary);font-weight:800;font-size:14px}
.sdtpd-text-list--minimal .sdtpd-textlist__text{font-size:14px;letter-spacing:1px}
.sdtpd-text-list--material .sdtpd-textlist{background:transparent;border:none;border-radius:0;padding:4px}
.sdtpd-text-list--material .sdtpd-textlist__item{background:var(--sc-bg);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:10px 14px;transition:transform .2s}
.sdtpd-text-list--material .sdtpd-textlist__item:hover{transform:translateY(-2px)}
.sdtpd-feature-para--classic .sdtpd-featurepara{background:var(--sc-bg-alt);border:4px double var(--sc-border);border-radius:var(--sc-radius);padding:18px 20px}
.sdtpd-feature-para--classic .sdtpd-featurepara__item{padding:10px 4px}
.sdtpd-feature-para--classic .sdtpd-featurepara__item + .sdtpd-featurepara__item{border-top:1px solid var(--sc-border)}
.sdtpd-feature-para--classic .sdtpd-featurepara__title{font-family:Georgia,"Times New Roman",serif;font-size:17px}
.sdtpd-feature-para--outline .sdtpd-featurepara{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:16px}
.sdtpd-feature-para--outline .sdtpd-featurepara__title{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-feature-para--outline .sdtpd-featurepara__text{font-size:13px}
.sdtpd-feature-para--ghost .sdtpd-featurepara{background:transparent;border:none;border-radius:0;padding:4px 0}
.sdtpd-feature-para--ghost .sdtpd-featurepara__item{border-left:2px solid var(--sc-border);padding:6px 0 6px 16px}
.sdtpd-feature-para--ghost .sdtpd-featurepara__title{font-weight:300;letter-spacing:2px;font-size:15px}
.sdtpd-feature-para--pill .sdtpd-featurepara{background:transparent;border:none;border-radius:0;padding:4px}
.sdtpd-feature-para--pill .sdtpd-featurepara__item{background:var(--sc-bg-alt);border-radius:999px;padding:14px 24px}
.sdtpd-feature-para--pill .sdtpd-featurepara__title{color:var(--sc-primary);font-size:15px}
.sdtpd-feature-para--sharp .sdtpd-featurepara{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:12px 0 0}
.sdtpd-feature-para--sharp .sdtpd-featurepara__title{border-left:4px solid var(--sc-primary);padding-left:8px;font-weight:700}
.sdtpd-feature-para--sharp .sdtpd-featurepara__text{font-size:13px}
.sdtpd-feature-para--gradient .sdtpd-featurepara{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:20px}
.sdtpd-feature-para--gradient .sdtpd-featurepara__title{color:#fff;font-weight:600}
.sdtpd-feature-para--gradient .sdtpd-featurepara__text{color:rgba(255,255,255,.9)}
.sdtpd-feature-para--boxed .sdtpd-featurepara{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:16px}
.sdtpd-feature-para--boxed .sdtpd-featurepara__item{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:8px;padding:12px 14px}
.sdtpd-feature-para--boxed .sdtpd-featurepara__title{color:var(--sc-primary)}
.sdtpd-feature-para--minimal .sdtpd-featurepara{background:transparent;border:none;border-radius:0;padding:0;gap:12px}
.sdtpd-feature-para--minimal .sdtpd-featurepara__item{border-bottom:1px solid var(--sc-border);border-radius:0;padding:10px 2px}
.sdtpd-feature-para--minimal .sdtpd-featurepara__title{font-weight:500;letter-spacing:2px;font-size:15px}
.sdtpd-feature-para--minimal .sdtpd-featurepara__text{font-size:13px}
.sdtpd-feature-para--material .sdtpd-featurepara{background:transparent;border:none;border-radius:0;padding:4px}
.sdtpd-feature-para--material .sdtpd-featurepara__item{background:var(--sc-bg);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.12);padding:14px 16px;transition:transform .2s}
.sdtpd-feature-para--material .sdtpd-featurepara__item:hover{transform:translateY(-2px)}
.sdtpd-feature-para--material .sdtpd-featurepara__title{color:var(--sc-primary);font-weight:600}
.sdtpd-gallery-carousel--classic .sdtpd-gallery{background:var(--sc-bg-alt);border:4px double var(--sc-border);border-radius:var(--sc-radius);padding:12px}
.sdtpd-gallery-carousel--classic .sdtpd-gallery__slides{border-radius:6px}
.sdtpd-gallery-carousel--outline .sdtpd-gallery{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:8px}
.sdtpd-gallery-carousel--outline .sdtpd-gallery__slides{border-radius:8px}
.sdtpd-gallery-carousel--ghost .sdtpd-gallery{background:transparent;border:none;border-bottom:2px dashed var(--sc-border);border-radius:0;padding:8px 0 0}
.sdtpd-gallery-carousel--ghost .sdtpd-gallery__slides{border-radius:0}
.sdtpd-gallery-carousel--pill .sdtpd-gallery{background:var(--sc-bg);border:none;border-radius:28px;padding:10px}
.sdtpd-gallery-carousel--pill .sdtpd-gallery__slides{border-radius:20px}
.sdtpd-gallery-carousel--sharp .sdtpd-gallery{background:transparent;border:2px solid var(--sc-primary);border-radius:0;padding:8px}
.sdtpd-gallery-carousel--sharp .sdtpd-gallery__slides{border-radius:0}
.sdtpd-gallery-carousel--gradient .sdtpd-gallery{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:8px}
.sdtpd-gallery-carousel--gradient .sdtpd-gallery__slides{border-radius:8px}
.sdtpd-gallery-carousel--boxed .sdtpd-gallery{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px}
.sdtpd-gallery-carousel--boxed .sdtpd-gallery__slides{border:1px solid var(--sc-border);border-radius:8px}
.sdtpd-gallery-carousel--minimal .sdtpd-gallery{background:transparent;border:none;border-radius:0;padding:0}
.sdtpd-gallery-carousel--minimal .sdtpd-gallery__slides{border-radius:0;border-bottom:3px solid var(--sc-primary)}
.sdtpd-gallery-carousel--material .sdtpd-gallery{background:var(--sc-bg);border:none;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:8px;transition:box-shadow .2s}
.sdtpd-gallery-carousel--material .sdtpd-gallery:hover{box-shadow:0 12px 30px rgba(0,0,0,.18)}
.sdtpd-gallery-carousel--material .sdtpd-gallery__slides{border-radius:6px}
.sdtpd-video-embed--classic .sdtpd-video{background:var(--sc-bg-alt);border:4px double var(--sc-border);border-radius:var(--sc-radius);padding:12px}
.sdtpd-video-embed--classic .sdtpd-video__player,.sdtpd-video-embed--classic .sdtpd-video__frame iframe,.sdtpd-video-embed--classic .sdtpd-video__ph{border-radius:4px}
.sdtpd-video-embed--outline .sdtpd-video{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:8px}
.sdtpd-video-embed--outline .sdtpd-video__ph{background:transparent;border:2px solid var(--sc-primary)}
.sdtpd-video-embed--ghost .sdtpd-video{background:transparent;border:none;border-radius:0;padding:0}
.sdtpd-video-embed--ghost .sdtpd-video__player,.sdtpd-video-embed--ghost .sdtpd-video__frame iframe,.sdtpd-video-embed--ghost .sdtpd-video__ph{border-radius:0}
.sdtpd-video-embed--ghost .sdtpd-video__ph{background:transparent}
.sdtpd-video-embed--pill .sdtpd-video{background:var(--sc-bg-alt);border:none;border-radius:28px;padding:10px}
.sdtpd-video-embed--pill .sdtpd-video__player,.sdtpd-video-embed--pill .sdtpd-video__frame iframe,.sdtpd-video-embed--pill .sdtpd-video__ph{border-radius:20px}
.sdtpd-video-embed--sharp .sdtpd-video{background:transparent;border:none;border-radius:0;padding:0}
.sdtpd-video-embed--sharp .sdtpd-video__player,.sdtpd-video-embed--sharp .sdtpd-video__frame iframe,.sdtpd-video-embed--sharp .sdtpd-video__ph{border-radius:0}
.sdtpd-video-embed--sharp .sdtpd-video__player,.sdtpd-video-embed--sharp .sdtpd-video__frame{border-bottom:3px solid var(--sc-primary)}
.sdtpd-video-embed--gradient .sdtpd-video{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:8px}
.sdtpd-video-embed--gradient .sdtpd-video__player,.sdtpd-video-embed--gradient .sdtpd-video__frame iframe,.sdtpd-video-embed--gradient .sdtpd-video__ph{border-radius:8px}
.sdtpd-video-embed--boxed .sdtpd-video{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px}
.sdtpd-video-embed--boxed .sdtpd-video__player,.sdtpd-video-embed--boxed .sdtpd-video__frame iframe,.sdtpd-video-embed--boxed .sdtpd-video__ph{border-radius:6px}
.sdtpd-video-embed--minimal .sdtpd-video{background:transparent;border:none;border-radius:0;padding:0}
.sdtpd-video-embed--minimal .sdtpd-video__player,.sdtpd-video-embed--minimal .sdtpd-video__frame{border-radius:0;border-bottom:2px solid var(--sc-primary)}
.sdtpd-video-embed--minimal .sdtpd-video__ph{border-radius:0}
.sdtpd-video-embed--material .sdtpd-video{background:var(--sc-bg);border:none;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:8px;transition:box-shadow .2s}
.sdtpd-video-embed--material .sdtpd-video:hover{box-shadow:0 12px 30px rgba(0,0,0,.18)}
.sdtpd-video-embed--material .sdtpd-video__player,.sdtpd-video-embed--material .sdtpd-video__frame iframe,.sdtpd-video-embed--material .sdtpd-video__ph{border-radius:6px}
.sdtpd-logo-wall--classic .sdtpd-logowall{background:var(--sc-bg-alt);border:4px double var(--sc-border);border-radius:var(--sc-radius);padding:16px}
.sdtpd-logo-wall--classic .sdtpd-logowall__logo{border-radius:4px;filter:grayscale(1);transition:filter .2s}
.sdtpd-logo-wall--classic .sdtpd-logowall__logo:hover{filter:none}
.sdtpd-logo-wall--outline .sdtpd-logowall{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:14px}
.sdtpd-logo-wall--outline .sdtpd-logowall__logo{background:var(--sc-bg);border:1px solid var(--sc-primary);filter:grayscale(1)}
.sdtpd-logo-wall--ghost .sdtpd-logowall{background:transparent;border:none;border-bottom:2px dashed var(--sc-border);border-radius:0;padding:8px 0;gap:20px}
.sdtpd-logo-wall--ghost .sdtpd-logowall__logo{background:transparent;border:none;height:64px;filter:grayscale(1)}
.sdtpd-logo-wall--pill .sdtpd-logowall{background:transparent;border:none;border-radius:0;padding:4px}
.sdtpd-logo-wall--pill .sdtpd-logowall__logo{background:var(--sc-bg-alt);border:none;border-radius:999px}
.sdtpd-logo-wall--sharp .sdtpd-logowall{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:12px 0 0}
.sdtpd-logo-wall--sharp .sdtpd-logowall__logo{border-radius:0;border:2px solid var(--sc-border)}
.sdtpd-logo-wall--gradient .sdtpd-logowall{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:14px}
.sdtpd-logo-wall--gradient .sdtpd-logowall__logo{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.5);border-radius:8px}
.sdtpd-logo-wall--boxed .sdtpd-logowall{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:16px}
.sdtpd-logo-wall--boxed .sdtpd-logowall__logo{background:var(--sc-bg);border-radius:8px}
.sdtpd-logo-wall--minimal .sdtpd-logowall{background:transparent;border:none;border-radius:0;padding:0}
.sdtpd-logo-wall--minimal .sdtpd-logowall__logo{background:transparent;border:none;border-radius:0;height:60px;filter:grayscale(1)}
.sdtpd-logo-wall--minimal .sdtpd-logowall__ph{background:var(--sc-bg-alt);border:none}
.sdtpd-logo-wall--material .sdtpd-logowall{background:transparent;border:none;border-radius:0;padding:4px}
.sdtpd-logo-wall--material .sdtpd-logowall__logo{background:var(--sc-bg);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s}
.sdtpd-logo-wall--material .sdtpd-logowall__logo:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.sdtpd-icon-features--classic .sdtpd-iconfeat{background:var(--sc-bg-alt);border:4px double var(--sc-border);border-radius:var(--sc-radius);padding:18px}
.sdtpd-icon-features--classic .sdtpd-iconfeat__item{text-align:center}
.sdtpd-icon-features--classic .sdtpd-iconfeat__glyph{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:50%}
.sdtpd-icon-features--classic .sdtpd-iconfeat__title{font-family:Georgia,"Times New Roman",serif;font-size:17px}
.sdtpd-icon-features--outline .sdtpd-iconfeat{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:16px}
.sdtpd-icon-features--outline .sdtpd-iconfeat__item{border:1px solid var(--sc-border);border-radius:8px;padding:14px}
.sdtpd-icon-features--outline .sdtpd-iconfeat__glyph{background:transparent;border:2px solid var(--sc-primary);border-radius:50%;color:var(--sc-primary)}
.sdtpd-icon-features--ghost .sdtpd-iconfeat{background:transparent;border:none;border-radius:0;padding:4px 0}
.sdtpd-icon-features--ghost .sdtpd-iconfeat__item{padding:6px 0}
.sdtpd-icon-features--ghost .sdtpd-iconfeat__glyph{background:transparent;border:none;width:40px;height:40px;font-size:28px}
.sdtpd-icon-features--ghost .sdtpd-iconfeat__title{font-weight:300;letter-spacing:2px}
.sdtpd-icon-features--pill .sdtpd-iconfeat{background:transparent;border:none;border-radius:0;padding:4px}
.sdtpd-icon-features--pill .sdtpd-iconfeat__item{background:var(--sc-bg-alt);border-radius:999px;padding:18px 24px}
.sdtpd-icon-features--pill .sdtpd-iconfeat__glyph{background:var(--sc-bg);border-radius:999px}
.sdtpd-icon-features--sharp .sdtpd-iconfeat{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:14px 0 0}
.sdtpd-icon-features--sharp .sdtpd-iconfeat__glyph{background:transparent;border:2px solid var(--sc-primary);border-radius:0;color:var(--sc-primary)}
.sdtpd-icon-features--sharp .sdtpd-iconfeat__title{font-weight:700}
.sdtpd-icon-features--gradient .sdtpd-iconfeat{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:18px}
.sdtpd-icon-features--gradient .sdtpd-iconfeat__item{background:rgba(255,255,255,.12);border-radius:10px;padding:14px}
.sdtpd-icon-features--gradient .sdtpd-iconfeat__glyph{background:#fff;color:var(--sc-primary);border-radius:8px}
.sdtpd-icon-features--gradient .sdtpd-iconfeat__title{color:#fff;font-weight:600}
.sdtpd-icon-features--gradient .sdtpd-iconfeat__text{color:rgba(255,255,255,.9)}
.sdtpd-icon-features--boxed .sdtpd-iconfeat{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:16px}
.sdtpd-icon-features--boxed .sdtpd-iconfeat__item{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:8px;padding:14px}
.sdtpd-icon-features--boxed .sdtpd-iconfeat__glyph{background:var(--sc-primary);color:#fff;border-radius:8px}
.sdtpd-icon-features--minimal .sdtpd-iconfeat{background:transparent;border:none;border-radius:0;padding:0}
.sdtpd-icon-features--minimal .sdtpd-iconfeat__item{border-top:1px solid var(--sc-border);border-radius:0;padding:12px 2px 0}
.sdtpd-icon-features--minimal .sdtpd-iconfeat__glyph{background:transparent;border:none;width:36px;height:36px;font-size:26px}
.sdtpd-icon-features--minimal .sdtpd-iconfeat__title{font-weight:500;letter-spacing:2px;font-size:15px}
.sdtpd-icon-features--minimal .sdtpd-iconfeat__text{font-size:13px}
.sdtpd-icon-features--material .sdtpd-iconfeat{background:transparent;border:none;border-radius:0;padding:4px}
.sdtpd-icon-features--material .sdtpd-iconfeat__item{background:var(--sc-bg);border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.12);padding:16px;transition:transform .2s,box-shadow .2s}
.sdtpd-icon-features--material .sdtpd-iconfeat__item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.sdtpd-icon-features--material .sdtpd-iconfeat__glyph{background:var(--sc-bg-alt);border-radius:50%}
.sdtpd-icon-label--classic .sdtpd-iconlabel{background:var(--sc-bg-alt);border:4px double var(--sc-border);border-radius:var(--sc-radius);padding:12px 16px}
.sdtpd-icon-label--classic .sdtpd-iconlabel__glyph{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:50%}
.sdtpd-icon-label--classic .sdtpd-iconlabel__text{font-weight:600}
.sdtpd-icon-label--outline .sdtpd-iconlabel{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:10px 16px}
.sdtpd-icon-label--outline .sdtpd-iconlabel__glyph{background:transparent;border:2px solid var(--sc-primary);border-radius:50%;color:var(--sc-primary)}
.sdtpd-icon-label--outline .sdtpd-iconlabel__text{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-icon-label--ghost .sdtpd-iconlabel{background:transparent;border:none;border-radius:0;padding:4px 0}
.sdtpd-icon-label--ghost .sdtpd-iconlabel__glyph{background:transparent;border:none;font-size:20px}
.sdtpd-icon-label--ghost .sdtpd-iconlabel__text{font-weight:300;letter-spacing:2px}
.sdtpd-icon-label--pill .sdtpd-iconlabel{background:var(--sc-bg-alt);border:none;border-radius:999px;padding:8px 22px}
.sdtpd-icon-label--pill .sdtpd-iconlabel__glyph{background:var(--sc-bg);border-radius:999px}
.sdtpd-icon-label--pill .sdtpd-iconlabel__text{font-size:14px}
.sdtpd-icon-label--sharp .sdtpd-iconlabel{background:transparent;border:none;border-left:4px solid var(--sc-primary);border-radius:0;padding:8px 12px}
.sdtpd-icon-label--sharp .sdtpd-iconlabel__glyph{background:transparent;border:2px solid var(--sc-primary);border-radius:0;color:var(--sc-primary)}
.sdtpd-icon-label--sharp .sdtpd-iconlabel__text{font-weight:700}
.sdtpd-icon-label--gradient .sdtpd-iconlabel{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:999px;padding:10px 20px}
.sdtpd-icon-label--gradient .sdtpd-iconlabel__glyph{background:#fff;color:var(--sc-primary);border-radius:50%}
.sdtpd-icon-label--gradient .sdtpd-iconlabel__text{color:#fff;font-weight:600;letter-spacing:1px}
.sdtpd-icon-label--boxed .sdtpd-iconlabel{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px 16px}
.sdtpd-icon-label--boxed .sdtpd-iconlabel__glyph{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:8px}
.sdtpd-icon-label--boxed .sdtpd-iconlabel__text{font-size:14px}
.sdtpd-icon-label--minimal .sdtpd-iconlabel{background:transparent;border:none;border-left:2px solid var(--sc-primary);border-radius:0;padding:4px 0 4px 14px}
.sdtpd-icon-label--minimal .sdtpd-iconlabel__glyph{background:transparent;border:none;font-size:18px}
.sdtpd-icon-label--minimal .sdtpd-iconlabel__text{font-weight:500;letter-spacing:2px;font-size:14px}
.sdtpd-icon-label--material .sdtpd-iconlabel{background:var(--sc-bg);border:none;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.12);padding:12px 18px;transition:transform .2s,box-shadow .2s}
.sdtpd-icon-label--material .sdtpd-iconlabel:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.sdtpd-icon-label--material .sdtpd-iconlabel__glyph{background:var(--sc-bg-alt);border-radius:50%}
.sdtpd-status-badge--classic .sdtpd-badges{background:var(--sc-bg-alt);border:4px double var(--sc-border);border-radius:var(--sc-radius);padding:14px 16px}
.sdtpd-status-badge--classic .sdtpd-badges__item{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:4px}
.sdtpd-status-badge--classic .sdtpd-badges__value{font-family:Georgia,"Times New Roman",serif;font-size:24px}
.sdtpd-status-badge--outline .sdtpd-badges{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:14px 16px}
.sdtpd-status-badge--outline .sdtpd-badges__item{background:transparent;border:1px solid var(--sc-primary);border-radius:10px}
.sdtpd-status-badge--outline .sdtpd-badges__value{color:var(--sc-primary)}
.sdtpd-status-badge--ghost .sdtpd-badges{background:transparent;border:none;border-radius:0;padding:4px 0;gap:16px}
.sdtpd-status-badge--ghost .sdtpd-badges__item{background:transparent;border-bottom:1px solid var(--sc-border);border-radius:0;padding:10px 4px}
.sdtpd-status-badge--ghost .sdtpd-badges__value{color:var(--sc-text);font-weight:300;font-size:26px}
.sdtpd-status-badge--pill .sdtpd-badges{background:transparent;border:none;border-radius:0;padding:4px}
.sdtpd-status-badge--pill .sdtpd-badges__item{background:var(--sc-bg-alt);border-radius:999px;padding:10px 24px;align-items:center;text-align:center}
.sdtpd-status-badge--pill .sdtpd-badges__value{font-size:18px}
.sdtpd-status-badge--sharp .sdtpd-badges{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:12px 0 0}
.sdtpd-status-badge--sharp .sdtpd-badges__item{background:transparent;border-left:3px solid var(--sc-primary);border-radius:0;padding:8px 12px}
.sdtpd-status-badge--sharp .sdtpd-badges__value{font-weight:800;font-size:22px}
.sdtpd-status-badge--gradient .sdtpd-badges{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:16px}
.sdtpd-status-badge--gradient .sdtpd-badges__item{background:rgba(255,255,255,.14);border-radius:10px}
.sdtpd-status-badge--gradient .sdtpd-badges__value{color:#fff;font-size:22px}
.sdtpd-status-badge--gradient .sdtpd-badges__label{color:rgba(255,255,255,.85)}
.sdtpd-status-badge--boxed .sdtpd-badges{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:14px 16px}
.sdtpd-status-badge--boxed .sdtpd-badges__item{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:8px}
.sdtpd-status-badge--boxed .sdtpd-badges__value{color:var(--sc-primary)}
.sdtpd-status-badge--minimal .sdtpd-badges{background:transparent;border:none;border-radius:0;padding:0;gap:20px}
.sdtpd-status-badge--minimal .sdtpd-badges__item{background:transparent;border:none;border-left:2px solid var(--sc-border);border-radius:0;padding:4px 0 4px 12px}
.sdtpd-status-badge--minimal .sdtpd-badges__value{font-weight:500;font-size:24px;letter-spacing:1px}
.sdtpd-status-badge--minimal .sdtpd-badges__label{font-size:12px;letter-spacing:2px;text-transform:uppercase}
.sdtpd-status-badge--material .sdtpd-badges{background:transparent;border:none;border-radius:0;padding:4px}
.sdtpd-status-badge--material .sdtpd-badges__item{background:var(--sc-bg);border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.12);padding:14px 18px;transition:transform .2s,box-shadow .2s}
.sdtpd-status-badge--material .sdtpd-badges__item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.sdtpd-status-badge--material .sdtpd-badges__value{color:var(--sc-primary);font-weight:700;font-size:22px}
@media (max-width:768px){
.sdtpd-blockquote--classic .sdtpd-blockquote,.sdtpd-blockquote--gradient .sdtpd-blockquote,.sdtpd-blockquote--boxed .sdtpd-blockquote{padding:14px 16px}
.sdtpd-blockquote--pill .sdtpd-blockquote{border-radius:20px;padding:14px 18px}
.sdtpd-blockquote--ghost .sdtpd-blockquote::before{font-size:34px}
.sdtpd-blockquote--material .sdtpd-blockquote:hover{transform:none}
.sdtpd-columnstext,.sdtpd-iconfeat{grid-template-columns:1fr !important}
.sdtpd-columns-text--classic .sdtpd-columnstext,.sdtpd-columns-text--outline .sdtpd-columnstext,.sdtpd-columns-text--gradient .sdtpd-columnstext,.sdtpd-columns-text--boxed .sdtpd-columnstext,.sdtpd-columns-text--material .sdtpd-columnstext{padding:12px}
.sdtpd-columns-text--pill .sdtpd-columnstext__col,.sdtpd-columns-text--boxed .sdtpd-columnstext__col{border-radius:16px;padding:12px 16px}
.sdtpd-columns-text--material .sdtpd-columnstext__col:hover{transform:none}
.sdtpd-text-list--classic .sdtpd-textlist,.sdtpd-text-list--outline .sdtpd-textlist,.sdtpd-text-list--gradient .sdtpd-textlist,.sdtpd-text-list--boxed .sdtpd-textlist{padding:10px 12px}
.sdtpd-text-list--pill .sdtpd-textlist__item{padding:6px 12px}
.sdtpd-text-list--gradient .sdtpd-textlist__text{font-size:14px}
.sdtpd-text-list--material .sdtpd-textlist__item:hover{transform:none}
.sdtpd-feature-para--classic .sdtpd-featurepara,.sdtpd-feature-para--outline .sdtpd-featurepara,.sdtpd-feature-para--gradient .sdtpd-featurepara,.sdtpd-feature-para--boxed .sdtpd-featurepara{padding:12px}
.sdtpd-feature-para--pill .sdtpd-featurepara__item{border-radius:16px;padding:10px 16px}
.sdtpd-feature-para--material .sdtpd-featurepara__item:hover{transform:none}
.sdtpd-gallery-carousel--classic .sdtpd-gallery,.sdtpd-gallery-carousel--outline .sdtpd-gallery,.sdtpd-gallery-carousel--gradient .sdtpd-gallery,.sdtpd-gallery-carousel--boxed .sdtpd-gallery,.sdtpd-gallery-carousel--material .sdtpd-gallery{padding:6px}
.sdtpd-gallery-carousel--pill .sdtpd-gallery{border-radius:18px;padding:6px}
.sdtpd-gallery-carousel--pill .sdtpd-gallery__slides{border-radius:12px}
.sdtpd-gallery-carousel--material .sdtpd-gallery:hover{box-shadow:0 6px 16px rgba(0,0,0,.14)}
.sdtpd-video-embed--classic .sdtpd-video,.sdtpd-video-embed--outline .sdtpd-video,.sdtpd-video-embed--gradient .sdtpd-video,.sdtpd-video-embed--boxed .sdtpd-video,.sdtpd-video-embed--material .sdtpd-video{padding:6px}
.sdtpd-video-embed--pill .sdtpd-video{border-radius:18px;padding:6px}
.sdtpd-video-embed--pill .sdtpd-video__player,.sdtpd-video-embed--pill .sdtpd-video__frame iframe,.sdtpd-video-embed--pill .sdtpd-video__ph{border-radius:12px}
.sdtpd-video-embed--material .sdtpd-video:hover{box-shadow:0 6px 16px rgba(0,0,0,.14)}
.sdtpd-logowall{grid-template-columns:repeat(2,1fr) !important}
.sdtpd-logo-wall--classic .sdtpd-logowall,.sdtpd-logo-wall--outline .sdtpd-logowall,.sdtpd-logo-wall--gradient .sdtpd-logowall,.sdtpd-logo-wall--boxed .sdtpd-logowall{padding:10px}
.sdtpd-logo-wall--ghost .sdtpd-logowall{gap:12px;padding:6px 0}
.sdtpd-logo-wall--ghost .sdtpd-logowall__logo{height:52px}
.sdtpd-logo-wall--material .sdtpd-logowall__logo:hover{transform:none}
.sdtpd-icon-features--classic .sdtpd-iconfeat,.sdtpd-icon-features--outline .sdtpd-iconfeat,.sdtpd-icon-features--gradient .sdtpd-iconfeat,.sdtpd-icon-features--boxed .sdtpd-iconfeat{padding:12px}
.sdtpd-icon-features--pill .sdtpd-iconfeat__item{border-radius:20px;padding:12px 16px}
.sdtpd-icon-features--material .sdtpd-iconfeat__item:hover{transform:none}
.sdtpd-icon-label--pill .sdtpd-iconlabel,.sdtpd-icon-label--gradient .sdtpd-iconlabel{padding:8px 14px}
.sdtpd-icon-label--material .sdtpd-iconlabel:hover{transform:none}
.sdtpd-status-badge--pill .sdtpd-badges__item{padding:8px 16px}
.sdtpd-status-badge--gradient .sdtpd-badges__value{font-size:18px}
.sdtpd-status-badge--material .sdtpd-badges__item:hover{transform:none}
.sdtpd-blockquote--outline .sdtpd-blockquote,.sdtpd-blockquote--sharp .sdtpd-blockquote{padding:12px 16px}
.sdtpd-blockquote--minimal .sdtpd-blockquote{padding:4px 0 4px 14px}
.sdtpd-blockquote--minimal .sdtpd-blockquote p{letter-spacing:.5px}
.sdtpd-columns-text--ghost .sdtpd-columnstext{gap:14px}
.sdtpd-columns-text--ghost .sdtpd-columnstext__col{padding-left:8px}
.sdtpd-columns-text--sharp .sdtpd-columnstext__title{padding-left:6px}
.sdtpd-columns-text--minimal .sdtpd-columnstext{gap:12px}
.sdtpd-columns-text--minimal .sdtpd-columnstext__title{letter-spacing:1px}
.sdtpd-text-list--ghost .sdtpd-textlist__item{padding:6px 2px}
.sdtpd-text-list--sharp .sdtpd-textlist__item{padding-left:8px}
.sdtpd-text-list--minimal .sdtpd-textlist__item{padding:8px 2px}
.sdtpd-text-list--minimal .sdtpd-textlist__text{letter-spacing:.5px}
.sdtpd-feature-para--ghost .sdtpd-featurepara__item{padding:4px 0 4px 12px}
.sdtpd-feature-para--sharp .sdtpd-featurepara__title{padding-left:6px}
.sdtpd-feature-para--minimal .sdtpd-featurepara__item{padding:8px 2px}
.sdtpd-feature-para--minimal .sdtpd-featurepara__title{letter-spacing:1px}
.sdtpd-gallery-carousel--ghost .sdtpd-gallery{padding:6px 0 0}
.sdtpd-gallery-carousel--sharp .sdtpd-gallery{padding:6px}
.sdtpd-gallery-carousel--minimal .sdtpd-gallery__slides{border-bottom-width:2px}
.sdtpd-video-embed--ghost .sdtpd-video__ph{background:var(--sc-bg-alt)}
.sdtpd-video-embed--sharp .sdtpd-video__player,.sdtpd-video-embed--sharp .sdtpd-video__frame{border-bottom-width:2px}
.sdtpd-video-embed--minimal .sdtpd-video__player,.sdtpd-video-embed--minimal .sdtpd-video__frame{border-bottom-width:1px}
.sdtpd-logo-wall--pill .sdtpd-logowall__logo{height:56px}
.sdtpd-logo-wall--sharp .sdtpd-logowall{padding:8px 0 0}
.sdtpd-logo-wall--sharp .sdtpd-logowall__logo{border-width:1px}
.sdtpd-logo-wall--minimal .sdtpd-logowall__logo{height:48px}
.sdtpd-icon-features--ghost .sdtpd-iconfeat__glyph{font-size:24px}
.sdtpd-icon-features--ghost .sdtpd-iconfeat__item{padding:4px 0}
.sdtpd-icon-features--sharp .sdtpd-iconfeat{padding:10px 0 0}
.sdtpd-icon-features--sharp .sdtpd-iconfeat__glyph{border-width:1px}
.sdtpd-icon-features--minimal .sdtpd-iconfeat__item{padding:8px 2px 0}
.sdtpd-icon-features--minimal .sdtpd-iconfeat__glyph{font-size:22px}
.sdtpd-icon-label--classic .sdtpd-iconlabel,.sdtpd-icon-label--outline .sdtpd-iconlabel,.sdtpd-icon-label--boxed .sdtpd-iconlabel{padding:10px 12px}
.sdtpd-icon-label--ghost .sdtpd-iconlabel__text{letter-spacing:1px}
.sdtpd-icon-label--sharp .sdtpd-iconlabel{padding:6px 10px}
.sdtpd-icon-label--sharp .sdtpd-iconlabel__glyph{border-width:1px}
.sdtpd-icon-label--minimal .sdtpd-iconlabel{padding:2px 0 2px 10px}
.sdtpd-icon-label--minimal .sdtpd-iconlabel__text{letter-spacing:1px}
.sdtpd-status-badge--classic .sdtpd-badges,.sdtpd-status-badge--outline .sdtpd-badges,.sdtpd-status-badge--boxed .sdtpd-badges{padding:10px 12px}
.sdtpd-status-badge--ghost .sdtpd-badges__value{font-size:22px}
.sdtpd-status-badge--sharp .sdtpd-badges__value{font-size:20px}
.sdtpd-status-badge--minimal .sdtpd-badges{gap:14px}
.sdtpd-status-badge--minimal .sdtpd-badges__value{font-size:20px}
.sdtpd-gallery,.sdtpd-gallery__slides,.sdtpd-video,.sdtpd-video__player,.sdtpd-video__frame,.sdtpd-video__frame iframe,.sdtpd-video__ph{width:100%}
}
.sdtpd-stepsbar{list-style:none;margin:0;padding:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 12px;box-sizing:border-box;align-content:center}
.sdtpd-stepsbar__step{display:flex;align-items:flex-start;gap:8px;min-width:0}
.sdtpd-stepsbar__no{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--sc-bg-alt);border:1px solid var(--sc-border);color:var(--sc-text-light);font-size:14px;font-weight:700;box-sizing:border-box}
.sdtpd-stepsbar__info{min-width:0}
.sdtpd-stepsbar__title{margin:0 0 2px;font-size:15px;color:var(--sc-text);overflow-wrap:break-word}
.sdtpd-stepsbar__text{margin:0;color:var(--sc-text-light);font-size:13px;line-height:1.5;overflow-wrap:break-word}
.sdtpd-stepsbar__step.is-done .sdtpd-stepsbar__no{background:var(--sc-primary);border-color:var(--sc-primary);color:#fff}
.sdtpd-stepsbar__step.is-done .sdtpd-stepsbar__title{color:var(--sc-primary-dark)}
.sdtpd-pagetabs{display:flex;flex-direction:column;width:100%;box-sizing:border-box;background:var(--sc-bg);overflow:hidden}
.sdtpd-pagetabs__bar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 8px 0;border-bottom:2px solid var(--sc-border)}
.sdtpd-pagetabs__tab{appearance:none;border:none;background:transparent;padding:4px 12px;font-size:15px;color:var(--sc-text-light);cursor:pointer;border-radius:var(--sc-radius) var(--sc-radius) 0 0}
.sdtpd-pagetabs__tab.is-active{color:var(--sc-primary);font-weight:700;background:var(--sc-bg-alt);box-shadow:inset 0 -2px 0 var(--sc-primary)}
.sdtpd-pagetabs__panels{flex:1;min-height:0;padding:12px;overflow:hidden}
.sdtpd-pagetabs__panel{display:none;margin:0;color:var(--sc-text);font-size:15px;line-height:1.7;overflow-wrap:break-word}
.sdtpd-pagetabs__panel.is-active{display:block}
.sdtpd-contactform{display:flex;flex-direction:column;gap:8px;width:100%;padding:12px;box-sizing:border-box;background:var(--sc-bg);overflow:hidden}
.sdtpd-contactform__title{margin:0;font-size:18px;color:var(--sc-primary-dark);overflow-wrap:break-word}
.sdtpd-contactform__form{display:flex;flex-direction:column;gap:8px}
.sdtpd-contactform__input,.sdtpd-contactform__textarea{width:100%;padding:4px 8px;border:1px solid var(--sc-border);border-radius:var(--sc-radius);font-size:15px;font-family:inherit;color:var(--sc-text);background:var(--sc-bg);box-sizing:border-box}
.sdtpd-contactform__textarea{flex:1;min-height:56px;resize:none}
.sdtpd-contactform__btn{align-self:flex-end;padding:4px 16px;border:none;border-radius:var(--sc-radius);background:var(--sc-primary);color:#fff;font-size:15px;font-family:inherit;cursor:pointer}
.sdtpd-contactform__btn:disabled{background:var(--sc-border);cursor:not-allowed}
.sdtpd-contactform__hint{margin:0;color:var(--sc-text-light);font-size:13px}
.sdtpd-subscribebox{width:100%;padding:8px;box-sizing:border-box;background:var(--sc-bg);overflow:hidden}
.sdtpd-subscribebox__form{display:flex;gap:8px;width:100%}
.sdtpd-subscribebox__input{flex:1;min-width:0;padding:4px 8px;border:1px solid var(--sc-border);border-radius:var(--sc-radius);font-size:15px;font-family:inherit;color:var(--sc-text);background:var(--sc-bg);box-sizing:border-box}
.sdtpd-subscribebox__btn{flex-shrink:0;padding:4px 16px;border:none;border-radius:var(--sc-radius);background:var(--sc-primary);color:#fff;font-size:15px;font-family:inherit;cursor:pointer;white-space:nowrap}
.sdtpd-subscribebox__btn:disabled{background:var(--sc-border);cursor:not-allowed}
.sdtpd-abouthero{display:flex;align-items:stretch;gap:16px;width:100%;padding:12px;box-sizing:border-box;background:var(--sc-bg-alt);overflow:hidden}
.sdtpd-abouthero--right{flex-direction:row-reverse}
.sdtpd-abouthero__txt{flex:1;min-width:0;align-self:center}
.sdtpd-abouthero__title{margin:0 0 4px;font-size:24px;color:var(--sc-text);overflow-wrap:break-word}
.sdtpd-abouthero__sub{margin:0 0 4px;color:var(--sc-primary);font-size:16px;overflow-wrap:break-word}
.sdtpd-abouthero__text{margin:0;color:var(--sc-text-light);font-size:15px;line-height:1.7;overflow-wrap:break-word}
.sdtpd-abouthero__img{flex:0 0 38%;min-width:0;display:flex;align-items:center;justify-content:center}
.sdtpd-abouthero__pic{max-width:100%;max-height:100%;object-fit:cover;border-radius:var(--sc-radius)}
.sdtpd-abouthero__ph{width:100%;height:100%;min-height:120px;background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));opacity:.5;border-radius:var(--sc-radius)}
.sdtpd-footerinfo{width:100%;padding:12px;box-sizing:border-box;background:var(--sc-bg-alt);overflow:hidden}
.sdtpd-footerinfo__copy{margin:0 0 8px;color:var(--sc-text-light);font-size:14px}
.sdtpd-footerinfo__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}
.sdtpd-footerinfo__item{display:flex;align-items:baseline;gap:4px;min-width:0}
.sdtpd-footerinfo__item span{color:var(--sc-text-light);font-size:13px}
.sdtpd-footerinfo__item b{color:var(--sc-text);font-size:15px;overflow-wrap:break-word}
.sdtpd-footerlinks{display:flex;flex-wrap:wrap;gap:16px;align-content:flex-start;width:100%;padding:12px;box-sizing:border-box;background:var(--sc-bg-alt);overflow:hidden}
.sdtpd-footerlinks__col{min-width:120px}
.sdtpd-footerlinks__title{margin:0 0 4px;font-size:15px;color:var(--sc-text);overflow-wrap:break-word}
.sdtpd-footerlinks__link{display:block;color:var(--sc-text-light);font-size:13px;text-decoration:none;padding:2px 0;overflow-wrap:break-word}
.sdtpd-footerlinks__link:hover{color:var(--sc-primary)}
.sdtpd-cardgrid{display:grid;gap:12px;padding:8px;box-sizing:border-box;align-content:start;overflow:hidden}
.sdtpd-cardgrid__card{display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px;background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:var(--sc-radius);text-decoration:none;box-sizing:border-box;overflow:hidden}
.sdtpd-cardgrid__img{width:100%;height:96px;object-fit:cover;border-radius:var(--sc-radius);background:var(--sc-bg-alt)}
.sdtpd-cardgrid__img.sdtpd-cardgrid__ph{background:var(--sc-bg-alt);border:1px dashed var(--sc-border);box-sizing:border-box}
.sdtpd-cardgrid__title{margin:0;font-size:16px;color:var(--sc-text);overflow-wrap:break-word}
.sdtpd-cardgrid__text{margin:0;color:var(--sc-text-light);font-size:14px;line-height:1.5;overflow-wrap:break-word}
.sdtpd-newscard{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;overflow:hidden}
.sdtpd-newscard__item{display:flex;flex-direction:column;gap:2px;padding:8px;background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:var(--sc-radius);min-width:0;box-sizing:border-box}
.sdtpd-newscard__date{color:var(--sc-text-light);font-size:13px}
.sdtpd-newscard__title{color:var(--sc-text);font-size:16px;font-weight:700;text-decoration:none;overflow-wrap:break-word}
.sdtpd-newscard__summary{margin:0;color:var(--sc-text-light);font-size:14px;line-height:1.5;overflow-wrap:break-word}
.sdtpd-linkcards{display:grid;gap:8px;padding:8px;box-sizing:border-box;align-content:start;overflow:hidden}
.sdtpd-linkcards__card{display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 12px;background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);text-decoration:none;box-sizing:border-box;overflow:hidden}
.sdtpd-linkcards__title{margin:0;font-size:16px;color:var(--sc-primary-dark);overflow-wrap:break-word}
.sdtpd-linkcards__desc{margin:0;color:var(--sc-text-light);font-size:14px;line-height:1.5;overflow-wrap:break-word}
.sdtpd-statscards{list-style:none;margin:0;padding:8px;display:grid;gap:8px;box-sizing:border-box;align-content:center;overflow:hidden}
.sdtpd-statscards__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px;background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);min-width:0;box-sizing:border-box}
.sdtpd-statscards__value{color:var(--sc-primary);font-size:22px;line-height:1.2;overflow-wrap:break-word}
.sdtpd-statscards__label{color:var(--sc-text-light);font-size:13px}
.sdtpd-timeline{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;overflow:hidden}
.sdtpd-timeline__item{position:relative;display:flex;gap:8px;padding-left:12px;min-width:0}
.sdtpd-timeline__item::before{content:'';position:absolute;left:4px;top:6px;bottom:-8px;width:2px;background:var(--sc-border)}
.sdtpd-timeline__item:last-child::before{display:none}
.sdtpd-timeline__item::after{content:'';position:absolute;left:0;top:4px;width:10px;height:10px;border-radius:50%;background:var(--sc-primary)}
.sdtpd-timeline__date{flex-shrink:0;min-width:72px;color:var(--sc-text-light);font-size:13px}
.sdtpd-timeline__body{min-width:0}
.sdtpd-timeline__title{margin:0 0 2px;font-size:16px;color:var(--sc-text);overflow-wrap:break-word}
.sdtpd-timeline__text{margin:0;color:var(--sc-text-light);font-size:14px;line-height:1.5;overflow-wrap:break-word}
.sdtpd-progressgroup{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;overflow:hidden}
.sdtpd-progressgroup__item{display:flex;align-items:center;gap:8px;min-width:0}
.sdtpd-progressgroup__label{flex-shrink:0;width:72px;color:var(--sc-text);font-size:15px;overflow-wrap:break-word}
.sdtpd-progressgroup__track{flex:1;min-width:0;height:10px;background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:999px;overflow:hidden;box-sizing:border-box}
.sdtpd-progressgroup__fill{height:100%;background:linear-gradient(90deg,var(--sc-primary),var(--sc-accent));border-radius:999px}
.sdtpd-progressgroup__pct{flex-shrink:0;min-width:40px;text-align:right;color:var(--sc-primary-dark);font-size:14px}

.sdtpd-steps-bar--classic .sdtpd-stepsbar{border:3px double var(--sc-border);border-radius:8px;background:var(--sc-bg);padding:12px}
.sdtpd-steps-bar--classic .sdtpd-stepsbar__no{border:2px double var(--sc-border)}
.sdtpd-steps-bar--classic .sdtpd-stepsbar__title{font-weight:700}
.sdtpd-steps-bar--outline .sdtpd-stepsbar{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;padding:12px}
.sdtpd-steps-bar--outline .sdtpd-stepsbar__no{border-color:var(--sc-primary);color:var(--sc-primary)}
.sdtpd-steps-bar--outline .sdtpd-stepsbar__title{letter-spacing:.5px}
.sdtpd-steps-bar--ghost .sdtpd-stepsbar{background:transparent;border:none;padding:4px 0}
.sdtpd-steps-bar--ghost .sdtpd-stepsbar__no{background:transparent;border:2px dashed var(--sc-border)}
.sdtpd-steps-bar--ghost .sdtpd-stepsbar__step.is-done .sdtpd-stepsbar__no{border-style:solid;background:var(--sc-bg-alt);color:var(--sc-text)}
.sdtpd-steps-bar--ghost .sdtpd-stepsbar__title{font-weight:600}
.sdtpd-steps-bar--pill .sdtpd-stepsbar__step{background:var(--sc-bg-alt);border-radius:999px;padding:6px 14px}
.sdtpd-steps-bar--pill .sdtpd-stepsbar__no{border-radius:999px}
.sdtpd-steps-bar--pill .sdtpd-stepsbar__title{font-size:14px}
.sdtpd-steps-bar--sharp .sdtpd-stepsbar{border:none;border-top:2px solid var(--sc-text);border-radius:0;padding:8px 0}
.sdtpd-steps-bar--sharp .sdtpd-stepsbar__no{border-radius:0}
.sdtpd-steps-bar--sharp .sdtpd-stepsbar__title{font-weight:700;text-transform:uppercase;letter-spacing:1px}
.sdtpd-steps-bar--sharp .sdtpd-stepsbar__text{font-size:12px}
.sdtpd-steps-bar--gradient .sdtpd-stepsbar{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px;padding:12px}
.sdtpd-steps-bar--gradient .sdtpd-stepsbar__no{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);color:#fff}
.sdtpd-steps-bar--gradient .sdtpd-stepsbar__title,.sdtpd-steps-bar--gradient .sdtpd-stepsbar__text{color:#fff}
.sdtpd-steps-bar--boxed .sdtpd-stepsbar{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px}
.sdtpd-steps-bar--boxed .sdtpd-stepsbar__no{background:var(--sc-bg)}
.sdtpd-steps-bar--boxed .sdtpd-stepsbar__title{font-weight:700}
.sdtpd-steps-bar--minimal .sdtpd-stepsbar{background:transparent;border:none;border-bottom:2px solid var(--sc-border);border-radius:0;padding:4px 0}
.sdtpd-steps-bar--minimal .sdtpd-stepsbar__no{background:transparent;border:2px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-steps-bar--minimal .sdtpd-stepsbar__title{font-weight:600;letter-spacing:.5px}
.sdtpd-steps-bar--material .sdtpd-stepsbar{background:var(--sc-bg);border:none;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.15);padding:12px}
.sdtpd-steps-bar--material .sdtpd-stepsbar__no{box-shadow:0 2px 6px rgba(0,0,0,.15)}
.sdtpd-steps-bar--material .sdtpd-stepsbar__title{font-weight:700}
.sdtpd-steps-bar--glass .sdtpd-stepsbar{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);border-radius:14px;padding:12px}
.sdtpd-steps-bar--glass .sdtpd-stepsbar__no{background:rgba(255,255,255,.5)}
.sdtpd-steps-bar--dark .sdtpd-stepsbar{background:var(--sc-primary-dark);border-radius:12px;padding:12px}
.sdtpd-steps-bar--dark .sdtpd-stepsbar__no{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}
.sdtpd-steps-bar--dark .sdtpd-stepsbar__title{color:#fff}
.sdtpd-steps-bar--dark .sdtpd-stepsbar__text{color:rgba(255,255,255,.75)}
.sdtpd-steps-bar--dark .sdtpd-stepsbar__step.is-done .sdtpd-stepsbar__no{background:#d4af37;border-color:#d4af37;color:#fff}
.sdtpd-steps-bar--accent-border .sdtpd-stepsbar{border:none;border-left:4px solid var(--sc-primary);background:var(--sc-bg-alt);border-radius:0 8px 8px 0;padding:12px}
.sdtpd-steps-bar--accent-border .sdtpd-stepsbar__title{font-weight:700}
.sdtpd-steps-bar--luxury .sdtpd-stepsbar{border:1px solid #d4af37;border-radius:4px;padding:12px}
.sdtpd-steps-bar--luxury .sdtpd-stepsbar__no{border-color:#d4af37;color:var(--sc-primary-dark);font-family:Georgia,"Times New Roman",serif}
.sdtpd-steps-bar--luxury .sdtpd-stepsbar__title{font-family:Georgia,"Times New Roman",serif;letter-spacing:1px}
.sdtpd-steps-bar--playful .sdtpd-stepsbar__step{background:var(--sc-bg-alt);border-radius:999px;padding:6px 14px;transition:transform .2s}
.sdtpd-steps-bar--playful .sdtpd-stepsbar__step:hover{transform:translateY(-2px)}
.sdtpd-steps-bar--playful .sdtpd-stepsbar__no{border-radius:999px;font-weight:700}
.sdtpd-steps-bar--playful .sdtpd-stepsbar__step.is-done .sdtpd-stepsbar__no{background:var(--sc-accent);border-color:var(--sc-accent)}
.sdtpd-steps-bar--bold-brutal .sdtpd-stepsbar{border:3px solid var(--sc-text);box-shadow:6px 6px 0 var(--sc-primary);border-radius:0;padding:12px}
.sdtpd-steps-bar--bold-brutal .sdtpd-stepsbar__no{background:var(--sc-bg);border:2px solid var(--sc-text);border-radius:0;font-weight:800}
.sdtpd-steps-bar--bold-brutal .sdtpd-stepsbar__title{font-weight:800;text-transform:uppercase}
.sdtpd-steps-bar--retro .sdtpd-stepsbar{border:4px double var(--sc-border);background:#faf6ee;border-radius:8px;padding:12px}
.sdtpd-steps-bar--retro .sdtpd-stepsbar__no{border:2px double var(--sc-primary);font-family:Georgia,"Times New Roman",serif}
.sdtpd-steps-bar--retro .sdtpd-stepsbar__title{font-family:Georgia,"Times New Roman",serif}
.sdtpd-steps-bar--magazine .sdtpd-stepsbar{display:flex;flex-direction:column;gap:0;padding:0}
.sdtpd-steps-bar--magazine .sdtpd-stepsbar__step{padding:10px 4px;border-bottom:1px solid var(--sc-border)}
.sdtpd-steps-bar--magazine .sdtpd-stepsbar__step:last-child{border-bottom:none}
.sdtpd-steps-bar--magazine .sdtpd-stepsbar__no{border-radius:0}
.sdtpd-steps-bar--magazine .sdtpd-stepsbar__title{font-weight:700;letter-spacing:.5px}
.sdtpd-steps-bar--soft-shadow .sdtpd-stepsbar{border:none;background:var(--sc-bg);box-shadow:0 10px 30px rgba(0,0,0,.12);border-radius:16px;padding:14px}
.sdtpd-steps-bar--soft-shadow .sdtpd-stepsbar__no{box-shadow:0 2px 8px rgba(0,0,0,.1)}
.sdtpd-steps-bar--compact-line .sdtpd-stepsbar{border:none;border-top:1px solid var(--sc-border);border-bottom:1px solid var(--sc-border);border-radius:0;background:transparent;padding:6px 0}
.sdtpd-steps-bar--compact-line .sdtpd-stepsbar__no{width:22px;height:22px;border-radius:2px;font-size:12px}
.sdtpd-steps-bar--compact-line .sdtpd-stepsbar__title{font-size:13px}
.sdtpd-steps-bar--compact-line .sdtpd-stepsbar__text{font-size:12px}
@media (max-width:768px){
.sdtpd-steps-bar--classic .sdtpd-stepsbar,.sdtpd-steps-bar--outline .sdtpd-stepsbar,.sdtpd-steps-bar--gradient .sdtpd-stepsbar,.sdtpd-steps-bar--boxed .sdtpd-stepsbar,.sdtpd-steps-bar--material .sdtpd-stepsbar,.sdtpd-steps-bar--glass .sdtpd-stepsbar,.sdtpd-steps-bar--dark .sdtpd-stepsbar,.sdtpd-steps-bar--accent-border .sdtpd-stepsbar,.sdtpd-steps-bar--luxury .sdtpd-stepsbar,.sdtpd-steps-bar--bold-brutal .sdtpd-stepsbar,.sdtpd-steps-bar--retro .sdtpd-stepsbar,.sdtpd-steps-bar--soft-shadow .sdtpd-stepsbar{padding:8px}
.sdtpd-steps-bar--ghost .sdtpd-stepsbar,.sdtpd-steps-bar--minimal .sdtpd-stepsbar{padding:2px 0}
.sdtpd-steps-bar--sharp .sdtpd-stepsbar__title,.sdtpd-steps-bar--bold-brutal .sdtpd-stepsbar__title{letter-spacing:.5px}
.sdtpd-steps-bar--pill .sdtpd-stepsbar__step,.sdtpd-steps-bar--playful .sdtpd-stepsbar__step{padding:4px 10px}
.sdtpd-steps-bar--magazine .sdtpd-stepsbar__step{padding:8px 2px}
.sdtpd-steps-bar--compact-line .sdtpd-stepsbar{padding:4px 0}
}

.sdtpd-page-tabs--classic .sdtpd-pagetabs{border:3px double var(--sc-border);border-radius:8px;background:var(--sc-bg)}
.sdtpd-page-tabs--classic .sdtpd-pagetabs__bar{border-bottom:2px double var(--sc-border)}
.sdtpd-page-tabs--classic .sdtpd-pagetabs__tab{font-weight:600}
.sdtpd-page-tabs--outline .sdtpd-pagetabs{background:transparent;border:2px solid var(--sc-primary);border-radius:12px}
.sdtpd-page-tabs--outline .sdtpd-pagetabs__tab{border:1px solid var(--sc-primary);border-radius:8px;margin:4px 0 8px;color:var(--sc-primary)}
.sdtpd-page-tabs--outline .sdtpd-pagetabs__tab.is-active{background:var(--sc-primary);color:#fff;box-shadow:none}
.sdtpd-page-tabs--ghost .sdtpd-pagetabs{background:transparent;border:none;border-bottom:1px solid var(--sc-border)}
.sdtpd-page-tabs--ghost .sdtpd-pagetabs__tab{background:transparent;position:relative}
.sdtpd-page-tabs--ghost .sdtpd-pagetabs__tab.is-active{background:transparent;box-shadow:none;color:var(--sc-primary)}
.sdtpd-page-tabs--ghost .sdtpd-pagetabs__tab.is-active::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--sc-primary)}
.sdtpd-page-tabs--pill .sdtpd-pagetabs__bar{border-bottom:none;padding:8px}
.sdtpd-page-tabs--pill .sdtpd-pagetabs__tab{background:var(--sc-bg-alt);border-radius:999px;padding:6px 16px}
.sdtpd-page-tabs--pill .sdtpd-pagetabs__tab.is-active{background:var(--sc-primary);color:#fff;box-shadow:none;border-radius:999px}
.sdtpd-page-tabs--sharp .sdtpd-pagetabs{border:none;border-top:3px solid var(--sc-text);border-radius:0}
.sdtpd-page-tabs--sharp .sdtpd-pagetabs__tab{border-radius:0;text-transform:uppercase;letter-spacing:1px}
.sdtpd-page-tabs--sharp .sdtpd-pagetabs__tab.is-active{background:var(--sc-text);color:#fff;box-shadow:none}
.sdtpd-page-tabs--gradient .sdtpd-pagetabs{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border-radius:12px}
.sdtpd-page-tabs--gradient .sdtpd-pagetabs__bar{border-bottom-color:rgba(255,255,255,.35)}
.sdtpd-page-tabs--gradient .sdtpd-pagetabs__tab{color:#fff}
.sdtpd-page-tabs--gradient .sdtpd-pagetabs__tab.is-active{background:#fff;box-shadow:none;color:var(--sc-primary)}
.sdtpd-page-tabs--boxed .sdtpd-pagetabs{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius)}
.sdtpd-page-tabs--boxed .sdtpd-pagetabs__tab{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:6px}
.sdtpd-page-tabs--boxed .sdtpd-pagetabs__tab.is-active{border-color:var(--sc-primary);color:var(--sc-primary);box-shadow:none}
.sdtpd-page-tabs--minimal .sdtpd-pagetabs{background:transparent;border:none;border-bottom:2px solid var(--sc-border);border-radius:0}
.sdtpd-page-tabs--minimal .sdtpd-pagetabs__tab{background:transparent;box-shadow:none;border-radius:0;letter-spacing:.5px}
.sdtpd-page-tabs--minimal .sdtpd-pagetabs__tab.is-active{color:var(--sc-primary);font-weight:700;box-shadow:inset 0 -2px 0 var(--sc-primary)}
.sdtpd-page-tabs--material .sdtpd-pagetabs{background:var(--sc-bg);border:none;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.sdtpd-page-tabs--material .sdtpd-pagetabs__tab{border-radius:8px 8px 0 0;transition:background .2s}
.sdtpd-page-tabs--material .sdtpd-pagetabs__tab.is-active{background:var(--sc-bg-alt)}
.sdtpd-page-tabs--glass .sdtpd-pagetabs{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);border-radius:14px}
.sdtpd-page-tabs--glass .sdtpd-pagetabs__tab{background:rgba(255,255,255,.4)}
.sdtpd-page-tabs--glass .sdtpd-pagetabs__tab.is-active{background:rgba(255,255,255,.7)}
.sdtpd-page-tabs--dark .sdtpd-pagetabs{background:var(--sc-primary-dark);border-radius:12px}
.sdtpd-page-tabs--dark .sdtpd-pagetabs__bar{border-bottom-color:rgba(255,255,255,.25)}
.sdtpd-page-tabs--dark .sdtpd-pagetabs__tab{color:#fff}
.sdtpd-page-tabs--dark .sdtpd-pagetabs__tab.is-active{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 -2px 0 #d4af37}
.sdtpd-page-tabs--dark .sdtpd-pagetabs__panel{color:rgba(255,255,255,.85)}
.sdtpd-page-tabs--accent-border .sdtpd-pagetabs{border:none;border-left:4px solid var(--sc-primary);background:var(--sc-bg-alt);border-radius:0 8px 8px 0}
.sdtpd-page-tabs--accent-border .sdtpd-pagetabs__tab{font-weight:600;letter-spacing:.5px}
.sdtpd-page-tabs--luxury .sdtpd-pagetabs{border:1px solid #d4af37;border-radius:4px}
.sdtpd-page-tabs--luxury .sdtpd-pagetabs__tab{font-family:Georgia,"Times New Roman",serif;letter-spacing:2px}
.sdtpd-page-tabs--luxury .sdtpd-pagetabs__tab.is-active{color:var(--sc-primary-dark);box-shadow:inset 0 -2px 0 #d4af37}
.sdtpd-page-tabs--playful .sdtpd-pagetabs__tab{background:var(--sc-bg-alt);border-radius:999px;transition:transform .2s,background .2s}
.sdtpd-page-tabs--playful .sdtpd-pagetabs__tab:hover{transform:translateY(-2px)}
.sdtpd-page-tabs--playful .sdtpd-pagetabs__tab.is-active{background:var(--sc-primary);color:#fff;box-shadow:none;border-radius:999px}
.sdtpd-page-tabs--bold-brutal .sdtpd-pagetabs{border:3px solid var(--sc-text);box-shadow:6px 6px 0 var(--sc-primary);border-radius:0}
.sdtpd-page-tabs--bold-brutal .sdtpd-pagetabs__tab{background:var(--sc-bg);border:2px solid var(--sc-text);border-radius:0;font-weight:800;text-transform:uppercase}
.sdtpd-page-tabs--bold-brutal .sdtpd-pagetabs__tab.is-active{background:var(--sc-text);color:#fff;box-shadow:none}
.sdtpd-page-tabs--retro .sdtpd-pagetabs{border:4px double var(--sc-border);background:#faf6ee;border-radius:8px}
.sdtpd-page-tabs--retro .sdtpd-pagetabs__tab{font-family:Georgia,"Times New Roman",serif}
.sdtpd-page-tabs--retro .sdtpd-pagetabs__tab.is-active{color:var(--sc-primary-dark);box-shadow:inset 0 -2px 0 var(--sc-primary)}
.sdtpd-page-tabs--magazine .sdtpd-pagetabs{flex-direction:row;align-items:stretch}
.sdtpd-page-tabs--magazine .sdtpd-pagetabs__bar{flex-direction:column;flex:0 0 160px;align-items:stretch;gap:2px;padding:8px;border-bottom:none;border-right:2px solid var(--sc-border)}
.sdtpd-page-tabs--magazine .sdtpd-pagetabs__tab{width:100%;text-align:left;background:transparent;border-radius:0;padding:6px 10px}
.sdtpd-page-tabs--magazine .sdtpd-pagetabs__tab.is-active{background:var(--sc-bg-alt);color:var(--sc-primary);box-shadow:inset 3px 0 0 var(--sc-primary)}
.sdtpd-page-tabs--magazine .sdtpd-pagetabs__panels{padding:16px}
.sdtpd-page-tabs--magazine .sdtpd-pagetabs__panel{font-size:14px;line-height:1.8}
.sdtpd-page-tabs--soft-shadow .sdtpd-pagetabs{border:none;background:var(--sc-bg);box-shadow:0 10px 30px rgba(0,0,0,.12);border-radius:16px}
.sdtpd-page-tabs--soft-shadow .sdtpd-pagetabs__tab{font-weight:600}
.sdtpd-page-tabs--compact-line .sdtpd-pagetabs{border:none;border-top:1px solid var(--sc-border);border-bottom:1px solid var(--sc-border);border-radius:0;background:transparent}
.sdtpd-page-tabs--compact-line .sdtpd-pagetabs__bar{padding:4px 4px 0;border-bottom:1px solid var(--sc-border)}
.sdtpd-page-tabs--compact-line .sdtpd-pagetabs__tab{font-size:13px;padding:4px 10px;letter-spacing:.3px}
.sdtpd-page-tabs--compact-line .sdtpd-pagetabs__panels{padding:8px}
.sdtpd-page-tabs--compact-line .sdtpd-pagetabs__panel{font-size:13px;line-height:1.6}
@media (max-width:768px){
.sdtpd-page-tabs--magazine .sdtpd-pagetabs{flex-direction:column}
.sdtpd-page-tabs--magazine .sdtpd-pagetabs__bar{flex-direction:row;flex:none;width:auto;border-right:none;border-bottom:2px solid var(--sc-border)}
.sdtpd-page-tabs--magazine .sdtpd-pagetabs__tab{width:auto}
.sdtpd-page-tabs--classic .sdtpd-pagetabs__tab,.sdtpd-page-tabs--outline .sdtpd-pagetabs__tab,.sdtpd-page-tabs--sharp .sdtpd-pagetabs__tab,.sdtpd-page-tabs--minimal .sdtpd-pagetabs__tab,.sdtpd-page-tabs--accent-border .sdtpd-pagetabs__tab,.sdtpd-page-tabs--luxury .sdtpd-pagetabs__tab,.sdtpd-page-tabs--retro .sdtpd-pagetabs__tab,.sdtpd-page-tabs--soft-shadow .sdtpd-pagetabs__tab,.sdtpd-page-tabs--compact-line .sdtpd-pagetabs__tab{font-size:13px;letter-spacing:.3px}
.sdtpd-page-tabs--gradient .sdtpd-pagetabs__tab,.sdtpd-page-tabs--material .sdtpd-pagetabs__tab,.sdtpd-page-tabs--glass .sdtpd-pagetabs__tab,.sdtpd-page-tabs--boxed .sdtpd-pagetabs__tab,.sdtpd-page-tabs--dark .sdtpd-pagetabs__tab{font-size:13px}
.sdtpd-page-tabs--pill .sdtpd-pagetabs__tab,.sdtpd-page-tabs--playful .sdtpd-pagetabs__tab{padding:4px 12px}
.sdtpd-page-tabs--ghost .sdtpd-pagetabs__panels{padding:8px}
.sdtpd-page-tabs--bold-brutal .sdtpd-pagetabs{box-shadow:4px 4px 0 var(--sc-primary)}
}
.sdtpd-contact-form--classic .sdtpd-contactform{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px;padding:16px 20px}
.sdtpd-contact-form--classic .sdtpd-contactform__title{font-family:Georgia,"Times New Roman",serif;font-size:20px;border-bottom:1px solid var(--sc-border);padding-bottom:8px}
.sdtpd-contact-form--classic .sdtpd-contactform__input,.sdtpd-contact-form--classic .sdtpd-contactform__textarea{border:2px solid var(--sc-border);padding:8px 12px}
.sdtpd-contact-form--classic .sdtpd-contactform__btn{height:44px;padding:10px 26px}
.sdtpd-contact-form--outline .sdtpd-contactform{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:14px 16px}
.sdtpd-contact-form--outline .sdtpd-contactform__title{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-contact-form--outline .sdtpd-contactform__input,.sdtpd-contact-form--outline .sdtpd-contactform__textarea{background:transparent;border:1px solid var(--sc-primary)}
.sdtpd-contact-form--outline .sdtpd-contactform__btn{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary)}
.sdtpd-contact-form--outline .sdtpd-contactform__btn:hover{background:var(--sc-primary);color:#fff}
.sdtpd-contact-form--ghost .sdtpd-contactform{background:transparent;border:none;border-radius:0;padding:4px 0;box-shadow:none}
.sdtpd-contact-form--ghost .sdtpd-contactform__title{font-weight:300;letter-spacing:3px;font-size:17px}
.sdtpd-contact-form--ghost .sdtpd-contactform__input,.sdtpd-contact-form--ghost .sdtpd-contactform__textarea{background:transparent;border:none;border-bottom:1px solid var(--sc-border);border-radius:0}
.sdtpd-contact-form--pill .sdtpd-contactform{background:var(--sc-bg-alt);border:none;border-radius:24px;padding:16px 20px}
.sdtpd-contact-form--pill .sdtpd-contactform__input{border-radius:999px;padding:8px 16px}
.sdtpd-contact-form--pill .sdtpd-contactform__textarea{border-radius:16px}
.sdtpd-contact-form--pill .sdtpd-contactform__btn{border-radius:999px;padding:8px 24px}
.sdtpd-contact-form--sharp .sdtpd-contactform{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:12px 0 0}
.sdtpd-contact-form--sharp .sdtpd-contactform__title{font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:16px}
.sdtpd-contact-form--sharp .sdtpd-contactform__input,.sdtpd-contact-form--sharp .sdtpd-contactform__textarea,.sdtpd-contact-form--sharp .sdtpd-contactform__btn{border-radius:0}
.sdtpd-contact-form--sharp .sdtpd-contactform__btn{font-weight:700}
.sdtpd-contact-form--gradient .sdtpd-contactform{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:16px 20px}
.sdtpd-contact-form--gradient .sdtpd-contactform__title{color:#fff;font-weight:600;letter-spacing:1px}
.sdtpd-contact-form--gradient .sdtpd-contactform__input,.sdtpd-contact-form--gradient .sdtpd-contactform__textarea{background:rgba(255,255,255,.92);border-color:transparent}
.sdtpd-contact-form--gradient .sdtpd-contactform__btn{background:#fff;color:var(--sc-primary);font-weight:600}
.sdtpd-contact-form--gradient .sdtpd-contactform__hint{color:rgba(255,255,255,.85)}
.sdtpd-contact-form--boxed .sdtpd-contactform{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:14px 16px}
.sdtpd-contact-form--boxed .sdtpd-contactform__input,.sdtpd-contact-form--boxed .sdtpd-contactform__textarea,.sdtpd-contact-form--boxed .sdtpd-contactform__btn{background:var(--sc-bg);border-color:var(--sc-border)}
.sdtpd-contact-form--boxed .sdtpd-contactform__title{font-weight:600;font-size:16px}
.sdtpd-contact-form--minimal .sdtpd-contactform{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}
.sdtpd-contact-form--minimal .sdtpd-contactform__title{color:var(--sc-primary);font-weight:500;letter-spacing:2px;font-size:16px;border-bottom:1px solid var(--sc-border);padding-bottom:6px}
.sdtpd-contact-form--minimal .sdtpd-contactform__input,.sdtpd-contact-form--minimal .sdtpd-contactform__textarea{background:transparent;border:none;border-bottom:1px solid var(--sc-border);border-radius:0;padding:4px 0}
.sdtpd-contact-form--minimal .sdtpd-contactform__btn{background:transparent;color:var(--sc-primary);border:none;border-bottom:1px solid var(--sc-primary);border-radius:0;padding:4px 0}
.sdtpd-contact-form--material .sdtpd-contactform{background:var(--sc-bg);border:none;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:16px 18px}
.sdtpd-contact-form--material .sdtpd-contactform__input,.sdtpd-contact-form--material .sdtpd-contactform__textarea{background:var(--sc-bg-alt);border-color:transparent;border-radius:8px}
.sdtpd-contact-form--material .sdtpd-contactform__btn{box-shadow:0 2px 8px rgba(0,0,0,.15)}
.sdtpd-subscribe-box--classic .sdtpd-subscribebox{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px;padding:12px 16px}
.sdtpd-subscribe-box--classic .sdtpd-subscribebox__input{border:2px solid var(--sc-border);padding:8px 12px}
.sdtpd-subscribe-box--classic .sdtpd-subscribebox__btn{height:44px;padding:10px 24px}
.sdtpd-subscribe-box--outline .sdtpd-subscribebox{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;padding:10px 12px}
.sdtpd-subscribe-box--outline .sdtpd-subscribebox__input{background:transparent;border:1px solid var(--sc-primary)}
.sdtpd-subscribe-box--outline .sdtpd-subscribebox__btn{background:transparent;border:1px solid var(--sc-primary);color:var(--sc-primary);letter-spacing:1px}
.sdtpd-subscribe-box--outline .sdtpd-subscribebox__btn:hover{background:var(--sc-primary);color:#fff}
.sdtpd-subscribe-box--ghost .sdtpd-subscribebox{background:transparent;border:none;border-radius:0;padding:4px 0}
.sdtpd-subscribe-box--ghost .sdtpd-subscribebox__input{background:transparent;border:none;border-bottom:1px solid var(--sc-border);border-radius:0}
.sdtpd-subscribe-box--ghost .sdtpd-subscribebox__btn{background:transparent;color:var(--sc-primary);border:none;padding:4px 8px;letter-spacing:1px}
.sdtpd-subscribe-box--pill .sdtpd-subscribebox{background:var(--sc-bg-alt);border:none;border-radius:999px;padding:8px 10px}
.sdtpd-subscribe-box--pill .sdtpd-subscribebox__input{border-radius:999px;padding:8px 18px}
.sdtpd-subscribe-box--pill .sdtpd-subscribebox__btn{border-radius:999px;padding:8px 22px}
.sdtpd-subscribe-box--sharp .sdtpd-subscribebox{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:10px 0 0}
.sdtpd-subscribe-box--sharp .sdtpd-subscribebox__input,.sdtpd-subscribe-box--sharp .sdtpd-subscribebox__btn{border-radius:0}
.sdtpd-subscribe-box--sharp .sdtpd-subscribebox__btn{font-weight:700;text-transform:uppercase;letter-spacing:1px}
.sdtpd-subscribe-box--gradient .sdtpd-subscribebox{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:12px 14px}
.sdtpd-subscribe-box--gradient .sdtpd-subscribebox__input{background:rgba(255,255,255,.92);border-color:transparent}
.sdtpd-subscribe-box--gradient .sdtpd-subscribebox__btn{background:#fff;color:var(--sc-primary);font-weight:600}
.sdtpd-subscribe-box--boxed .sdtpd-subscribebox{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px 14px}
.sdtpd-subscribe-box--boxed .sdtpd-subscribebox__input,.sdtpd-subscribe-box--boxed .sdtpd-subscribebox__btn{background:var(--sc-bg)}
.sdtpd-subscribe-box--boxed .sdtpd-subscribebox__btn{font-weight:600}
.sdtpd-subscribe-box--minimal .sdtpd-subscribebox{background:transparent;border:none;border-radius:0;padding:0}
.sdtpd-subscribe-box--minimal .sdtpd-subscribebox__input{background:transparent;border:none;border-bottom:1px solid var(--sc-border);border-radius:0;padding:4px 0}
.sdtpd-subscribe-box--minimal .sdtpd-subscribebox__btn{background:transparent;color:var(--sc-primary);border:none;border-bottom:1px solid var(--sc-primary);border-radius:0;padding:4px 8px;font-weight:500}
.sdtpd-subscribe-box--material .sdtpd-subscribebox{background:var(--sc-bg);border:none;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:12px 14px}
.sdtpd-subscribe-box--material .sdtpd-subscribebox__input{background:var(--sc-bg-alt);border-color:transparent;border-radius:8px}
.sdtpd-subscribe-box--material .sdtpd-subscribebox__btn{box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:8px}
.sdtpd-about-hero--classic .sdtpd-abouthero{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px;padding:16px 20px}
.sdtpd-about-hero--classic .sdtpd-abouthero__img{flex-basis:42%}
.sdtpd-about-hero--classic .sdtpd-abouthero__title{font-family:Georgia,"Times New Roman",serif;font-size:26px;border-bottom:1px solid var(--sc-border);padding-bottom:6px}
.sdtpd-about-hero--outline .sdtpd-abouthero{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:14px 16px}
.sdtpd-about-hero--outline .sdtpd-abouthero__pic,.sdtpd-about-hero--outline .sdtpd-abouthero__ph{border:1px solid var(--sc-primary)}
.sdtpd-about-hero--outline .sdtpd-abouthero__title{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-about-hero--ghost .sdtpd-abouthero{background:transparent;border:none;border-radius:0;padding:4px 0;box-shadow:none}
.sdtpd-about-hero--ghost .sdtpd-abouthero__img{flex-basis:34%}
.sdtpd-about-hero--ghost .sdtpd-abouthero__title{font-weight:300;letter-spacing:4px;font-size:22px}
.sdtpd-about-hero--ghost .sdtpd-abouthero__sub{letter-spacing:2px}
.sdtpd-about-hero--pill .sdtpd-abouthero{background:var(--sc-bg-alt);border:none;border-radius:24px;padding:16px 20px}
.sdtpd-about-hero--pill .sdtpd-abouthero__pic,.sdtpd-about-hero--pill .sdtpd-abouthero__ph{border-radius:999px}
.sdtpd-about-hero--pill .sdtpd-abouthero__txt{text-align:center}
.sdtpd-about-hero--sharp .sdtpd-abouthero{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:12px 0 0}
.sdtpd-about-hero--sharp .sdtpd-abouthero__pic,.sdtpd-about-hero--sharp .sdtpd-abouthero__ph{border-radius:0}
.sdtpd-about-hero--sharp .sdtpd-abouthero__img{flex-basis:45%}
.sdtpd-about-hero--sharp .sdtpd-abouthero__title{font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:22px}
.sdtpd-about-hero--gradient .sdtpd-abouthero{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:16px 20px}
.sdtpd-about-hero--gradient .sdtpd-abouthero__title,.sdtpd-about-hero--gradient .sdtpd-abouthero__sub,.sdtpd-about-hero--gradient .sdtpd-abouthero__text{color:#fff}
.sdtpd-about-hero--gradient .sdtpd-abouthero__title{font-weight:600}
.sdtpd-about-hero--gradient .sdtpd-abouthero__ph{background:rgba(255,255,255,.25)}
.sdtpd-about-hero--boxed .sdtpd-abouthero{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:14px 16px}
.sdtpd-about-hero--boxed .sdtpd-abouthero__pic,.sdtpd-about-hero--boxed .sdtpd-abouthero__ph{background:var(--sc-bg);border:1px solid var(--sc-border);padding:6px}
.sdtpd-about-hero--minimal .sdtpd-abouthero{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}
.sdtpd-about-hero--minimal .sdtpd-abouthero__img{flex-basis:30%}
.sdtpd-about-hero--minimal .sdtpd-abouthero__title{font-weight:500;letter-spacing:2px;font-size:20px;border-bottom:1px solid var(--sc-border);padding-bottom:6px}
.sdtpd-about-hero--material .sdtpd-abouthero{background:var(--sc-bg);border:none;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:16px 18px}
.sdtpd-about-hero--material .sdtpd-abouthero__img{flex-basis:40%}
.sdtpd-about-hero--material .sdtpd-abouthero__pic,.sdtpd-about-hero--material .sdtpd-abouthero__ph{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.sdtpd-footer-info--classic .sdtpd-footerinfo{border-top:4px double var(--sc-border);background:var(--sc-bg);padding:14px 16px}
.sdtpd-footer-info--classic .sdtpd-footerinfo__copy{font-family:Georgia,"Times New Roman",serif}
.sdtpd-footer-info--classic .sdtpd-footerinfo__item+.sdtpd-footerinfo__item{border-left:1px solid var(--sc-border);padding-left:16px}
.sdtpd-footer-info--outline .sdtpd-footerinfo{background:transparent;border-top:2px solid var(--sc-primary);padding:12px 4px}
.sdtpd-footer-info--outline .sdtpd-footerinfo__item b{color:var(--sc-primary)}
.sdtpd-footer-info--outline .sdtpd-footerinfo__item span{letter-spacing:1px}
.sdtpd-footer-info--ghost .sdtpd-footerinfo{background:transparent;border:none;padding:4px 0}
.sdtpd-footer-info--ghost .sdtpd-footerinfo__copy,.sdtpd-footer-info--ghost .sdtpd-footerinfo__item span,.sdtpd-footer-info--ghost .sdtpd-footerinfo__item b{font-weight:300}
.sdtpd-footer-info--ghost .sdtpd-footerinfo__list{gap:4px 24px}
.sdtpd-footer-info--pill .sdtpd-footerinfo{background:transparent;border:none;padding:4px}
.sdtpd-footer-info--pill .sdtpd-footerinfo__item{background:var(--sc-bg-alt);border-radius:999px;padding:4px 14px}
.sdtpd-footer-info--pill .sdtpd-footerinfo__copy{font-size:13px;letter-spacing:1px}
.sdtpd-footer-info--sharp .sdtpd-footerinfo{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:10px 0 0}
.sdtpd-footer-info--sharp .sdtpd-footerinfo__item b{text-transform:uppercase;letter-spacing:1px}
.sdtpd-footer-info--gradient .sdtpd-footerinfo{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:12px;padding:14px 16px}
.sdtpd-footer-info--gradient .sdtpd-footerinfo__copy,.sdtpd-footer-info--gradient .sdtpd-footerinfo__item span{color:rgba(255,255,255,.85)}
.sdtpd-footer-info--gradient .sdtpd-footerinfo__item b{color:#fff}
.sdtpd-footer-info--gradient .sdtpd-footerinfo__list{flex-direction:column;gap:6px}
.sdtpd-footer-info--boxed .sdtpd-footerinfo{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px 14px}
.sdtpd-footer-info--boxed .sdtpd-footerinfo__item{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:6px;padding:4px 10px}
.sdtpd-footer-info--minimal .sdtpd-footerinfo{background:transparent;border:none;border-top:1px solid var(--sc-border);border-radius:0;padding:8px 0 0}
.sdtpd-footer-info--minimal .sdtpd-footerinfo__copy{font-size:12px;letter-spacing:2px}
.sdtpd-footer-info--minimal .sdtpd-footerinfo__item b{font-weight:500}
.sdtpd-footer-info--material .sdtpd-footerinfo{background:var(--sc-bg);border:none;border-radius:12px;box-shadow:0 -4px 16px rgba(0,0,0,.1);padding:14px 16px}
.sdtpd-footer-info--material .sdtpd-footerinfo__item{background:var(--sc-bg-alt);border-radius:8px;padding:4px 10px}
.sdtpd-footer-links--classic .sdtpd-footerlinks{border-top:4px double var(--sc-border);background:var(--sc-bg);padding:14px 16px}
.sdtpd-footer-links--classic .sdtpd-footerlinks__title{font-family:Georgia,"Times New Roman",serif;border-bottom:1px solid var(--sc-border);padding-bottom:4px}
.sdtpd-footer-links--classic .sdtpd-footerlinks__link:hover{text-decoration:underline}
.sdtpd-footer-links--outline .sdtpd-footerlinks{background:transparent;border-top:2px solid var(--sc-primary);padding:12px 4px}
.sdtpd-footer-links--outline .sdtpd-footerlinks__title{letter-spacing:1px}
.sdtpd-footer-links--outline .sdtpd-footerlinks__link{color:var(--sc-primary)}
.sdtpd-footer-links--ghost .sdtpd-footerlinks{background:transparent;border:none;padding:4px 0}
.sdtpd-footer-links--ghost .sdtpd-footerlinks__title{font-weight:300;letter-spacing:3px}
.sdtpd-footer-links--ghost .sdtpd-footerlinks__link{font-weight:300}
.sdtpd-footer-links--pill .sdtpd-footerlinks{background:transparent;border:none;padding:4px}
.sdtpd-footer-links--pill .sdtpd-footerlinks__link{background:var(--sc-bg-alt);border-radius:999px;padding:4px 14px;margin:2px 0}
.sdtpd-footer-links--pill .sdtpd-footerlinks__title{font-size:13px;letter-spacing:1px}
.sdtpd-footer-links--sharp .sdtpd-footerlinks{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:10px 0 0}
.sdtpd-footer-links--sharp .sdtpd-footerlinks__title{font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:13px}
.sdtpd-footer-links--sharp .sdtpd-footerlinks__link{border-left:2px solid var(--sc-border);padding-left:8px}
.sdtpd-footer-links--gradient .sdtpd-footerlinks{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:12px;padding:14px 16px}
.sdtpd-footer-links--gradient .sdtpd-footerlinks__title{color:#fff;font-weight:600}
.sdtpd-footer-links--gradient .sdtpd-footerlinks__link{color:rgba(255,255,255,.85)}
.sdtpd-footer-links--gradient .sdtpd-footerlinks__link:hover{color:#fff}
.sdtpd-footer-links--boxed .sdtpd-footerlinks{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px 14px}
.sdtpd-footer-links--boxed .sdtpd-footerlinks__col{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:8px;padding:10px 12px}
.sdtpd-footer-links--minimal .sdtpd-footerlinks{background:transparent;border:none;border-top:1px solid var(--sc-border);border-radius:0;padding:8px 0 0}
.sdtpd-footer-links--minimal .sdtpd-footerlinks__title{font-weight:500;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--sc-text-light)}
.sdtpd-footer-links--minimal .sdtpd-footerlinks__link{font-size:13px;padding:2px 0}
.sdtpd-footer-links--material .sdtpd-footerlinks{background:var(--sc-bg);border:none;border-radius:12px;box-shadow:0 -4px 16px rgba(0,0,0,.1);padding:14px 16px}
.sdtpd-footer-links--material .sdtpd-footerlinks__col{background:var(--sc-bg-alt);border-radius:8px;padding:10px 12px}
.sdtpd-card-grid--classic .sdtpd-cardgrid{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px;padding:12px}
.sdtpd-card-grid--classic .sdtpd-cardgrid__card{border:1px solid var(--sc-border);border-radius:6px;padding:10px}
.sdtpd-card-grid--classic .sdtpd-cardgrid__img{height:112px}
.sdtpd-card-grid--classic .sdtpd-cardgrid__title{font-family:Georgia,"Times New Roman",serif}
.sdtpd-card-grid--outline .sdtpd-cardgrid{background:transparent;border:none;padding:4px;box-shadow:none}
.sdtpd-card-grid--outline .sdtpd-cardgrid__card{background:transparent;border:2px solid var(--sc-primary)}
.sdtpd-card-grid--outline .sdtpd-cardgrid__img{background:transparent;border:1px solid var(--sc-primary)}
.sdtpd-card-grid--outline .sdtpd-cardgrid__title{letter-spacing:1px}
.sdtpd-card-grid--ghost .sdtpd-cardgrid{background:transparent;border:none;padding:4px 0;box-shadow:none}
.sdtpd-card-grid--ghost .sdtpd-cardgrid__card{background:transparent;border:none;padding:4px 0}
.sdtpd-card-grid--ghost .sdtpd-cardgrid__title{font-weight:300;letter-spacing:2px}
.sdtpd-card-grid--ghost .sdtpd-cardgrid__img{opacity:.85;border-radius:6px}
.sdtpd-card-grid--pill .sdtpd-cardgrid{background:transparent;border:none;padding:4px}
.sdtpd-card-grid--pill .sdtpd-cardgrid__card{background:var(--sc-bg-alt);border:none;border-radius:16px;padding:12px}
.sdtpd-card-grid--pill .sdtpd-cardgrid__img{border-radius:12px}
.sdtpd-card-grid--sharp .sdtpd-cardgrid{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:12px 0 0}
.sdtpd-card-grid--sharp .sdtpd-cardgrid__card{border:none;border-top:2px solid var(--sc-primary);border-radius:0;padding:8px 0 0}
.sdtpd-card-grid--sharp .sdtpd-cardgrid__img,.sdtpd-card-grid--sharp .sdtpd-cardgrid__img.sdtpd-cardgrid__ph{border-radius:0}
.sdtpd-card-grid--sharp .sdtpd-cardgrid__title{font-weight:700;text-transform:uppercase;font-size:14px}
.sdtpd-card-grid--gradient .sdtpd-cardgrid{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:12px}
.sdtpd-card-grid--gradient .sdtpd-cardgrid__card{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
.sdtpd-card-grid--gradient .sdtpd-cardgrid__title,.sdtpd-card-grid--gradient .sdtpd-cardgrid__text{color:#fff}
.sdtpd-card-grid--gradient .sdtpd-cardgrid__img.sdtpd-cardgrid__ph{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.35)}
.sdtpd-card-grid--boxed .sdtpd-cardgrid{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px}
.sdtpd-card-grid--boxed .sdtpd-cardgrid__card{border:1px solid var(--sc-border);border-radius:8px;padding:12px}
.sdtpd-card-grid--minimal .sdtpd-cardgrid{background:transparent;border:none;padding:0;gap:16px}
.sdtpd-card-grid--minimal .sdtpd-cardgrid__card{background:transparent;border:none;border-bottom:1px solid var(--sc-border);border-radius:0;padding:8px 0}
.sdtpd-card-grid--minimal .sdtpd-cardgrid__img{height:80px;border-radius:0}
.sdtpd-card-grid--minimal .sdtpd-cardgrid__title{color:var(--sc-primary);font-weight:500;font-size:15px}
.sdtpd-card-grid--material .sdtpd-cardgrid{background:transparent;border:none;padding:4px}
.sdtpd-card-grid--material .sdtpd-cardgrid__card{background:var(--sc-bg);border:none;box-shadow:0 4px 14px rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s}
.sdtpd-card-grid--material .sdtpd-cardgrid__card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.sdtpd-card-grid--material .sdtpd-cardgrid__img{border-radius:6px;height:104px}
.sdtpd-news-card--classic .sdtpd-newscard{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px;padding:12px 16px}
.sdtpd-news-card--classic .sdtpd-newscard__item{background:transparent;border:none;border-bottom:1px solid var(--sc-border);border-radius:0;padding:10px 2px}
.sdtpd-news-card--classic .sdtpd-newscard__date{font-family:Georgia,"Times New Roman",serif;font-style:italic}
.sdtpd-news-card--outline .sdtpd-newscard{background:transparent;border:none;padding:4px;box-shadow:none}
.sdtpd-news-card--outline .sdtpd-newscard__item{background:transparent;border:2px solid var(--sc-primary)}
.sdtpd-news-card--outline .sdtpd-newscard__date{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-news-card--ghost .sdtpd-newscard{background:transparent;border:none;padding:4px 0;gap:4px;box-shadow:none}
.sdtpd-news-card--ghost .sdtpd-newscard__item{background:transparent;border:none;border-bottom:1px dashed var(--sc-border);border-radius:0;padding:8px 2px}
.sdtpd-news-card--ghost .sdtpd-newscard__title{font-weight:300;letter-spacing:1px}
.sdtpd-news-card--pill .sdtpd-newscard{background:transparent;border:none;padding:4px}
.sdtpd-news-card--pill .sdtpd-newscard__item{background:var(--sc-bg-alt);border:none;border-radius:999px;padding:10px 18px}
.sdtpd-news-card--pill .sdtpd-newscard__date{font-size:12px}
.sdtpd-news-card--sharp .sdtpd-newscard{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:12px 0 0}
.sdtpd-news-card--sharp .sdtpd-newscard__item{border:none;border-left:3px solid var(--sc-primary);border-radius:0;padding-left:10px;background:transparent}
.sdtpd-news-card--sharp .sdtpd-newscard__date{text-transform:uppercase;letter-spacing:1px;font-size:12px}
.sdtpd-news-card--sharp .sdtpd-newscard__title{font-weight:800}
.sdtpd-news-card--gradient .sdtpd-newscard{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:12px 14px}
.sdtpd-news-card--gradient .sdtpd-newscard__item{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
.sdtpd-news-card--gradient .sdtpd-newscard__date,.sdtpd-news-card--gradient .sdtpd-newscard__title,.sdtpd-news-card--gradient .sdtpd-newscard__summary{color:#fff}
.sdtpd-news-card--boxed .sdtpd-newscard{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px}
.sdtpd-news-card--boxed .sdtpd-newscard__item{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:8px;padding:10px 12px}
.sdtpd-news-card--minimal .sdtpd-newscard{background:transparent;border:none;padding:0}
.sdtpd-news-card--minimal .sdtpd-newscard__item{background:transparent;border:none;border-bottom:1px solid var(--sc-border);border-radius:0;padding:10px 2px}
.sdtpd-news-card--minimal .sdtpd-newscard__date{font-size:12px;letter-spacing:2px;text-transform:uppercase}
.sdtpd-news-card--minimal .sdtpd-newscard__title{color:var(--sc-primary);font-weight:500}
.sdtpd-news-card--material .sdtpd-newscard{background:transparent;border:none;padding:4px}
.sdtpd-news-card--material .sdtpd-newscard__item{background:var(--sc-bg);border:none;box-shadow:0 4px 14px rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s}
.sdtpd-news-card--material .sdtpd-newscard__item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.sdtpd-news-card--material .sdtpd-newscard__date{background:var(--sc-bg-alt);border-radius:999px;padding:2px 10px;font-size:12px;align-self:flex-start}
.sdtpd-link-cards--classic .sdtpd-linkcards{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px;padding:12px}
.sdtpd-link-cards--classic .sdtpd-linkcards__card{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:6px;padding:12px 14px}
.sdtpd-link-cards--classic .sdtpd-linkcards__title{font-family:Georgia,"Times New Roman",serif;border-bottom:1px solid var(--sc-border);padding-bottom:4px}
.sdtpd-link-cards--outline .sdtpd-linkcards{background:transparent;border:none;padding:4px;box-shadow:none}
.sdtpd-link-cards--outline .sdtpd-linkcards__card{background:transparent;border:2px solid var(--sc-primary)}
.sdtpd-link-cards--outline .sdtpd-linkcards__card:hover{background:var(--sc-bg-alt)}
.sdtpd-link-cards--outline .sdtpd-linkcards__title{letter-spacing:1px}
.sdtpd-link-cards--ghost .sdtpd-linkcards{background:transparent;border:none;padding:4px 0;box-shadow:none}
.sdtpd-link-cards--ghost .sdtpd-linkcards__card{background:transparent;border:none;padding:4px 0}
.sdtpd-link-cards--ghost .sdtpd-linkcards__title{font-weight:300;letter-spacing:2px}
.sdtpd-link-cards--ghost .sdtpd-linkcards__desc{font-size:13px}
.sdtpd-link-cards--pill .sdtpd-linkcards{background:transparent;border:none;padding:4px}
.sdtpd-link-cards--pill .sdtpd-linkcards__card{background:var(--sc-bg-alt);border:none;border-radius:999px;padding:12px 22px}
.sdtpd-link-cards--sharp .sdtpd-linkcards{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:12px 0 0}
.sdtpd-link-cards--sharp .sdtpd-linkcards__card{border:none;border-left:3px solid var(--sc-primary);border-radius:0;padding-left:12px;background:transparent}
.sdtpd-link-cards--sharp .sdtpd-linkcards__title{font-weight:700;text-transform:uppercase;font-size:14px}
.sdtpd-link-cards--gradient .sdtpd-linkcards{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:12px}
.sdtpd-link-cards--gradient .sdtpd-linkcards__card{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
.sdtpd-link-cards--gradient .sdtpd-linkcards__title,.sdtpd-link-cards--gradient .sdtpd-linkcards__desc{color:#fff}
.sdtpd-link-cards--boxed .sdtpd-linkcards{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px}
.sdtpd-link-cards--boxed .sdtpd-linkcards__card{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:8px;padding:12px 14px}
.sdtpd-link-cards--minimal .sdtpd-linkcards{background:transparent;border:none;padding:0}
.sdtpd-link-cards--minimal .sdtpd-linkcards__card{background:transparent;border:none;border-bottom:1px solid var(--sc-border);border-radius:0;padding:10px 2px}
.sdtpd-link-cards--minimal .sdtpd-linkcards__title{font-weight:500;letter-spacing:1px;font-size:15px}
.sdtpd-link-cards--minimal .sdtpd-linkcards__desc{font-size:13px}
.sdtpd-link-cards--material .sdtpd-linkcards{background:transparent;border:none;padding:4px}
.sdtpd-link-cards--material .sdtpd-linkcards__card{background:var(--sc-bg);border:none;box-shadow:0 4px 14px rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s}
.sdtpd-link-cards--material .sdtpd-linkcards__card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.sdtpd-link-cards--material .sdtpd-linkcards__title{color:var(--sc-primary);font-weight:600}
.sdtpd-stats-cards--classic .sdtpd-statscards{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px;padding:12px}
.sdtpd-stats-cards--classic .sdtpd-statscards__item{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:6px;padding:12px}
.sdtpd-stats-cards--classic .sdtpd-statscards__value{font-family:Georgia,"Times New Roman",serif;font-size:26px}
.sdtpd-stats-cards--outline .sdtpd-statscards{background:transparent;border:none;padding:4px}
.sdtpd-stats-cards--outline .sdtpd-statscards__item{background:transparent;border:2px solid var(--sc-primary)}
.sdtpd-stats-cards--outline .sdtpd-statscards__value{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-stats-cards--ghost .sdtpd-statscards{background:transparent;border:none;padding:4px 0}
.sdtpd-stats-cards--ghost .sdtpd-statscards__item{background:transparent;border:none;padding:4px}
.sdtpd-stats-cards--ghost .sdtpd-statscards__value{font-weight:300;font-size:32px}
.sdtpd-stats-cards--ghost .sdtpd-statscards__label{font-size:12px;letter-spacing:2px;text-transform:uppercase}
.sdtpd-stats-cards--pill .sdtpd-statscards{background:transparent;border:none;padding:4px}
.sdtpd-stats-cards--pill .sdtpd-statscards__item{background:var(--sc-bg-alt);border:none;border-radius:999px;padding:12px 20px}
.sdtpd-stats-cards--pill .sdtpd-statscards__value{font-size:20px}
.sdtpd-stats-cards--sharp .sdtpd-statscards{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:12px 0 0}
.sdtpd-stats-cards--sharp .sdtpd-statscards__item{background:transparent;border:none;border-left:3px solid var(--sc-primary);border-radius:0;padding-left:12px}
.sdtpd-stats-cards--sharp .sdtpd-statscards__value{font-weight:800;font-size:28px}
.sdtpd-stats-cards--gradient .sdtpd-statscards{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:12px}
.sdtpd-stats-cards--gradient .sdtpd-statscards__item{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
.sdtpd-stats-cards--gradient .sdtpd-statscards__value,.sdtpd-stats-cards--gradient .sdtpd-statscards__label{color:#fff}
.sdtpd-stats-cards--gradient .sdtpd-statscards__value{font-weight:700;font-size:26px}
.sdtpd-stats-cards--boxed .sdtpd-statscards{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px}
.sdtpd-stats-cards--boxed .sdtpd-statscards__item{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:8px;padding:12px}
.sdtpd-stats-cards--minimal .sdtpd-statscards{background:transparent;border:none;padding:0}
.sdtpd-stats-cards--minimal .sdtpd-statscards__item{background:transparent;border:none;border-bottom:2px solid var(--sc-border);border-radius:0;padding:8px 2px;align-items:flex-start;text-align:left}
.sdtpd-stats-cards--minimal .sdtpd-statscards__value{color:var(--sc-primary);font-weight:500;font-size:24px}
.sdtpd-stats-cards--minimal .sdtpd-statscards__label{font-size:12px;letter-spacing:2px;text-transform:uppercase}
.sdtpd-stats-cards--material .sdtpd-statscards{background:transparent;border:none;padding:4px}
.sdtpd-stats-cards--material .sdtpd-statscards__item{background:var(--sc-bg);border:none;box-shadow:0 4px 14px rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s}
.sdtpd-stats-cards--material .sdtpd-statscards__item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.sdtpd-stats-cards--material .sdtpd-statscards__value{font-weight:700;font-size:26px}
.sdtpd-timeline--classic .sdtpd-timeline{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px;padding:14px 16px}
.sdtpd-timeline--classic .sdtpd-timeline__item::after{width:12px;height:12px;border:2px solid var(--sc-primary);background:var(--sc-bg)}
.sdtpd-timeline--classic .sdtpd-timeline__date{font-family:Georgia,"Times New Roman",serif}
.sdtpd-timeline--outline .sdtpd-timeline{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:14px 16px}
.sdtpd-timeline--outline .sdtpd-timeline__item::before{width:0;background:none;border-left:2px dashed var(--sc-primary)}
.sdtpd-timeline--outline .sdtpd-timeline__date{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-timeline--ghost .sdtpd-timeline{background:transparent;border:none;border-radius:0;padding:4px 0}
.sdtpd-timeline--ghost .sdtpd-timeline__item::before{width:1px}
.sdtpd-timeline--ghost .sdtpd-timeline__item::after{width:8px;height:8px;opacity:.6}
.sdtpd-timeline--ghost .sdtpd-timeline__title{font-weight:300;letter-spacing:3px}
.sdtpd-timeline--pill .sdtpd-timeline{background:transparent;border:none;padding:4px}
.sdtpd-timeline--pill .sdtpd-timeline__date{background:var(--sc-bg-alt);border-radius:999px;padding:2px 12px;font-size:12px}
.sdtpd-timeline--sharp .sdtpd-timeline{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:12px 0 0}
.sdtpd-timeline--sharp .sdtpd-timeline__item::before{width:3px}
.sdtpd-timeline--sharp .sdtpd-timeline__item::after{border-radius:0;background:var(--sc-bg);border:2px solid var(--sc-primary)}
.sdtpd-timeline--sharp .sdtpd-timeline__date{text-transform:uppercase;letter-spacing:1px;font-size:12px}
.sdtpd-timeline--sharp .sdtpd-timeline__title{font-weight:700}
.sdtpd-timeline--gradient .sdtpd-timeline{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:14px 16px}
.sdtpd-timeline--gradient .sdtpd-timeline__item::before{background:linear-gradient(180deg,#fff,rgba(255,255,255,.2))}
.sdtpd-timeline--gradient .sdtpd-timeline__item::after{background:#fff}
.sdtpd-timeline--gradient .sdtpd-timeline__date,.sdtpd-timeline--gradient .sdtpd-timeline__title,.sdtpd-timeline--gradient .sdtpd-timeline__text{color:#fff}
.sdtpd-timeline--boxed .sdtpd-timeline{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:14px 16px}
.sdtpd-timeline--boxed .sdtpd-timeline__date{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:6px;padding:2px 10px;font-size:12px}
.sdtpd-timeline--minimal .sdtpd-timeline{background:transparent;border:none;border-radius:0;padding:0}
.sdtpd-timeline--minimal .sdtpd-timeline__item{padding-left:0}
.sdtpd-timeline--minimal .sdtpd-timeline__item::before,.sdtpd-timeline--minimal .sdtpd-timeline__item::after{display:none}
.sdtpd-timeline--minimal .sdtpd-timeline__date{min-width:64px;border-right:1px solid var(--sc-border);padding-right:10px;text-align:right;font-size:12px;letter-spacing:1px}
.sdtpd-timeline--minimal .sdtpd-timeline__title{font-weight:500;letter-spacing:1px}
.sdtpd-timeline--material .sdtpd-timeline{background:transparent;border:none;padding:4px}
.sdtpd-timeline--material .sdtpd-timeline__item{background:var(--sc-bg);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:10px 14px}
.sdtpd-timeline--material .sdtpd-timeline__item::after{box-shadow:0 1px 4px rgba(0,0,0,.2)}
.sdtpd-progress-group--classic .sdtpd-progressgroup{border:4px double var(--sc-border);background:var(--sc-bg);border-radius:8px;padding:12px 16px}
.sdtpd-progress-group--classic .sdtpd-progressgroup__track{height:12px;border-radius:4px}
.sdtpd-progress-group--classic .sdtpd-progressgroup__fill{background:var(--sc-primary)}
.sdtpd-progress-group--classic .sdtpd-progressgroup__pct{font-family:Georgia,"Times New Roman",serif}
.sdtpd-progress-group--outline .sdtpd-progressgroup{background:transparent;border:2px solid var(--sc-primary);border-radius:12px;box-shadow:none;padding:12px 14px}
.sdtpd-progress-group--outline .sdtpd-progressgroup__track{background:transparent;border:2px solid var(--sc-primary)}
.sdtpd-progress-group--outline .sdtpd-progressgroup__fill{background:var(--sc-primary)}
.sdtpd-progress-group--outline .sdtpd-progressgroup__pct{color:var(--sc-primary);letter-spacing:1px}
.sdtpd-progress-group--ghost .sdtpd-progressgroup{background:transparent;border:none;border-radius:0;padding:4px 0}
.sdtpd-progress-group--ghost .sdtpd-progressgroup__track{height:6px;border:none;background:var(--sc-bg-alt)}
.sdtpd-progress-group--ghost .sdtpd-progressgroup__fill{opacity:.7}
.sdtpd-progress-group--ghost .sdtpd-progressgroup__label{font-weight:300;letter-spacing:2px}
.sdtpd-progress-group--pill .sdtpd-progressgroup{background:transparent;border:none;padding:4px}
.sdtpd-progress-group--pill .sdtpd-progressgroup__label{background:var(--sc-bg-alt);border-radius:999px;padding:2px 12px;font-size:13px}
.sdtpd-progress-group--pill .sdtpd-progressgroup__track{height:14px}
.sdtpd-progress-group--sharp .sdtpd-progressgroup{background:transparent;border:none;border-top:3px solid var(--sc-primary);border-radius:0;padding:12px 0 0}
.sdtpd-progress-group--sharp .sdtpd-progressgroup__track,.sdtpd-progress-group--sharp .sdtpd-progressgroup__fill{border-radius:0}
.sdtpd-progress-group--sharp .sdtpd-progressgroup__fill{background:repeating-linear-gradient(45deg,var(--sc-primary) 0 6px,var(--sc-accent) 6px 12px)}
.sdtpd-progress-group--sharp .sdtpd-progressgroup__label{font-weight:700;text-transform:uppercase;font-size:13px}
.sdtpd-progress-group--gradient .sdtpd-progressgroup{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none;border-radius:14px;padding:12px 14px}
.sdtpd-progress-group--gradient .sdtpd-progressgroup__track{background:rgba(255,255,255,.3);border-color:transparent}
.sdtpd-progress-group--gradient .sdtpd-progressgroup__fill{background:#fff}
.sdtpd-progress-group--gradient .sdtpd-progressgroup__label,.sdtpd-progress-group--gradient .sdtpd-progressgroup__pct{color:#fff}
.sdtpd-progress-group--boxed .sdtpd-progressgroup{background:var(--sc-bg-alt);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px 14px}
.sdtpd-progress-group--boxed .sdtpd-progressgroup__track{background:var(--sc-bg);border:1px solid var(--sc-border)}
.sdtpd-progress-group--minimal .sdtpd-progressgroup{background:transparent;border:none;border-radius:0;padding:0}
.sdtpd-progress-group--minimal .sdtpd-progressgroup__track{height:2px;border:none;border-radius:0;background:var(--sc-bg-alt)}
.sdtpd-progress-group--minimal .sdtpd-progressgroup__fill{border-radius:0}
.sdtpd-progress-group--minimal .sdtpd-progressgroup__label{font-weight:500;letter-spacing:2px;font-size:13px;color:var(--sc-text-light)}
.sdtpd-progress-group--minimal .sdtpd-progressgroup__pct{font-size:13px}
.sdtpd-progress-group--material .sdtpd-progressgroup{background:var(--sc-bg);border:none;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:14px 16px}
.sdtpd-progress-group--material .sdtpd-progressgroup__track{border:none;background:var(--sc-bg-alt);box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}
.sdtpd-progress-group--material .sdtpd-progressgroup__fill{box-shadow:0 1px 4px rgba(0,0,0,.2)}
@media (max-width:768px){
.sdtpd-contact-form--classic .sdtpd-contactform,.sdtpd-contact-form--outline .sdtpd-contactform,.sdtpd-contact-form--gradient .sdtpd-contactform,.sdtpd-contact-form--boxed .sdtpd-contactform,.sdtpd-contact-form--material .sdtpd-contactform{padding:12px}
.sdtpd-contact-form--classic .sdtpd-contactform__btn{height:40px}
.sdtpd-contact-form--ghost .sdtpd-contactform__title,.sdtpd-contact-form--sharp .sdtpd-contactform__title,.sdtpd-contact-form--minimal .sdtpd-contactform__title{letter-spacing:1px}
.sdtpd-contact-form--gradient .sdtpd-contactform__title{font-size:17px}
.sdtpd-contact-form--boxed .sdtpd-contactform__title{font-size:15px}
.sdtpd-contact-form--pill .sdtpd-contactform{border-radius:16px;padding:12px 14px}
.sdtpd-contact-form--material .sdtpd-contactform{box-shadow:0 4px 12px rgba(0,0,0,.1)}
.sdtpd-subscribe-box--classic .sdtpd-subscribebox,.sdtpd-subscribe-box--outline .sdtpd-subscribebox,.sdtpd-subscribe-box--gradient .sdtpd-subscribebox,.sdtpd-subscribe-box--boxed .sdtpd-subscribebox{padding:10px 12px}
.sdtpd-subscribe-box--classic .sdtpd-subscribebox__btn{height:40px}
.sdtpd-subscribe-box--pill .sdtpd-subscribebox{border-radius:20px;padding:8px}
.sdtpd-subscribe-box--ghost .sdtpd-subscribebox__btn,.sdtpd-subscribe-box--minimal .sdtpd-subscribebox__btn{padding:4px 4px}
.sdtpd-subscribe-box--sharp .sdtpd-subscribebox__btn{letter-spacing:.5px}
.sdtpd-subscribe-box--material .sdtpd-subscribebox{box-shadow:0 4px 12px rgba(0,0,0,.1)}
.sdtpd-subscribe-box--material .sdtpd-subscribebox__btn{border-radius:6px}
.sdtpd-about-hero--classic .sdtpd-abouthero,.sdtpd-about-hero--outline .sdtpd-abouthero,.sdtpd-about-hero--gradient .sdtpd-abouthero,.sdtpd-about-hero--boxed .sdtpd-abouthero,.sdtpd-about-hero--material .sdtpd-abouthero{padding:12px}
.sdtpd-about-hero--classic .sdtpd-abouthero__title{font-size:22px}
.sdtpd-about-hero--pill .sdtpd-abouthero{border-radius:16px}
.sdtpd-about-hero--pill .sdtpd-abouthero__txt{text-align:left}
.sdtpd-about-hero--sharp .sdtpd-abouthero__title,.sdtpd-about-hero--ghost .sdtpd-abouthero__title,.sdtpd-about-hero--minimal .sdtpd-abouthero__title{letter-spacing:1px}
.sdtpd-about-hero--material .sdtpd-abouthero{box-shadow:0 4px 12px rgba(0,0,0,.1)}
.sdtpd-about-hero--boxed .sdtpd-abouthero__pic,.sdtpd-about-hero--boxed .sdtpd-abouthero__ph{padding:4px}
.sdtpd-footer-info--classic .sdtpd-footerinfo,.sdtpd-footer-info--gradient .sdtpd-footerinfo,.sdtpd-footer-info--boxed .sdtpd-footerinfo,.sdtpd-footer-info--material .sdtpd-footerinfo{padding:10px 12px}
.sdtpd-footer-info--classic .sdtpd-footerinfo__item+.sdtpd-footerinfo__item{border-left:none;padding-left:0}
.sdtpd-footer-info--pill .sdtpd-footerinfo__item{padding:3px 10px}
.sdtpd-footer-info--sharp .sdtpd-footerinfo__item b{letter-spacing:.5px}
.sdtpd-footer-info--minimal .sdtpd-footerinfo__copy{letter-spacing:1px}
.sdtpd-footer-info--material .sdtpd-footerinfo{box-shadow:0 -2px 10px rgba(0,0,0,.08)}
.sdtpd-footer-info--gradient .sdtpd-footerinfo__list{gap:4px}
.sdtpd-footer-links--classic .sdtpd-footerlinks,.sdtpd-footer-links--gradient .sdtpd-footerlinks,.sdtpd-footer-links--boxed .sdtpd-footerlinks,.sdtpd-footer-links--material .sdtpd-footerlinks{padding:10px 12px}
.sdtpd-footer-links--pill .sdtpd-footerlinks__link{padding:3px 10px}
.sdtpd-footer-links--sharp .sdtpd-footerlinks__title,.sdtpd-footer-links--ghost .sdtpd-footerlinks__title,.sdtpd-footer-links--minimal .sdtpd-footerlinks__title{letter-spacing:1px}
.sdtpd-footer-links--boxed .sdtpd-footerlinks__col{padding:8px 10px}
.sdtpd-footer-links--material .sdtpd-footerlinks{box-shadow:0 -2px 10px rgba(0,0,0,.08)}
.sdtpd-card-grid--classic .sdtpd-cardgrid,.sdtpd-card-grid--gradient .sdtpd-cardgrid,.sdtpd-card-grid--boxed .sdtpd-cardgrid{padding:8px}
.sdtpd-card-grid--classic .sdtpd-cardgrid__img{height:88px}
.sdtpd-card-grid--minimal .sdtpd-cardgrid{gap:12px}
.sdtpd-card-grid--sharp .sdtpd-cardgrid__title{letter-spacing:.5px}
.sdtpd-card-grid--material .sdtpd-cardgrid__img{height:88px}
.sdtpd-card-grid--material .sdtpd-cardgrid__card:hover,.sdtpd-news-card--material .sdtpd-newscard__item:hover,.sdtpd-link-cards--material .sdtpd-linkcards__card:hover,.sdtpd-stats-cards--material .sdtpd-statscards__item:hover{transform:none}
.sdtpd-news-card--classic .sdtpd-newscard,.sdtpd-news-card--gradient .sdtpd-newscard,.sdtpd-news-card--boxed .sdtpd-newscard{padding:10px 12px}
.sdtpd-news-card--pill .sdtpd-newscard__item{border-radius:16px;padding:8px 12px}
.sdtpd-news-card--sharp .sdtpd-newscard__title,.sdtpd-news-card--minimal .sdtpd-newscard__date{letter-spacing:1px}
.sdtpd-link-cards--classic .sdtpd-linkcards,.sdtpd-link-cards--gradient .sdtpd-linkcards,.sdtpd-link-cards--boxed .sdtpd-linkcards{padding:8px}
.sdtpd-link-cards--pill .sdtpd-linkcards__card{border-radius:16px;padding:10px 14px}
.sdtpd-link-cards--sharp .sdtpd-linkcards__title,.sdtpd-link-cards--minimal .sdtpd-linkcards__title{letter-spacing:.5px}
.sdtpd-stats-cards--classic .sdtpd-statscards,.sdtpd-stats-cards--gradient .sdtpd-statscards,.sdtpd-stats-cards--boxed .sdtpd-statscards{padding:8px}
.sdtpd-stats-cards--pill .sdtpd-statscards__item{border-radius:16px;padding:10px 14px}
.sdtpd-stats-cards--ghost .sdtpd-statscards__value{font-size:26px}
.sdtpd-stats-cards--sharp .sdtpd-statscards__value,.sdtpd-stats-cards--gradient .sdtpd-statscards__value,.sdtpd-stats-cards--material .sdtpd-statscards__value{font-size:22px}
.sdtpd-stats-cards--minimal .sdtpd-statscards__item{align-items:center;text-align:center}
.sdtpd-timeline--classic .sdtpd-timeline,.sdtpd-timeline--outline .sdtpd-timeline,.sdtpd-timeline--gradient .sdtpd-timeline,.sdtpd-timeline--boxed .sdtpd-timeline,.sdtpd-timeline--material .sdtpd-timeline{padding:10px 12px}
.sdtpd-timeline--ghost .sdtpd-timeline__title{letter-spacing:2px}
.sdtpd-timeline--sharp .sdtpd-timeline__date,.sdtpd-timeline--minimal .sdtpd-timeline__date{letter-spacing:.5px}
.sdtpd-timeline--minimal .sdtpd-timeline__date{min-width:56px;padding-right:8px}
.sdtpd-timeline--material .sdtpd-timeline__item{box-shadow:0 1px 6px rgba(0,0,0,.08)}
.sdtpd-progress-group--classic .sdtpd-progressgroup,.sdtpd-progress-group--outline .sdtpd-progressgroup,.sdtpd-progress-group--gradient .sdtpd-progressgroup,.sdtpd-progress-group--boxed .sdtpd-progressgroup,.sdtpd-progress-group--material .sdtpd-progressgroup{padding:10px 12px}
.sdtpd-progress-group--ghost .sdtpd-progressgroup__label,.sdtpd-progress-group--minimal .sdtpd-progressgroup__label{letter-spacing:1px}
.sdtpd-progress-group--sharp .sdtpd-progressgroup__label{letter-spacing:.5px}
.sdtpd-progress-group--pill .sdtpd-progressgroup__label{padding:2px 8px}
.sdtpd-footer-info--outline .sdtpd-footerinfo,.sdtpd-footer-info--ghost .sdtpd-footerinfo{padding:8px 4px}
.sdtpd-footer-info--ghost .sdtpd-footerinfo__item span{letter-spacing:.5px}
.sdtpd-footer-links--outline .sdtpd-footerlinks{padding:8px 4px}
.sdtpd-card-grid--outline .sdtpd-cardgrid,.sdtpd-card-grid--ghost .sdtpd-cardgrid,.sdtpd-card-grid--pill .sdtpd-cardgrid{padding:4px 0}
.sdtpd-card-grid--pill .sdtpd-cardgrid__card{border-radius:12px;padding:10px}
.sdtpd-news-card--outline .sdtpd-newscard,.sdtpd-news-card--ghost .sdtpd-newscard{padding:4px}
.sdtpd-news-card--ghost .sdtpd-newscard__item{padding:6px 2px}
.sdtpd-link-cards--outline .sdtpd-linkcards,.sdtpd-link-cards--ghost .sdtpd-linkcards{padding:4px 0}
.sdtpd-link-cards--ghost .sdtpd-linkcards__card{padding:6px 0}
.sdtpd-stats-cards--outline .sdtpd-statscards{padding:4px}
.sdtpd-timeline--pill .sdtpd-timeline__date{padding:2px 8px}
}
@media (max-width:768px){
.sdtpd-stepsbar{grid-template-columns:1fr !important;gap:6px;padding:6px}
.sdtpd-pagetabs__panels{padding:8px}
.sdtpd-contactform__input,.sdtpd-contactform__textarea{width:100%}
.sdtpd-subscribebox__form{flex-direction:column}
.sdtpd-cardgrid,.sdtpd-linkcards,.sdtpd-statscards{grid-template-columns:1fr !important}
.sdtpd-abouthero,.sdtpd-abouthero--right{flex-direction:column}
.sdtpd-abouthero__img{flex:none;width:100%}
.sdtpd-footerinfo__list{flex-direction:column;gap:4px}
.sdtpd-footerlinks{flex-direction:column;gap:12px}
}
.sdtpd-site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;width:100%;padding:4px 8px;box-sizing:border-box;background:var(--sc-bg);overflow:hidden}
.sdtpd-site-nav__link{color:var(--sc-text);font-size:var(--fs-main,15px);font-family:var(--ff-main,inherit);text-decoration:none;padding:2px 4px;border-radius:var(--sc-radius);white-space:nowrap}
.sdtpd-site-nav__link:hover{color:var(--sc-primary)}
.sdtpd-site-nav__link.is-active{color:var(--sc-primary);font-weight:700}
.sdtpd-site-nav__burger{display:none;appearance:none;flex:0 0 auto;margin-left:auto;width:34px;height:30px;border:1px solid var(--sc-border);background:transparent;border-radius:6px;cursor:pointer;position:relative;box-sizing:border-box}
.sdtpd-site-nav__burger::before{content:"";position:absolute;left:8px;right:8px;top:7px;height:2px;background:var(--sc-text);box-shadow:0 6px 0 var(--sc-text),0 12px 0 var(--sc-text)}
.sdtpd-site-nav--classic .sdtpd-site-nav{background:var(--sc-bg-alt);height:52px}
.sdtpd-site-nav--classic .sdtpd-site-nav__link.is-active{font-weight:700;border-bottom:2px solid var(--sc-primary)}
.sdtpd-site-nav--outline .sdtpd-site-nav{background:transparent;border:none;border-bottom:1px solid var(--sc-border)}
.sdtpd-site-nav--outline .sdtpd-site-nav__link.is-active{border:1px solid var(--sc-primary)}
.sdtpd-site-nav--ghost .sdtpd-site-nav{background:transparent;border:none}
.sdtpd-site-nav--ghost .sdtpd-site-nav__link.is-active{text-decoration:underline;font-weight:700}
.sdtpd-site-nav--pill .sdtpd-site-nav__link{border-radius:999px;padding:4px 14px}
.sdtpd-site-nav--pill .sdtpd-site-nav__link.is-active{background:var(--sc-primary);color:#fff}
.sdtpd-site-nav--sharp .sdtpd-site-nav{border:none;border-top:3px solid var(--sc-primary);border-radius:0}
.sdtpd-site-nav--sharp .sdtpd-site-nav__link.is-active{border-left:3px solid var(--sc-primary)}
.sdtpd-site-nav--gradient .sdtpd-site-nav{background:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));border:none}
.sdtpd-site-nav--gradient .sdtpd-site-nav__link{color:#fff}
.sdtpd-site-nav--gradient .sdtpd-site-nav__link.is-active{background:rgba(255,255,255,.25)}
.sdtpd-site-nav--boxed .sdtpd-site-nav{border:1px solid var(--sc-border);padding:10px;border-radius:10px}
.sdtpd-site-nav--boxed .sdtpd-site-nav__link.is-active{background:var(--sc-bg-alt)}
.sdtpd-site-nav--minimal .sdtpd-site-nav{background:transparent;border:none;justify-content:flex-start}
.sdtpd-site-nav--minimal .sdtpd-site-nav__link.is-active{color:var(--sc-primary);position:relative;padding-left:14px}
.sdtpd-site-nav--minimal .sdtpd-site-nav__link.is-active::before{content:"•";position:absolute;left:0}
.sdtpd-site-nav--material .sdtpd-site-nav{background:var(--sc-bg);border:none;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.sdtpd-site-nav--material .sdtpd-site-nav__link.is-active{background:var(--sc-primary);color:#fff;border-radius:999px;padding:2px 12px}
.sdtpd-site-nav--glass .sdtpd-site-nav{background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6)}
.sdtpd-site-nav--glass .sdtpd-site-nav__link.is-active{background:rgba(255,255,255,.5)}
.sdtpd-site-nav--dark .sdtpd-site-nav{background:var(--sc-primary-dark);border:none}
.sdtpd-site-nav--dark .sdtpd-site-nav__link{color:#fff}
.sdtpd-site-nav--dark .sdtpd-site-nav__link.is-active{border-bottom:2px solid #d4af37}
.sdtpd-site-nav--dark .sdtpd-site-nav__burger{border-color:rgba(255,255,255,.4)}
.sdtpd-site-nav--dark .sdtpd-site-nav__burger::before{background:#fff;box-shadow:0 6px 0 #fff,0 12px 0 #fff}
.sdtpd-site-nav--accent-border .sdtpd-site-nav{border:none;border-top:4px solid var(--sc-primary)}
.sdtpd-site-nav--accent-border .sdtpd-site-nav__link.is-active{color:var(--sc-primary);font-weight:700}
.sdtpd-site-nav--luxury .sdtpd-site-nav__link{font-family:Georgia,"Times New Roman",serif;color:#d4af37}
.sdtpd-site-nav--luxury .sdtpd-site-nav__link.is-active{border-bottom:2px solid #d4af37;letter-spacing:4px}
.sdtpd-site-nav--playful .sdtpd-site-nav__link{border-radius:999px;transition:transform .2s}
.sdtpd-site-nav--playful .sdtpd-site-nav__link:hover{transform:translateY(-2px)}
.sdtpd-site-nav--playful .sdtpd-site-nav__link.is-active{background:var(--sc-primary);color:#fff}
.sdtpd-site-nav--bold-brutal .sdtpd-site-nav{border:3px solid var(--sc-text);box-shadow:4px 4px 0 var(--sc-text);border-radius:0}
.sdtpd-site-nav--bold-brutal .sdtpd-site-nav__link.is-active{background:var(--sc-primary);color:#fff}
.sdtpd-site-nav--retro .sdtpd-site-nav{border:3px double var(--sc-primary);border-radius:8px}
.sdtpd-site-nav--retro .sdtpd-site-nav__link.is-active{border-bottom:2px double var(--sc-primary)}
.sdtpd-site-nav--magazine .sdtpd-site-nav{flex-direction:column;align-items:stretch;width:220px}
.sdtpd-site-nav--magazine .sdtpd-site-nav__link{border-bottom:1px solid var(--sc-border)}
.sdtpd-site-nav--magazine .sdtpd-site-nav__link.is-active{border-left:3px solid var(--sc-primary);background:var(--sc-bg-alt)}
.sdtpd-site-nav--soft-shadow .sdtpd-site-nav{box-shadow:0 10px 30px rgba(0,0,0,.12);border-radius:14px}
.sdtpd-site-nav--soft-shadow .sdtpd-site-nav__link.is-active{border-bottom:2px solid var(--sc-primary)}
.sdtpd-site-nav--compact-line .sdtpd-site-nav{height:40px;gap:4px;border:none;border-bottom:1px solid var(--sc-border);background:transparent}
.sdtpd-site-nav--compact-line .sdtpd-site-nav__link{font-size:13px;font-weight:500}
.sdtpd-site-nav--compact-line .sdtpd-site-nav__link.is-active{color:var(--sc-primary);font-weight:700}
@media (max-width:768px){
.sdtpd-site-nav{flex-direction:column;align-items:stretch;display:none}
.sdtpd-site-nav.is-open{display:flex}
.sdtpd-site-nav__burger{display:block}
.sdtpd-site-nav--classic .sdtpd-site-nav,.sdtpd-site-nav--compact-line .sdtpd-site-nav{height:auto}
}/* ==========================================================================
   动画挂载层（组件动画功能 M1 批次）· 发布端镜像
   --------------------------------------------------------------------------
   挂载约定：每个动画一条统一挂载类 .sdtpd-motion--{id}（与发布端 .sdtpd-{type}--{styleId}
   挂载约定同构），由组件容器统一挂载，组件渲染器零侵入；动画实现本体在
   motion-keyframes.css（mo-* 前缀），本文件只负责触发形态与参数默认值。
   CSS 变量（挂载方可覆盖，默认值取参考站该项声明）：
   --motion-duration  动画时长
   --motion-ease      缓动曲线
   --motion-delay     延迟（交错入场可由挂载方递增）
   触发形态：
   trigger=enter  初始态（opacity:0 等）写在基类，追加 .is-motion-play 后单次
                  播放并以 both 定格终态
   trigger=hover  :hover 期间播放
   trigger=loop   常驻循环播放
   tier=js/struct 仅保留参数默认值与可 CSS 化辅助（will-change/perspective 等），
                  运行时由 M2 统一接管（见 tier:js / tier:struct 占位注释段）
   颜色策略：不替换参考站颜色令牌（--accent-color/--shadow-* 等），宿主主题未
   定义对应令牌时仅颜色属性不生效，位移/缩放/模糊语义不受影响。
   与 motion-keyframes.css 的关系：本文件 animation 引用的 mo-* 名称必须与
   motion-keyframes.css 中 @keyframes 定义一一对应，两份样式需同时输出。
   ========================================================================== */

/* ---------- 进入类（tier:css / trigger:enter）：基类初始态 + .is-motion-play 触发 ---------- */

.sdtpd-motion--fade-in-up{opacity:0;--motion-duration:1.2s;--motion-ease:cubic-bezier(0.16,1,0.3,1)}
.sdtpd-motion--fade-in-up.is-motion-play{animation:mo-fade-in-up var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) both}

.sdtpd-motion--scroll-reveal{opacity:0;--motion-duration:3s;--motion-ease:cubic-bezier(0.25,1,0.5,1)}
.sdtpd-motion--scroll-reveal.is-motion-play{animation:mo-scroll-reveal var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) both}

.sdtpd-motion--line-reveal{overflow:hidden;opacity:0;--motion-duration:3s;--motion-ease:cubic-bezier(0.16,1,0.3,1)}
.sdtpd-motion--line-reveal.is-motion-play{animation:mo-line-reveal var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) both}

.sdtpd-motion--blur-reveal{opacity:0;--motion-duration:2.6s;--motion-ease:ease-in-out}
.sdtpd-motion--blur-reveal.is-motion-play{animation:mo-blur-reveal var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) both}

.sdtpd-motion--bento-grid-stagger{opacity:0;--motion-duration:2.5s;--motion-ease:ease}
.sdtpd-motion--bento-grid-stagger.is-motion-play{animation:mo-bento-grid-stagger var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) both}

/* 逐字形态：容器提供透视，子元素（逐字 span）交错飞入，交错延迟递增 0.1s */
.sdtpd-motion--split-text-3d-wave{perspective:400px;--motion-duration:2.8s;--motion-ease:cubic-bezier(0.16,1,0.3,1)}
.sdtpd-motion--split-text-3d-wave > *{display:inline-block;opacity:0}
.sdtpd-motion--split-text-3d-wave.is-motion-play > *{animation:mo-split-text-3d-wave-flip var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) both}
.sdtpd-motion--split-text-3d-wave.is-motion-play > *:nth-child(2){animation-delay:calc(var(--motion-delay,0s) + 0.1s)}
.sdtpd-motion--split-text-3d-wave.is-motion-play > *:nth-child(3){animation-delay:calc(var(--motion-delay,0s) + 0.2s)}
.sdtpd-motion--split-text-3d-wave.is-motion-play > *:nth-child(4){animation-delay:calc(var(--motion-delay,0s) + 0.3s)}
.sdtpd-motion--split-text-3d-wave.is-motion-play > *:nth-child(n+5){animation-delay:calc(var(--motion-delay,0s) + 0.4s)}

/* ---------- 悬停类（tier:css / trigger:hover）：悬停期间播放 ---------- */

.sdtpd-motion--hover-lift{--motion-duration:2.2s;--motion-ease:ease-in-out}
.sdtpd-motion--hover-lift:hover{animation:mo-hover-lift var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) both}

.sdtpd-motion--hover-shadow{--motion-duration:2.5s;--motion-ease:cubic-bezier(0.25,1,0.5,1)}
.sdtpd-motion--hover-shadow:hover{animation:mo-hover-shadow-lift var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) both}

.sdtpd-motion--color-transition{--motion-duration:3s;--motion-ease:ease-in-out}
.sdtpd-motion--color-transition:hover{animation:mo-color-transition var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) both}

/* 下划线形态：::after 伪元素作为线条，悬停时自左向右展开 */
.sdtpd-motion--underline-reveal{position:relative;--motion-duration:2.5s;--motion-ease:ease-in-out}
.sdtpd-motion--underline-reveal::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left center}
.sdtpd-motion--underline-reveal:hover::after{animation:mo-underline-reveal-slide var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) both}

/* 图片缩放形态：容器裁切溢出，悬停时内部首层子元素（图片）放大 */
.sdtpd-motion--image-zoom{overflow:hidden;--motion-duration:2.5s;--motion-ease:cubic-bezier(0.25,1,0.5,1)}
.sdtpd-motion--image-zoom:hover > *{animation:mo-image-zoom var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) both}

.sdtpd-motion--color-shift{--motion-duration:3s;--motion-ease:ease-in-out}
.sdtpd-motion--color-shift:hover{animation:mo-color-shift var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) both}

/* 逐字波浪形态：悬停时子元素（逐字 span）循环起伏，交错延迟递增 0.15s */
.sdtpd-motion--text-wave-hover{--motion-duration:1.6s;--motion-ease:cubic-bezier(0.34,1.56,0.64,1)}
.sdtpd-motion--text-wave-hover > *{display:inline-block}
.sdtpd-motion--text-wave-hover:hover > *{animation:mo-text-wave-hover-bounce var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) infinite}
.sdtpd-motion--text-wave-hover:hover > *:nth-child(2){animation-delay:0.15s}
.sdtpd-motion--text-wave-hover:hover > *:nth-child(3){animation-delay:0.3s}
.sdtpd-motion--text-wave-hover:hover > *:nth-child(4){animation-delay:0.45s}
.sdtpd-motion--text-wave-hover:hover > *:nth-child(n+5){animation-delay:0.6s}

/* ---------- 循环装饰类（tier:css / trigger:loop）：常驻播放 ---------- */

/* 扫光文字：background-clip:text 高光沿 45° 对角线循环扫过 */
.sdtpd-motion--metallic-shimmer-text{--motion-duration:2.4s;--motion-ease:linear;background-image:linear-gradient(110deg,currentColor 20%,rgba(255,255,255,0.55) 40%,rgba(255,255,255,0.95) 50%,rgba(255,255,255,0.55) 60%,currentColor 80%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:mo-metallic-shimmer-text-sweep var(--motion-duration,0.8s) var(--motion-ease,linear) var(--motion-delay,0s) infinite}

/* 流光边框：::before 为 conic 光柱持续旋转，容器裁切溢出、内容置顶层 */
.sdtpd-motion--border-beam{position:relative;overflow:hidden;--motion-duration:3s;--motion-ease:linear}
.sdtpd-motion--border-beam::before{content:"";position:absolute;top:50%;left:50%;width:220%;aspect-ratio:1/1;margin:-110% 0 0 -110%;background:conic-gradient(from 0deg,transparent 0deg,transparent 260deg,currentColor 310deg,transparent 355deg);animation:mo-border-beam-spin var(--motion-duration,0.8s) var(--motion-ease,linear) var(--motion-delay,0s) infinite;pointer-events:none}
.sdtpd-motion--border-beam > *{position:relative;z-index:1}

/* 跑马灯：容器自身作为轨道（width:max-content 由挂载方保证）位移 -50% 无缝循环 */
.sdtpd-motion--infinite-marquee{--motion-duration:6s;--motion-ease:linear;animation:mo-infinite-marquee var(--motion-duration,0.8s) var(--motion-ease,linear) var(--motion-delay,0s) infinite}

/* 有机泡泡：容器自身八角圆角连续形变自旋（装饰用，注意会裁切直角内容） */
.sdtpd-motion--organic-morphing-blob{--motion-duration:4s;--motion-ease:ease-in-out;animation:mo-organic-morphing-blob-fluid var(--motion-duration,0.8s) var(--motion-ease,ease-in-out) var(--motion-delay,0s) infinite}

/* 极光背景：容器裁切溢出，色块子元素轨道漂移（alternate 往返） */
.sdtpd-motion--aurora-background{position:relative;overflow:hidden;--motion-duration:3.2s;--motion-ease:ease-in-out}
.sdtpd-motion--aurora-background > *{animation:mo-aurora-background-orbit var(--motion-duration,0.8s) var(--motion-ease,ease-in-out) var(--motion-delay,0s) infinite alternate}

/* 流星背景：容器裁切溢出，流星子元素斜向划落（子元素自带细长渐变样式由挂载方提供） */
.sdtpd-motion--meteors-background{position:relative;overflow:hidden;--motion-duration:2.2s;--motion-ease:cubic-bezier(0.25,0.1,0.25,1)}
.sdtpd-motion--meteors-background > *{animation:mo-meteors-background-shoot var(--motion-duration,0.8s) var(--motion-ease,ease) var(--motion-delay,0s) infinite}

/* 波形律动：条柱子元素错相位起伏（delay 按参考站 b1-b5 相位差） */
.sdtpd-motion--audio-waveform-visualizer{display:flex;align-items:center;gap:4px;--motion-duration:1.2s;--motion-ease:ease-in-out}
.sdtpd-motion--audio-waveform-visualizer > *{animation:mo-audio-waveform-visualizer-vibe var(--motion-duration,0.8s) var(--motion-ease,ease-in-out) var(--motion-delay,0s) infinite alternate}
.sdtpd-motion--audio-waveform-visualizer > *:nth-child(2){animation-delay:0.2s}
.sdtpd-motion--audio-waveform-visualizer > *:nth-child(3){animation-delay:0.4s}
.sdtpd-motion--audio-waveform-visualizer > *:nth-child(4){animation-delay:0.1s}
.sdtpd-motion--audio-waveform-visualizer > *:nth-child(5){animation-delay:0.3s}

/* ---------- JS/STRUCT 占位段（tier:js / tier:struct） ---------- */
/* tier:js 由运行时统一接管（鼠标跟随/Canvas/滚动监听/时序打字等驱动），
   对应 CSS 骨架已在 motion-keyframes.css 收录，此处仅保留参数默认值与可 CSS 化辅助 */
/* tier:struct 由运行时统一接管（依赖特定 DOM 结构：汉堡/暗色切换/抽屉/抽卡/页签/对比滑条等），
   面板中仅对适配组件开放 */

.sdtpd-motion--scroll-progress{position:relative;--motion-duration:3s;--motion-ease:ease-in-out}
.sdtpd-motion--scroll-shadow{position:relative;--motion-duration:3s;--motion-ease:ease-in-out}
.sdtpd-motion--button-ripple{position:relative;overflow:hidden;--motion-duration:2.5s;--motion-ease:cubic-bezier(0.25,1,0.5,1)}
.sdtpd-motion--sliding-indicator-tabs{position:relative;--motion-duration:3.6s;--motion-ease:cubic-bezier(0.34,1.4,0.64,1)}
.sdtpd-motion--count-up{--motion-duration:3s;--motion-ease:cubic-bezier(0.16,1,0.3,1)}
.sdtpd-motion--spotlight-card{position:relative;--motion-duration:3.6s;--motion-ease:cubic-bezier(0.45,0.05,0.55,0.95)}
.sdtpd-motion--theme-switch{position:relative;overflow:hidden;--motion-duration:3.5s;--motion-ease:cubic-bezier(0.16,1,0.3,1)}
.sdtpd-motion--layout-transition{--motion-duration:3.5s;--motion-ease:ease-in-out}
.sdtpd-motion--magnetic-effect{will-change:transform;--motion-duration:3s;--motion-ease:ease-in-out}
.sdtpd-motion--spring-motion{--motion-duration:2.4s;--motion-ease:cubic-bezier(0.34,1.56,0.64,1)}
.sdtpd-motion--menu-morphing{--motion-duration:3s;--motion-ease:cubic-bezier(0.25,1,0.5,1)}
.sdtpd-motion--sticky-scroll{--motion-duration:4s;--motion-ease:ease-in-out}
.sdtpd-motion--parallax-scrolling{--motion-duration:4s;--motion-ease:ease-in-out}
.sdtpd-motion--horizontal-gallery{overflow:hidden;--motion-duration:4s;--motion-ease:ease-in-out}
.sdtpd-motion--card-sticky-stacking{--motion-duration:3.2s;--motion-ease:ease-in-out}
.sdtpd-motion--spring-drawer{--motion-duration:2.6s;--motion-ease:cubic-bezier(0.34,1.56,0.64,1)}
.sdtpd-motion--expanding-fab-menu{--motion-duration:2.8s;--motion-ease:cubic-bezier(0.16,1,0.3,1)}
.sdtpd-motion--dynamic-island{--motion-duration:3s;--motion-ease:cubic-bezier(0.16,1,0.3,1)}
.sdtpd-motion--circular-progress-meter{--motion-duration:2.8s;--motion-ease:ease-in-out}
.sdtpd-motion--typewriter-cycle{--motion-duration:0.8s;--motion-ease:steps(2,start)}
.sdtpd-motion--image-preview{position:relative;--motion-duration:3.5s;--motion-ease:cubic-bezier(0.25,1,0.5,1)}
.sdtpd-motion--before-after-slider{position:relative;overflow:hidden;--motion-duration:3s;--motion-ease:ease-in-out}
.sdtpd-motion--direction-aware-hover{position:relative;overflow:hidden;--motion-duration:3.5s;--motion-ease:cubic-bezier(0.16,1,0.3,1)}
/* 3D 倾斜辅助：透视矩阵 + 3D 上下文 + 合成层提升，倾角由运行时光标坐标驱动 */
.sdtpd-motion--tilt-card{perspective:800px;transform-style:preserve-3d;will-change:transform;--motion-duration:4s;--motion-ease:ease-in-out}
.sdtpd-motion--glass-glare-tilt{perspective:1000px;transform-style:preserve-3d;will-change:transform;--motion-duration:3s;--motion-ease:ease-in-out}
.sdtpd-motion--macos-dock{--motion-duration:3.2s;--motion-ease:ease-in-out}
.sdtpd-motion--card-stack-swipe{position:relative;--motion-duration:2.8s;--motion-ease:cubic-bezier(0.2,0.9,0.3,1)}
.sdtpd-motion--page-transition{position:relative;overflow:hidden;--motion-duration:3s;--motion-ease:cubic-bezier(0.16,1,0.3,1)}
.sdtpd-motion--animated-flow-beams{position:relative;--motion-duration:1.8s;--motion-ease:ease-in-out}
.sdtpd-motion--scroll-drawn-svg{--motion-duration:2.8s;--motion-ease:ease-in-out}
.sdtpd-motion--rolling-number-odometer{--motion-duration:2.6s;--motion-ease:cubic-bezier(0.34,1.25,0.64,1)}
.sdtpd-motion--text-scramble{--motion-duration:3.2s;--motion-ease:steps(1)}
.sdtpd-motion--magnetic-glow-button{will-change:transform;--motion-duration:2.6s;--motion-ease:cubic-bezier(0.4,0,0.2,1)}
.sdtpd-motion--noise-texture{position:relative;overflow:hidden;--motion-duration:0.4s;--motion-ease:steps(4)}
.sdtpd-motion--grid-dot-proximity{--motion-duration:2s;--motion-ease:ease}
.sdtpd-motion--canvas-ripple-grid{--motion-duration:2.4s;--motion-ease:ease-in-out}
.sdtpd-motion--svg-path-morphing{--motion-duration:3s;--motion-ease:cubic-bezier(0.4,0,0.2,1)}
.sdtpd-motion--twinkling-starfield{position:relative;--motion-duration:2.2s;--motion-ease:ease-in-out}
.sdtpd-motion--custom-cursor{will-change:transform;--motion-duration:3.5s;--motion-ease:cubic-bezier(0.25,1,0.5,1)}
.sdtpd-motion--confetti-explosion{position:relative;--motion-duration:2.4s;--motion-ease:ease-out}

/* ---------- 无障碍降级：prefers-reduced-motion 下动画归零、内容保持可见 ---------- */
/* 对齐参考站无障碍哲学：reduce 时全部动画静止，但初始态 opacity:0 的进场内容
   必须强制可见；挂载方加 .is-motion-forced 可显式豁免（强制保留动画） */
@media (prefers-reduced-motion: reduce){
  [class*="site-motion--"]:not(.is-motion-forced),
  [class*="site-motion--"]:not(.is-motion-forced)::before,
  [class*="site-motion--"]:not(.is-motion-forced)::after,
  [class*="site-motion--"]:not(.is-motion-forced) > *{animation:none !important;transition:none !important}
  .sdtpd-motion--fade-in-up:not(.is-motion-forced),
  .sdtpd-motion--scroll-reveal:not(.is-motion-forced),
  .sdtpd-motion--line-reveal:not(.is-motion-forced),
  .sdtpd-motion--blur-reveal:not(.is-motion-forced),
  .sdtpd-motion--bento-grid-stagger:not(.is-motion-forced){opacity:1 !important;transform:none !important;filter:none !important}
  .sdtpd-motion--split-text-3d-wave:not(.is-motion-forced) > *{opacity:1 !important;transform:none !important;filter:none !important}
}
/* ==========================================================================
   动画库 @keyframes 字典（组件动画功能 M1 批次）· 发布端镜像
   --------------------------------------------------------------------------
   来源：提取自 web-motion-showcase 参考站 previews 面板动画 CSS
        （wms_previews_live.css，共 87 个 @keyframes；本文件收录其中与 60 项
         动画相关的 81 个，其余 6 个为参考站非收录 demo 专用：hover-scale /
         spin-badge / morphing(空帧) / mask-reveal / accordion-expand / trail-lead）。
   命名规则：mo-{动画id} 或 mo-{动画id}-{变体}，与 motion-registry.js 的
        MOTION_LIST id 一一对应；一个动画依赖多个 keyframes 时以 -变体 后缀区分。
   帧编排规则：
   1) tier=css 且 trigger=enter/hover 的动画：参考站原循环呼吸帧裁剪为
      「起点态 -> 终点态」两帧定格（位移/缩放/模糊/透明度数值取自参考站原帧，
      仅去掉循环中段），配合挂载层 both 填充实现单次进/悬停定格；
   2) trigger=loop 的循环装饰动画与 tier=js/struct 的 CSS 骨架：帧编排原样保留
      （循环本身就是语义；js/struct 骨架供 M2 运行时接管时参考复用）。
   颜色策略：keyframes 内部颜色一律保留参考站原样（含 var(--accent-color) 等
   主题令牌），不做颜色替换；宿主未定义对应令牌时仅颜色属性不生效。
   ========================================================================== */

/* ---------- 进入/悬停类（css 端，起点态 -> 终点态定格帧） ---------- */

/* fade-in-up 淡入上移（enter） */
@keyframes mo-fade-in-up {
  0% { opacity: 0; transform: translateY(16px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* scroll-reveal 滚动显现（enter） */
@keyframes mo-scroll-reveal {
  0% { opacity: 0; transform: translateY(24px) scale(0.95); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* hover-lift 悬停上浮（hover） */
@keyframes mo-hover-lift {
  0% { transform: translateY(0); box-shadow: var(--shadow-sm); }
  100% { transform: translateY(-8px); box-shadow: var(--shadow-md); }
}

/* hover-shadow 悬停阴影增强（hover） */
@keyframes mo-hover-shadow-lift {
  0% { transform: translateY(0); box-shadow: var(--shadow-sm); border-color: var(--border-color); }
  100% { transform: translateY(-8px); box-shadow: var(--shadow-lg), var(--shadow-accent); border-color: var(--border-hover); }
}

/* color-transition 颜色过渡（hover） */
@keyframes mo-color-transition {
  0% { background-color: var(--bg-primary); border-color: var(--border-color); color: var(--text-primary); }
  100% { background-color: var(--accent-color); border-color: var(--accent-color); color: var(--text-inverse, #f8fafc); }
}

/* underline-reveal 下划线展开（hover，配挂载层 ::after 线条使用） */
@keyframes mo-underline-reveal-slide {
  0% { width: 0%; }
  100% { width: 100%; }
}

/* image-zoom 图片轻微放大（hover，配挂载层 overflow:hidden 容器子元素使用） */
@keyframes mo-image-zoom {
  0% { transform: scale(1); }
  100% { transform: scale(1.25); }
}

/* line-reveal 文字逐行显现（enter，配挂载层 overflow:hidden 遮罩使用） */
@keyframes mo-line-reveal {
  0% { transform: translateY(100%); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

/* blur-reveal 模糊进入（enter） */
@keyframes mo-blur-reveal {
  0% { filter: blur(8px); opacity: 0; transform: scale(0.9); }
  100% { filter: blur(0); opacity: 1; transform: scale(1); }
}

/* bento-grid-stagger 便当网格交错入场（enter） */
@keyframes mo-bento-grid-stagger {
  0% { transform: scale(0.95); opacity: 0.7; }
  100% { transform: scale(1); opacity: 1; }
}

/* split-text-3d-wave 文字 3D 逐字波浪飞入（enter，逐字子元素，配挂载层 nth-child 交错延迟） */
@keyframes mo-split-text-3d-wave-flip {
  0% { transform: rotateX(90deg); opacity: 0; }
  100% { transform: rotateX(0deg); opacity: 1; }
}

/* color-shift 饱和度增强（hover，灰度 -> 全彩） */
@keyframes mo-color-shift {
  0% { filter: grayscale(100%) opacity(0.5); }
  100% { filter: grayscale(0%) opacity(1); }
}

/* text-wave-hover 文字波浪反弹悬停（hover，逐字子元素循环波浪） */
@keyframes mo-text-wave-hover-bounce {
  0%, 100% { transform: translateY(0) scale(1); }
  35% { transform: translateY(-8px) scale(1.15); color: var(--text-primary); }
  60% { transform: translateY(2px) scale(0.95); }
}

/* ---------- 循环装饰类（css 端，参考站循环帧原样保留） ---------- */

/* metallic-shimmer-text 金属光泽扫光文字（loop） */
@keyframes mo-metallic-shimmer-text-sweep {
  0% { background-position: 150% 0; }
  100% { background-position: -150% 0; }
}

/* border-beam 流光环形边框（loop，配挂载层 ::before conic 光柱旋转） */
@keyframes mo-border-beam-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* infinite-marquee 无缝跑马灯（loop，轨道位移 -50% 无缝循环） */
@keyframes mo-infinite-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* organic-morphing-blob 流体变形有机泡泡（loop，八角圆角连续形变） */
@keyframes mo-organic-morphing-blob-fluid {
  0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; transform: rotate(0deg); }
  50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; transform: rotate(180deg); }
  100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; transform: rotate(360deg); }
}

/* aurora-background 极光渐变弥散流光（loop，色块子元素轨道漂移） */
@keyframes mo-aurora-background-orbit {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  100% { transform: translate3d(14px, 8px, 0) scale(1.25); }
}

/* meteors-background 流星夜空划过特效（loop，流星子元素斜向划落） */
@keyframes mo-meteors-background-shoot {
  0% { transform: rotate(-35deg) translateX(0); opacity: 0; }
  15% { opacity: 1; }
  75% { transform: rotate(-35deg) translateX(-110px); opacity: 0; }
  100% { opacity: 0; }
}

/* audio-waveform-visualizer 波形音频动态可视化（loop，条柱子元素错相位起伏） */
@keyframes mo-audio-waveform-visualizer-vibe {
  0% { transform: scaleY(0.3); opacity: 0.5; }
  100% { transform: scaleY(1); opacity: 1; }
}

/* ---------- JS/STRUCT 骨架（参考站循环帧原样保留，运行时由 M2 统一接管） ---------- */

/* scroll-progress 滚动进度条（tier:js 骨架，真实进度由滚动监听驱动宽度） */
@keyframes mo-scroll-progress {
  0%, 100% { width: 0%; }
  50% { width: 100%; }
}

/* scroll-shadow 头部阴影渐变（tier:js 骨架：头部阴影渐显 + 内容滚动态，真实触发由滚动监听切换） */
@keyframes mo-scroll-shadow-head {
  0%, 20%, 80%, 100% { box-shadow: none; border-bottom-color: transparent; }
  40%, 60% { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); border-bottom-color: var(--border-color); }
}
@keyframes mo-scroll-shadow-body {
  0%, 20%, 80%, 100% { transform: translateY(0); }
  40%, 60% { transform: translateY(-40px); }
}

/* button-ripple 按钮点击波纹（tier:js 骨架，真实波纹由点击坐标动态创建元素） */
@keyframes mo-button-ripple {
  0%, 15% { transform: translate(-50%, -50%) scale(0); opacity: 0.8; }
  45%, 100% { transform: translate(-50%, -50%) scale(5); opacity: 0; }
}

/* count-up 数字滚动（tier:js 骨架：双滚轮错峰滚动 + 加号脉冲，真实数值由 rAF 驱动） */
@keyframes mo-count-up-roll-1 {
  0%, 15% { transform: translateY(0); }
  45%, 85% { transform: translateY(-152px); }
  100% { transform: translateY(0); }
}
@keyframes mo-count-up-roll-2 {
  0%, 15% { transform: translateY(0); }
  55%, 85% { transform: translateY(-152px); }
  100% { transform: translateY(0); }
}
@keyframes mo-count-up-plus {
  0%, 15%, 100% { transform: scale(1); opacity: 0.7; }
  50%, 80% { transform: scale(1.2); opacity: 1; }
}

/* spotlight-card 光标聚光灯卡片（tier:js 骨架：演示光标游走 + 左右光晕，真实光斑由 mousemove 更新 CSS 变量） */
@keyframes mo-spotlight-card-cursor {
  0% { transform: translate(-38px, -18px) scale(0.85); opacity: 0.4; }
  35% { transform: translate(-10px, 6px) scale(1.1); opacity: 1; }
  65% { transform: translate(18px, -10px) scale(1.15); opacity: 1; }
  100% { transform: translate(42px, 16px) scale(0.9); opacity: 0.5; }
}
@keyframes mo-spotlight-card-glow-left {
  0% { transform: translate(-30px, -30px); opacity: 0.2; }
  45% { transform: translate(0px, 0px); opacity: 0.95; }
  100% { transform: translate(30px, 30px); opacity: 0.2; }
}
@keyframes mo-spotlight-card-glow-right {
  0% { transform: translate(-30px, -20px); opacity: 0.15; }
  55% { transform: translate(0px, 0px); opacity: 0.95; }
  100% { transform: translate(25px, 25px); opacity: 0.3; }
}

/* theme-switch 暗色模式切换（tier:struct 骨架：滑块位移换色 + 涟漪扩散） */
@keyframes mo-theme-switch-toggle {
  0%, 15%, 85%, 100% { left: 10px; background-color: var(--accent-color); }
  35%, 65% { left: 86px; background-color: #f59e0b; }
}
@keyframes mo-theme-switch-ripple {
  0%, 15%, 85%, 100% { transform: scale(0); opacity: 0; left: 15px; }
  30% { transform: scale(25); opacity: 1; left: 15px; }
  35%, 65% { transform: scale(25); opacity: 1; left: 90px; }
  80% { transform: scale(0); opacity: 0; left: 90px; }
}

/* layout-transition 网格重排动画（tier:js 骨架：四格对角换位演示，真实重排由筛选状态切换） */
@keyframes mo-layout-transition-1 {
  0%, 15%, 85%, 100% { transform: translate(0, 0); }
  35%, 65% { transform: translate(54px, 39px); }
}
@keyframes mo-layout-transition-2 {
  0%, 15%, 85%, 100% { transform: translate(0, 0); }
  35%, 65% { transform: translate(-54px, 0); }
}
@keyframes mo-layout-transition-3 {
  0%, 15%, 85%, 100% { transform: translate(0, 0); }
  35%, 65% { transform: translate(54px, -39px); }
}
@keyframes mo-layout-transition-4 {
  0%, 15%, 85%, 100% { transform: translate(0, 0); }
  35%, 65% { transform: translate(-54px, 0); }
}

/* magnetic-effect 磁吸反馈（tier:js 骨架：演示光标靠近 + 按钮吸附，真实吸力由距离计算） */
@keyframes mo-magnetic-effect-cursor {
  0%, 100% { top: 10%; left: 10%; }
  30%, 70% { top: 45%; left: 45%; }
}
@keyframes mo-magnetic-effect-button {
  0%, 25%, 75%, 100% { transform: translate(-50%, -50%); }
  35%, 65% { transform: translate(-30%, -30%); }
}

/* spring-motion 弹性缓动（tier:js 骨架：挤压拉伸球 + 影子脉冲，真实物理由胡克定律求解器驱动） */
@keyframes mo-spring-motion-squash {
  0%, 100% { transform: translateY(0) scale(1, 1); }
  15% { transform: translateY(4px) scale(1.22, 0.78); }
  35% { transform: translateY(-28px) scale(0.88, 1.15); }
  55% { transform: translateY(2px) scale(1.08, 0.94); }
  70% { transform: translateY(-8px) scale(0.96, 1.04); }
  85% { transform: translateY(0) scale(1.02, 0.98); }
}
@keyframes mo-spring-motion-shadow {
  0%, 100% { transform: scale(1); opacity: 0.35; }
  15% { transform: scale(1.25); opacity: 0.55; }
  35% { transform: scale(0.65); opacity: 0.12; }
  55% { transform: scale(1.1); opacity: 0.45; }
  70% { transform: scale(0.85); opacity: 0.2; }
  85% { transform: scale(1); opacity: 0.35; }
}

/* menu-morphing 汉堡菜单变形（tier:struct 骨架：三线各自形变为 X） */
@keyframes mo-menu-morphing-1 {
  0%, 15%, 85%, 100% { transform: translateY(0) rotate(0deg); }
  35%, 65% { transform: translateY(8.5px) rotate(45deg); }
}
@keyframes mo-menu-morphing-2 {
  0%, 15%, 85%, 100% { opacity: 1; }
  35%, 65% { opacity: 0; }
}
@keyframes mo-menu-morphing-3 {
  0%, 15%, 85%, 100% { transform: translateY(0) rotate(0deg); }
  35%, 65% { transform: translateY(-8.5px) rotate(-45deg); }
}

/* sticky-scroll 粘性滚动叙事（tier:js 骨架：吸顶盒形变 + 内核反转 + 右栏轨道滚动，真实阶段由滚动进度驱动） */
@keyframes mo-sticky-scroll-morph {
  0%, 100% { transform: scale(1) rotate(0deg); border-radius: 8px; }
  35% { transform: scale(1.08) rotate(45deg); border-radius: 14px; }
  70% { transform: scale(0.95) rotate(90deg); border-radius: 50%; }
}
@keyframes mo-sticky-scroll-inner {
  0%, 100% { transform: rotate(0deg); border-radius: 3px; }
  35% { transform: rotate(-45deg); border-radius: 50%; }
  70% { transform: rotate(-90deg); border-radius: 2px; }
}
@keyframes mo-sticky-scroll-track {
  0%, 100% { transform: translateY(0); }
  35% { transform: translateY(-24px); }
  70% { transform: translateY(-48px); }
}

/* parallax-scrolling 视差滚动（tier:js 骨架：背景/前景分层漂移演示，真实速率由滚动监听分层位移） */
@keyframes mo-parallax-scrolling-bg {
  0%, 100% { transform: translateY(4px); }
  50% { transform: translateY(-4px); }
}
@keyframes mo-parallax-scrolling-fg {
  0%, 100% { transform: translateY(6px); }
  50% { transform: translateY(-8px); }
}

/* horizontal-gallery 横向滚动作品带（tier:js 骨架，真实位移由滚动百分比映射） */
@keyframes mo-horizontal-gallery-scroll {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(-65px); }
}

/* card-sticky-stacking 滚动卡片层叠固化（tier:js 骨架：三层片深浅缩放，真实固化由滚动深度计算） */
@keyframes mo-card-sticky-stacking-1 {
  0%, 100% { top: 0; transform: scale(0.9); opacity: 0.6; }
  35%, 65% { top: 0; transform: scale(0.85); opacity: 0.4; }
}
@keyframes mo-card-sticky-stacking-2 {
  0%, 100% { top: 12px; transform: scale(0.95); opacity: 0.85; }
  35%, 65% { top: 8px; transform: scale(0.9); opacity: 0.7; }
}
@keyframes mo-card-sticky-stacking-3 {
  0%, 100% { top: 24px; transform: scale(1) translateY(0); }
  35%, 65% { top: 16px; transform: scale(0.96) translateY(-4px); }
}

/* spring-drawer 弹性手势阻尼抽屉（tier:struct 骨架：抽屉面板弹性上滑，真实拖拽阻尼由手势驱动） */
@keyframes mo-spring-drawer-bounce {
  0%, 100% { transform: translateY(18px); }
  45%, 65% { transform: translateY(0); }
}

/* expanding-fab-menu 折叠展开浮动操作岛（tier:struct 骨架：圆钮膨胀为岛形，展开项由 transition-delay 错峰） */
@keyframes mo-expanding-fab-menu-pulse {
  0%, 100% { transform: scale(1); border-radius: 50%; width: 32px; }
  45%, 65% { transform: scale(1.1); width: 75px; border-radius: 16px; }
}

/* dynamic-island 灵动岛悬浮胶囊（tier:struct 骨架：胶囊形态切换，真实多态由状态类驱动） */
@keyframes mo-dynamic-island-morph {
  0%, 100% { width: 65px; height: 22px; }
  45%, 65% { width: 110px; height: 32px; border-radius: 12px; }
}

/* sliding-indicator-tabs 滑动指示器分段标签页（tier:struct 骨架：高亮胶囊滑移拉伸，真实定位由 offsetLeft/offsetWidth 驱动） */
@keyframes mo-sliding-indicator-tabs-slide {
  0%, 25% { transform: translateX(0); width: 44px; }
  33%, 58% { transform: translateX(47px); width: 42px; }
  66%, 92% { transform: translateX(94px); width: 44px; }
  100% { transform: translateX(0); width: 44px; }
}

/* circular-progress-meter 环形刻度进度仪表（tier:js 骨架：SVG 描边填充，真实弧长由 stroke-dashoffset 驱动） */
@keyframes mo-circular-progress-meter-fill {
  0% { stroke-dashoffset: 88; }
  100% { stroke-dashoffset: 18; }
}

/* typewriter-cycle 打字机多词轮播交替（tier:js 骨架：光标闪烁，打字节奏由定时器驱动） */
@keyframes mo-typewriter-cycle-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* image-preview 图片跟随预览（tier:js 骨架：缩略图浮层浮现，真实位置由光标跟随驱动） */
@keyframes mo-image-preview-follow {
  0%, 15%, 85%, 100% { transform: translate(0, 20px) scale(0); opacity: 0; }
  35%, 65% { transform: translate(40px, -15px) scale(1); opacity: 1; }
}

/* before-after-slider 前后对比滑动擦除（tier:struct 骨架：擦除扫过 + 手柄同步，真实分界由拖拽驱动 clip-path） */
@keyframes mo-before-after-slider-sweep {
  0% { clip-path: polygon(0 0, 20% 0, 20% 100%, 0 100%); }
  100% { clip-path: polygon(0 0, 80% 0, 80% 100%, 0 100%); }
}
@keyframes mo-before-after-slider-handle {
  0% { left: 20%; }
  100% { left: 80%; }
}

/* direction-aware-hover 方向感知卡片划入（tier:js 骨架：遮罩四方循环演示，真实方向由 atan2 计算切入边） */
@keyframes mo-direction-aware-hover-cycle {
  0%, 15% { transform: translateY(-100%); }
  25%, 45% { transform: translateY(0); }
  55%, 70% { transform: translateX(100%); }
  80%, 100% { transform: translateY(100%); }
}

/* tilt-card 卡片 3D 倾斜（tier:js 骨架：四向摆动演示，真实倾角由光标坐标驱动） */
@keyframes mo-tilt-card {
  0%, 100% { transform: rotateY(0deg) rotateX(0deg); }
  25% { transform: rotateY(15deg) rotateX(10deg); }
  50% { transform: rotateY(-15deg) rotateX(-10deg); }
  75% { transform: rotateY(-10deg) rotateX(15deg); }
}

/* glass-glare-tilt 镜面菲涅尔反光 3D 卡片（tier:js 骨架：高光层对角漂移，真实反光由光标角度驱动） */
@keyframes mo-glass-glare-tilt-sheen {
  0% { transform: translate(-30%, -30%); }
  100% { transform: translate(30%, 30%); }
}

/* macos-dock 拟物鱼眼缩放 Dock（tier:js 骨架：图标波浪放大，真实缩放由光标距离高斯函数驱动） */
@keyframes mo-macos-dock-fisheye {
  0%, 100% { width: 14px; height: 14px; background: var(--bg-tertiary); border-color: var(--border-color); transform: translateY(0); box-shadow: none; }
  20%, 35% { width: 24px; height: 24px; background: var(--accent-color); border-color: var(--accent-color); transform: translateY(-4px); box-shadow: 0 4px 10px var(--accent-soft); }
}

/* card-stack-swipe 层叠卡片手势抽卡（tier:struct 骨架：顶卡飞出回位，真实抽卡由手势/按钮驱动） */
@keyframes mo-card-stack-swipe-flick {
  0%, 15% { transform: translate3d(0, 0, 0) rotate(0deg); opacity: 1; }
  45% { transform: translate3d(28px, -18px, 0) rotate(16deg); opacity: 0; }
  46% { transform: translate3d(0, -8px, 0) scale(0.85); opacity: 0; }
  65%, 100% { transform: translate3d(0, 0, 0) scale(1) rotate(0deg); opacity: 1; }
}

/* page-transition 页面转场（tier:struct 骨架：幕布下压上收，真实转场由路由切换编排） */
@keyframes mo-page-transition-curtain {
  0%, 100% { transform: translateY(-100%); }
  40%, 60% { transform: translateY(0); }
}

/* animated-flow-beams 流程连线脉冲光波（tier:js 骨架：脉冲沿线流动，真实路径由 SVG 贝塞尔计算） */
@keyframes mo-animated-flow-beams-pulse {
  0% { left: 0; opacity: 0; width: 4px; }
  50% { opacity: 1; width: 18px; }
  100% { left: 100%; opacity: 0; width: 4px; }
}

/* scroll-drawn-svg 滚动手绘线条勾勒（tier:js 骨架：描边推进，真实进度由滚动百分比映射 dashoffset） */
@keyframes mo-scroll-drawn-svg-stroke {
  0% { stroke-dashoffset: 100; }
  100% { stroke-dashoffset: 0; }
}

/* rolling-number-odometer 机械滚轮数字翻牌器（tier:js 骨架：纵向滚轮，真实数值由列位移驱动） */
@keyframes mo-rolling-number-odometer-roll {
  0%, 15% { transform: translateY(0); }
  45%, 60% { transform: translateY(-1.15em); }
  85%, 100% { transform: translateY(-2.3em); }
}

/* text-scramble 黑客密码解密文本（tier:js 骨架：伪元素密文滚动，真实解密由高频字符替换驱动） */
@keyframes mo-text-scramble-cipher {
  0% { content: "010101"; }
  10% { content: "%$9#?@"; }
  20% { content: "X8#2*!"; }
  30% { content: "D#3CR7"; }
  40% { content: "DECR9P"; }
  50%, 85% { content: "DECRYPT"; color: #34d399; text-shadow: 0 0 8px #10b981; }
  90% { content: "#!92$0"; }
  95% { content: "101100"; }
}

/* magnetic-glow-button 磁吸吸附光晕按钮（tier:js 骨架：漂移吸附，真实吸力由距离向量阻尼驱动） */
@keyframes mo-magnetic-glow-button-pull {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(5px, -3px, 0) scale(1.04); }
  100% { transform: translate3d(-4px, 3px, 0) scale(1.02); }
}

/* noise-texture 动态噪点材质（tier:js 骨架：噪点高频抖动 + 环境光晕游移，真实颗粒由 Canvas 逐像素绘制） */
@keyframes mo-noise-texture-jitter {
  0% { transform: translate(0, 0); }
  25% { transform: translate(-3px, 4px); }
  50% { transform: translate(4px, -3px); }
  75% { transform: translate(-4px, -2px); }
  100% { transform: translate(3px, 2px); }
}
@keyframes mo-noise-texture-glow {
  0% { transform: translate(-15px, -10px); }
  100% { transform: translate(15px, 10px); }
}

/* grid-dot-proximity 点阵网格近邻感应高亮（tier:js 骨架：点呼吸放大，真实高亮由光标距离场驱动） */
@keyframes mo-grid-dot-proximity-glow {
  0% { transform: scale(1.4); }
  100% { transform: scale(2.1); }
}

/* canvas-ripple-grid 交互式粒子网格（tier:js 骨架：点阵波纹扩散演示，真实排开回弹由 Canvas 物理驱动） */
@keyframes mo-canvas-ripple-grid-wave {
  0%, 100% { transform: scale(0.85); background-color: var(--text-muted); opacity: 0.3; }
  50% { transform: scale(1.6); background-color: var(--accent-color); opacity: 1; box-shadow: 0 0 8px var(--accent-color); }
}

/* svg-path-morphing 路径形变果冻按钮（tier:js 骨架：果冻圆角形变近似演示，真实形变由 SVG path 贝塞尔插值驱动） */
@keyframes mo-svg-path-morphing-jelly {
  0%, 100% { border-radius: 24px; transform: scale(1) rotate(0deg); }
  30% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; transform: scale(1.1, 0.9) rotate(4deg); }
  65% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; transform: scale(0.92, 1.12) rotate(-4deg); }
}

/* twinkling-starfield 闪烁微光星空点阵（tier:js 骨架：星点闪烁自旋，真实星场由 Canvas 生成） */
@keyframes mo-twinkling-starfield-twinkle {
  0% { opacity: 0.2; transform: scale(0.6) rotate(0deg); }
  100% { opacity: 1; transform: scale(1.2) rotate(45deg); filter: drop-shadow(0 0 6px #ffffff); }
}

/* custom-cursor 鼠标跟随光标（tier:js 骨架：双圆巡游演示、外圈延迟追赶，真实跟随由惯性物理驱动） */
@keyframes mo-custom-cursor-path {
  0%, 100% { top: 30%; left: 30%; }
  25% { top: 30%; left: 70%; }
  50% { top: 70%; left: 70%; }
  75% { top: 70%; left: 30%; }
}
@keyframes mo-custom-cursor-path-delayed {
  0%, 100% { top: 30%; left: 30%; }
  25% { top: 30%; left: 70%; }
  50% { top: 70%; left: 70%; }
  75% { top: 70%; left: 30%; }
}

/* confetti-explosion 物理重力礼花爆炸（tier:js 骨架：纸屑喷射演示，真实粒子由 Canvas 重力物理驱动） */
@keyframes mo-confetti-explosion-burst {
  0% { transform: translate(0, 0) scale(1); opacity: 1; }
  50%, 100% { transform: translate(var(--dx, 24px), var(--dy, -24px)) rotate(180deg) scale(0.4); opacity: 0; }
}
/* 组件排版预设 token（v1.0，2026-11-14）
   项目级主题已由 static/css/site-themes.css 提供完整六层（配色/排版/形状/装饰/页面装饰/特效）；
   本文件保留为组件 props.toneOverride 的排版预设层（:root = 现代简约兜底），画布与发布端共用，
   发布端由 site_render.py 读取并注入，禁止手抄第二份。 */

:root,
[data-tone="modern"],
.cp-tone--modern {
  --cp-font-title: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --cp-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --cp-fs-display: 44px;
  --cp-fs-h1: 32px;
  --cp-fs-h2: 24px;
  --cp-fs-h3: 18px;
  --cp-fs-body: 16px;
  --cp-fs-sub: 14px;
  --cp-lh-tight: 1.25;
  --cp-lh-body: 1.65;
  --cp-title-weight: 600;
  --cp-title-spacing: 0;
  --cp-space-1: 4px;
  --cp-space-2: 8px;
  --cp-space-3: 12px;
  --cp-space-4: 16px;
  --cp-space-5: 24px;
  --cp-space-6: 32px;
  --cp-card-pad: 20px;
  --cp-section-gap: 32px;
  --cp-radius-xs: 4px;
  --cp-radius-sm: 8px;
  --cp-radius-md: 12px;
  --cp-radius-lg: 16px;
  --cp-border-w: 0px;
  --cp-border-c: rgba(0, 0, 0, 0.10);
  --cp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --cp-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --cp-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
  --cp-img-radius: 10px;
  --cp-img-fit: cover;
  --cp-cta-radius: 8px;
  --cp-cta-weight: 600;
  --cp-deco-line: 2px;
}

[data-tone="business"],
.cp-tone--business {
  --cp-font-title: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cp-font-body: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cp-fs-display: 40px;
  --cp-fs-h1: 30px;
  --cp-fs-h2: 22px;
  --cp-fs-h3: 16px;
  --cp-fs-body: 15px;
  --cp-fs-sub: 13px;
  --cp-lh-tight: 1.3;
  --cp-lh-body: 1.6;
  --cp-title-weight: 700;
  --cp-title-spacing: .5px;
  --cp-space-1: 4px;
  --cp-space-2: 6px;
  --cp-space-3: 10px;
  --cp-space-4: 14px;
  --cp-space-5: 20px;
  --cp-space-6: 28px;
  --cp-card-pad: 16px;
  --cp-section-gap: 28px;
  --cp-radius-xs: 2px;
  --cp-radius-sm: 4px;
  --cp-radius-md: 6px;
  --cp-radius-lg: 8px;
  --cp-border-w: 1px;
  --cp-border-c: rgba(0, 0, 0, 0.14);
  --cp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --cp-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
  --cp-shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.10);
  --cp-img-radius: 2px;
  --cp-img-fit: cover;
  --cp-cta-radius: 4px;
  --cp-cta-weight: 600;
  --cp-deco-line: 3px;
}

[data-tone="magazine"],
.cp-tone--magazine {
  --cp-font-title: Georgia, "Times New Roman", "Songti SC", "SimSun", serif;
  --cp-font-body: Georgia, "Times New Roman", "Songti SC", "SimSun", serif;
  --cp-fs-display: 48px;
  --cp-fs-h1: 34px;
  --cp-fs-h2: 26px;
  --cp-fs-h3: 20px;
  --cp-fs-body: 17px;
  --cp-fs-sub: 14px;
  --cp-lh-tight: 1.2;
  --cp-lh-body: 1.8;
  --cp-title-weight: 700;
  --cp-title-spacing: 1.5px;
  --cp-space-1: 6px;
  --cp-space-2: 10px;
  --cp-space-3: 16px;
  --cp-space-4: 24px;
  --cp-space-5: 32px;
  --cp-space-6: 48px;
  --cp-card-pad: 28px;
  --cp-section-gap: 48px;
  --cp-radius-xs: 0px;
  --cp-radius-sm: 0px;
  --cp-radius-md: 0px;
  --cp-radius-lg: 0px;
  --cp-border-w: 0px;
  --cp-border-c: rgba(0, 0, 0, 0.16);
  --cp-shadow-sm: none;
  --cp-shadow-md: none;
  --cp-shadow-lg: none;
  --cp-img-radius: 0px;
  --cp-img-fit: cover;
  --cp-cta-radius: 0px;
  --cp-cta-weight: 700;
  --cp-deco-line: 1px;
}

[data-tone="tech"],
.cp-tone--tech {
  --cp-font-title: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --cp-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --cp-fs-display: 42px;
  --cp-fs-h1: 30px;
  --cp-fs-h2: 22px;
  --cp-fs-h3: 16px;
  --cp-fs-body: 15px;
  --cp-fs-sub: 13px;
  --cp-lh-tight: 1.25;
  --cp-lh-body: 1.6;
  --cp-title-weight: 600;
  --cp-title-spacing: .8px;
  --cp-space-1: 4px;
  --cp-space-2: 6px;
  --cp-space-3: 10px;
  --cp-space-4: 14px;
  --cp-space-5: 20px;
  --cp-space-6: 28px;
  --cp-card-pad: 16px;
  --cp-section-gap: 28px;
  --cp-radius-xs: 4px;
  --cp-radius-sm: 6px;
  --cp-radius-md: 10px;
  --cp-radius-lg: 14px;
  --cp-border-w: 1px;
  --cp-border-c: rgba(38, 132, 210, 0.20);
  --cp-shadow-sm: 0 1px 2px rgba(20, 120, 200, 0.10);
  --cp-shadow-md: 0 4px 16px rgba(20, 120, 200, 0.12);
  --cp-shadow-lg: 0 12px 32px rgba(20, 120, 200, 0.18);
  --cp-img-radius: 6px;
  --cp-img-fit: cover;
  --cp-cta-radius: 6px;
  --cp-cta-weight: 600;
  --cp-deco-line: 2px;
}/* 主题包（Theme Pack）单一源 v1.0，2026-11-14
   依据 docs/主题风格合并与主题包重构需求文档.md v1.0。
   一套主题同时定义六层：配色 --sc-* / 排版 --cp-* / 形状 --cp-* / 组件装饰 --th-* / 页面装饰 --fx-layer / 页面特效 --fx-particle。
   本文件同时被画布（index.html）与发布端（site_render.py 读取原文注入）消费，禁止在 JS/Python 手抄第二份数值。 */

:root {
  --thff-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --thff-yahei: "Microsoft YaHei", "PingFang SC", sans-serif;
  --thff-songti: "SimSun", "Songti SC", "STSong", serif;
  --thff-serif: Georgia, "Times New Roman", "Songti SC", serif;
  --thff-kai: "Kaiti SC", "KaiTi", "STKaiti", serif;
  --thff-mono: Consolas, "Courier New", monospace;
  --th-parchment: radial-gradient(ellipse at 18% 22%, rgba(170,130,70,.12), transparent 55%), radial-gradient(ellipse at 82% 78%, rgba(130,95,45,.10), transparent 60%), repeating-linear-gradient(0deg, rgba(120,90,45,.04) 0 2px, transparent 2px 6px);
  --th-newspaper: repeating-linear-gradient(0deg, rgba(70,65,55,.05) 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, rgba(70,65,55,.03) 0 1px, transparent 1px 7px), radial-gradient(ellipse at 30% 30%, rgba(120,105,70,.06), transparent 55%);
  --th-grid: linear-gradient(rgba(90,120,150,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(90,120,150,.12) 1px, transparent 1px);
  --th-kraft: repeating-linear-gradient(35deg, rgba(130,95,50,.06) 0 1px, transparent 1px 7px), repeating-linear-gradient(-35deg, rgba(130,95,50,.04) 0 1px, transparent 1px 9px);
  --th-xuan: radial-gradient(ellipse at 30% 20%, rgba(120,110,95,.10), transparent 60%), repeating-linear-gradient(90deg, rgba(120,110,95,.03) 0 1px, transparent 1px 8px);
}

/* ========== 1 翡翠清新 ========== */
[data-theme="emerald-fresh"] {
  --sc-primary:#1e7e34; --sc-primary-dark:#155d26; --sc-accent:#27a745;
  --sc-text:#222; --sc-text-light:#666; --sc-bg:#fff; --sc-bg-alt:#f5f7f6; --sc-border:#e3e8e5;
  --sc-page-bg:#f3e7cf; --sc-page-bg-image:var(--th-parchment);
  --cp-font-title:var(--thff-system); --cp-font-body:var(--thff-system);
  --cp-fs-scale:1;
  --cp-fs-display:calc(44px * var(--cp-fs-scale)); --cp-fs-h1:calc(32px * var(--cp-fs-scale)); --cp-fs-h2:calc(24px * var(--cp-fs-scale));
  --cp-fs-h3:calc(18px * var(--cp-fs-scale)); --cp-fs-body:calc(16px * var(--cp-fs-scale)); --cp-fs-sub:calc(14px * var(--cp-fs-scale));
  --cp-lh-tight:1.25; --cp-lh-body:1.65; --cp-title-weight:600; --cp-title-spacing:0;
  --cp-space-1:4px; --cp-space-2:8px; --cp-space-3:12px; --cp-space-4:16px; --cp-space-5:24px; --cp-space-6:32px;
  --cp-card-pad:20px; --cp-section-gap:32px;
  --cp-radius-xs:4px; --cp-radius-sm:8px; --cp-radius-md:12px; --cp-radius-lg:16px;
  --cp-border-w:0px; --cp-border-c:rgba(0,0,0,.10);
  --cp-shadow-sm:0 1px 2px rgba(0,0,0,.06); --cp-shadow-md:0 4px 16px rgba(0,0,0,.08); --cp-shadow-lg:0 12px 32px rgba(0,0,0,.12);
  --cp-img-radius:10px; --cp-img-fit:cover; --cp-cta-radius:8px; --cp-cta-weight:600; --cp-deco-line:2px;
  --th-btn-bg:linear-gradient(180deg, var(--sc-primary), var(--sc-primary-dark)); --th-btn-fg:#fff;
  --th-img-ring:0 0 0 1px rgba(0,0,0,.06); --th-heading-deco:0px;
  --fx-particle:radial-gradient(circle at 20% 30%, rgba(30,126,52,.30) 0 2px, transparent 3px), radial-gradient(circle at 72% 64%, rgba(39,167,69,.26) 0 1.5px, transparent 2.5px);
  --fx-particle-size:240px 240px;
  --fx-layer:radial-gradient(ellipse at 15% 20%, rgba(30,126,52,.10), transparent 55%), radial-gradient(ellipse at 85% 80%, rgba(39,167,69,.08), transparent 55%);
  --fx-opacity:.42; --fx-speed:30s; --fx-layer-opacity:.35; --fx-breathe:14s;
}

/* ========== 2 深海商务 ========== */
[data-theme="ocean-business"] {
  --sc-primary:#1565c0; --sc-primary-dark:#0d47a1; --sc-accent:#2196f3;
  --sc-text:#1c1f24; --sc-text-light:#5a6472; --sc-bg:#fff; --sc-bg-alt:#f0f4fa; --sc-border:#dbe4ef;
  --sc-page-bg:#eef4fa; --sc-page-bg-image:none;
  --cp-font-title:var(--thff-yahei); --cp-font-body:var(--thff-yahei);
  --cp-fs-scale:1;
  --cp-fs-display:calc(40px * var(--cp-fs-scale)); --cp-fs-h1:calc(30px * var(--cp-fs-scale)); --cp-fs-h2:calc(22px * var(--cp-fs-scale));
  --cp-fs-h3:calc(16px * var(--cp-fs-scale)); --cp-fs-body:calc(15px * var(--cp-fs-scale)); --cp-fs-sub:calc(13px * var(--cp-fs-scale));
  --cp-lh-tight:1.3; --cp-lh-body:1.6; --cp-title-weight:700; --cp-title-spacing:.5px;
  --cp-space-1:4px; --cp-space-2:6px; --cp-space-3:10px; --cp-space-4:14px; --cp-space-5:20px; --cp-space-6:28px;
  --cp-card-pad:16px; --cp-section-gap:28px;
  --cp-radius-xs:2px; --cp-radius-sm:4px; --cp-radius-md:6px; --cp-radius-lg:8px;
  --cp-border-w:1px; --cp-border-c:rgba(0,0,0,.14);
  --cp-shadow-sm:0 1px 2px rgba(0,0,0,.04); --cp-shadow-md:0 2px 8px rgba(0,0,0,.06); --cp-shadow-lg:0 8px 20px rgba(0,0,0,.10);
  --cp-img-radius:2px; --cp-img-fit:cover; --cp-cta-radius:4px; --cp-cta-weight:600; --cp-deco-line:3px;
  --th-btn-bg:linear-gradient(180deg, var(--sc-primary), var(--sc-primary-dark)); --th-btn-fg:#fff;
  --th-img-ring:0 0 0 1px rgba(21,101,192,.16); --th-heading-deco:0px;
  --fx-particle:none; --fx-particle-size:auto;
  --fx-layer:linear-gradient(180deg, rgba(21,101,192,.07), transparent 42%), radial-gradient(ellipse at 88% 10%, rgba(33,150,243,.10), transparent 52%);
  --fx-opacity:0; --fx-speed:36s; --fx-layer-opacity:.5; --fx-breathe:18s;
}

/* ========== 3 皇家杂志 ========== */
[data-theme="royal-magazine"] {
  --sc-primary:#6a3fb5; --sc-primary-dark:#4e2a89; --sc-accent:#8e5cd9;
  --sc-text:#1a1a1a; --sc-text-light:#5c5666; --sc-bg:#fffdf8; --sc-bg-alt:#f6f2fb; --sc-border:#d9d2e3;
  --sc-page-bg:#fbf6e9; --sc-page-bg-image:repeating-linear-gradient(0deg, rgba(160,140,90,.035) 0 1px, transparent 1px 6px);
  --cp-font-title:var(--thff-serif); --cp-font-body:var(--thff-songti);
  --cp-fs-scale:1;
  --cp-fs-display:calc(48px * var(--cp-fs-scale)); --cp-fs-h1:calc(34px * var(--cp-fs-scale)); --cp-fs-h2:calc(26px * var(--cp-fs-scale));
  --cp-fs-h3:calc(20px * var(--cp-fs-scale)); --cp-fs-body:calc(17px * var(--cp-fs-scale)); --cp-fs-sub:calc(14px * var(--cp-fs-scale));
  --cp-lh-tight:1.2; --cp-lh-body:1.8; --cp-title-weight:700; --cp-title-spacing:1.5px;
  --cp-space-1:6px; --cp-space-2:10px; --cp-space-3:16px; --cp-space-4:24px; --cp-space-5:32px; --cp-space-6:48px;
  --cp-card-pad:28px; --cp-section-gap:48px;
  --cp-radius-xs:0px; --cp-radius-sm:0px; --cp-radius-md:0px; --cp-radius-lg:0px;
  --cp-border-w:1px; --cp-border-c:rgba(0,0,0,.16);
  --cp-shadow-sm:none; --cp-shadow-md:none; --cp-shadow-lg:none;
  --cp-img-radius:0px; --cp-img-fit:cover; --cp-cta-radius:0px; --cp-cta-weight:700; --cp-deco-line:1px;
  --th-btn-bg:none; --th-btn-fg:#fff;
  --th-img-ring:0 0 0 1px rgba(0,0,0,.16); --th-heading-deco:48px;
  --fx-particle:none; --fx-particle-size:auto;
  --fx-layer:none;
  --fx-opacity:0; --fx-speed:40s; --fx-layer-opacity:0; --fx-breathe:20s;
}

/* ========== 4 落日暖阳 ========== */
[data-theme="sunset-warm"] {
  --sc-primary:#e65100; --sc-primary-dark:#bf360c; --sc-accent:#f57c00;
  --sc-text:#241a12; --sc-text-light:#6b5a4b; --sc-bg:#fffaf5; --sc-bg-alt:#fdf5ef; --sc-border:#f0ddcc;
  --sc-page-bg:#fdf3e9; --sc-page-bg-image:radial-gradient(ellipse at 20% 15%, rgba(230,81,0,.08), transparent 55%), radial-gradient(ellipse at 80% 85%, rgba(245,124,0,.08), transparent 55%);
  --cp-font-title:var(--thff-system); --cp-font-body:var(--thff-system);
  --cp-fs-scale:1;
  --cp-fs-display:calc(46px * var(--cp-fs-scale)); --cp-fs-h1:calc(33px * var(--cp-fs-scale)); --cp-fs-h2:calc(25px * var(--cp-fs-scale));
  --cp-fs-h3:calc(19px * var(--cp-fs-scale)); --cp-fs-body:calc(16px * var(--cp-fs-scale)); --cp-fs-sub:calc(14px * var(--cp-fs-scale));
  --cp-lh-tight:1.28; --cp-lh-body:1.7; --cp-title-weight:600; --cp-title-spacing:.2px;
  --cp-space-1:5px; --cp-space-2:10px; --cp-space-3:14px; --cp-space-4:20px; --cp-space-5:28px; --cp-space-6:40px;
  --cp-card-pad:24px; --cp-section-gap:40px;
  --cp-radius-xs:8px; --cp-radius-sm:14px; --cp-radius-md:20px; --cp-radius-lg:28px;
  --cp-border-w:0px; --cp-border-c:rgba(0,0,0,.08);
  --cp-shadow-sm:0 2px 6px rgba(191,54,12,.08); --cp-shadow-md:0 8px 24px rgba(191,54,12,.12); --cp-shadow-lg:0 18px 44px rgba(191,54,12,.16);
  --cp-img-radius:18px; --cp-img-fit:cover; --cp-cta-radius:999px; --cp-cta-weight:600; --cp-deco-line:3px;
  --th-btn-bg:linear-gradient(135deg, #f57c00, #e65100); --th-btn-fg:#fff;
  --th-img-ring:0 0 0 2px rgba(245,124,0,.14); --th-heading-deco:0px;
  --fx-particle:radial-gradient(circle at 24% 36%, rgba(245,124,0,.34) 0 22px, transparent 46px), radial-gradient(circle at 78% 70%, rgba(230,81,0,.24) 0 30px, transparent 60px);
  --fx-particle-size:320px 320px;
  --fx-layer:radial-gradient(ellipse at 50% 0%, rgba(245,124,0,.14), transparent 60%), radial-gradient(ellipse at 50% 100%, rgba(230,81,0,.10), transparent 60%);
  --fx-opacity:.60; --fx-speed:24s; --fx-layer-opacity:.45; --fx-breathe:12s;
}

/* ========== 5 玛瑙赤刊 ========== */
[data-theme="crimson-editorial"] {
  --sc-primary:#c62828; --sc-primary-dark:#8e0000; --sc-accent:#ef5350;
  --sc-text:#1a1a1a; --sc-text-light:#5f5858; --sc-bg:#fff; --sc-bg-alt:#fbf1f1; --sc-border:#d8cccc;
  --sc-page-bg:#ece8dc; --sc-page-bg-image:var(--th-newspaper);
  --cp-font-title:var(--thff-serif); --cp-font-body:var(--thff-system);
  --cp-fs-scale:1;
  --cp-fs-display:calc(46px * var(--cp-fs-scale)); --cp-fs-h1:calc(34px * var(--cp-fs-scale)); --cp-fs-h2:calc(24px * var(--cp-fs-scale));
  --cp-fs-h3:calc(17px * var(--cp-fs-scale)); --cp-fs-body:calc(16px * var(--cp-fs-scale)); --cp-fs-sub:calc(13px * var(--cp-fs-scale));
  --cp-lh-tight:1.22; --cp-lh-body:1.75; --cp-title-weight:800; --cp-title-spacing:.4px;
  --cp-space-1:4px; --cp-space-2:8px; --cp-space-3:12px; --cp-space-4:18px; --cp-space-5:26px; --cp-space-6:36px;
  --cp-card-pad:20px; --cp-section-gap:34px;
  --cp-radius-xs:0px; --cp-radius-sm:2px; --cp-radius-md:3px; --cp-radius-lg:4px;
  --cp-border-w:1px; --cp-border-c:rgba(0,0,0,.18);
  --cp-shadow-sm:0 1px 0 rgba(0,0,0,.06); --cp-shadow-md:0 3px 10px rgba(0,0,0,.07); --cp-shadow-lg:0 10px 24px rgba(0,0,0,.10);
  --cp-img-radius:0px; --cp-img-fit:cover; --cp-cta-radius:2px; --cp-cta-weight:700; --cp-deco-line:4px;
  --th-btn-bg:none; --th-btn-fg:#fff;
  --th-img-ring:0 0 0 1px rgba(0,0,0,.20); --th-heading-deco:36px;
  --fx-particle:repeating-linear-gradient(45deg, rgba(198,40,40,.10) 0 1px, transparent 1px 18px);
  --fx-particle-size:36px 36px;
  --fx-layer:linear-gradient(90deg, rgba(198,40,40,.06) 0 1px, transparent 1px);
  --fx-opacity:.35; --fx-speed:44s; --fx-layer-opacity:.25; --fx-breathe:16s;
}

/* ========== 6 青碧科技 ========== */
[data-theme="teal-tech"] {
  --sc-primary:#00695c; --sc-primary-dark:#00463d; --sc-accent:#26a69a;
  --sc-text:#101a18; --sc-text-light:#54615f; --sc-bg:#fff; --sc-bg-alt:#eff7f5; --sc-border:#cfe1dd;
  --sc-page-bg:#eef1f4; --sc-page-bg-image:var(--th-grid);
  --sc-page-bg-size:24px 24px;
  --cp-font-title:var(--thff-system); --cp-font-body:var(--thff-system);
  --cp-fs-scale:1;
  --cp-fs-display:calc(42px * var(--cp-fs-scale)); --cp-fs-h1:calc(30px * var(--cp-fs-scale)); --cp-fs-h2:calc(22px * var(--cp-fs-scale));
  --cp-fs-h3:calc(16px * var(--cp-fs-scale)); --cp-fs-body:calc(15px * var(--cp-fs-scale)); --cp-fs-sub:calc(13px * var(--cp-fs-scale));
  --cp-lh-tight:1.25; --cp-lh-body:1.6; --cp-title-weight:600; --cp-title-spacing:.8px;
  --cp-space-1:4px; --cp-space-2:6px; --cp-space-3:10px; --cp-space-4:14px; --cp-space-5:20px; --cp-space-6:28px;
  --cp-card-pad:16px; --cp-section-gap:28px;
  --cp-radius-xs:4px; --cp-radius-sm:6px; --cp-radius-md:10px; --cp-radius-lg:14px;
  --cp-border-w:1px; --cp-border-c:rgba(0,105,92,.20);
  --cp-shadow-sm:0 1px 2px rgba(0,105,92,.10); --cp-shadow-md:0 4px 16px rgba(0,105,92,.12); --cp-shadow-lg:0 12px 32px rgba(0,105,92,.18);
  --cp-img-radius:6px; --cp-img-fit:cover; --cp-cta-radius:6px; --cp-cta-weight:600; --cp-deco-line:2px;
  --th-btn-bg:linear-gradient(90deg, var(--sc-primary), #00bfa5); --th-btn-fg:#fff;
  --th-img-ring:0 0 0 1px rgba(0,105,92,.22); --th-heading-deco:0px;
  --fx-particle:linear-gradient(rgba(38,166,154,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(38,166,154,.12) 1px, transparent 1px);
  --fx-particle-size:28px 28px;
  --fx-layer:radial-gradient(ellipse at 78% 8%, rgba(38,166,154,.16), transparent 55%), radial-gradient(ellipse at 10% 90%, rgba(0,191,165,.10), transparent 55%);
  --fx-opacity:.55; --fx-speed:18s; --fx-layer-opacity:.5; --fx-breathe:9s;
}

/* ========== 7 石墨极简 ========== */
[data-theme="slate-minimal"] {
  --sc-primary:#37474f; --sc-primary-dark:#263238; --sc-accent:#607d8b;
  --sc-text:#1c1f22; --sc-text-light:#6d7378; --sc-bg:#fff; --sc-bg-alt:#f7f8f9; --sc-border:#e5e8ea;
  --sc-page-bg:#f7f8f7; --sc-page-bg-image:none;
  --cp-font-title:var(--thff-system); --cp-font-body:var(--thff-system);
  --cp-fs-scale:1;
  --cp-fs-display:calc(40px * var(--cp-fs-scale)); --cp-fs-h1:calc(28px * var(--cp-fs-scale)); --cp-fs-h2:calc(21px * var(--cp-fs-scale));
  --cp-fs-h3:calc(16px * var(--cp-fs-scale)); --cp-fs-body:calc(16px * var(--cp-fs-scale)); --cp-fs-sub:calc(13px * var(--cp-fs-scale));
  --cp-lh-tight:1.2; --cp-lh-body:1.75; --cp-title-weight:600; --cp-title-spacing:0;
  --cp-space-1:6px; --cp-space-2:12px; --cp-space-3:18px; --cp-space-4:26px; --cp-space-5:38px; --cp-space-6:56px;
  --cp-card-pad:24px; --cp-section-gap:56px;
  --cp-radius-xs:0px; --cp-radius-sm:0px; --cp-radius-md:0px; --cp-radius-lg:0px;
  --cp-border-w:0px; --cp-border-c:transparent;
  --cp-shadow-sm:none; --cp-shadow-md:none; --cp-shadow-lg:none;
  --cp-img-radius:0px; --cp-img-fit:cover; --cp-cta-radius:0px; --cp-cta-weight:600; --cp-deco-line:1px;
  --th-btn-bg:none; --th-btn-fg:#fff;
  --th-img-ring:none; --th-heading-deco:0px;
  --fx-particle:none; --fx-particle-size:auto;
  --fx-layer:none;
  --fx-opacity:0; --fx-speed:40s; --fx-layer-opacity:0; --fx-breathe:20s;
}

/* ========== 8 午夜赛博 ========== */
[data-theme="midnight-cyber"] {
  --sc-primary:#5c8bff; --sc-primary-dark:#3d63cc; --sc-accent:#22d3ee;
  --sc-text:#e8ecf8; --sc-text-light:#9aa6c2; --sc-bg:#151a24; --sc-bg-alt:#1d2432; --sc-border:#33405a;
  --sc-page-bg:#080b12; --sc-page-bg-image:radial-gradient(ellipse at 80% 0%, rgba(34,211,238,.12), transparent 55%), radial-gradient(ellipse at 10% 90%, rgba(124,77,255,.12), transparent 55%);
  --cp-font-title:var(--thff-system); --cp-font-body:var(--thff-system);
  --cp-fs-scale:1;
  --cp-fs-display:calc(44px * var(--cp-fs-scale)); --cp-fs-h1:calc(32px * var(--cp-fs-scale)); --cp-fs-h2:calc(23px * var(--cp-fs-scale));
  --cp-fs-h3:calc(17px * var(--cp-fs-scale)); --cp-fs-body:calc(15px * var(--cp-fs-scale)); --cp-fs-sub:calc(13px * var(--cp-fs-scale));
  --cp-lh-tight:1.25; --cp-lh-body:1.7; --cp-title-weight:600; --cp-title-spacing:.6px;
  --cp-space-1:4px; --cp-space-2:8px; --cp-space-3:12px; --cp-space-4:18px; --cp-space-5:24px; --cp-space-6:34px;
  --cp-card-pad:20px; --cp-section-gap:32px;
  --cp-radius-xs:4px; --cp-radius-sm:8px; --cp-radius-md:12px; --cp-radius-lg:16px;
  --cp-border-w:1px; --cp-border-c:rgba(92,139,255,.28);
  --cp-shadow-sm:0 0 10px rgba(92,139,255,.14); --cp-shadow-md:0 0 22px rgba(92,139,255,.20); --cp-shadow-lg:0 0 40px rgba(34,211,238,.24);
  --cp-img-radius:8px; --cp-img-fit:cover; --cp-cta-radius:6px; --cp-cta-weight:600; --cp-deco-line:2px;
  --th-btn-bg:linear-gradient(90deg, #5c8bff, #8a5cff); --th-btn-fg:#fff;
  --th-img-ring:0 0 0 1px rgba(34,211,238,.30); --th-heading-deco:56px;
  --fx-particle:radial-gradient(circle at 30% 40%, rgba(255,255,255,.85) 0 1px, transparent 2px), radial-gradient(circle at 70% 70%, rgba(34,211,238,.75) 0 1.5px, transparent 3px), radial-gradient(circle at 50% 20%, rgba(138,92,255,.65) 0 1px, transparent 2px);
  --fx-particle-size:200px 200px;
  --fx-layer:radial-gradient(ellipse at 50% 0%, rgba(92,139,255,.20), transparent 60%), radial-gradient(ellipse at 50% 100%, rgba(34,211,238,.14), transparent 60%);
  --fx-opacity:.70; --fx-speed:26s; --fx-layer-opacity:.55; --fx-breathe:11s;
}

/* ========== 9 森林自然 ========== */
[data-theme="forest-organic"] {
  --sc-primary:#2e5d34; --sc-primary-dark:#1d3d21; --sc-accent:#43a047;
  --sc-text:#1b241b; --sc-text-light:#5a665a; --sc-bg:#fffef9; --sc-bg-alt:#f2f6f2; --sc-border:#d8e3d8;
  --sc-page-bg:#eef8f2; --sc-page-bg-image:radial-gradient(ellipse at 20% 10%, rgba(80,190,140,.12), transparent 55%), radial-gradient(ellipse at 80% 90%, rgba(60,170,160,.10), transparent 55%);
  --cp-font-title:var(--thff-system); --cp-font-body:var(--thff-system);
  --cp-fs-scale:1;
  --cp-fs-display:calc(45px * var(--cp-fs-scale)); --cp-fs-h1:calc(32px * var(--cp-fs-scale)); --cp-fs-h2:calc(24px * var(--cp-fs-scale));
  --cp-fs-h3:calc(18px * var(--cp-fs-scale)); --cp-fs-body:calc(16px * var(--cp-fs-scale)); --cp-fs-sub:calc(14px * var(--cp-fs-scale));
  --cp-lh-tight:1.3; --cp-lh-body:1.72; --cp-title-weight:600; --cp-title-spacing:.2px;
  --cp-space-1:5px; --cp-space-2:9px; --cp-space-3:14px; --cp-space-4:20px; --cp-space-5:28px; --cp-space-6:38px;
  --cp-card-pad:22px; --cp-section-gap:36px;
  --cp-radius-xs:6px; --cp-radius-sm:10px; --cp-radius-md:14px; --cp-radius-lg:20px;
  --cp-border-w:0px; --cp-border-c:rgba(46,93,52,.14);
  --cp-shadow-sm:0 2px 4px rgba(29,61,33,.06); --cp-shadow-md:0 6px 18px rgba(29,61,33,.10); --cp-shadow-lg:0 14px 34px rgba(29,61,33,.14);
  --cp-img-radius:14px; --cp-img-fit:cover; --cp-cta-radius:12px; --cp-cta-weight:600; --cp-deco-line:2px;
  --th-btn-bg:linear-gradient(180deg, var(--sc-accent), var(--sc-primary)); --th-btn-fg:#fff;
  --th-img-ring:0 0 0 1px rgba(46,93,52,.14); --th-heading-deco:0px;
  --fx-particle:radial-gradient(ellipse at 30% 40%, rgba(67,160,71,.26) 0 14px, transparent 34px), radial-gradient(ellipse at 76% 68%, rgba(38,166,154,.20) 0 18px, transparent 40px);
  --fx-particle-size:360px 360px;
  --fx-layer:radial-gradient(ellipse at 25% 15%, rgba(80,190,140,.14), transparent 55%), radial-gradient(ellipse at 75% 85%, rgba(60,170,160,.12), transparent 55%);
  --fx-opacity:.45; --fx-speed:34s; --fx-layer-opacity:.4; --fx-breathe:16s;
}

/* ========== 10 咖啡复古 ========== */
[data-theme="coffee-vintage"] {
  --sc-primary:#5d4037; --sc-primary-dark:#3e2723; --sc-accent:#8d6e63;
  --sc-text:#2a211c; --sc-text-light:#6b5a50; --sc-bg:#fffdf7; --sc-bg-alt:#f7f4f2; --sc-border:#ded2c6;
  --sc-page-bg:#ead9bd; --sc-page-bg-image:var(--th-kraft);
  --cp-font-title:var(--thff-serif); --cp-font-body:var(--thff-songti);
  --cp-fs-scale:1;
  --cp-fs-display:calc(46px * var(--cp-fs-scale)); --cp-fs-h1:calc(33px * var(--cp-fs-scale)); --cp-fs-h2:calc(25px * var(--cp-fs-scale));
  --cp-fs-h3:calc(19px * var(--cp-fs-scale)); --cp-fs-body:calc(16px * var(--cp-fs-scale)); --cp-fs-sub:calc(14px * var(--cp-fs-scale));
  --cp-lh-tight:1.24; --cp-lh-body:1.78; --cp-title-weight:700; --cp-title-spacing:1px;
  --cp-space-1:5px; --cp-space-2:9px; --cp-space-3:14px; --cp-space-4:20px; --cp-space-5:28px; --cp-space-6:40px;
  --cp-card-pad:24px; --cp-section-gap:40px;
  --cp-radius-xs:1px; --cp-radius-sm:3px; --cp-radius-md:5px; --cp-radius-lg:8px;
  --cp-border-w:1px; --cp-border-c:rgba(62,39,35,.18);
  --cp-shadow-sm:0 1px 2px rgba(62,39,35,.08); --cp-shadow-md:0 4px 12px rgba(62,39,35,.10); --cp-shadow-lg:0 12px 28px rgba(62,39,35,.14);
  --cp-img-radius:3px; --cp-img-fit:cover; --cp-cta-radius:4px; --cp-cta-weight:700; --cp-deco-line:3px;
  --th-btn-bg:none; --th-btn-fg:#fff;
  --th-img-ring:0 0 0 2px rgba(93,64,55,.18); --th-heading-deco:0px;
  --fx-particle:radial-gradient(circle at 20% 30%, rgba(93,64,55,.20) 0 1px, transparent 1.6px), radial-gradient(circle at 66% 58%, rgba(62,39,35,.14) 0 1px, transparent 1.6px);
  --fx-particle-size:22px 22px;
  --fx-layer:repeating-linear-gradient(0deg, rgba(120,90,45,.04) 0 2px, transparent 2px 6px);
  --fx-opacity:.40; --fx-speed:38s; --fx-layer-opacity:.35; --fx-breathe:18s;
}

/* ========== 11 五彩斑斓黑 ========== */
[data-theme="rainbow-black"] {
  --sc-primary:#a78bfa; --sc-primary-dark:#7c5cf6; --sc-accent:#22d3ee;
  --sc-text:#f5f5f7; --sc-text-light:#c7c7d1; --sc-bg:#17171c; --sc-bg-alt:#1f1f26; --sc-border:#3a3a44;
  --sc-page-bg:#0b0b0d; --sc-page-bg-image:radial-gradient(ellipse at 15% 20%, rgba(120,70,255,.28), transparent 55%), radial-gradient(ellipse at 85% 15%, rgba(0,190,255,.22), transparent 55%), radial-gradient(ellipse at 75% 85%, rgba(255,60,170,.24), transparent 55%), radial-gradient(ellipse at 20% 85%, rgba(0,255,190,.18), transparent 55%);
  --cp-font-title:var(--thff-system); --cp-font-body:var(--thff-system);
  --cp-fs-scale:1;
  --cp-fs-display:calc(46px * var(--cp-fs-scale)); --cp-fs-h1:calc(34px * var(--cp-fs-scale)); --cp-fs-h2:calc(25px * var(--cp-fs-scale));
  --cp-fs-h3:calc(18px * var(--cp-fs-scale)); --cp-fs-body:calc(16px * var(--cp-fs-scale)); --cp-fs-sub:calc(14px * var(--cp-fs-scale));
  --cp-lh-tight:1.26; --cp-lh-body:1.7; --cp-title-weight:700; --cp-title-spacing:.8px;
  --cp-space-1:4px; --cp-space-2:8px; --cp-space-3:12px; --cp-space-4:18px; --cp-space-5:26px; --cp-space-6:36px;
  --cp-card-pad:20px; --cp-section-gap:34px;
  --cp-radius-xs:6px; --cp-radius-sm:10px; --cp-radius-md:16px; --cp-radius-lg:22px;
  --cp-border-w:1px; --cp-border-c:rgba(255,255,255,.16);
  --cp-shadow-sm:0 0 12px rgba(120,70,255,.20); --cp-shadow-md:0 0 26px rgba(0,190,255,.20); --cp-shadow-lg:0 0 48px rgba(255,60,170,.22);
  --cp-img-radius:12px; --cp-img-fit:cover; --cp-cta-radius:10px; --cp-cta-weight:700; --cp-deco-line:2px;
  --th-btn-bg:linear-gradient(90deg, #7c5cf6, #00b8ff, #ff3caa); --th-btn-fg:#fff;
  --th-img-ring:0 0 0 1px rgba(255,255,255,.18); --th-heading-deco:64px;
  --fx-particle:radial-gradient(circle at 25% 30%, rgba(120,70,255,.85) 0 2px, transparent 3.5px), radial-gradient(circle at 70% 60%, rgba(0,190,255,.75) 0 2px, transparent 3.5px), radial-gradient(circle at 45% 80%, rgba(255,60,170,.70) 0 2px, transparent 3.5px), radial-gradient(circle at 85% 25%, rgba(0,255,190,.65) 0 1.5px, transparent 3px);
  --fx-particle-size:260px 260px;
  --fx-layer:radial-gradient(ellipse at 15% 20%, rgba(120,70,255,.22), transparent 55%), radial-gradient(ellipse at 85% 85%, rgba(255,60,170,.18), transparent 55%);
  --fx-opacity:.80; --fx-speed:22s; --fx-layer-opacity:.6; --fx-breathe:10s;
}

/* ========== 12 水墨国风 ========== */
[data-theme="ink-chinese"] {
  --sc-primary:#8c1f28; --sc-primary-dark:#5c141a; --sc-accent:#2b2b2b;
  --sc-text:#1c1c1c; --sc-text-light:#5b5b5b; --sc-bg:#fffdf7; --sc-bg-alt:#f3f0e8; --sc-border:#d8d3c6;
  --sc-page-bg:#f7f5ee; --sc-page-bg-image:var(--th-xuan);
  --cp-font-title:var(--thff-kai); --cp-font-body:var(--thff-songti);
  --cp-fs-scale:1;
  --cp-fs-display:calc(48px * var(--cp-fs-scale)); --cp-fs-h1:calc(36px * var(--cp-fs-scale)); --cp-fs-h2:calc(27px * var(--cp-fs-scale));
  --cp-fs-h3:calc(20px * var(--cp-fs-scale)); --cp-fs-body:calc(17px * var(--cp-fs-scale)); --cp-fs-sub:calc(14px * var(--cp-fs-scale));
  --cp-lh-tight:1.2; --cp-lh-body:1.9; --cp-title-weight:500; --cp-title-spacing:2px;
  --cp-space-1:6px; --cp-space-2:12px; --cp-space-3:18px; --cp-space-4:26px; --cp-space-5:36px; --cp-space-6:52px;
  --cp-card-pad:28px; --cp-section-gap:52px;
  --cp-radius-xs:0px; --cp-radius-sm:0px; --cp-radius-md:0px; --cp-radius-lg:0px;
  --cp-border-w:1px; --cp-border-c:rgba(43,43,43,.14);
  --cp-shadow-sm:none; --cp-shadow-md:none; --cp-shadow-lg:none;
  --cp-img-radius:0px; --cp-img-fit:cover; --cp-cta-radius:0px; --cp-cta-weight:500; --cp-deco-line:1px;
  --th-btn-bg:none; --th-btn-fg:#fff;
  --th-img-ring:0 0 0 1px rgba(43,43,43,.16); --th-heading-deco:40px;
  --fx-particle:radial-gradient(ellipse at 30% 35%, rgba(43,43,43,.10) 0 18px, transparent 42px), radial-gradient(ellipse at 72% 70%, rgba(140,31,40,.08) 0 12px, transparent 34px);
  --fx-particle-size:340px 340px;
  --fx-layer:radial-gradient(ellipse at 50% 0%, rgba(60,60,60,.10), transparent 58%), radial-gradient(ellipse at 20% 100%, rgba(140,31,40,.06), transparent 55%);
  --fx-opacity:.42; --fx-speed:40s; --fx-layer-opacity:.35; --fx-breathe:20s;
}

/* ========== 装饰层（页面级特效） ========== */
.sdtpd-deco { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
.cfb-canvas .sdtpd-deco { position: absolute; }
.sdtpd-deco::before {
  content: ""; position: absolute; inset: -30%;
  background-image: var(--fx-particle, none);
  background-size: var(--fx-particle-size, auto);
  opacity: var(--fx-opacity, .4);
  animation: th-fx-drift var(--fx-speed, 30s) linear infinite;
  will-change: transform;
}
.sdtpd-deco::after {
  content: ""; position: absolute; inset: 0;
  background-image: var(--fx-layer, none);
  opacity: var(--fx-layer-opacity, .3);
  animation: th-fx-breathe var(--fx-breathe, 14s) ease-in-out infinite alternate;
}
@keyframes th-fx-drift { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-6%, -4%, 0); } }
@keyframes th-fx-breathe { from { opacity: calc(var(--fx-layer-opacity, .3) * .55); } to { opacity: var(--fx-layer-opacity, .3); } }
@media (prefers-reduced-motion: reduce) {
  .sdtpd-deco::before, .sdtpd-deco::after { animation: none; }
}
[data-fx="off"] .sdtpd-deco { display: none; }

/* ========== 组件装饰（双前缀，变量驱动，默认零副作用） ========== */
[data-theme] .sdtpd-btn, [data-theme] .sb-btn { background-image: var(--th-btn-bg, none); color: var(--th-btn-fg, #fff); }
[data-theme] .sdtpd-imgtext img, [data-theme] .sb-imgtext img,
[data-theme] .sdtpd-imggrid img, [data-theme] .sb-imggrid img,
[data-theme] .sdtpd-gallery img, [data-theme] .sb-gallery img { box-shadow: var(--th-img-ring, none); }
[data-theme] .sdtpd-heading h2::after, [data-theme] .sb-heading h2::after {
  content: ""; display: block; width: var(--th-heading-deco, 0px); height: 3px;
  margin: var(--cp-space-2) auto 0; background: var(--sc-primary); border-radius: 2px;
}

/* ========== 项目自定义主题：非颜色项全部用属性块实现，双端零数值抄写 ========== */
[data-fs-scale="compact"] { --cp-fs-scale: .92; }
[data-fs-scale="normal"] { --cp-fs-scale: 1; }
[data-fs-scale="roomy"] { --cp-fs-scale: 1.08; }

[data-radius="none"] { --cp-radius-xs:0px; --cp-radius-sm:0px; --cp-radius-md:0px; --cp-radius-lg:0px; --cp-img-radius:0px; --cp-cta-radius:0px; }
[data-radius="sm"] { --cp-radius-xs:2px; --cp-radius-sm:4px; --cp-radius-md:6px; --cp-radius-lg:8px; --cp-img-radius:4px; --cp-cta-radius:4px; }
[data-radius="md"] { --cp-radius-xs:4px; --cp-radius-sm:8px; --cp-radius-md:12px; --cp-radius-lg:16px; --cp-img-radius:10px; --cp-cta-radius:8px; }
[data-radius="lg"] { --cp-radius-xs:8px; --cp-radius-sm:16px; --cp-radius-md:24px; --cp-radius-lg:32px; --cp-img-radius:20px; --cp-cta-radius:999px; }

[data-font="system"] { --cp-font-title: var(--thff-system); --cp-font-body: var(--thff-system); }
[data-font="yahei"] { --cp-font-title: var(--thff-yahei); --cp-font-body: var(--thff-yahei); }
[data-font="songti"] { --cp-font-title: var(--thff-songti); --cp-font-body: var(--thff-songti); }
[data-font="serif"] { --cp-font-title: var(--thff-serif); --cp-font-body: var(--thff-serif); }
[data-font="mono"] { --cp-font-title: var(--thff-mono); --cp-font-body: var(--thff-mono); }

[data-fx-level="low"] { --fx-opacity: .2; --fx-speed: 44s; --fx-layer-opacity: .3; }
[data-fx-level="mid"] { --fx-opacity: .5; --fx-speed: 30s; --fx-layer-opacity: .45; }
[data-fx-level="high"] { --fx-opacity: .85; --fx-speed: 18s; --fx-layer-opacity: .7; }
/* ========== 画布层叠与编辑器控件（发布端无此类，无副作用） ========== */
.cfb-canvas .cfb-canvas-body, .cfb-canvas .cfb-globalbar { position: relative; z-index: 1; }
.cf-th-color { display: flex; gap: 6px; align-items: center; }
.cf-th-color .form__input { flex: 1; min-width: 0; }
.cf-th-color input[type="color"] { width: 38px; height: 32px; padding: 2px; border: 1px solid var(--color-border, #d0d7de); border-radius: 4px; background: #fff; flex: 0 0 auto; }