/* 2026-10-08 certinfo (그록 봇): 취업정보 '지금 뜨는 자격증' 스티커 블록 (templates_blog/_cd_certhot.html)
   rail: ≥1440px(+ :has) 왼쪽 sticky 칸 안 맨 위 / inline: 그보다 좁으면 본문 아래쪽 가로 스와이프 줄. 차분한 초록(취업정보 #0d9488) */
.cd-cert{--ct:#0d9488;--ct2:#0f766e;--cts:#ecfdf5;--ctl:#a7f3d0;position:relative;background:#fff;border:1px solid #d1fae5;border-radius:16px;padding:16px 14px 10px;box-sizing:border-box}
.cd-cert__hd{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.cd-cert__hot{display:inline-block;transform:rotate(-8deg);background:#fde68a;color:#7c2d12;font-size:11px;font-weight:900;letter-spacing:.06em;line-height:1;padding:5px 7px 4px;border-radius:7px;border:2px solid #fff;box-shadow:0 2px 6px rgba(15,118,110,.22),0 0 0 1px #fcd34d}
.cd-cert__h{margin:0;font-size:15px;font-weight:800;color:#134e4a;letter-spacing:-.02em;line-height:1.3;flex:1;min-width:0}
.cd-cert__edit{flex:none;border:1px dashed var(--ctl);background:#fff;border-radius:8px;font-size:12px;line-height:1;padding:5px 6px;cursor:pointer}
.cd-cert__edit[hidden]{display:none}
.cd-cert__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.cd-cert__list li{margin:0;padding:0}
.cd-cert__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--cts);border:1px solid #d1fae5;color:inherit!important;text-decoration:none!important;min-height:44px;box-sizing:border-box;transition:transform .15s,box-shadow .15s}
.cd-cert__item:hover,.cd-cert__item:focus-visible{transform:translateY(-1px) rotate(-.4deg);box-shadow:0 3px 10px rgba(13,148,136,.14);border-color:var(--ctl)}
.cd-cert__rk{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:var(--ct2);background:#fff;border:2px solid var(--ctl)}
.cd-cert__item.is-top .cd-cert__rk{background:var(--ct);color:#fff;border-color:#fff;box-shadow:0 0 0 1.5px var(--ct)}
.cd-cert__list li:nth-child(1) .cd-cert__rk{transform:rotate(-6deg)}
.cd-cert__tx{min-width:0;display:flex;flex-direction:column;gap:1px}
.cd-cert__nm{font-size:13.5px;font-weight:750;color:#134e4a;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}
.cd-cert__sub{font-size:11.5px;color:#5b7f7a;line-height:1.3}
.cd-cert__cap{margin:8px 2px 0;font-size:11px;color:#94a3b8;line-height:1.4}
/* 좁은 화면: 가로 스와이프 줄 */
.cd-cert--inline{margin:28px 0 8px}
.cd-cert--inline .cd-cert__list{flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 6px;gap:10px}
.cd-cert--inline .cd-cert__list::-webkit-scrollbar{display:none}
.cd-cert--inline .cd-cert__list li{flex:0 0 172px;scroll-snap-align:start}
.cd-cert--inline .cd-cert__item{height:100%;align-items:flex-start;flex-direction:column;gap:8px;padding:10px 12px}
.cd-cert--inline .cd-cert__list li:nth-child(odd) .cd-cert__item{transform:rotate(-.6deg)}
.cd-cert--inline .cd-cert__list li:nth-child(even) .cd-cert__item{transform:rotate(.6deg)}
@media (max-width:480px){.cd-cert--inline .cd-cert__list li{flex-basis:46%}}
/* 왼쪽 칸 안 (rail) — 좁으면 숨김, 넓으면 inline 숨김 */
.cd-cert--rail{display:none}
.cd-hubleft--certonly,.cd-blogleft--certonly{display:none}
@supports selector(:has(*)) {
  @media (min-width:1440px) {
    .cd-cert--rail{display:block;padding:12px 12px 8px;margin:0 0 12px}
    .cd-hubleft--certonly,.cd-blogleft--certonly{display:block}
    .cd-cert--inline{display:none}
    .cd-cert--rail .cd-cert__h{font-size:14px}
    .cd-cert--rail .cd-cert__item{padding:7px 8px}
  }
}
/* 편집 창 (관리자·운영진) */
.cd-certed{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.cd-certed__box{background:#fff;border-radius:16px;width:min(560px,100%);max-height:90vh;overflow:auto;padding:18px 18px 14px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.cd-certed__box h3{margin:0 0 4px;font-size:17px}
.cd-certed__box p{margin:0 0 10px;font-size:12.5px;color:#64748b;line-height:1.5}
.cd-certed__row{display:grid;grid-template-columns:1.2fr 1.4fr 1.2fr auto auto;gap:6px;align-items:center;margin:0 0 6px}
.cd-certed__row input[type=text]{font:inherit;font-size:13px;padding:7px 8px;border:1px solid #d6dce8;border-radius:8px;min-width:0}
.cd-certed__row label{font-size:12px;white-space:nowrap}
.cd-certed__row button{border:0;background:none;cursor:pointer;font-size:15px}
.cd-certed__act{display:flex;gap:8px;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}
.cd-certed__act button{font:inherit;font-size:13.5px;font-weight:700;padding:8px 14px;border-radius:10px;border:1px solid #d6dce8;background:#fff;cursor:pointer}
.cd-certed__act .is-p{background:#0d9488;border-color:#0d9488;color:#fff}
.cd-certed__msg{font-size:12.5px;color:#b91c1c;margin-right:auto;align-self:center}
@media (max-width:560px){.cd-certed__row{grid-template-columns:1fr 1fr;}.cd-certed__row .s{grid-column:1/-1}}
@media print{.cd-cert{display:none!important}}
.cd-cert--post{max-width:920px;margin-left:auto;margin-right:auto}