/* Resume template library: /resume-templates, collections, design pages, profession hubs. */
.rt-section{padding:28px 0}
.rt-hero .sub{max-width:680px}
.rt-h2{font-family:var(--display);color:var(--ink);font-size:1.2rem;margin:26px 0 12px}
.rt-center{text-align:center}
.rt-cols{margin:6px 0 22px}
.rt-cols .rt-h2{text-align:center}
.rt-left{justify-content:flex-start}

/* filter bar */
.rt-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin:18px 0 10px}
.rt-f{display:flex;flex-direction:column;gap:4px;min-width:0}
.rt-f span{font-size:.75rem;font-weight:600;color:var(--ink-70)}
.rt-f select{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;color:var(--ink);font:inherit;font-size:.9rem}
.rt-f select:focus{outline:none;border-color:var(--c2);box-shadow:var(--focus-ring)}
.rt-f-actions{display:flex;align-items:center;gap:12px;grid-column:1/-1}
.rt-btn{min-height:44px;padding:10px 18px;border-radius:999px;border:none;background:var(--ink);color:#fff;font-family:var(--display);font-weight:700;font-size:.9rem;cursor:pointer}
.rt-filters.rt-js .rt-apply{display:none}
.rt-clear{color:var(--c2);font-size:.88rem;font-weight:600}
.rt-clear[hidden]{display:none}
@media (min-width:760px){.rt-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.rt-filters{grid-template-columns:repeat(6,minmax(0,1fr)) auto}.rt-f-actions{grid-column:auto}}
.rt-count{font-size:.85rem;color:var(--ink-50);margin:6px 0 12px}
.rt-empty{text-align:center;color:var(--ink-70);padding:24px 0}
.rt-empty a{color:var(--c2)}

/* grid + cards */
.rt-grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:700px){.rt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.rt-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
@media (min-width:1000px){.rt-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}}
.rt-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.rt-card[hidden]{display:none}
.rt-card:hover{border-color:var(--c2);box-shadow:var(--shadow-sm)}
.rt-link{display:block;color:var(--ink);text-decoration:none}
.rt-link:hover .rt-name,.rt-link:focus-visible .rt-name{color:var(--c2)}
.rt-thumb{display:block;aspect-ratio:420/594;background:#F4F5FB;border-bottom:1px solid var(--line);overflow:hidden}
.rt-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.rt-name{font-family:var(--display);font-size:.95rem;line-height:1.25;margin:0;padding:10px 12px 0}
.rt-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.rt-card>.rt-tags{padding:6px 12px 8px}
.rt-tags li{font-size:.75rem;line-height:1.2;padding:3px 7px;border-radius:999px;background:var(--ice);color:var(--ink-70)}
.rt-tags--lg li{font-size:.8rem;padding:4px 10px}
.rt-use{margin:auto 12px 12px;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border-radius:999px;border:1px solid var(--c2);color:var(--c2);font-family:var(--display);font-weight:700;font-size:.8rem;text-decoration:none;text-align:center}
.rt-use:hover,.rt-use:focus-visible{background:var(--c2);color:#fff}

/* placeholder until thumbnails are built: a small drawing of the layout in the design's accent */
.rt-ph{position:relative;display:flex;flex-direction:column;gap:10px;width:100%;height:100%;padding:16% 12% 10%;background:#fff;overflow:hidden}
.rt-ph-band{position:absolute;left:0;right:0;top:0;height:7%;background:var(--rt-a,#4B2ED6)}
.rt-ph b{font-family:var(--display);font-size:.9rem;line-height:1.2;color:var(--rt-a,#4B2ED6);text-align:center;word-break:break-word}
.rt-ph i{display:block;flex-shrink:0;height:6px;border-radius:3px;background:#E4E7F2}
.rt-ph i:nth-of-type(odd){width:80%}
.rt-ph i:first-of-type{width:40%;height:8px;background:var(--rt-a,#4B2ED6);opacity:.55}
.rt-ph--sidebar-left{padding-left:38%}
.rt-ph--sidebar-left::before,.rt-ph--sidebar-right::before{content:"";position:absolute;top:7%;bottom:0;width:30%;background:var(--rt-a,#4B2ED6);opacity:.14}
.rt-ph--sidebar-left::before{left:0}
.rt-ph--sidebar-right{padding-right:38%}
.rt-ph--sidebar-right::before{right:0}
.rt-ph--top-band .rt-ph-band{height:22%}
.rt-ph--top-band b{position:relative;color:#fff;margin-top:-6%}
.rt-ph--lg b{font-size:1.4rem}
.rt-ph--lg{gap:18px}
.rt-ph--lg i{height:10px}

/* design page */
.rt-design-in{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
@media (min-width:900px){.rt-design-in{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:40px}}
.rt-preview{margin:0;max-width:440px;width:100%;justify-self:center}
.rt-preview .rt-zoom,.rt-preview .rt-ph{display:block;aspect-ratio:420/594;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(12,14,51,.1);cursor:zoom-in}
.rt-preview .rt-ph{display:flex;cursor:default}
.rt-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.rt-preview figcaption{margin-top:8px;font-size:.78rem;color:var(--ink-50);text-align:center}
.rt-info h1{font-family:var(--display);font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.2;color:var(--ink);margin:0 0 10px}
.rt-lead{font-size:1.05rem;color:var(--ink-70);line-height:1.6;margin:0 0 12px}
.rt-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 6px}
.rt-actions .btn{max-width:100%}
.rt-free{font-size:.85rem;color:var(--ink-50);margin:0 0 16px}
.rt-facts{margin:0;display:grid;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.rt-facts div{display:grid;grid-template-columns:minmax(0,130px) minmax(0,1fr);gap:10px;padding:9px 12px;border-top:1px solid var(--line)}
.rt-facts div:first-child{border-top:none}
.rt-facts dt{font-size:.8rem;font-weight:600;color:var(--ink-50)}
.rt-facts dd{margin:0;font-size:.9rem;color:var(--ink)}
.rt-note{background:var(--pending-bg);border-left:3px solid var(--pending);border-radius:8px;padding:10px 12px;font-size:.9rem;color:var(--ink-70);margin:12px 0}
.rt-box{background:var(--ice);border-radius:14px;padding:16px 18px;margin:22px 0}
.rt-box .rt-h2{margin-top:0}
.rt-box p{margin:0 0 8px;color:var(--ink-70)}
.rt-box a{color:var(--c2);font-weight:600}
.rt-site-links{display:flex;flex-wrap:wrap;gap:16px}
.rt-more{text-align:center;margin:20px 0 6px}
.rt-more a{color:var(--c2);font-weight:600}
.rt-prose{margin-top:30px}
.rt-links{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin:24px 0}
@media (min-width:760px){.rt-links{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* lightbox */
.rt-lightbox{border:none;padding:0;background:transparent;max-width:min(96vw,840px);max-height:96vh;overflow:auto}
.rt-lightbox::backdrop{background:rgba(12,14,51,.8)}
.rt-lightbox img{display:block;width:100%;height:auto;max-height:none;background:#fff;border-radius:6px;cursor:zoom-out}
.rt-lb-close{position:sticky;top:8px;float:right;margin:8px 8px -48px 0;z-index:1;width:40px;height:40px;border-radius:50%;border:none;background:#fff;color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:var(--shadow-sm)}
@media (max-width:899px){.rt-preview{max-width:260px}}
/* Free kit on the profession hubs */
.rt-kit-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rt-kit-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:10px}
.rt-kit-list small{color:var(--ink-50);font-size:.8rem}
@media (min-width:760px){.rt-kit-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.rt-kit-list a{display:inline-flex;align-items:center;min-height:44px}.rt-kit-list li{padding-top:2px;padding-bottom:2px}}