:root {
    --tdr-navy: #1f2937;
    --tdr-blue: #2563eb;
    --tdr-green: #10b981;
    --tdr-bg: #f9fafb;
    --tdr-border: #e5e7eb;
    --tdr-text: #111827;
    --tdr-muted: #6b7280;
    --tdr-white: #ffffff;
}

.tdr-wrap {
    max-width: 1120px;
    margin: 0 auto;
    padding: 48px 20px;
    color: var(--tdr-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.tdr-narrow { max-width: 720px; }
.tdr-hero {
    background: linear-gradient(135deg, #ffffff 0%, #f0f6ff 100%);
    border: 1px solid var(--tdr-border);
    border-radius: 28px;
    padding: clamp(36px, 6vw, 72px);
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
}

.tdr-eyebrow {
    color: var(--tdr-blue);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 13px;
    margin: 0 0 12px;
}

.tdr-hero h1, .tdr-wrap h1 {
    color: var(--tdr-navy);
    font-size: clamp(36px, 6vw, 64px);
    line-height: 1.02;
    margin: 0 0 18px;
    letter-spacing: -0.04em;
}

.tdr-card h1, .tdr-card h2, .tdr-template-card h2 {
    color: var(--tdr-navy);
    margin-top: 0;
}

.tdr-lead, .tdr-lead-small {
    color: var(--tdr-muted);
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.6;
    max-width: 720px;
}

.tdr-lead-small { font-size: 18px; }
.tdr-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 28px; }

.tdr-button,
.tdr-wrap input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 20px;
    border-radius: 999px;
    background: var(--tdr-blue);
    color: #fff !important;
    text-decoration: none;
    border: 0;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(37, 99, 235, .22);
}

.tdr-button[disabled] { opacity: .55; cursor: not-allowed; }
.tdr-button-secondary { background: var(--tdr-navy); box-shadow: 0 8px 20px rgba(31,41,55,.18); }

.tdr-grid { display: grid; gap: 20px; margin-top: 28px; }
.tdr-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tdr-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tdr-template-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }

.tdr-card, .tdr-template-card {
    background: var(--tdr-white);
    border: 1px solid var(--tdr-border);
    border-radius: 22px;
    padding: 26px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

.tdr-card p, .tdr-template-card p { color: var(--tdr-muted); line-height: 1.6; }

.tdr-section-list { display: grid; gap: 10px; margin-top: 24px; }
.tdr-section-row {
    border: 1px solid var(--tdr-border);
    border-radius: 14px;
    padding: 14px 16px;
    background: var(--tdr-bg);
    font-weight: 650;
}

.tdr-template-thumb {
    position: relative;
    min-height: 220px;
    border-radius: 16px;
    background: repeating-linear-gradient(#fff, #fff 18px, #f3f4f6 19px, #f3f4f6 20px);
    border: 1px solid var(--tdr-border);
    overflow: hidden;
    margin-bottom: 18px;
}

.tdr-template-thumb::before {
    content: '';
    display: block;
    height: 34px;
    background: var(--tdr-navy);
    margin: 18px;
    border-radius: 8px;
}

.tdr-template-thumb span {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    transform: rotate(-28deg);
    color: rgba(37, 99, 235, .22);
    font-size: 28px;
    font-weight: 900;
    text-transform: uppercase;
    pointer-events: none;
}

.tdr-wrap input[type="text"],
.tdr-wrap input[type="email"],
.tdr-wrap input[type="password"],
.tdr-wrap textarea {
    width: 100%;
    border: 1px solid var(--tdr-border);
    border-radius: 12px;
    padding: 12px;
    background: #fff;
    color: var(--tdr-text);
    font: inherit;
}

.tdr-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 18px 0 34px;
}

.tdr-field { display: grid; gap: 8px; font-weight: 650; color: var(--tdr-navy); }
.tdr-field-full { grid-column: 1 / -1; }
.tdr-field span { font-size: 14px; }

.tdr-editor h2 {
    margin-top: 34px;
    border-top: 1px solid var(--tdr-border);
    padding-top: 28px;
}

.tdr-repeater-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 14px 0;
    padding: 18px;
    background: var(--tdr-bg);
    border: 1px solid var(--tdr-border);
    border-radius: 18px;
}

.tdr-repeater-row .tdr-field:last-child { grid-column: 1 / -1; }

.tdr-progress {
    height: 12px;
    background: #e5e7eb;
    border-radius: 999px;
    overflow: hidden;
    margin: 18px 0 8px;
}

.tdr-progress span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--tdr-blue), var(--tdr-green));
    border-radius: 999px;
}

.tdr-notice {
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 16px;
    font-weight: 700;
}

