.ctt-save-btn.saved{background:#fff0dd!important;color:#d87400!important}.ctt-category-card strong{display:block;font-weight:600}.ctt-category-card small{display:block;color:#60708a;font-size:11px;margin-top:4px}.ctt-auth select{width:100%;height:46px;border:1px solid #dce6f2;border-radius:11px;padding:0 12px;margin-bottom:10px;background:#fff}
/* ==========================================================
   v1.2.3 — Default thumbnails for every content type
   ========================================================== */
.ctt-default-thumbnail{
    position:relative;
    width:100%;
    height:100%;
    min-height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:
      radial-gradient(circle at 22% 18%,rgba(7,88,184,.10),transparent 35%),
      radial-gradient(circle at 82% 78%,rgba(255,151,0,.10),transparent 32%),
      linear-gradient(145deg,#f7fbff 0%,#ffffff 52%,#f8fbff 100%);
}
.ctt-default-thumbnail:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(7,88,184,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(7,88,184,.025) 1px,transparent 1px);
    background-size:24px 24px;
}
.ctt-default-thumbnail img{
    position:relative;
    z-index:1;
    display:block;
    width:min(76%,560px)!important;
    height:auto!important;
    max-height:66%!important;
    object-fit:contain!important;
    opacity:.17;
    filter:saturate(.9);
}
.ctt-card-media>.ctt-default-thumbnail,
.ctt-single-media>.ctt-default-thumbnail,
.ctt-post-featured>.ctt-default-thumbnail{height:100%}
.ctt-real-thumbnail{width:100%;height:100%;object-fit:cover}
.ctt-post-featured{aspect-ratio:16/9;border-radius:18px;overflow:hidden;margin:22px 0 28px;background:#f5f9fe}

/* ==========================================================
   v1.2.3 — Công Ty Tốt 360 assessment
   ========================================================== */
.ctt-assessment{
    --assess-border:#dbe6f3;
    --assess-soft:#f7faff;
    --assess-blue:var(--ctt-primary,#0758b8);
    --assess-orange:var(--ctt-secondary,#ff9700);
    border:1px solid var(--assess-border);
    border-radius:24px;
    background:#fff;
    box-shadow:0 18px 54px rgba(7,66,136,.08);
    overflow:hidden;
}
.ctt-assessment-header{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);
    gap:28px;
    align-items:end;
    padding:30px 32px 26px;
    border-bottom:1px solid var(--assess-border);
    background:linear-gradient(135deg,#fff 0%,#f8fbff 72%,#fff8ef 100%);
}
.ctt-assessment-header h2{
    margin:7px 0 8px;
    font-size:clamp(27px,3vw,40px);
    line-height:1.08;
    letter-spacing:-.035em;
    font-weight:600;
    color:#10233f;
}
.ctt-assessment-header p{margin:0;color:#60708a;max-width:760px;font-size:14px}
.ctt-assessment-scale{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}
.ctt-assessment-scale span{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-height:78px;
    padding:11px;
    border:1px solid var(--assess-border);
    border-radius:13px;
    background:rgba(255,255,255,.86);
    color:#5d6f87;
    font-size:11px;
    line-height:1.35;
}
.ctt-assessment-scale b{
    display:grid;
    place-items:center;
    width:27px;
    height:27px;
    border-radius:9px;
    background:#eaf3ff;
    color:var(--assess-blue);
    font-size:13px;
    font-weight:600;
}
.ctt-assessment-form{padding:26px 28px 30px}
.ctt-assessment-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.ctt-assessment-question{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:18px;
    padding:18px;
    border:1px solid var(--assess-border);
    border-radius:17px;
    background:#fff;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ctt-assessment-question:hover{
    border-color:#bdd4ef;
    box-shadow:0 10px 28px rgba(7,66,136,.08);
    transform:translateY(-1px);
}
.ctt-assessment-question:has(input:checked){
    border-color:color-mix(in srgb,var(--assess-blue) 45%,#fff);
    box-shadow:0 10px 30px rgba(7,88,184,.10);
}
.ctt-assessment-qhead{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    align-items:start;
}
.ctt-assessment-number{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:12px;
    background:#eef5ff;
    color:var(--assess-blue);
    font-size:13px;
    font-weight:600;
    letter-spacing:.03em;
}
.ctt-assessment-qhead strong{
    display:block;
    margin:1px 0 6px;
    color:#10233f;
    font-size:15px;
    line-height:1.35;
    font-weight:600;
}
.ctt-assessment-qhead p{
    margin:0;
    color:#60708a;
    font-size:12px;
    line-height:1.55;
}
.ctt-assessment-qhead small{display:block;margin-top:7px;color:#7a899c;font-size:11px}
.ctt-rating{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:7px;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
}
.ctt-rating legend{
    grid-column:1/-1;
    padding:0;
    margin:0 0 3px;
    color:#7b899b;
    font-size:10px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.ctt-rating label{display:block;position:relative;cursor:pointer;min-width:0}
.ctt-rating input{
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    pointer-events:none;
}
.ctt-rating span{
    display:grid;
    place-items:center;
    height:39px;
    border:1px solid #dce6f2;
    border-radius:10px;
    background:#f8fbff;
    color:#51647d;
    font-size:13px;
    font-weight:600;
    transition:.15s ease;
}
.ctt-rating label:hover span{border-color:#9fc2e9;background:#eef6ff;color:var(--assess-blue)}
.ctt-rating input:focus-visible+span{outline:3px solid rgba(7,88,184,.18);outline-offset:2px}
.ctt-rating input:checked+span{
    border-color:var(--assess-blue);
    background:var(--assess-blue);
    color:#fff;
    box-shadow:0 6px 14px rgba(7,88,184,.20);
}
.ctt-assessment-submit{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
    padding-top:20px;
}
.ctt-assessment-submit small{color:#708098;font-size:11px}
.ctt-assessment-submit .ctt-btn{min-width:230px}
.ctt-assessment-result{
    margin:0 28px 28px;
    padding:22px;
    display:grid;
    grid-template-columns:125px minmax(0,1fr);
    gap:22px;
    align-items:center;
    border:1px solid #cfe1f4;
    border-radius:18px;
    background:linear-gradient(135deg,#f3f8ff,#fff);
}
.ctt-assessment-result[hidden]{display:none!important}
.ctt-assessment-score{
    width:112px;
    height:112px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    border:8px solid #e2effd;
    background:#fff;
}
.ctt-assessment-score strong{font-size:34px;line-height:1;color:var(--assess-blue);font-weight:600}
.ctt-assessment-score span{margin-top:4px;color:#718298;font-size:11px}
.ctt-assessment-result h3{margin:0 0 5px;font-size:22px;font-weight:600}
.ctt-assessment-result p{margin:0 0 12px;color:#60708a;font-size:13px}
.ctt-result-tags{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 16px}
.ctt-result-tags span{padding:6px 10px;border-radius:999px;background:#eaf3ff;color:var(--assess-blue);font-size:11px;font-weight:600}

@media(max-width:960px){
    .ctt-assessment-header{grid-template-columns:1fr;align-items:start}
    .ctt-assessment-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
    .ctt-assessment{border-radius:18px}
    .ctt-assessment-header{padding:22px 16px 18px;gap:18px}
    .ctt-assessment-header h2{font-size:28px}
    .ctt-assessment-scale{grid-template-columns:1fr 1fr 1fr;gap:5px}
    .ctt-assessment-scale span{min-height:64px;padding:8px;font-size:9px}
    .ctt-assessment-scale b{width:24px;height:24px;font-size:11px}
    .ctt-assessment-form{padding:14px}
    .ctt-assessment-grid{gap:10px}
    .ctt-assessment-question{padding:14px;gap:14px;border-radius:14px}
    .ctt-assessment-qhead{grid-template-columns:36px minmax(0,1fr);gap:10px}
    .ctt-assessment-number{width:36px;height:36px;border-radius:10px;font-size:11px}
    .ctt-assessment-qhead strong{font-size:14px}
    .ctt-assessment-qhead p{font-size:11px}
    .ctt-rating{gap:5px}
    .ctt-rating span{height:36px;border-radius:8px;font-size:12px}
    .ctt-assessment-submit{align-items:stretch;flex-direction:column-reverse}
    .ctt-assessment-submit .ctt-btn{width:100%;min-width:0}
    .ctt-assessment-result{margin:0 14px 14px;padding:16px;grid-template-columns:1fr}
    .ctt-assessment-score{width:94px;height:94px}
}