.tdr-notice-success { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.tdr-notice-error { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
.tdr-notice-warning { background: #fffbeb; color: #92400e; border: 1px solid #fde68a; }
.tdr-sticky-actions { position: sticky; bottom: 12px; background: rgba(255,255,255,.9); padding: 14px; border-radius: 20px; border: 1px solid var(--tdr-border); backdrop-filter: blur(8px); }
.tdr-checklist { display: grid; gap: 8px; padding-left: 22px; color: var(--tdr-muted); line-height: 1.6; }
.tdr-paypal-placeholder, .tdr-paypal-box { border: 1px dashed var(--tdr-border); border-radius: 16px; padding: 16px; background: var(--tdr-bg); }
.tdr-paypal-box { margin-top: 12px; text-align: center; font-weight: 800; color: var(--tdr-blue); }
.tdr-small { font-size: 14px; color: var(--tdr-muted); }

@media (max-width: 900px) {
    .tdr-three, .tdr-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .tdr-three, .tdr-four { grid-template-columns: 1fr; }
    .tdr-wrap { padding: 28px 16px; }
}


/* Phase 4A template selection polish */
.tdr-template-selected {
    border-color: var(--tdr-blue);
    box-shadow: 0 14px 34px rgba(37, 99, 235, .16);
    position: relative;
}

.tdr-template-selected::after {
    content: 'Selected';
    position: absolute;
    top: 14px;
    right: 14px;
    background: var(--tdr-green);
    color: #fff;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 800;
}

.tdr-template-thumb-modern-corporate::before { background: #0891b2; }
.tdr-template-thumb-minimal-clean::before { background: #4b5563; }
.tdr-template-thumb-creative-professional::before { background: linear-gradient(135deg, #2e1065, #7c3aed); }
.tdr-template-card form { margin-top: 16px; }


/* Phase 5.1 customer-owned account creation */
.tdr-auth-grid {
    align-items: start;
}

.tdr-grid.tdr-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tdr-form input[type="email"],
.tdr-form input[type="password"] {
    width: 100%;
    border: 1px solid #d7dde7;
    border-radius: 12px;
    padding: 0.85rem 0.95rem;
    margin: 0.25rem 0 0.9rem;
}

.tdr-form button[type="submit"] {
    margin-top: 0.25rem;
}

@media (max-width: 780px) {
    .tdr-grid.tdr-two {
        grid-template-columns: 1fr;
    }
}


/* Phase 5.2 workflow ownership and live template previews */
.tdr-form label { display: block; font-weight: 700; color: var(--tdr-navy); margin: 0.45rem 0 0.2rem; }
.tdr-inline-check { display: flex !important; align-items: center; gap: 0.5rem; color: var(--tdr-muted) !important; font-weight: 600 !important; }
.tdr-inline-check input { width: auto !important; }
.tdr-inline-form { margin: 16px 0; }
.tdr-resume-preview { border: 1px solid var(--tdr-border); border-radius: 16px; background: #fff; overflow: hidden; min-height: 300px; margin-bottom: 18px; font-size: 12px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); }
.tdr-preview-head { padding: 18px; display: grid; gap: 4px; }
.tdr-preview-head strong { font-size: 20px; line-height: 1.05; }
.tdr-preview-head span { opacity: .82; }
.tdr-preview-body { display: grid; grid-template-columns: 1fr 92px; gap: 12px; padding: 16px; }
.tdr-preview-body h3 { font-size: 10px; letter-spacing: .11em; text-transform: uppercase; margin: 0 0 6px; }
.tdr-preview-body p { font-size: 11px; line-height: 1.35; margin: 0 0 11px; color: inherit; }
.tdr-preview-side { border-radius: 12px; padding: 10px; }
.tdr-preview-side span { display: block; border-radius: 999px; padding: 4px 6px; margin: 4px 0; font-size: 10px; }
.tdr-preview-classic-professional .tdr-preview-head { background: #1f2937; color: #fff; }
.tdr-preview-classic-professional .tdr-preview-body h3 { color: #2563eb; border-bottom: 1px solid #e5e7eb; padding-bottom: 4px; }
.tdr-preview-classic-professional .tdr-preview-side { background: #f8fafc; border-left: 3px solid #2563eb; }
.tdr-preview-modern-corporate .tdr-preview-head { background: #0f172a; color: #fff; border-bottom: 6px solid #0891b2; }
.tdr-preview-modern-corporate .tdr-preview-body { grid-template-columns: 92px 1fr; }
.tdr-preview-modern-corporate .tdr-preview-main { order: 2; }
.tdr-preview-modern-corporate .tdr-preview-side { order: 1; background: #ecfeff; border-top: 3px solid #0891b2; }
.tdr-preview-modern-corporate .tdr-preview-body h3 { color: #0891b2; }
.tdr-preview-minimal-clean { box-shadow: none; }
.tdr-preview-minimal-clean .tdr-preview-head { background: #fff; color: #111827; border-bottom: 3px solid #e5e7eb; }
.tdr-preview-minimal-clean .tdr-preview-body { grid-template-columns: 1fr; }
.tdr-preview-minimal-clean .tdr-preview-side { background: #fff; border: 1px solid #e5e7eb; }
.tdr-preview-minimal-clean .tdr-preview-side span { border: 1px solid #e5e7eb; }
.tdr-preview-creative-professional { border-radius: 24px; }
.tdr-preview-creative-professional .tdr-preview-head { background: linear-gradient(135deg,#2e1065,#7c3aed); color: #fff; }
.tdr-preview-creative-professional .tdr-preview-body h3 { color: #7c3aed; }
.tdr-preview-creative-professional .tdr-preview-side { background: #f5f3ff; border-left: 3px solid #7c3aed; }
.tdr-preview-creative-professional .tdr-preview-side span { background: #ede9fe; color: #4c1d95; }
@media (max-width: 900px) { .tdr-preview-body { grid-template-columns: 1fr; } }


/* Phase 5.3 clickable A4 previews and clearer sandbox payment UX */
.tdr-notice-info { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }
.tdr-template-preview-link { display: block; color: inherit; text-decoration: none; }
.tdr-template-preview-link:hover .tdr-resume-preview { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(15,23,42,.12); }
.tdr-resume-preview { transition: transform .16s ease, box-shadow .16s ease; }
.tdr-preview-link-text { display: inline-flex; margin: -4px 0 14px; color: var(--tdr-blue); font-size: 13px; font-weight: 800; }
.tdr-a4-preview-card { margin: 28px 0 34px; }
.tdr-preview-toolbar { display: flex; gap: 20px; justify-content: space-between; align-items: flex-start; margin-bottom: 18px; }
.tdr-preview-toolbar h2 { font-size: clamp(28px, 4vw, 44px); margin: 0 0 8px; }
.tdr-preview-toolbar .tdr-actions { margin-top: 0; justify-content: flex-end; }
.tdr-a4-frame { width: 100%; min-height: 980px; border: 1px solid var(--tdr-border); border-radius: 18px; background: #f1f5f9; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4); }
@media (max-width: 780px) {
  .tdr-preview-toolbar { display: block; }
  .tdr-preview-toolbar .tdr-actions { justify-content: flex-start; }
  .tdr-a4-frame { min-height: 760px; }
}


/* Phase 5.5 branding, customer polish, and theme cleanup */
footer.wp-block-template-part { display: none !important; }
.tdr-brand-strip { display:flex; align-items:center; justify-content:space-between; gap:22px; margin:0 0 26px; padding:14px 16px; border:1px solid rgba(226,232,240,.9); border-radius:22px; background:rgba(255,255,255,.86); box-shadow:0 12px 32px rgba(15,23,42,.06); backdrop-filter:blur(10px); }
.tdr-brand-strip-compact { margin-bottom:18px; padding:10px 12px; }
.tdr-brand-logo { display:inline-flex; align-items:center; text-decoration:none; }
.tdr-brand-logo img { display:block; width:210px; max-width:48vw; height:auto; border-radius:14px; box-shadow:0 10px 22px rgba(15,23,42,.12); }
.tdr-brand-strip-compact .tdr-brand-logo img { width:158px; }
.tdr-brand-nav { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.tdr-brand-nav a { color:var(--tdr-navy); text-decoration:none; font-weight:800; font-size:14px; padding:8px 11px; border-radius:999px; background:#f8fafc; border:1px solid #e5e7eb; }
.tdr-brand-nav a:hover { color:#fff; background:var(--tdr-blue); border-color:var(--tdr-blue); }
.tdr-hero-split { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr); gap:32px; align-items:center; overflow:hidden; position:relative; }
.tdr-hero-split:before { content:''; position:absolute; right:-90px; top:-90px; width:240px; height:240px; border-radius:999px; background:radial-gradient(circle,rgba(16,185,129,.22),rgba(37,99,235,.04)); }
.tdr-home-sample { display:grid; place-items:center; }
.tdr-sample-page { width:min(320px,100%); min-height:420px; border-radius:20px; background:#fff; box-shadow:0 24px 70px rgba(15,23,42,.18); padding:32px; border:1px solid #e2e8f0; transform:rotate(2deg); }
.tdr-sample-page strong { display:block; font-size:30px; color:#0f172a; line-height:1; }
.tdr-sample-page span { display:block; color:#2563eb; font-weight:800; margin:8px 0 24px; }
.tdr-sample-page i { display:block; height:12px; background:#e5e7eb; border-radius:999px; margin:12px 0; }
.tdr-sample-page i.short { width:68%; }
.tdr-sample-page b { display:block; margin:28px 0 12px; color:#0f172a; text-transform:uppercase; font-size:13px; letter-spacing:.12em; }
.tdr-sample-page em { display:inline-block; width:72px; height:24px; border-radius:999px; background:#eff6ff; border:1px solid #bfdbfe; margin:4px; }
.tdr-feature-grid .tdr-card { position:relative; overflow:hidden; }
.tdr-feature-grid .tdr-card:after { content:''; position:absolute; inset:auto -40px -50px auto; width:120px; height:120px; border-radius:999px; background:rgba(37,99,235,.08); }
.tdr-editor .tdr-small { margin-top:-6px; max-width:760px; }
@media (max-width:840px) { .tdr-brand-strip, .tdr-hero-split { grid-template-columns:1fr; display:grid; } .tdr-brand-nav { justify-content:flex-start; } .tdr-hero-split { gap:22px; } }


/* Phase 5.6 homepage sales message, simplified nav, and Bluehost theme header cleanup */
body header.wp-block-template-part,
body .wp-site-blocks > header,
.wp-block-navigation__responsive-container,
.wp-block-social-links,
.wp-block-site-title,
.wp-block-post-title {
    display: none !important;
}
.tdr-brand-nav { gap: 8px; flex-wrap: nowrap; }
.tdr-brand-nav a { white-space: nowrap; }
.tdr-landing .tdr-hero h1 { max-width: 760px; }
#pricing { scroll-margin-top: 24px; }
@media (max-width: 920px) {
    .tdr-brand-strip { align-items: flex-start; }
    .tdr-brand-nav { flex-wrap: wrap; justify-content: flex-start; }
    .tdr-brand-nav a { font-size: 13px; padding: 7px 9px; }
}
@media (max-width: 560px) {
    .tdr-brand-logo img { width: 170px; }
    .tdr-brand-nav { gap: 6px; }
    .tdr-brand-nav a { font-size: 12px; padding: 6px 8px; }
}


/* Phase 5.8 expanded 30-template catalogue */
.tdr-template-card h2 { font-size: 1.05rem; }
.tdr-template-card p { min-height: 3.1em; }
.tdr-preview-classic-professional .tdr-preview-head { background: #1f2937; color:#fff; }
.tdr-preview-classic-professional .tdr-preview-body h3 { color: #2563eb; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-classic-professional .tdr-preview-side { background:#f8fafc; border-left:3px solid #2563eb; }
.tdr-preview-classic-professional .tdr-preview-side span { background:#fff; color:#1f2937; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-modern-corporate .tdr-preview-head { background: #0f172a; color:#fff; }
.tdr-preview-modern-corporate .tdr-preview-body h3 { color: #0891b2; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-modern-corporate .tdr-preview-side { background:#ecfeff; border-left:3px solid #0891b2; }
.tdr-preview-modern-corporate .tdr-preview-side span { background:#fff; color:#0f172a; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-modern-corporate .tdr-preview-body { grid-template-columns:92px 1fr; } .tdr-preview-modern-corporate .tdr-preview-main { order:2; } .tdr-preview-modern-corporate .tdr-preview-side { order:1; border-left:0; border-top:3px solid #0891b2; }
.tdr-preview-minimal-clean .tdr-preview-head { background: #111827; color:#fff; }
.tdr-preview-minimal-clean .tdr-preview-body h3 { color: #4b5563; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-minimal-clean .tdr-preview-side { background:#ffffff; border-left:3px solid #4b5563; }
.tdr-preview-minimal-clean .tdr-preview-side span { background:#fff; color:#111827; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-minimal-clean { box-shadow:none; } .tdr-preview-minimal-clean .tdr-preview-head { background:#fff; color:#111827; border-bottom:3px solid #e5e7eb; } .tdr-preview-minimal-clean .tdr-preview-body { grid-template-columns:1fr; }
.tdr-preview-creative-professional .tdr-preview-head { background: #2e1065; color:#fff; }
.tdr-preview-creative-professional .tdr-preview-body h3 { color: #7c3aed; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-creative-professional .tdr-preview-side { background:#f5f3ff; border-left:3px solid #7c3aed; }
.tdr-preview-creative-professional .tdr-preview-side span { background:#fff; color:#2e1065; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-creative-professional { border-radius:24px; } .tdr-preview-creative-professional .tdr-preview-head { background:linear-gradient(135deg,#2e1065,#7c3aed); color:#fff; }
.tdr-preview-executive-blueprint .tdr-preview-head { background: #172554; color:#fff; }
.tdr-preview-executive-blueprint .tdr-preview-body h3 { color: #2563eb; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-executive-blueprint .tdr-preview-side { background:#eff6ff; border-left:3px solid #2563eb; }
.tdr-preview-executive-blueprint .tdr-preview-side span { background:#fff; color:#172554; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-executive-blueprint .tdr-preview-head { background:#fff; color:#172554; border-top:10px solid #172554; border-bottom:3px solid #2563eb; } .tdr-preview-executive-blueprint .tdr-preview-side { border-left:0; border-top:4px solid #2563eb; }
.tdr-preview-graduate-starter .tdr-preview-head { background: #064e3b; color:#fff; }
.tdr-preview-graduate-starter .tdr-preview-body h3 { color: #10b981; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-graduate-starter .tdr-preview-side { background:#ecfdf5; border-left:3px solid #10b981; }
.tdr-preview-graduate-starter .tdr-preview-side span { background:#fff; color:#064e3b; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-graduate-starter { box-shadow:none; } .tdr-preview-graduate-starter .tdr-preview-head { background:#fff; color:#064e3b; border-bottom:3px solid #e5e7eb; } .tdr-preview-graduate-starter .tdr-preview-body { grid-template-columns:1fr; }
.tdr-preview-trades-practical .tdr-preview-head { background: #292524; color:#fff; }
.tdr-preview-trades-practical .tdr-preview-body h3 { color: #f97316; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-trades-practical .tdr-preview-side { background:#fff7ed; border-left:3px solid #f97316; }
.tdr-preview-trades-practical .tdr-preview-side span { background:#fff; color:#292524; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-trades-practical .tdr-preview-head { border-bottom:7px solid #f97316; } .tdr-preview-trades-practical .tdr-preview-body h3 { letter-spacing:.16em; }
.tdr-preview-healthcare-calm .tdr-preview-head { background: #164e63; color:#fff; }
.tdr-preview-healthcare-calm .tdr-preview-body h3 { color: #06b6d4; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-healthcare-calm .tdr-preview-side { background:#ecfeff; border-left:3px solid #06b6d4; }
.tdr-preview-healthcare-calm .tdr-preview-side span { background:#fff; color:#164e63; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-education-warm .tdr-preview-head { background: #422006; color:#fff; }
.tdr-preview-education-warm .tdr-preview-body h3 { color: #d97706; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-education-warm .tdr-preview-side { background:#fffbeb; border-left:3px solid #d97706; }
.tdr-preview-education-warm .tdr-preview-side span { background:#fff; color:#422006; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-hospitality-shift .tdr-preview-head { background: #7f1d1d; color:#fff; }
.tdr-preview-hospitality-shift .tdr-preview-body h3 { color: #ef4444; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-hospitality-shift .tdr-preview-side { background:#fef2f2; border-left:3px solid #ef4444; }
.tdr-preview-hospitality-shift .tdr-preview-side span { background:#fff; color:#7f1d1d; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-hospitality-shift .tdr-preview-head { border-bottom:7px solid #ef4444; } .tdr-preview-hospitality-shift .tdr-preview-body h3 { letter-spacing:.16em; }
.tdr-preview-tech-slate .tdr-preview-head { background: #020617; color:#fff; }
.tdr-preview-tech-slate .tdr-preview-body h3 { color: #38bdf8; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-tech-slate .tdr-preview-side { background:#f0f9ff; border-left:3px solid #38bdf8; }
.tdr-preview-tech-slate .tdr-preview-side span { background:#fff; color:#020617; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-tech-slate .tdr-preview-body { grid-template-columns:92px 1fr; } .tdr-preview-tech-slate .tdr-preview-main { order:2; } .tdr-preview-tech-slate .tdr-preview-side { order:1; border-left:0; border-top:3px solid #38bdf8; }
.tdr-preview-admin-organised .tdr-preview-head { background: #312e81; color:#fff; }
.tdr-preview-admin-organised .tdr-preview-body h3 { color: #6366f1; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-admin-organised .tdr-preview-side { background:#eef2ff; border-left:3px solid #6366f1; }
.tdr-preview-admin-organised .tdr-preview-side span { background:#fff; color:#312e81; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-finance-precise .tdr-preview-head { background: #14532d; color:#fff; }
.tdr-preview-finance-precise .tdr-preview-body h3 { color: #16a34a; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-finance-precise .tdr-preview-side { background:#f0fdf4; border-left:3px solid #16a34a; }
.tdr-preview-finance-precise .tdr-preview-side span { background:#fff; color:#14532d; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-finance-precise { box-shadow:none; } .tdr-preview-finance-precise .tdr-preview-head { background:#fff; color:#14532d; border-bottom:3px solid #e5e7eb; } .tdr-preview-finance-precise .tdr-preview-body { grid-template-columns:1fr; }
.tdr-preview-sales-impact .tdr-preview-head { background: #581c87; color:#fff; }
.tdr-preview-sales-impact .tdr-preview-body h3 { color: #a855f7; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-sales-impact .tdr-preview-side { background:#faf5ff; border-left:3px solid #a855f7; }
.tdr-preview-sales-impact .tdr-preview-side span { background:#fff; color:#581c87; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-sales-impact .tdr-preview-head { border-bottom:7px solid #a855f7; } .tdr-preview-sales-impact .tdr-preview-body h3 { letter-spacing:.16em; }
.tdr-preview-project-manager .tdr-preview-head { background: #1e3a8a; color:#fff; }
.tdr-preview-project-manager .tdr-preview-body h3 { color: #f59e0b; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-project-manager .tdr-preview-side { background:#fffbeb; border-left:3px solid #f59e0b; }
.tdr-preview-project-manager .tdr-preview-side span { background:#fff; color:#1e3a8a; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-project-manager .tdr-preview-head { background:#fff; color:#1e3a8a; border-top:10px solid #1e3a8a; border-bottom:3px solid #f59e0b; } .tdr-preview-project-manager .tdr-preview-side { border-left:0; border-top:4px solid #f59e0b; }
.tdr-preview-mining-resources .tdr-preview-head { background: #1c1917; color:#fff; }
.tdr-preview-mining-resources .tdr-preview-body h3 { color: #eab308; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-mining-resources .tdr-preview-side { background:#fefce8; border-left:3px solid #eab308; }
.tdr-preview-mining-resources .tdr-preview-side span { background:#fff; color:#1c1917; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-mining-resources .tdr-preview-head { border-bottom:7px solid #eab308; } .tdr-preview-mining-resources .tdr-preview-body h3 { letter-spacing:.16em; }
.tdr-preview-government-formal .tdr-preview-head { background: #1f2937; color:#fff; }
.tdr-preview-government-formal .tdr-preview-body h3 { color: #64748b; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-government-formal .tdr-preview-side { background:#f8fafc; border-left:3px solid #64748b; }
.tdr-preview-government-formal .tdr-preview-side span { background:#fff; color:#1f2937; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-government-formal .tdr-preview-head { background:#fff; color:#1f2937; border-bottom:2px solid #1f2937; } .tdr-preview-government-formal .tdr-preview-body h3 { color:#1f2937; }
.tdr-preview-community-services .tdr-preview-head { background: #14532d; color:#fff; }
.tdr-preview-community-services .tdr-preview-body h3 { color: #14b8a6; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-community-services .tdr-preview-side { background:#f0fdfa; border-left:3px solid #14b8a6; }
.tdr-preview-community-services .tdr-preview-side span { background:#fff; color:#14532d; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-creative-portfolio .tdr-preview-head { background: #4c0519; color:#fff; }
.tdr-preview-creative-portfolio .tdr-preview-body h3 { color: #ec4899; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-creative-portfolio .tdr-preview-side { background:#fdf2f8; border-left:3px solid #ec4899; }
.tdr-preview-creative-portfolio .tdr-preview-side span { background:#fff; color:#4c0519; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-creative-portfolio { border-radius:24px; } .tdr-preview-creative-portfolio .tdr-preview-head { background:linear-gradient(135deg,#4c0519,#ec4899); color:#fff; }
.tdr-preview-engineering-precision .tdr-preview-head { background: #0f172a; color:#fff; }
.tdr-preview-engineering-precision .tdr-preview-body h3 { color: #f97316; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-engineering-precision .tdr-preview-side { background:#fff7ed; border-left:3px solid #f97316; }
.tdr-preview-engineering-precision .tdr-preview-side span { background:#fff; color:#0f172a; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-engineering-precision .tdr-preview-body { grid-template-columns:92px 1fr; } .tdr-preview-engineering-precision .tdr-preview-main { order:2; } .tdr-preview-engineering-precision .tdr-preview-side { order:1; border-left:0; border-top:3px solid #f97316; }
.tdr-preview-legal-formal .tdr-preview-head { background: #111827; color:#fff; }
.tdr-preview-legal-formal .tdr-preview-body h3 { color: #991b1b; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-legal-formal .tdr-preview-side { background:#f9fafb; border-left:3px solid #991b1b; }
.tdr-preview-legal-formal .tdr-preview-side span { background:#fff; color:#111827; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-legal-formal .tdr-preview-head { background:#fff; color:#111827; border-bottom:2px solid #111827; } .tdr-preview-legal-formal .tdr-preview-body h3 { color:#111827; }
.tdr-preview-academic-cv .tdr-preview-head { background: #1e1b4b; color:#fff; }
.tdr-preview-academic-cv .tdr-preview-body h3 { color: #4338ca; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-academic-cv .tdr-preview-side { background:#eef2ff; border-left:3px solid #4338ca; }
.tdr-preview-academic-cv .tdr-preview-side span { background:#fff; color:#1e1b4b; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-academic-cv .tdr-preview-head { background:#fff; color:#1e1b4b; border-bottom:2px solid #1e1b4b; } .tdr-preview-academic-cv .tdr-preview-body h3 { color:#1e1b4b; }
.tdr-preview-customer-service .tdr-preview-head { background: #713f12; color:#fff; }
.tdr-preview-customer-service .tdr-preview-body h3 { color: #f59e0b; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-customer-service .tdr-preview-side { background:#fffbeb; border-left:3px solid #f59e0b; }
.tdr-preview-customer-service .tdr-preview-side span { background:#fff; color:#713f12; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-customer-service .tdr-preview-head { border-bottom:7px solid #f59e0b; } .tdr-preview-customer-service .tdr-preview-body h3 { letter-spacing:.16em; }
.tdr-preview-warehouse-logistics .tdr-preview-head { background: #374151; color:#fff; }
.tdr-preview-warehouse-logistics .tdr-preview-body h3 { color: #0ea5e9; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-warehouse-logistics .tdr-preview-side { background:#f0f9ff; border-left:3px solid #0ea5e9; }
.tdr-preview-warehouse-logistics .tdr-preview-side span { background:#fff; color:#374151; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-warehouse-logistics .tdr-preview-head { border-bottom:7px solid #0ea5e9; } .tdr-preview-warehouse-logistics .tdr-preview-body h3 { letter-spacing:.16em; }
.tdr-preview-apprentice-ready .tdr-preview-head { background: #365314; color:#fff; }
.tdr-preview-apprentice-ready .tdr-preview-body h3 { color: #84cc16; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-apprentice-ready .tdr-preview-side { background:#f7fee7; border-left:3px solid #84cc16; }
.tdr-preview-apprentice-ready .tdr-preview-side span { background:#fff; color:#365314; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-apprentice-ready { box-shadow:none; } .tdr-preview-apprentice-ready .tdr-preview-head { background:#fff; color:#365314; border-bottom:3px solid #e5e7eb; } .tdr-preview-apprentice-ready .tdr-preview-body { grid-template-columns:1fr; }
.tdr-preview-leadership-premium .tdr-preview-head { background: #0f172a; color:#fff; }
.tdr-preview-leadership-premium .tdr-preview-body h3 { color: #c084fc; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-leadership-premium .tdr-preview-side { background:#faf5ff; border-left:3px solid #c084fc; }
.tdr-preview-leadership-premium .tdr-preview-side span { background:#fff; color:#0f172a; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-leadership-premium .tdr-preview-head { background:#fff; color:#0f172a; border-top:10px solid #0f172a; border-bottom:3px solid #c084fc; } .tdr-preview-leadership-premium .tdr-preview-side { border-left:0; border-top:4px solid #c084fc; }
.tdr-preview-local-business .tdr-preview-head { background: #431407; color:#fff; }
.tdr-preview-local-business .tdr-preview-body h3 { color: #fb923c; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-local-business .tdr-preview-side { background:#fff7ed; border-left:3px solid #fb923c; }
.tdr-preview-local-business .tdr-preview-side span { background:#fff; color:#431407; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-security-operations .tdr-preview-head { background: #030712; color:#fff; }
.tdr-preview-security-operations .tdr-preview-body h3 { color: #22c55e; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-security-operations .tdr-preview-side { background:#f0fdf4; border-left:3px solid #22c55e; }
.tdr-preview-security-operations .tdr-preview-side span { background:#fff; color:#030712; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-security-operations .tdr-preview-head { border-bottom:7px solid #22c55e; } .tdr-preview-security-operations .tdr-preview-body h3 { letter-spacing:.16em; }
.tdr-preview-cleaning-facilities .tdr-preview-head { background: #155e75; color:#fff; }
.tdr-preview-cleaning-facilities .tdr-preview-body h3 { color: #67e8f9; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-cleaning-facilities .tdr-preview-side { background:#ecfeff; border-left:3px solid #67e8f9; }
.tdr-preview-cleaning-facilities .tdr-preview-side span { background:#fff; color:#155e75; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-cleaning-facilities { box-shadow:none; } .tdr-preview-cleaning-facilities .tdr-preview-head { background:#fff; color:#155e75; border-bottom:3px solid #e5e7eb; } .tdr-preview-cleaning-facilities .tdr-preview-body { grid-template-columns:1fr; }
.tdr-preview-career-change .tdr-preview-head { background: #312e81; color:#fff; }
.tdr-preview-career-change .tdr-preview-body h3 { color: #f43f5e; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-career-change .tdr-preview-side { background:#fff1f2; border-left:3px solid #f43f5e; }
.tdr-preview-career-change .tdr-preview-side span { background:#fff; color:#312e81; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-career-change .tdr-preview-head { border-bottom:7px solid #f43f5e; } .tdr-preview-career-change .tdr-preview-body h3 { letter-spacing:.16em; }


/* Phase 5.9 Jon feedback: varied headings and photo-friendly templates */
.tdr-wrap input[type="file"] { width: 100%; border: 1px solid var(--tdr-border); border-radius: 12px; padding: 12px; background: #fff; color: var(--tdr-text); }
.tdr-preview-photo { width: 52px; height: 52px; object-fit: cover; border-radius: 999px; border: 3px solid rgba(255,255,255,.8); margin-bottom: 4px; }
.tdr-preview-photo-profile .tdr-preview-head { background: linear-gradient(135deg,#134e4a,#14b8a6); color:#fff; }
.tdr-preview-photo-profile .tdr-preview-body h3 { color:#14b8a6; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-photo-profile .tdr-preview-side { background:#f0fdfa; border-left:3px solid #14b8a6; }
.tdr-preview-photo-profile .tdr-preview-side span { background:#fff; color:#134e4a; border:1px solid rgba(15,23,42,.08); }
.tdr-preview-photo-modern .tdr-preview-head { background:#1e1b4b; color:#fff; }
.tdr-preview-photo-modern .tdr-preview-body { grid-template-columns:92px 1fr; }
.tdr-preview-photo-modern .tdr-preview-main { order:2; }
.tdr-preview-photo-modern .tdr-preview-side { order:1; background:#f5f3ff; border-top:3px solid #8b5cf6; }
.tdr-preview-photo-modern .tdr-preview-body h3 { color:#8b5cf6; border-bottom:1px solid #e5e7eb; padding-bottom:4px; }
.tdr-preview-photo-modern .tdr-preview-side span { background:#fff; color:#1e1b4b; border:1px solid rgba(15,23,42,.08); }


/* Phase 6.0 Jon review: all-page workflow nav, purchase history, and template variation */
.tdr-workflow-links { display:flex; gap:8px; flex-wrap:wrap; margin:-8px 0 22px; }
.tdr-workflow-links a { text-decoration:none; color:var(--tdr-navy); background:#fff; border:1px solid var(--tdr-border); border-radius:999px; padding:8px 12px; font-weight:800; font-size:13px; }
.tdr-workflow-links a.is-current, .tdr-workflow-links a:hover { background:var(--tdr-blue); color:#fff; border-color:var(--tdr-blue); }
.tdr-history-card { margin-top:24px; }
.tdr-history-table-wrap { overflow-x:auto; margin-top:18px; }
.tdr-history-table { width:100%; border-collapse:collapse; font-size:14px; }
.tdr-history-table th, .tdr-history-table td { text-align:left; padding:12px 10px; border-bottom:1px solid var(--tdr-border); vertical-align:top; }
.tdr-history-table th { color:var(--tdr-navy); font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.tdr-history-table span { color:var(--tdr-muted); font-size:12px; }
.tdr-status-pill { display:inline-flex; border-radius:999px; padding:4px 9px; font-weight:800; font-size:12px; background:#f1f5f9; color:#334155; }
.tdr-status-paid { background:#dcfce7; color:#166534; }
.tdr-status-unpaid { background:#fef3c7; color:#92400e; }
.tdr-history-actions { display:flex; gap:8px; flex-wrap:wrap; }
.tdr-history-actions a { color:var(--tdr-blue); font-weight:800; text-decoration:none; }
@media (max-width:640px){ .tdr-history-table th:nth-child(2), .tdr-history-table td:nth-child(2), .tdr-history-table th:nth-child(4), .tdr-history-table td:nth-child(4){ display:none; } }


/* Phase 6.2 gallery differentiation: small cards echo each template's distinct script and visual language. */
.tdr-resume-preview .tdr-preview-head strong{display:block}.tdr-preview-classic-professional .tdr-preview-head strong{font-family:Georgia,'Times New Roman',serif;letter-spacing:.02em}.tdr-preview-modern-corporate .tdr-preview-head strong{font-family:'Trebuchet MS',Arial,sans-serif;text-transform:none}.tdr-preview-minimal-clean .tdr-preview-head strong{font-weight:300;text-transform:uppercase;letter-spacing:.14em}.tdr-preview-creative-professional .tdr-preview-head strong{font-family:Verdana,sans-serif;letter-spacing:-.06em}.tdr-preview-executive-blueprint .tdr-preview-head strong{font-family:Georgia,serif;text-align:center}.tdr-preview-graduate-starter .tdr-preview-head strong{font-family:'Arial Narrow',Arial,sans-serif}.tdr-preview-trades-practical .tdr-preview-head strong,.tdr-preview-mining-resources .tdr-preview-head strong,.tdr-preview-warehouse-logistics .tdr-preview-head strong,.tdr-preview-security-operations .tdr-preview-head strong{font-family:Impact,'Arial Black',Arial,sans-serif;text-transform:uppercase}.tdr-preview-healthcare-calm .tdr-preview-head strong,.tdr-preview-community-services .tdr-preview-head strong{font-family:Georgia,serif;font-weight:600}.tdr-preview-education-warm .tdr-preview-head strong{font-family:'Trebuchet MS',Arial,sans-serif}.tdr-preview-tech-slate .tdr-preview-head strong{font-family:'Courier New',monospace}.tdr-preview-admin-organised .tdr-preview-head strong,.tdr-preview-finance-precise .tdr-preview-head strong{letter-spacing:.12em;text-transform:uppercase}.tdr-preview-sales-impact .tdr-preview-head strong,.tdr-preview-customer-service .tdr-preview-head strong,.tdr-preview-hospitality-shift .tdr-preview-head strong{font-family:Verdana,sans-serif;letter-spacing:-.04em}.tdr-preview-project-manager .tdr-preview-head strong{font-family:'Arial Narrow',Arial,sans-serif;text-transform:uppercase}.tdr-preview-government-formal .tdr-preview-head strong,.tdr-preview-legal-formal .tdr-preview-head strong{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.09em}.tdr-preview-academic-cv .tdr-preview-head strong{font-family:Georgia,serif;font-weight:500}.tdr-preview-creative-portfolio .tdr-preview-head strong{font-family:Verdana,sans-serif;letter-spacing:-.08em}.tdr-preview-engineering-precision .tdr-preview-head strong{font-family:'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em}.tdr-preview-apprentice-ready .tdr-preview-head strong{font-family:'Arial Narrow',Arial,sans-serif}.tdr-preview-leadership-premium .tdr-preview-head strong{font-family:Georgia,serif;text-align:center}.tdr-preview-local-business .tdr-preview-head strong{font-family:Arial,sans-serif}.tdr-preview-cleaning-facilities .tdr-preview-head strong{font-weight:700;letter-spacing:.04em}.tdr-preview-career-change .tdr-preview-head strong{font-family:'Trebuchet MS',Arial,sans-serif}.tdr-preview-photo-profile .tdr-preview-head{text-align:center}.tdr-preview-photo-profile .tdr-preview-photo{float:none;margin:0 auto 8px}.tdr-preview-photo-modern .tdr-preview-photo{border-radius:12px}.tdr-preview-government-formal .tdr-preview-body,.tdr-preview-academic-cv .tdr-preview-body{grid-template-columns:1fr}.tdr-preview-creative-portfolio .tdr-preview-body{grid-template-columns:1fr}.tdr-preview-project-manager .tdr-preview-body,.tdr-preview-tech-slate .tdr-preview-body,.tdr-preview-engineering-precision .tdr-preview-body,.tdr-preview-photo-modern .tdr-preview-body{grid-template-columns:92px 1fr}.tdr-preview-project-manager .tdr-preview-main,.tdr-preview-tech-slate .tdr-preview-main,.tdr-preview-engineering-precision .tdr-preview-main,.tdr-preview-photo-modern .tdr-preview-main{order:2}.tdr-preview-project-manager .tdr-preview-side,.tdr-preview-tech-slate .tdr-preview-side,.tdr-preview-engineering-precision .tdr-preview-side,.tdr-preview-photo-modern .tdr-preview-side{order:1}.tdr-preview-sales-impact .tdr-preview-body h3::before{content:'UP '}.tdr-preview-career-change .tdr-preview-body h3::after{content:' / transferable';font-size:8px;text-transform:none;letter-spacing:0}.tdr-preview-mining-resources .tdr-preview-body h3,.tdr-preview-trades-practical .tdr-preview-body h3,.tdr-preview-security-operations .tdr-preview-body h3{background:rgba(0,0,0,.06);padding:4px 6px;border:0}.tdr-preview-healthcare-calm .tdr-preview-body h3,.tdr-preview-education-warm .tdr-preview-body h3,.tdr-preview-community-services .tdr-preview-body h3{font-family:Georgia,serif;text-transform:none;letter-spacing:0;font-size:12px}.tdr-preview-minimal-clean .tdr-preview-side span,.tdr-preview-finance-precise .tdr-preview-side span,.tdr-preview-cleaning-facilities .tdr-preview-side span{border-radius:0}.tdr-preview-creative-professional,.tdr-preview-creative-portfolio,.tdr-preview-sales-impact,.tdr-preview-photo-profile{overflow:hidden}


/* Phase 6.3 editor controls: employment box options and standardised reference boxes. */
.tdr-box-style-control select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;background:#fff;color:#0f172a}.tdr-box-style-control small{display:block;margin-top:6px;color:#64748b;line-height:1.45}.tdr-repeater-row-work_history,.tdr-repeater-row-references{border:1px solid #dbeafe;background:#f8fbff;border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 8px 20px rgba(37,99,235,.05)}.tdr-repeater-row-references{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-color:#ddd6fe;background:#fbfaff}.tdr-repeater-row-references .tdr-field{margin:0}@media (max-width:720px){.tdr-repeater-row-references{grid-template-columns:1fr}}


/* Phase 6.4 editor repeater UX: no customer-facing "boxed entry" labels; add-more buttons for repeatable sections. */
.tdr-repeater{margin-bottom:20px}.tdr-repeater-rows{display:block}.tdr-repeater-row-work_history,.tdr-repeater-row-references{position:relative}.tdr-repeater-row-work_history::before,.tdr-repeater-row-references::before{content:none!important;display:none!important}.tdr-add-row{appearance:none;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:10px 14px;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 6px 14px rgba(37,99,235,.08);margin:2px 0 18px}.tdr-add-row:hover,.tdr-add-row:focus{background:#dbeafe;border-color:#93c5fd;outline:2px solid rgba(37,99,235,.16);outline-offset:2px}.tdr-repeater-row-education{border:1px solid #dbeafe;background:#f8fbff;border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 8px 20px rgba(37,99,235,.05)}@media (max-width:720px){.tdr-sticky-actions{position:static!important;margin-top:22px}.tdr-sticky-actions .tdr-button{width:100%;justify-content:center;text-align:center}.tdr-add-row{width:100%;text-align:center}.tdr-repeater-row-work_history,.tdr-repeater-row-education,.tdr-repeater-row-references{padding:14px}}


/* Phase 6.5 Jon fixes: real logos, single nav row, editor repeaters, template masthead differentiation. */
.tdr-brand-logo img { width: min(360px, 46vw); max-width: 100%; height: auto; object-fit: contain; border-radius: 12px; }
.tdr-brand-strip-compact .tdr-brand-logo img { width: min(270px, 42vw); }
.tdr-brand-strip { align-items: center; }
.tdr-workflow-links { display: none !important; }
.tdr-required-warning { border-left: 6px solid #f59e0b; }
.tdr-confirm-missing { grid-column: 1 / -1; background:#fffbeb; border:1px solid #fde68a; border-radius:12px; padding:12px; }
.tdr-downloads-card { border: 2px solid #bfdbfe; background: linear-gradient(180deg,#eff6ff,#fff); }
.tdr-history-actions a { display:inline-block; margin: 0 8px 8px 0; font-weight:800; }
.tdr-repeater-row-skill_items { grid-template-columns: 1fr; }
.tdr-repeater-row-references { grid-template-columns: repeat(2,minmax(0,1fr)); border-left: 5px solid var(--tdr-blue); }
.tdr-repeater-row-references .tdr-field:last-child { grid-column: 1 / -1; }
.tdr-resume-preview .tdr-preview-head strong { display:block; }
.tdr-preview-classic-professional .tdr-preview-head strong{font-family:Georgia,serif;font-size:24px;letter-spacing:.02em}.tdr-preview-classic-professional .tdr-preview-head span{text-transform:uppercase;letter-spacing:.15em;font-size:11px}
.tdr-preview-modern-corporate .tdr-preview-head strong{font-family:'Trebuchet MS',Arial;font-size:22px;font-weight:900;letter-spacing:-.05em}.tdr-preview-modern-corporate .tdr-preview-head span{font-weight:800}
.tdr-preview-minimal-clean .tdr-preview-head strong{font-family:Helvetica,Arial;font-size:20px;font-weight:300;text-transform:uppercase;letter-spacing:.14em}.tdr-preview-minimal-clean .tdr-preview-head span{letter-spacing:.22em;text-transform:uppercase;font-size:10px}
.tdr-preview-creative-professional .tdr-preview-head strong{font-family:Verdana;font-size:24px;font-weight:900;letter-spacing:-.08em}.tdr-preview-creative-professional .tdr-preview-head span{font-style:italic}
.tdr-preview-tech-slate .tdr-preview-head strong{font-family:'Courier New',monospace;font-size:20px}.tdr-preview-tech-slate .tdr-preview-head span{font-family:'Courier New',monospace;color:#38bdf8}
.tdr-preview-trades-practical .tdr-preview-head strong,.tdr-preview-mining-resources .tdr-preview-head strong,.tdr-preview-warehouse-logistics .tdr-preview-head strong,.tdr-preview-security-operations .tdr-preview-head strong{font-family:Impact,'Arial Black',Arial;text-transform:uppercase;letter-spacing:.05em}.tdr-preview-trades-practical .tdr-preview-head span,.tdr-preview-mining-resources .tdr-preview-head span,.tdr-preview-warehouse-logistics .tdr-preview-head span,.tdr-preview-security-operations .tdr-preview-head span{text-transform:uppercase;font-weight:900;letter-spacing:.12em}
.tdr-preview-executive-blueprint .tdr-preview-head strong,.tdr-preview-leadership-premium .tdr-preview-head strong{font-family:Georgia,serif;font-size:25px}.tdr-preview-executive-blueprint .tdr-preview-head span,.tdr-preview-leadership-premium .tdr-preview-head span{text-transform:uppercase;letter-spacing:.18em}
.tdr-preview-government-formal .tdr-preview-head strong,.tdr-preview-legal-formal .tdr-preview-head strong,.tdr-preview-academic-cv .tdr-preview-head strong{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.08em}
@media (max-width: 640px) { .tdr-brand-logo img { width: min(250px, 78vw); } .tdr-repeater-row-references { grid-template-columns: 1fr; } }

/* Work description polish helper */
.tdr-polish-tools{margin:-6px 0 12px;display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.tdr-polish-button{appearance:none;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px;cursor:pointer;box-shadow:0 6px 14px rgba(37,99,235,.08)}.tdr-polish-button:hover,.tdr-polish-button:focus{background:#dbeafe;border-color:#93c5fd;outline:2px solid rgba(37,99,235,.16);outline-offset:2px}.tdr-polish-tools small{color:#64748b;line-height:1.45;max-width:680px}


/* Phase 7.0 — mobile-first layout foundation (staging review) */
html, body { max-width: 100%; overflow-x: clip; }
.tdr-wrap, .tdr-wrap * { box-sizing: border-box; }
.tdr-brand-strip, .tdr-hero-split, .tdr-grid { min-width: 0; }
.tdr-brand-nav a, .tdr-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

@media (max-width: 720px) {
  .tdr-wrap { width: 100%; padding: 24px 16px; }
  .tdr-brand-strip {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 18px;
    border-radius: 22px;
  }
  .tdr-brand-logo { justify-self: center; width: min(240px, 82vw); }
  .tdr-brand-logo img,
  .tdr-brand-strip-compact .tdr-brand-logo img {
    display: block;
    width: 100%;
    max-width: 240px;
    border-radius: 10px;
  }
  .tdr-brand-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 8px;
  }
  .tdr-brand-nav a {
    width: 100%;
    margin: 0;
    padding: 10px 8px;
    text-align: center;
    white-space: normal;
    line-height: 1.15;
  }
  .tdr-hero, .tdr-hero-split {
    grid-template-columns: 1fr;
    padding: 34px 24px;
    border-radius: 24px;
  }
  .tdr-hero h1 { font-size: clamp(2.35rem, 12vw, 3.4rem); line-height: .98; }
  .tdr-lead { font-size: 1.05rem; line-height: 1.6; }
  .tdr-home-sample { display: none; }
  .tdr-actions { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .tdr-actions .tdr-button { width: 100%; margin: 0; padding: 14px 16px; }
  .tdr-three, .tdr-feature-grid { grid-template-columns: 1fr; }
  .tdr-card { min-width: 0; }
}

@media (max-width: 420px) {
  .tdr-wrap { padding-inline: 12px; }
  .tdr-brand-strip { padding: 16px 12px; }
  .tdr-brand-nav { grid-template-columns: 1fr 1fr; gap: 6px; }
  .tdr-brand-nav a { font-size: 13px; }
  .tdr-hero, .tdr-hero-split { padding: 30px 20px; }
}


/* Phase 7.0 — mobile-first layout foundation (staging review) */
html, body { max-width: 100%; overflow-x: clip; }
.tdr-wrap, .tdr-wrap * { box-sizing: border-box; }
.tdr-brand-strip, .tdr-hero-split, .tdr-grid { min-width: 0; }
.tdr-brand-nav a, .tdr-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

@media (max-width: 720px) {
  .tdr-wrap { width: 100%; padding: 24px 16px; }
  .tdr-brand-strip {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 18px;
    border-radius: 22px;
  }
  .tdr-brand-logo { justify-self: center; width: min(240px, 82vw); }
  .tdr-brand-logo img,
  .tdr-brand-strip-compact .tdr-brand-logo img {
    display: block;
    width: 100%;
    max-width: 240px;
    border-radius: 10px;
  }
  .tdr-brand-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 8px;
  }
  .tdr-brand-nav a {
    width: 100%;
    margin: 0;
    padding: 10px 8px;
    text-align: center;
    white-space: normal;
    line-height: 1.15;
  }
  .tdr-hero, .tdr-hero-split {
    grid-template-columns: 1fr;
    padding: 34px 24px;
    border-radius: 24px;
  }
  .tdr-hero h1 { font-size: clamp(2.35rem, 12vw, 3.4rem); line-height: .98; }
  .tdr-lead { font-size: 1.05rem; line-height: 1.6; }
  .tdr-home-sample { display: none; }
  .tdr-actions { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .tdr-actions .tdr-button { width: 100%; margin: 0; padding: 14px 16px; }
  .tdr-three, .tdr-feature-grid { grid-template-columns: 1fr; }
  .tdr-card { min-width: 0; }
}

@media (max-width: 420px) {
  .tdr-wrap { padding-inline: 12px; }
  .tdr-brand-strip { padding: 16px 12px; }
  .tdr-brand-nav { grid-template-columns: 1fr 1fr; gap: 6px; }
  .tdr-brand-nav a { font-size: 13px; }
  .tdr-hero, .tdr-hero-split { padding: 30px 20px; }
}


/* Phase 7.1 — refined product brand and page system */
:root {
  --tdr-ink: #0b1220;
  --tdr-navy: #111c34;
  --tdr-blue: #215ee8;
  --tdr-blue-deep: #1748bd;
  --tdr-mint: #16b8a6;
  --tdr-sky: #eaf2ff;
  --tdr-bg: #f6f8fc;
  --tdr-border: #dce4f1;
  --tdr-text: #172033;
  --tdr-muted: #667085;
  --tdr-white: #ffffff;
}
body { background: linear-gradient(180deg,#fbfcff 0,#f5f8fc 100%); color: var(--tdr-text); }
.tdr-wrap { max-width: 1180px; padding-top: 38px; padding-bottom: 56px; }
.tdr-brand-strip {
  gap: 30px;
  padding: 16px 20px;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(210,220,235,.9);
  border-radius: 24px;
  box-shadow: 0 16px 44px rgba(23,48,91,.08);
  backdrop-filter: blur(14px);
}
.tdr-brand-logo img {
  width: min(320px, 38vw);
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.tdr-brand-nav { gap: 8px; }
.tdr-brand-nav a {
  padding: 11px 15px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #25324a;
  background: transparent;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.01em;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}
.tdr-brand-nav a:hover, .tdr-brand-nav a:focus-visible {
  color: var(--tdr-blue-deep);
  background: #edf3ff;
  border-color: #cfddfb;
  transform: translateY(-1px);
}
.tdr-hero {
  position: relative;
  overflow: hidden;
  margin-top: 26px;
  border-color: #dbe5f2;
  background:
    radial-gradient(circle at 96% 7%, rgba(22,184,166,.19) 0 11%, transparent 11.2%),
    radial-gradient(circle at 75% 110%, rgba(33,94,232,.10) 0 24%, transparent 24.2%),
    linear-gradient(135deg,#fff 0%,#f5f8ff 58%,#eefbf8 100%);
  box-shadow: 0 28px 70px rgba(24,49,89,.10);
}
.tdr-hero::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg,var(--tdr-blue),var(--tdr-mint));
}
.tdr-hero > * { position: relative; z-index: 1; }
.tdr-eyebrow {
  color: var(--tdr-blue);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
}
.tdr-hero h1 {
  max-width: 720px;
  margin: 14px 0 22px;
  color: var(--tdr-ink);
  font-size: clamp(3.2rem,6vw,5.45rem);
  line-height: .98;
  letter-spacing: -.065em;
}
.tdr-lead {
  max-width: 650px;
  color: #5a6679;
  font-size: 1.25rem;
  line-height: 1.65;
}
.tdr-button {
  border: 1px solid var(--tdr-blue);
  border-radius: 14px;
  background: linear-gradient(135deg,var(--tdr-blue),#3776f0);
  box-shadow: 0 12px 28px rgba(33,94,232,.24);
  font-weight: 850;
  letter-spacing: -.015em;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.tdr-button:hover, .tdr-button:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 17px 34px rgba(33,94,232,.30);
}
.tdr-button-secondary {
  color: #16223a;
  border-color: #d4dfef;
  background: #fff;
  box-shadow: 0 10px 24px rgba(35,52,80,.10);
}
.tdr-button-secondary:hover, .tdr-button-secondary:focus-visible { background:#f5f8ff; color:var(--tdr-blue-deep); }
.tdr-feature-grid { margin-top: 24px; gap: 18px; }
.tdr-feature-grid .tdr-card {
  position: relative;
  overflow: hidden;
  min-height: 190px;
  padding: 28px;
  border: 1px solid #dfe7f2;
  border-radius: 22px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 14px 36px rgba(30,52,86,.07);
}
.tdr-feature-grid .tdr-card::after {
  content: "";
  position: absolute;
  right: -32px;
  bottom: -40px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: rgba(33,94,232,.055);
}
.tdr-feature-grid .tdr-card:nth-child(2)::after { background:rgba(22,184,166,.08); }
.tdr-feature-grid .tdr-card h2 { color:var(--tdr-ink); font-size:1.3rem; letter-spacing:-.03em; }
.tdr-feature-grid .tdr-card p { color:var(--tdr-muted); line-height:1.65; }

@media (max-width: 720px) {
  .tdr-brand-logo img { width:100%; max-width:270px; }
  .tdr-hero h1 { font-size:clamp(2.55rem,12.6vw,3.5rem); letter-spacing:-.055em; }
  .tdr-feature-grid .tdr-card { min-height:0; padding:24px; }
}


/* Phase 8.0 — 32 deliberately distinct resume art directions */
.tdr-resume-preview { isolation:isolate; }
.tdr-resume-preview .tdr-preview-head { position:relative; }
.tdr-resume-preview .tdr-preview-body { position:relative; }

/* 01 Classic: newspaper authority */
.tdr-preview-classic-professional{border:2px solid #1f2937!important}
.tdr-preview-classic-professional .tdr-preview-head{border-bottom:5px double #fff}
.tdr-preview-classic-professional .tdr-preview-body{grid-template-columns:1fr 104px!important}
.tdr-preview-classic-professional .tdr-preview-main{border-right:1px solid #9ca3af;padding-right:10px}

/* 02 Modern corporate: coloured left rail */
.tdr-preview-modern-corporate{border:0!important;box-shadow:inset 10px 0 #06b6d4}
.tdr-preview-modern-corporate .tdr-preview-head{padding-left:24px!important;border-bottom:4px solid #06b6d4}
.tdr-preview-modern-corporate .tdr-preview-body{grid-template-columns:104px 1fr!important}
.tdr-preview-modern-corporate .tdr-preview-side{background:#ecfeff;margin:-10px 0 -10px -10px;padding:12px}

/* 03 Minimal: pure single-column typography */
.tdr-preview-minimal-clean{border:0!important;box-shadow:inset 0 0 0 1px #e5e7eb}
.tdr-preview-minimal-clean .tdr-preview-head{padding-bottom:18px!important;border-bottom:1px solid #111827}
.tdr-preview-minimal-clean .tdr-preview-body{display:block!important}
.tdr-preview-minimal-clean .tdr-preview-side{display:flex!important;gap:6px;flex-wrap:wrap;border-top:1px solid #e5e7eb;padding-top:10px}

/* 04 Creative professional: energetic diagonal masthead */
.tdr-preview-creative-professional .tdr-preview-head{clip-path:polygon(0 0,100% 0,92% 100%,0 88%);padding-bottom:26px!important}
.tdr-preview-creative-professional .tdr-preview-body{grid-template-columns:1.15fr .85fr!important;transform:rotate(-.25deg)}
.tdr-preview-creative-professional .tdr-preview-side{border-left:3px solid #a855f7;padding-left:10px}

/* 05 Executive: centred editorial brief */
.tdr-preview-executive-blueprint{border:1px solid #b89b54!important;padding:14px!important}
.tdr-preview-executive-blueprint .tdr-preview-head{text-align:center!important;border-top:4px double #b89b54;border-bottom:4px double #b89b54}
.tdr-preview-executive-blueprint .tdr-preview-body{display:block!important}
.tdr-preview-executive-blueprint .tdr-preview-side{display:flex!important;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px}

/* 06 Graduate: timeline starter */
.tdr-preview-graduate-starter{border-left:8px solid #3b82f6!important}
.tdr-preview-graduate-starter .tdr-preview-head{background:#eff6ff!important;color:#1e3a8a!important}
.tdr-preview-graduate-starter .tdr-preview-body{display:block!important;padding-left:18px!important}
.tdr-preview-graduate-starter .tdr-preview-main{border-left:2px dotted #93c5fd;padding-left:14px}

/* 07 Trades: rugged job-card */
.tdr-preview-trades-practical{border:4px solid #292524!important;background:repeating-linear-gradient(135deg,#fff 0 18px,#fafaf9 18px 36px)!important}
.tdr-preview-trades-practical .tdr-preview-head{border-bottom:8px solid #f59e0b}
.tdr-preview-trades-practical .tdr-preview-body{grid-template-columns:1fr 96px!important}
.tdr-preview-trades-practical .tdr-preview-side{background:#fef3c7;padding:10px}

/* 08 Healthcare: calm care panel */
.tdr-preview-healthcare-calm{border-radius:22px!important;border:2px solid #a5f3fc!important;overflow:hidden}
.tdr-preview-healthcare-calm .tdr-preview-head{border-radius:0 0 38px 0;background:linear-gradient(135deg,#155e75,#0e7490)!important}
.tdr-preview-healthcare-calm .tdr-preview-body{grid-template-columns:1.25fr .75fr!important}
.tdr-preview-healthcare-calm .tdr-preview-side{background:#ecfeff;border-radius:18px;padding:10px}

/* 09 Education: warm notebook */
.tdr-preview-education-warm{background:repeating-linear-gradient(#fff 0 24px,#fde68a 25px)!important;border-left:12px solid #f59e0b!important}
.tdr-preview-education-warm .tdr-preview-head{background:#78350f!important;border-bottom:0}
.tdr-preview-education-warm .tdr-preview-body{display:block!important;padding-left:18px!important}
.tdr-preview-education-warm .tdr-preview-side{display:flex!important;gap:6px;flex-wrap:wrap}

/* 10 Hospitality: menu-card layout */
.tdr-preview-hospitality-shift{border:2px dashed #b91c1c!important;border-radius:14px!important}
.tdr-preview-hospitality-shift .tdr-preview-head{text-align:center!important;background:#7f1d1d!important}
.tdr-preview-hospitality-shift .tdr-preview-body{grid-template-columns:.72fr 1.28fr!important}
.tdr-preview-hospitality-shift .tdr-preview-side{border-right:2px dotted #fecaca;padding-right:10px}

/* 11 Tech: terminal/sidebar */
.tdr-preview-tech-slate{background:#020617!important;color:#dbeafe!important;border:2px solid #38bdf8!important}
.tdr-preview-tech-slate .tdr-preview-head{border-bottom:1px solid #38bdf8}
.tdr-preview-tech-slate .tdr-preview-head::before{content:'●  ●  ●';display:block;color:#22c55e;font-size:8px;letter-spacing:5px;margin-bottom:5px}
.tdr-preview-tech-slate .tdr-preview-body{grid-template-columns:92px 1fr!important}
.tdr-preview-tech-slate .tdr-preview-side{background:#0f172a;padding:10px}

/* 12 Admin: organised file tabs */
.tdr-preview-admin-organised{border-top:9px solid #4f46e5!important}
.tdr-preview-admin-organised .tdr-preview-head{background:#eef2ff!important;color:#312e81!important}
.tdr-preview-admin-organised .tdr-preview-body{grid-template-columns:1fr 105px!important}
.tdr-preview-admin-organised .tdr-preview-side{border:1px solid #c7d2fe;border-radius:4px;padding:8px;box-shadow:4px 4px 0 #e0e7ff}

/* 13 Finance: precise ledger */
.tdr-preview-finance-precise{background:repeating-linear-gradient(#fff 0 27px,#e2e8f0 28px)!important;border:1px solid #334155!important}
.tdr-preview-finance-precise .tdr-preview-head{background:#fff!important;color:#0f172a!important;border-bottom:4px solid #0f172a;text-align:right!important}
.tdr-preview-finance-precise .tdr-preview-body{display:block!important}
.tdr-preview-finance-precise .tdr-preview-side{display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px}

/* 14 Sales: campaign split */
.tdr-preview-sales-impact{border:0!important;box-shadow:inset -72px 0 #f3e8ff}
.tdr-preview-sales-impact .tdr-preview-head{clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.tdr-preview-sales-impact .tdr-preview-body{grid-template-columns:1.3fr .7fr!important}
.tdr-preview-sales-impact .tdr-preview-side{border-left:4px solid #c026d3;padding-left:8px}

/* 15 Project manager: roadmap rail */
.tdr-preview-project-manager{border-left:16px solid #0f766e!important}
.tdr-preview-project-manager .tdr-preview-head{background:#fff!important;color:#134e4a!important;border-bottom:3px solid #5eead4}
.tdr-preview-project-manager .tdr-preview-body{grid-template-columns:104px 1fr!important}
.tdr-preview-project-manager .tdr-preview-side{background:#f0fdfa;padding:10px;border-radius:0 14px 14px 0}

/* 16 Mining: field dossier */
.tdr-preview-mining-resources{border:4px solid #44403c!important;background:#fafaf9!important}
.tdr-preview-mining-resources .tdr-preview-head{background:repeating-linear-gradient(135deg,#1c1917 0 12px,#292524 12px 24px)!important;border-bottom:7px solid #fbbf24}
.tdr-preview-mining-resources .tdr-preview-body{grid-template-columns:1fr 100px!important}
.tdr-preview-mining-resources .tdr-preview-side{background:#e7e5e4;padding:8px}

/* 17 Government: formal memorandum */
.tdr-preview-government-formal{border:3px double #1e3a8a!important;padding:14px!important}
.tdr-preview-government-formal .tdr-preview-head{text-align:center!important;background:#fff!important;color:#172554!important;border-bottom:3px double #1e3a8a}
.tdr-preview-government-formal .tdr-preview-body{display:block!important}
.tdr-preview-government-formal .tdr-preview-body h3{text-align:center;border-bottom:1px solid #93c5fd}

/* 18 Community: approachable service profile */
.tdr-preview-community-services{border-radius:24px!important;overflow:hidden;border:2px solid #86efac!important}
.tdr-preview-community-services .tdr-preview-head{background:#166534!important;border-radius:0 0 50% 0}
.tdr-preview-community-services .tdr-preview-body{grid-template-columns:1fr 88px!important}
.tdr-preview-community-services .tdr-preview-side{background:#f0fdf4;border-radius:999px 999px 20px 20px;padding:12px 8px}

/* 19 Creative portfolio: gallery composition */
.tdr-preview-creative-portfolio{border:0!important;box-shadow:8px 8px 0 #f9a8d4}
.tdr-preview-creative-portfolio .tdr-preview-head{clip-path:polygon(0 0,100% 0,100% 82%,30% 100%,0 82%)}
.tdr-preview-creative-portfolio .tdr-preview-body{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px}
.tdr-preview-creative-portfolio .tdr-preview-main{transform:translateY(8px)}
.tdr-preview-creative-portfolio .tdr-preview-side{transform:translateY(-8px);background:#fdf2f8;padding:8px}

/* 20 Engineering: blueprint */
.tdr-preview-engineering-precision{background-color:#eff6ff!important;background-image:linear-gradient(#bfdbfe 1px,transparent 1px),linear-gradient(90deg,#bfdbfe 1px,transparent 1px)!important;background-size:16px 16px!important;border:2px solid #1d4ed8!important}
.tdr-preview-engineering-precision .tdr-preview-head{background:#172554!important;border-bottom:4px solid #60a5fa}
.tdr-preview-engineering-precision .tdr-preview-body{grid-template-columns:96px 1fr!important}
.tdr-preview-engineering-precision .tdr-preview-main{background:rgba(255,255,255,.86);padding:8px}

/* 21 Legal: counsel brief */
.tdr-preview-legal-formal{border:6px double #78350f!important;padding:12px!important}
.tdr-preview-legal-formal .tdr-preview-head{text-align:center!important;background:#fff!important;color:#451a03!important;border-bottom:2px solid #78350f}
.tdr-preview-legal-formal .tdr-preview-body{grid-template-columns:1fr 92px!important}
.tdr-preview-legal-formal .tdr-preview-side{border-left:1px solid #d6d3d1;padding-left:9px}

/* 22 Academic: publication CV */
.tdr-preview-academic-cv{border-left:4px solid #334155!important;border-right:4px solid #334155!important}
.tdr-preview-academic-cv .tdr-preview-head{background:#fff!important;color:#0f172a!important;text-align:center!important;border-bottom:1px solid #64748b}
.tdr-preview-academic-cv .tdr-preview-body{display:block!important}
.tdr-preview-academic-cv .tdr-preview-main{column-count:1}.tdr-preview-academic-cv .tdr-preview-side{border-top:1px dotted #64748b;margin-top:8px;padding-top:8px}

/* 23 Customer service: friendly conversation card */
.tdr-preview-customer-service{border-radius:18px!important;border:2px solid #fbbf24!important;overflow:hidden}
.tdr-preview-customer-service .tdr-preview-head{background:#92400e!important;border-radius:0 0 30px 30px}
.tdr-preview-customer-service .tdr-preview-body{grid-template-columns:1.2fr .8fr!important}
.tdr-preview-customer-service .tdr-preview-side span{border-radius:999px!important;background:#fef3c7!important}

/* 24 Warehouse: dispatch manifest */
.tdr-preview-warehouse-logistics{border:3px solid #374151!important;background:repeating-linear-gradient(0deg,#fff 0 30px,#f3f4f6 31px)!important}
.tdr-preview-warehouse-logistics .tdr-preview-head{background:#374151!important;border-bottom:8px solid #f97316}
.tdr-preview-warehouse-logistics .tdr-preview-body{grid-template-columns:1fr 92px!important}
.tdr-preview-warehouse-logistics .tdr-preview-side{border:2px solid #9ca3af;padding:7px}

/* 25 Apprentice: practical checklist */
.tdr-preview-apprentice-ready{border:2px solid #0284c7!important}
.tdr-preview-apprentice-ready .tdr-preview-head{background:#e0f2fe!important;color:#0c4a6e!important;border-bottom:5px solid #0284c7}
.tdr-preview-apprentice-ready .tdr-preview-body{display:block!important}
.tdr-preview-apprentice-ready .tdr-preview-body h3::before{content:'✓ ';color:#0284c7}

/* 26 Leadership: premium editorial */
.tdr-preview-leadership-premium{border:1px solid #a16207!important;padding:14px!important;background:#fffbeb!important}
.tdr-preview-leadership-premium .tdr-preview-head{text-align:center!important;background:#fffbeb!important;color:#422006!important;border-top:1px solid #a16207;border-bottom:5px double #a16207}
.tdr-preview-leadership-premium .tdr-preview-body{display:block!important}
.tdr-preview-leadership-premium .tdr-preview-side{display:flex!important;justify-content:center;gap:6px;flex-wrap:wrap}

/* 27 Local business: owner-operator card */
.tdr-preview-local-business{border:3px solid #9a3412!important;border-radius:4px!important;box-shadow:6px 6px 0 #fed7aa}
.tdr-preview-local-business .tdr-preview-head{background:#7c2d12!important;text-align:left!important}
.tdr-preview-local-business .tdr-preview-body{grid-template-columns:.8fr 1.2fr!important}
.tdr-preview-local-business .tdr-preview-side{border-right:2px solid #fdba74;padding-right:8px}

/* 28 Security: operations console */
.tdr-preview-security-operations{background:#030712!important;color:#d1fae5!important;border:2px solid #22c55e!important}
.tdr-preview-security-operations .tdr-preview-head{background:#030712!important;border-bottom:2px solid #22c55e}
.tdr-preview-security-operations .tdr-preview-head::after{content:'STATUS: READY';position:absolute;right:10px;top:10px;color:#4ade80;font:700 7px monospace}
.tdr-preview-security-operations .tdr-preview-body{grid-template-columns:1fr 98px!important}
.tdr-preview-security-operations .tdr-preview-side{border-left:1px dashed #22c55e;padding-left:8px}

/* 29 Cleaning: crisp service sheet */
.tdr-preview-cleaning-facilities{border:0!important;box-shadow:inset 0 0 0 2px #bae6fd}
.tdr-preview-cleaning-facilities .tdr-preview-head{background:#f0f9ff!important;color:#0c4a6e!important;border-bottom:6px solid #38bdf8}
.tdr-preview-cleaning-facilities .tdr-preview-body{display:block!important}
.tdr-preview-cleaning-facilities .tdr-preview-side{display:grid!important;grid-template-columns:repeat(3,1fr);gap:5px}
.tdr-preview-cleaning-facilities .tdr-preview-side span{background:#e0f2fe!important}

/* 30 Career change: before-to-next split */
.tdr-preview-career-change{border:2px solid #6366f1!important;background:linear-gradient(90deg,#eef2ff 0 34%,#fff 34%)!important}
.tdr-preview-career-change .tdr-preview-head{background:#312e81!important;border-bottom:5px solid #a5b4fc}
.tdr-preview-career-change .tdr-preview-body{grid-template-columns:34% 66%!important}
.tdr-preview-career-change .tdr-preview-side{order:1!important;padding-right:8px}.tdr-preview-career-change .tdr-preview-main{order:2!important}

/* 31 Photo profile: centred personal brand */
.tdr-preview-photo-profile{border-radius:28px 28px 8px 8px!important;overflow:hidden;border:2px solid #14b8a6!important}
.tdr-preview-photo-profile .tdr-preview-head{text-align:center!important;padding-bottom:26px!important;clip-path:ellipse(82% 100% at 50% 0)}
.tdr-preview-photo-profile .tdr-preview-body{display:block!important;text-align:center}
.tdr-preview-photo-profile .tdr-preview-side{display:flex!important;justify-content:center;gap:6px;flex-wrap:wrap}

/* 32 Photo modern: asymmetric magazine rail */
.tdr-preview-photo-modern{border:0!important;box-shadow:inset 86px 0 #312e81,0 0 0 1px #c7d2fe}
.tdr-preview-photo-modern .tdr-preview-head{padding-left:102px!important;background:#eef2ff!important;color:#1e1b4b!important;border-bottom:3px solid #6366f1}
.tdr-preview-photo-modern .tdr-preview-body{grid-template-columns:92px 1fr!important}
.tdr-preview-photo-modern .tdr-preview-side{order:1!important;color:#fff;padding:8px}.tdr-preview-photo-modern .tdr-preview-main{order:2!important;padding-left:9px}

@media (max-width:640px){
  .tdr-brand-nav a{background:#fff;border-color:#dce4f1;box-shadow:0 5px 12px rgba(30,52,86,.05)}
}


/* === Professional brand system — uploaded logo alignment (2026-08-11) === */
.tdr-wrap{
  --tdr-ink:#13233b;
  --tdr-muted:#5f6f83;
  --tdr-line:#dfe6ee;
  --tdr-surface:#ffffff;
  --tdr-soft:#f5f8fb;
  --tdr-brand:#176b87;
  --tdr-brand-dark:#0d4d63;
  --tdr-accent:#e4a52d;
  --tdr-success:#138a63;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:22px clamp(16px,3vw,34px) 64px!important;
  color:var(--tdr-ink)!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  line-height:1.65!important;
}
.tdr-brand-strip{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:30px!important;
  min-height:82px!important;
  margin:0 0 34px!important;
  padding:12px 18px!important;
  background:rgba(255,255,255,.97)!important;
  border:1px solid var(--tdr-line)!important;
  border-radius:16px!important;
  box-shadow:0 10px 32px rgba(19,35,59,.07)!important;
}
.tdr-brand-logo{display:flex!important;align-items:center!important;min-width:190px!important;max-width:245px!important}
.tdr-brand-logo img{display:block!important;width:100%!important;height:58px!important;object-fit:contain!important;object-position:left center!important}
.tdr-brand-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;flex-wrap:wrap!important}
.tdr-brand-nav a{
  padding:10px 12px!important;border:0!important;border-radius:9px!important;background:transparent!important;
  color:#34465d!important;font-size:14px!important;font-weight:650!important;text-decoration:none!important;box-shadow:none!important;
}
.tdr-brand-nav a:hover,.tdr-brand-nav a:focus-visible{background:#edf5f8!important;color:var(--tdr-brand-dark)!important}
.tdr-brand-nav a:nth-last-child(1){background:var(--tdr-ink)!important;color:#fff!important;padding-inline:17px!important}
.tdr-hero{
  position:relative!important;overflow:hidden!important;margin:0 0 26px!important;padding:clamp(36px,6vw,76px)!important;
  border:1px solid #dce5ed!important;border-radius:28px!important;
  background:linear-gradient(128deg,#f9fbfd 0%,#eef6f8 58%,#fff7e8 100%)!important;
  box-shadow:0 24px 70px rgba(19,35,59,.10)!important;
}
.tdr-hero:after{content:"";position:absolute;right:-90px;top:-110px;width:330px;height:330px;border-radius:50%;background:rgba(23,107,135,.08);pointer-events:none}
.tdr-hero-split{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr)!important;align-items:center!important;gap:clamp(30px,6vw,76px)!important}
.tdr-eyebrow{margin:0 0 14px!important;color:var(--tdr-brand)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.tdr-hero h1,.tdr-wrap>h1,.tdr-card>h1{max-width:760px!important;margin:0 0 18px!important;color:var(--tdr-ink)!important;font-size:clamp(38px,5.2vw,68px)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:800!important}
.tdr-lead{max-width:680px!important;margin:0 0 28px!important;color:#52647a!important;font-size:clamp(17px,2vw,20px)!important;line-height:1.7!important}
.tdr-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
.tdr-button{
  min-height:48px!important;padding:13px 21px!important;border:1px solid var(--tdr-brand)!important;border-radius:10px!important;
  background:var(--tdr-brand)!important;color:#fff!important;font-weight:750!important;text-decoration:none!important;
  box-shadow:0 8px 18px rgba(23,107,135,.18)!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.tdr-button:hover,.tdr-button:focus-visible{background:var(--tdr-brand-dark)!important;transform:translateY(-1px)!important;box-shadow:0 12px 24px rgba(23,107,135,.22)!important}
.tdr-button-secondary{background:#fff!important;color:var(--tdr-ink)!important;border-color:#cdd8e3!important;box-shadow:none!important}
.tdr-button-secondary:hover{background:#f3f6f9!important;color:var(--tdr-brand-dark)!important}
.tdr-home-sample{position:relative!important;z-index:1!important;display:flex!important;justify-content:center!important;perspective:800px!important}
.tdr-sample-page{width:min(100%,330px)!important;min-height:410px!important;padding:38px 34px!important;border:1px solid #d7e0e8!important;border-radius:8px!important;background:#fff!important;box-shadow:0 28px 60px rgba(19,35,59,.16)!important;transform:rotate(1.5deg)!important}
.tdr-sample-page strong{color:var(--tdr-ink)!important;font-size:25px!important;letter-spacing:-.02em!important}
.tdr-sample-page span{display:block!important;margin:5px 0 26px!important;color:var(--tdr-brand)!important;font-weight:700!important}
.tdr-sample-page i{display:block!important;height:7px!important;margin:9px 0!important;border-radius:5px!important;background:#e8edf2!important}
.tdr-sample-page i.short{width:68%!important}.tdr-sample-page b{display:block!important;margin:28px 0 12px!important;color:var(--tdr-ink)!important;font-size:13px!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.tdr-sample-page em{display:inline-block!important;width:27%!important;height:22px!important;margin:0 5px 6px 0!important;border-radius:5px!important;background:#e7f2f4!important}
.tdr-grid.tdr-three{gap:18px!important;margin-top:20px!important}
.tdr-feature-grid .tdr-card{position:relative!important;min-height:210px!important;padding:28px!important;border:1px solid var(--tdr-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 30px rgba(19,35,59,.055)!important}
.tdr-feature-grid .tdr-card h2{margin:0 0 10px!important;color:var(--tdr-ink)!important;font-size:21px!important;letter-spacing:-.02em!important}
.tdr-feature-grid .tdr-card p{margin:0!important;color:var(--tdr-muted)!important;font-size:15px!important}
.tdr-feature-grid .tdr-card:before{display:block;width:34px;height:4px;margin-bottom:24px;border-radius:8px;background:var(--tdr-accent);content:""}
.tdr-card,.tdr-editor{border-color:var(--tdr-line)!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(19,35,59,.055)!important}
.tdr-form input,.tdr-form textarea,.tdr-form select,.tdr-editor input,.tdr-editor textarea,.tdr-editor select{border:1px solid #cbd6e1!important;border-radius:9px!important;background:#fff!important;color:var(--tdr-ink)!important;box-shadow:none!important}
.tdr-form input:focus,.tdr-form textarea:focus,.tdr-form select:focus,.tdr-editor input:focus,.tdr-editor textarea:focus,.tdr-editor select:focus{border-color:var(--tdr-brand)!important;outline:3px solid rgba(23,107,135,.12)!important}
.tdr-template-card{border:1px solid var(--tdr-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 8px 24px rgba(19,35,59,.055)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.tdr-template-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(19,35,59,.11)!important}
@media (max-width:860px){
  .tdr-wrap{padding-inline:14px!important}.tdr-brand-strip{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;padding:14px!important}
  .tdr-brand-logo{max-width:220px!important}.tdr-brand-nav{width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:3px!important}
  .tdr-brand-nav a{white-space:nowrap!important}.tdr-hero-split{grid-template-columns:1fr!important}.tdr-home-sample{display:none!important}
  .tdr-hero{padding:38px 24px!important;border-radius:20px!important}.tdr-hero h1{font-size:clamp(38px,10vw,54px)!important}
}
@media (max-width:540px){
  .tdr-wrap{padding-top:10px!important}.tdr-brand-strip{margin-bottom:18px!important;border-radius:12px!important}
  .tdr-brand-logo img{height:50px!important}.tdr-brand-nav a{padding:9px 10px!important;font-size:13px!important}
  .tdr-hero{padding:30px 20px!important}.tdr-actions{align-items:stretch!important;flex-direction:column!important}.tdr-button{text-align:center!important;width:100%!important}
  .tdr-feature-grid .tdr-card{min-height:0!important;padding:22px!important}
}


/* === Refined brand header — 2026-08-11 === */
.tdr-brand-strip{
  min-height:92px!important;
  margin-bottom:24px!important;
  padding:14px 22px!important;
  border:0!important;
  border-bottom:1px solid #dfe6ee!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.tdr-brand-logo{min-width:235px!important;max-width:285px!important}
.tdr-brand-logo img{height:64px!important;object-fit:contain!important;object-position:left center!important}
.tdr-brand-nav{gap:8px!important}
.tdr-brand-nav a{padding:10px 11px!important;color:#52647a!important;font-size:14px!important;font-weight:700!important}
.tdr-brand-nav a:hover,.tdr-brand-nav a:focus-visible{background:transparent!important;color:#0d4d63!important;text-decoration:underline!important;text-underline-offset:5px!important}
.tdr-brand-nav .tdr-nav-cta{padding:11px 18px!important;border-radius:10px!important;background:#13233b!important;color:#fff!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(19,35,59,.14)!important}
.tdr-brand-nav .tdr-nav-cta:hover,.tdr-brand-nav .tdr-nav-cta:focus-visible{background:#0d4d63!important;color:#fff!important;text-decoration:none!important}
@media(max-width:860px){
 .tdr-brand-strip{min-height:auto!important;padding:12px 4px 16px!important;border-radius:0!important}
 .tdr-brand-logo{min-width:210px!important;max-width:245px!important}
 .tdr-brand-logo img{height:56px!important}
 .tdr-brand-nav{overflow:visible!important;flex-wrap:wrap!important;gap:4px!important}
 .tdr-brand-nav a{padding:8px 9px!important}
 .tdr-brand-nav .tdr-nav-cta{padding:9px 14px!important}
}
@media(max-width:540px){
 .tdr-brand-strip{align-items:center!important;flex-direction:row!important;justify-content:space-between!important;gap:10px!important}
 .tdr-brand-logo{min-width:0!important;width:170px!important}
 .tdr-brand-logo img{height:46px!important}
 .tdr-brand-nav a:not(.tdr-nav-cta){display:none!important}
 .tdr-brand-nav{width:auto!important;padding:0!important}
}


/* === Modern free-flowing layout — 2026-08-11 === */
.tdr-landing{position:relative!important;overflow:visible!important;padding-bottom:90px!important}
.tdr-landing:before{content:"";position:absolute;z-index:-1;top:35px;left:50%;width:min(94vw,1280px);height:690px;transform:translateX(-50%);background:radial-gradient(circle at 78% 24%,rgba(23,107,135,.12),transparent 28%),radial-gradient(circle at 18% 72%,rgba(228,165,45,.10),transparent 25%);filter:blur(4px);pointer-events:none}
.tdr-landing .tdr-brand-strip{margin-bottom:18px!important;padding-inline:6px!important;border:0!important;background:transparent!important}
.tdr-landing .tdr-hero{
  min-height:590px!important;margin:0!important;padding:64px clamp(34px,6vw,82px)!important;
  overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.tdr-landing .tdr-hero:after{right:2%!important;top:7%!important;width:260px!important;height:260px!important;background:rgba(23,107,135,.055)!important;filter:blur(2px)!important}
.tdr-landing .tdr-hero-split{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;gap:clamp(46px,8vw,110px)!important}
.tdr-landing .tdr-hero h1{max-width:650px!important;font-size:clamp(46px,5.7vw,76px)!important;line-height:.99!important;letter-spacing:-.052em!important}
.tdr-landing .tdr-lead{max-width:610px!important;color:#586a7f!important}
.tdr-landing .tdr-button{border-radius:999px!important;padding-inline:24px!important}
.tdr-landing .tdr-home-sample{transform:translateY(8px)!important}
.tdr-landing .tdr-sample-page{min-height:440px!important;border:0!important;border-radius:3px 18px 18px 3px!important;box-shadow:-22px 28px 65px rgba(19,35,59,.15)!important;transform:rotate(2.5deg)!important}
.tdr-landing .tdr-sample-page:before{content:"";position:absolute;left:-13px;top:54px;width:26px;height:70px;border-radius:14px;background:#e4a52d;opacity:.82}
.tdr-landing .tdr-feature-grid{
  position:relative!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;
  margin:12px 0 0!important;padding:42px 20px 0!important;border-top:1px solid #dfe6ee!important;
}
.tdr-landing .tdr-feature-grid .tdr-card{
  min-height:0!important;margin:0!important;padding:10px clamp(26px,4vw,48px) 20px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.tdr-landing .tdr-feature-grid .tdr-card+.tdr-card{border-left:1px solid #dfe6ee!important}
.tdr-landing .tdr-feature-grid .tdr-card:before{width:38px!important;height:3px!important;margin-bottom:22px!important;background:linear-gradient(90deg,#176b87,#e4a52d)!important}
.tdr-landing .tdr-feature-grid .tdr-card h2{font-size:22px!important}
.tdr-landing .tdr-feature-grid .tdr-card p{max-width:300px!important;line-height:1.75!important}
@media(max-width:860px){
 .tdr-landing .tdr-hero{min-height:auto!important;padding:48px 20px 56px!important}
 .tdr-landing .tdr-hero-split{grid-template-columns:1fr!important;gap:30px!important}
 .tdr-landing .tdr-home-sample{display:flex!important;transform:none!important}
 .tdr-landing .tdr-sample-page{width:min(82vw,330px)!important;min-height:380px!important;transform:rotate(1.2deg)!important}
 .tdr-landing .tdr-feature-grid{grid-template-columns:1fr!important;padding:28px 0 0!important}
 .tdr-landing .tdr-feature-grid .tdr-card{padding:22px 10px 28px!important}
 .tdr-landing .tdr-feature-grid .tdr-card+.tdr-card{border-left:0!important;border-top:1px solid #e5ebf0!important}
}
@media(max-width:540px){
 .tdr-landing .tdr-hero{padding:34px 4px 46px!important}
 .tdr-landing .tdr-hero h1{font-size:clamp(42px,13vw,58px)!important}
 .tdr-landing .tdr-home-sample{display:none!important}
 .tdr-landing .tdr-brand-strip{margin-bottom:6px!important}
}

/* 2026-08 brand refresh: open, flowing navigation */
.tdr-brand-strip{position:relative;overflow:visible;padding:12px 2px 18px;margin:0 0 30px;border:0;border-bottom:1px solid rgba(148,163,184,.22);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.tdr-brand-strip:after{content:"";position:absolute;left:0;bottom:-1px;width:92px;height:2px;border-radius:99px;background:linear-gradient(90deg,#13b8a6,#2687ff)}
.tdr-brand-strip-compact{padding:8px 2px 14px;margin-bottom:22px}
.tdr-brand-logo{flex:0 1 285px;min-width:190px}
.tdr-brand-logo img,.tdr-brand-strip-compact .tdr-brand-logo img{width:285px;max-width:min(48vw,285px);height:auto;border-radius:0;box-shadow:none}
.tdr-brand-strip-compact .tdr-brand-logo img{width:240px}
.tdr-brand-nav{gap:5px}
.tdr-brand-nav a{background:transparent;border:0;padding:9px 12px;border-radius:999px;color:#31415b;font-weight:700}
.tdr-brand-nav a:hover,.tdr-brand-nav a:focus-visible{color:#087f8c;background:rgba(13,148,136,.08)}
@media(max-width:720px){.tdr-brand-strip{align-items:flex-start;gap:12px;flex-direction:column}.tdr-brand-logo,.tdr-brand-logo img,.tdr-brand-strip-compact .tdr-brand-logo img{width:230px;max-width:78vw}.tdr-brand-nav{justify-content:flex-start}.tdr-brand-nav a{padding:7px 9px}}



/* 2026-08 final brand and template-choice refinement */
.tdr-brand-strip{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:32px!important;margin:0 auto 34px!important;padding:20px 6px 22px!important;
  background:rgba(255,255,255,.82)!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;backdrop-filter:blur(14px);
}
.tdr-brand-strip::after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#b8d8dc 18%,#d9e5ea 82%,transparent)}
.tdr-brand-logo{display:inline-flex!important;align-items:center!important;min-width:0}
.tdr-brand-logo img{display:block!important;width:230px!important;max-width:40vw!important;height:auto!important}
.tdr-brand-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap}
.tdr-brand-nav a{position:relative!important;padding:10px 13px!important;border:0!important;border-radius:999px!important;color:#334155!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important;background:transparent!important;box-shadow:none!important;transition:color .2s ease,background .2s ease,transform .2s ease!important}
.tdr-brand-nav a:not(.tdr-nav-cta):hover{color:#0c2340!important;background:#eff8f8!important}
.tdr-brand-nav .tdr-nav-cta{padding:11px 18px!important;background:#0c2340!important;color:#fff!important;box-shadow:0 8px 20px rgba(12,35,64,.16)!important}
.tdr-brand-nav .tdr-nav-cta:hover{transform:translateY(-1px)!important;background:#12345d!important}
.tdr-template-lock-note{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;color:#475569;font-size:13px;font-weight:700}
.tdr-template-selected{outline:2px solid rgba(19,168,160,.45)!important;outline-offset:3px}
@media(max-width:720px){
  .tdr-brand-strip{align-items:flex-start!important;gap:16px!important;padding:16px 2px 18px!important}
  .tdr-brand-logo img{width:190px!important;max-width:58vw!important}
  .tdr-brand-nav{gap:4px!important}
  .tdr-brand-nav a{padding:8px 10px!important;font-size:13px!important}
}
@media(max-width:520px){
  .tdr-brand-strip{display:block!important}
  .tdr-brand-nav{margin-top:14px!important;justify-content:flex-start!important}
  .tdr-brand-logo img{max-width:78vw!important}
}



/* 2026-08-15 approved brand system and homepage redesign */
:root{--tdr-ink:#0d2238;--tdr-ink-2:#173651;--tdr-teal:#2b918a;--tdr-teal-soft:#dff3f1;--tdr-coral:#e27257;--tdr-cream:#f7f3ec;--tdr-paper:#ffffff;--tdr-muted:#607284;--tdr-line:#dce6e8}
.tdr-wrap{color:var(--tdr-ink)}
.tdr-brand-strip{max-width:1180px!important;margin:0 auto 30px!important;padding:18px 8px 20px!important;background:rgba(255,255,255,.94)!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:blur(16px)}
.tdr-brand-strip::after{left:8px!important;right:8px!important;background:linear-gradient(90deg,transparent,var(--tdr-line) 12%,var(--tdr-line) 88%,transparent)!important}
.tdr-brand-logo img{width:282px!important;max-width:44vw!important;height:auto!important}
.tdr-brand-nav{gap:4px!important}
.tdr-brand-nav a{color:#405469!important;font-size:14px!important;font-weight:750!important;letter-spacing:-.01em!important;padding:10px 14px!important}
.tdr-brand-nav a:not(.tdr-nav-cta):hover{color:var(--tdr-ink)!important;background:var(--tdr-teal-soft)!important}
.tdr-brand-nav .tdr-nav-cta{background:var(--tdr-ink)!important;color:#fff!important;padding:11px 20px!important;box-shadow:0 10px 24px rgba(13,34,56,.16)!important}
.tdr-brand-nav .tdr-nav-cta:hover{background:var(--tdr-ink-2)!important}
.tdr-button{background:var(--tdr-coral)!important;color:#fff!important;border-color:var(--tdr-coral)!important;border-radius:999px!important;padding:13px 22px!important;font-weight:800!important;box-shadow:0 10px 24px rgba(226,114,87,.20)!important}
.tdr-button:hover{background:#c85e46!important;border-color:#c85e46!important;transform:translateY(-1px)}
.tdr-button-secondary{background:transparent!important;color:var(--tdr-ink)!important;border:1px solid rgba(13,34,56,.24)!important;box-shadow:none!important}
.tdr-button-secondary:hover{background:#fff!important;border-color:var(--tdr-ink)!important}

/* Editorial homepage */
.tdr-landing{max-width:1240px!important}
.tdr-hero-redesign{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:58px;align-items:center;min-height:650px;padding:74px 72px;overflow:hidden;border-radius:42px;background:radial-gradient(circle at 88% 18%,rgba(43,145,138,.34),transparent 32%),linear-gradient(138deg,#0b1d31 0%,#102d48 68%,#16485b 100%);box-shadow:0 32px 80px rgba(13,34,56,.22)}
.tdr-hero-redesign::before{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-105px;bottom:-160px}
.tdr-hero-copy{position:relative;z-index:2}
.tdr-hero-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;color:#b7e4df;font-size:12px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.tdr-hero-kicker::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--tdr-coral)}
.tdr-hero-redesign h1{max-width:720px;margin:0;color:#fff;font-size:clamp(48px,5.6vw,76px);line-height:.96;letter-spacing:-.055em;font-weight:860}
.tdr-hero-redesign h1 span{display:block;color:#a9dbd6}
.tdr-hero-redesign h1 em{display:block;color:#fff;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.035em}
.tdr-hero-redesign .tdr-lead{max-width:620px;margin:28px 0 0;color:#d9e4eb;font-size:18px;line-height:1.68}
.tdr-hero-redesign .tdr-actions{margin-top:32px}
.tdr-hero-redesign .tdr-button-secondary{color:#fff!important;border-color:rgba(255,255,255,.4)!important}
.tdr-hero-redesign .tdr-button-secondary:hover{background:rgba(255,255,255,.09)!important;border-color:#fff!important}
.tdr-trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#bed0da;font-size:12px;font-weight:700}
.tdr-trust-row span{display:inline-flex;align-items:center;gap:7px}
.tdr-trust-row span::before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(169,219,214,.15);color:#a9dbd6;font-size:11px}
.tdr-hero-visual{position:relative;min-height:510px;z-index:2}
.tdr-price-seal{position:absolute;z-index:5;top:8px;left:4px;width:118px;height:118px;display:grid;place-items:center;text-align:center;border-radius:50%;background:var(--tdr-cream);color:var(--tdr-ink);box-shadow:0 18px 40px rgba(0,0,0,.24);transform:rotate(-8deg);font-size:11px;font-weight:850;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}
.tdr-price-seal strong{display:block;font-family:Arial,sans-serif;font-size:36px;letter-spacing:-.07em}
.tdr-premium-resume{position:absolute;right:8px;top:42px;width:82%;height:460px;padding:42px 38px;border-radius:5px;background:#fff;box-shadow:0 32px 75px rgba(0,0,0,.3);transform:rotate(2.2deg)}
.tdr-premium-resume::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(var(--tdr-teal),#7ac6bf)}
.tdr-resume-name{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:700;letter-spacing:-.02em;color:var(--tdr-ink)}
.tdr-resume-role{display:block;margin-top:6px;color:var(--tdr-teal);font-size:13px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.tdr-resume-rule{height:1px;margin:25px 0;background:#dce6e8}
.tdr-resume-layout{display:grid;grid-template-columns:1fr 118px;gap:26px}
.tdr-resume-section{margin-bottom:19px}
.tdr-resume-section b{display:block;margin-bottom:9px;color:var(--tdr-ink);font-size:10px;letter-spacing:.17em;text-transform:uppercase}
.tdr-resume-line{display:block;height:7px;margin:7px 0;border-radius:10px;background:#e7edf0}
.tdr-resume-line.short{width:72%}
.tdr-resume-sidebar{padding:14px;background:#edf8f7;border-top:4px solid var(--tdr-teal)}
.tdr-resume-chip{display:block;height:20px;margin:7px 0;border-radius:6px;background:#fff;border:1px solid #cfe7e4}
.tdr-file-types{position:absolute;right:28px;bottom:22px;color:#82919c;font-size:9px;font-weight:800;letter-spacing:.18em}
.tdr-proof-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:34px 0 92px;padding:28px 18px;border-top:1px solid var(--tdr-line);border-bottom:1px solid var(--tdr-line);background:#fff}
.tdr-proof-item{padding:5px 24px;border-right:1px solid var(--tdr-line)}
.tdr-proof-item:last-child{border-right:0}
.tdr-proof-item strong{display:block;color:var(--tdr-ink);font-size:18px;letter-spacing:-.02em}
.tdr-proof-item span{display:block;margin-top:5px;color:var(--tdr-muted);font-size:12px}
.tdr-section-intro{max-width:780px;margin:0 auto 44px;text-align:center}
.tdr-section-intro .tdr-eyebrow{color:var(--tdr-teal)}
.tdr-section-intro h2{margin:10px 0 14px;color:var(--tdr-ink);font-size:clamp(34px,4vw,52px);line-height:1.03;letter-spacing:-.045em}
.tdr-section-intro p{margin:0;color:var(--tdr-muted);font-size:17px;line-height:1.65}
.tdr-home-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:96px;border-top:1px solid var(--tdr-line)}
.tdr-home-step{position:relative;padding:34px 38px 18px;border-right:1px solid var(--tdr-line)}
.tdr-home-step:last-child{border-right:0}
.tdr-home-step-number{display:block;margin-bottom:34px;color:var(--tdr-coral);font-family:Georgia,serif;font-size:22px;font-style:italic}
.tdr-home-step h3{margin:0 0 12px;color:var(--tdr-ink);font-size:24px;letter-spacing:-.025em}
.tdr-home-step p{margin:0;color:var(--tdr-muted);line-height:1.65}
.tdr-home-showcase{display:grid;grid-template-columns:.86fr 1.14fr;gap:64px;align-items:center;margin:0 0 94px;padding:64px 70px;border-radius:34px;background:var(--tdr-cream)}
.tdr-home-showcase h2{margin:8px 0 18px;color:var(--tdr-ink);font-size:clamp(34px,4vw,50px);line-height:1.03;letter-spacing:-.04em}
.tdr-home-showcase p{color:var(--tdr-muted);font-size:17px;line-height:1.7}
.tdr-showcase-pages{position:relative;height:350px}
.tdr-showcase-page{position:absolute;width:230px;height:320px;padding:28px;border-radius:5px;background:#fff;box-shadow:0 20px 45px rgba(13,34,56,.14)}
.tdr-showcase-page:nth-child(1){left:2%;top:20px;transform:rotate(-7deg);border-top:8px solid var(--tdr-coral)}
.tdr-showcase-page:nth-child(2){left:31%;top:0;z-index:2;border-top:8px solid var(--tdr-teal)}
.tdr-showcase-page:nth-child(3){right:0;top:26px;transform:rotate(7deg);border-top:8px solid var(--tdr-ink)}
.tdr-showcase-page b{font-family:Georgia,serif;font-size:18px}.tdr-showcase-page i{display:block;height:6px;margin:10px 0;background:#e8edef;border-radius:5px}.tdr-showcase-page i:nth-of-type(2){width:76%}
.tdr-final-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:50px;padding:54px 62px;overflow:hidden;border-radius:30px;background:var(--tdr-ink);color:#fff}
.tdr-final-cta::after{content:"$10";position:absolute;right:180px;top:-34px;color:rgba(255,255,255,.045);font-size:180px;font-weight:900;letter-spacing:-.1em}
.tdr-final-cta h2{position:relative;z-index:2;margin:0 0 8px;color:#fff;font-size:34px;letter-spacing:-.035em}
.tdr-final-cta p{position:relative;z-index:2;margin:0;color:#bdd0dc}
.tdr-final-cta .tdr-button{position:relative;z-index:2;white-space:nowrap}
@media(max-width:940px){.tdr-hero-redesign{grid-template-columns:1fr;padding:58px 44px}.tdr-hero-visual{min-height:470px;max-width:570px;width:100%;margin:0 auto}.tdr-proof-strip{grid-template-columns:repeat(2,1fr)}.tdr-proof-item:nth-child(2){border-right:0}.tdr-home-showcase{grid-template-columns:1fr}.tdr-showcase-pages{max-width:620px;width:100%;margin:auto}}
@media(max-width:680px){.tdr-brand-logo img{width:230px!important;max-width:74vw!important}.tdr-hero-redesign{padding:44px 24px;border-radius:26px}.tdr-hero-redesign h1{font-size:45px}.tdr-hero-visual{min-height:390px}.tdr-premium-resume{width:88%;height:360px;padding:30px 24px}.tdr-price-seal{width:92px;height:92px}.tdr-price-seal strong{font-size:29px}.tdr-proof-strip{grid-template-columns:1fr;margin-bottom:68px}.tdr-proof-item{border-right:0;border-bottom:1px solid var(--tdr-line);padding:17px 10px}.tdr-proof-item:last-child{border-bottom:0}.tdr-home-steps{grid-template-columns:1fr}.tdr-home-step{border-right:0;border-bottom:1px solid var(--tdr-line);padding:30px 10px}.tdr-home-showcase{padding:42px 24px}.tdr-showcase-pages{height:270px}.tdr-showcase-page{width:165px;height:235px;padding:20px}.tdr-showcase-page:nth-child(2){left:25%}.tdr-final-cta{display:block;padding:42px 28px}.tdr-final-cta .tdr-button{margin-top:24px}.tdr-final-cta::after{right:-20px}}