.tcm-wrapper {
--tcm-bg: #f7f4f2;
--tcm-card: #ffffff;
--tcm-text: #2f2927;
--tcm-muted: #746a66;
--tcm-navy: #17213a;
--tcm-navy-soft: #2a3652;
--tcm-accent: #bd7568;
--tcm-accent-dark: #884c43;
--tcm-border: #eadbd6;
--tcm-attention: #b65c50;
--tcm-attention-bg: #fbe9e5;
--tcm-development: #b18a32;
--tcm-development-bg: #fff4da;
--tcm-strong: #4f7d62;
--tcm-strong-bg: #e9f3ed;
max-width: 1100px;
margin: 34px auto;
color: var(--tcm-text);
font-family: inherit;
}
.tcm-wrapper * { box-sizing: border-box; }
.tcm-wrapper h2,
.tcm-wrapper h3,
.tcm-wrapper h4 { margin-top: 0; line-height: 1.18; }
.tcm-wrapper p { line-height: 1.65; }
.tcm-wrapper a { text-underline-offset: 3px; } .tcm-intro,
.tcm-section,
.tcm-cta,
.tcm-alert {
background: var(--tcm-card);
border: 1px solid var(--tcm-border);
border-radius: 24px;
padding: 30px;
margin-bottom: 22px;
box-shadow: 0 16px 42px rgba(68, 42, 35, .07);
}
.tcm-kicker,
.tcm-section-eyebrow {
color: var(--tcm-accent-dark);
text-transform: uppercase;
letter-spacing: .09em;
font-size: 12px;
font-weight: 800;
margin: 0 0 8px;
}
.tcm-intro { padding: 36px; }
.tcm-intro h2 {
color: #111827;
font-size: clamp(34px, 5vw, 54px);
letter-spacing: -.04em;
margin-bottom: 18px;
}
.tcm-intro-copy { max-width: 920px; }
.tcm-intro-copy p { margin: 0 0 12px; }
.tcm-intro-copy p:last-child { margin-bottom: 0; }
.tcm-intro-info-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-top: 24px;
}
.tcm-info-card {
border: 1px solid var(--tcm-border);
border-radius: 18px;
padding: 18px;
background: #fffaf8;
}
.tcm-info-card h3 { color: var(--tcm-accent-dark); font-size: 16px; margin-bottom: 10px; }
.tcm-info-card p { margin: 0 0 7px; line-height: 1.5; }
.tcm-info-card p:last-child { margin-bottom: 0; }
.tcm-info-card-delivery { background: #fff9e8; }
.tcm-professional { font-weight: 650; }
.tcm-lead-fields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin-bottom: 22px;
}
.tcm-lead-fields label,
.tcm-consent { display: block; font-weight: 750; }
.tcm-lead-fields input[type="text"],
.tcm-lead-fields input[type="email"],
.tcm-lead-fields input[type="url"],
.tcm-lead-fields select {
width: 100%;
min-height: 52px;
padding: 13px 14px;
border: 1px solid var(--tcm-border);
border-radius: 15px;
margin-top: 7px;
font: inherit;
background: #fff;
color: var(--tcm-text);
transition: border-color .2s ease, box-shadow .2s ease;
}
.tcm-lead-fields input:focus,
.tcm-lead-fields select:focus {
outline: none;
border-color: var(--tcm-accent);
box-shadow: 0 0 0 4px rgba(189, 117, 104, .14);
}
.tcm-field-help,
.tcm-field-warning {
display: block;
margin-top: 7px;
font-size: 13px;
font-weight: 500;
line-height: 1.45;
}
.tcm-field-help { color: var(--tcm-muted); }
.tcm-field-warning {
color: #9a3412;
background: #fff7ed;
border: 1px solid #fed7aa;
border-radius: 10px;
padding: 8px 10px;
}
.tcm-field-warning[hidden] { display: none; }
.tcm-section h3 { color: var(--tcm-navy); margin-bottom: 16px; }
.tcm-item {
border: 1px solid var(--tcm-border);
border-radius: 18px;
padding: 18px;
margin: 16px 0;
background: #fffdfc;
}
.tcm-item legend { font-weight: 750; padding: 0 8px; line-height: 1.45; }
.tcm-item legend span { color: var(--tcm-accent-dark); }
.tcm-item label {
display: inline-flex;
gap: 8px;
align-items: center;
margin: 14px 18px 0 0;
font-weight: 500;
}
.tcm-consent {
background: var(--tcm-bg);
border: 1px solid var(--tcm-border);
border-radius: 16px;
padding: 16px;
margin: 20px 0;
line-height: 1.5;
}
.tcm-consent input[type="checkbox"] { margin-right: 8px; }
.tcm-consent-optional { background: #f7fbff; align-items: flex-start; }
.tcm-consent-optional > span { display: block; }
.tcm-consent-help { margin: -8px 0 18px 38px; font-size: .92rem; line-height: 1.45; color: #5f6368; }
.tcm-button {
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 999px;
background: var(--tcm-accent);
color: #fff !important;
padding: 15px 26px;
text-decoration: none !important;
font-weight: 800;
cursor: pointer;
font: inherit;
box-shadow: 0 10px 24px rgba(136, 76, 67, .19);
transition: transform .2s ease, background .2s ease;
}
.tcm-button:hover { background: var(--tcm-accent-dark); transform: translateY(-1px); } .tcm-report {
background: #f8f5f3;
border: 1px solid var(--tcm-border);
border-radius: 30px;
padding: 20px;
box-shadow: 0 24px 70px rgba(47, 28, 24, .11);
}
.tcm-report > section,
.tcm-report > header,
.tcm-report > .tcm-alert { margin-bottom: 20px; }
.tcm-report-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) 190px;
gap: 34px;
align-items: center;
padding: 36px;
border-radius: 24px;
background:
radial-gradient(circle at 90% 10%, rgba(255,255,255,.12), transparent 36%),
linear-gradient(135deg, var(--tcm-navy), var(--tcm-navy-soft));
color: #fff;
overflow: hidden;
}
.tcm-report-hero h2 {
color: #fff;
font-size: clamp(30px, 4.5vw, 48px);
letter-spacing: -.035em;
margin-bottom: 14px;
}
.tcm-report-hero p { color: #eef1f6; margin: 0 0 12px; }
.tcm-report-hero .tcm-kicker { color: #f5c9c1; }
.tcm-report-branding {
margin-bottom: 16px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(255,255,255,.17);
}
.tcm-report-brand-kicker {
display: block;
color: #f5c9c1;
font-size: 11px;
font-weight: 850;
letter-spacing: .10em;
text-transform: uppercase;
}
.tcm-report-hero .tcm-report-brand-title {
margin: 5px 0 3px;
color: #fff;
font-size: clamp(22px, 3vw, 31px);
font-weight: 850;
line-height: 1.12;
letter-spacing: -.02em;
}
.tcm-report-version-line {
display: block;
color: #dce2ec;
font-size: 12px;
line-height: 1.4;
}
.tcm-report-lead { font-size: 19px; font-weight: 700; max-width: 760px; }
.tcm-report-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 12px; }
.tcm-profile-chip {
display: inline-flex;
padding: 6px 11px;
border-radius: 999px;
background: rgba(255,255,255,.13);
border: 1px solid rgba(255,255,255,.22);
color: #fff;
font-size: 12px;
font-weight: 800;
}
.tcm-score-ring {
--tcm-score: 0;
width: 178px;
aspect-ratio: 1;
border-radius: 50%;
padding: 13px;
background: conic-gradient(#f0a89b var(--tcm-score), rgba(255,255,255,.14) 0);
box-shadow: 0 18px 38px rgba(0,0,0,.22);
}
.tcm-score-ring > div {
width: 100%;
height: 100%;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
background: #fff;
color: var(--tcm-navy);
}
.tcm-score-ring strong { font-size: 40px; line-height: 1; }
.tcm-score-ring span { display: block; margin-top: 7px; font-size: 12px; color: var(--tcm-muted); }
.tcm-alert { padding: 16px 20px; border-radius: 16px; box-shadow: none; }
.tcm-alert p { margin: 0; }
.tcm-alert-error { background: #fff0f0; border-color: #f2b8b8; }
.tcm-alert-success { background: #f0fff6; border-color: #b8e8c9; }
.tcm-alert-warning { background: #fff9e8; border-color: #edd58d; }
.tcm-summary-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.tcm-summary-card {
position: relative;
min-height: 190px;
border-radius: 20px;
padding: 22px;
overflow: hidden;
border: 1px solid var(--tcm-border);
}
.tcm-summary-card::after {
content: "";
position: absolute;
width: 90px;
height: 90px;
right: -28px;
bottom: -32px;
border-radius: 50%;
background: rgba(255,255,255,.55);
}
.tcm-summary-resource { background: #f8eeeb; }
.tcm-summary-priority { background: #fff6e3; }
.tcm-summary-next { background: #edf3f8; }
.tcm-summary-icon {
display: inline-grid;
place-items: center;
width: 36px;
height: 36px;
border-radius: 12px;
background: #fff;
color: var(--tcm-accent-dark);
font-weight: 900;
box-shadow: 0 5px 12px rgba(0,0,0,.06);
}
.tcm-summary-label { margin: 16px 0 7px !important; font-size: 14px; font-weight: 850; color: var(--tcm-navy); }
.tcm-summary-card p:last-child { margin: 0; position: relative; z-index: 1; }
.tcm-profile-context,
.tcm-reading-guide,
.tcm-chart-section,
.tcm-dimensions,
.tcm-next-steps,
.tcm-personal-alerts,
.tcm-safety-block,
.tcm-integrated-reading,
.tcm-cta {
background: #fff;
border: 1px solid var(--tcm-border);
border-radius: 22px;
padding: 26px;
}
.tcm-profile-context {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(220px, .7fr);
gap: 24px;
align-items: center;
}
.tcm-profile-context h3 { color: var(--tcm-navy); margin-bottom: 8px; }
.tcm-profile-context p:last-child { margin-bottom: 0; }
.tcm-profile-context ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.tcm-profile-context li { padding: 7px 10px; border-radius: 999px; background: var(--tcm-bg); color: var(--tcm-muted); font-size: 13px; font-weight: 700; }
.tcm-integrated-reading {
color: #fff;
background:
radial-gradient(circle at 92% 14%, rgba(255,255,255,.11), transparent 34%),
linear-gradient(135deg, #202c48, #17213a);
border-color: transparent;
}
.tcm-integrated-reading .tcm-section-eyebrow { color: #f5c9c1; }
.tcm-integrated-reading h3 { color: #fff; font-size: clamp(23px, 3vw, 32px); margin-bottom: 10px; }
.tcm-integrated-reading p:last-child { color: #edf0f5; margin-bottom: 0; max-width: 900px; }
.tcm-section-heading {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
margin-bottom: 18px;
}
.tcm-section-heading h3 { color: var(--tcm-navy); margin-bottom: 0; }
.tcm-section-heading > span { color: var(--tcm-muted); font-size: 13px; font-weight: 700; }
.tcm-alert-list { display: grid; gap: 12px; }
.tcm-personal-alert {
display: grid;
grid-template-columns: 36px 1fr;
gap: 14px;
padding: 16px;
border-radius: 16px;
background: #fff8e8;
border: 1px solid #eed89d;
}
.tcm-personal-alert > span {
display: grid;
place-items: center;
width: 34px;
height: 34px;
border-radius: 50%;
color: #6c4c12;
background: #ffe7ad;
font-weight: 900;
}
.tcm-personal-alert h4 { margin: 0 0 5px; color: #6c4c12; }
.tcm-personal-alert p { margin: 0; }
.tcm-reading-guide {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(350px, .9fr);
gap: 22px;
align-items: center;
}
.tcm-reading-guide h3 { color: var(--tcm-navy); margin-bottom: 8px; }
.tcm-reading-guide p:last-child { margin-bottom: 0; }
.tcm-legend-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tcm-legend-grid span { display: block; border-radius: 14px; padding: 12px; font-size: 12px; line-height: 1.35; }
.tcm-legend-grid strong { display: block; font-size: 14px; margin-bottom: 3px; }
.tcm-legend-grid .is-attention { background: var(--tcm-attention-bg); color: #8b443b; }
.tcm-legend-grid .is-development { background: var(--tcm-development-bg); color: #735a20; }
.tcm-legend-grid .is-strong { background: var(--tcm-strong-bg); color: #356247; }
.tcm-chart-section { overflow: hidden; }
.tcm-chart-canvas-wrap { position: relative; width: 100%; height: 390px; max-height: 390px; overflow: hidden; }
.tcm-chart-canvas-wrap canvas,
#tcmDimensionBarChart { display: block; width: 100% !important; height: 390px !important; max-height: 390px !important; }
.tcm-dimension-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.tcm-dimension-card {
position: relative;
border: 1px solid var(--tcm-border);
border-radius: 19px;
padding: 20px;
background: #fffdfc;
overflow: hidden;
}
.tcm-dimension-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; }
.tcm-dimension-card.is-attention::before { background: var(--tcm-attention); }
.tcm-dimension-card.is-development::before { background: var(--tcm-development); }
.tcm-dimension-card.is-strong::before { background: var(--tcm-strong); }
.tcm-dimension-topline { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 13px; }
.tcm-dimension-topline > strong { font-size: 23px; color: var(--tcm-navy); }
.tcm-dimension-badge { display: inline-flex; padding: 5px 9px; border-radius: 999px; font-size: 11px; font-weight: 850; }
.is-attention .tcm-dimension-badge { background: var(--tcm-attention-bg); color: #8b443b; }
.is-development .tcm-dimension-badge { background: var(--tcm-development-bg); color: #735a20; }
.is-strong .tcm-dimension-badge { background: var(--tcm-strong-bg); color: #356247; }
.tcm-dimension-card h4 { color: var(--tcm-navy); font-size: 20px; margin-bottom: 7px; }
.tcm-dimension-meaning { color: var(--tcm-muted); font-size: 14px; margin-bottom: 14px; }
.tcm-progress { height: 9px; border-radius: 999px; background: #eee8e5; overflow: hidden; margin: 14px 0 17px; }
.tcm-progress span { display: block; height: 100%; border-radius: inherit; }
.is-attention .tcm-progress span { background: var(--tcm-attention); }
.is-development .tcm-progress span { background: var(--tcm-development); }
.is-strong .tcm-progress span { background: var(--tcm-strong); }
.tcm-action-tip { margin: 16px 0 0 !important; padding: 14px; background: var(--tcm-bg); border-radius: 14px; }
.tcm-action-tip strong { display: block; color: var(--tcm-accent-dark); margin-bottom: 5px; }
.tcm-next-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.tcm-next-grid article { border-radius: 18px; padding: 20px; background: #f8f5f3; border: 1px solid var(--tcm-border); }
.tcm-next-grid article > span { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: var(--tcm-navy); color: #fff; font-size: 12px; font-weight: 900; }
.tcm-next-grid h4 { color: var(--tcm-navy); margin: 15px 0 8px; }
.tcm-next-grid p { margin: 0; }
.tcm-safety-block {
display: grid;
grid-template-columns: 48px 1fr;
gap: 16px;
align-items: start;
background: #fff8e8;
border-color: #eed89d;
}
.tcm-safety-block.is-priority { background: #fff0ee; border-color: #e4aca4; }
.tcm-safety-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: #ffe4a5; color: #6c4c12; font-size: 24px; font-weight: 900; }
.tcm-safety-block.is-priority .tcm-safety-icon { background: #f4c6bf; color: #8b443b; }
.tcm-safety-block h3 { color: var(--tcm-navy); margin-bottom: 7px; }
.tcm-safety-block p { margin: 0; font-size: 14px; }
.tcm-cta { box-shadow: none; }
.tcm-cta-content { display: grid; grid-template-columns: minmax(140px, 220px) 1fr; gap: 26px; align-items: center; }
.tcm-cta-image img { display: block; width: 100%; height: auto; border-radius: 16px; box-shadow: 0 14px 30px rgba(80,45,38,.14); }
.tcm-cta h3 { color: var(--tcm-navy); font-size: 25px; }
@media (max-width: 900px) {
.tcm-summary-grid,
.tcm-next-grid { grid-template-columns: 1fr; }
.tcm-summary-card { min-height: auto; }
.tcm-profile-context,
.tcm-reading-guide { grid-template-columns: 1fr; }
.tcm-dimension-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
.tcm-wrapper { margin: 18px auto; }
.tcm-intro,
.tcm-section,
.tcm-cta,
.tcm-alert { padding: 20px; }
.tcm-intro { padding: 22px; }
.tcm-intro h2 { font-size: clamp(32px, 11vw, 44px); }
.tcm-intro-info-grid,
.tcm-lead-fields,
.tcm-cta-content { grid-template-columns: 1fr; }
.tcm-item label { display: flex; margin-right: 0; }
.tcm-consent-help { margin-left: 0; }
.tcm-report { padding: 10px; border-radius: 22px; }
.tcm-report-hero { grid-template-columns: 1fr; padding: 25px; }
.tcm-score-ring { width: 150px; }
.tcm-score-ring strong { font-size: 34px; }
.tcm-profile-context,
.tcm-reading-guide,
.tcm-chart-section,
.tcm-dimensions,
.tcm-next-steps,
.tcm-personal-alerts,
.tcm-safety-block,
.tcm-integrated-reading,
.tcm-cta { padding: 20px; }
.tcm-legend-grid { grid-template-columns: 1fr; }
.tcm-section-heading { display: block; }
.tcm-section-heading > span { display: block; margin-top: 8px; }
.tcm-chart-canvas-wrap,
.tcm-chart-canvas-wrap canvas,
#tcmDimensionBarChart { height: 440px !important; max-height: 440px !important; }
.tcm-safety-block { grid-template-columns: 1fr; }
.tcm-cta-image { max-width: 220px; }
} .tcm-report-actions {
position: sticky;
top: 14px;
z-index: 40;
display: flex;
justify-content: flex-end;
gap: 10px;
margin: 0 0 14px;
padding: 10px;
border: 1px solid var(--tcm-border);
border-radius: 18px;
background: rgba(255, 255, 255, .94);
box-shadow: 0 12px 30px rgba(47, 28, 24, .12);
backdrop-filter: blur(10px);
}
.tcm-button-secondary {
background: #fff;
color: var(--tcm-navy) !important;
border: 1px solid var(--tcm-border);
box-shadow: none;
}
.tcm-button-secondary:hover {
background: var(--tcm-bg);
color: var(--tcm-navy) !important;
}
.tcm-person-identification {
margin: 2px 0 22px;
padding: 14px 16px;
border-left: 3px solid #f0a89b;
background: rgba(255,255,255,.08);
border-radius: 0 14px 14px 0;
}
.tcm-person-identification span,
.tcm-person-identification small,
.tcm-person-identification strong { display: block; }
.tcm-person-identification span {
color: #f5c9c1;
font-size: 11px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.tcm-person-identification strong {
margin-top: 4px;
color: #fff;
font-size: clamp(22px, 3vw, 32px);
line-height: 1.15;
}
.tcm-person-identification small {
margin-top: 6px;
color: #e8ebf1;
font-size: 13px;
}
.tcm-report-document-footer {
margin: 6px 0 20px;
padding: 18px 22px;
border: 1px solid var(--tcm-border);
border-radius: 18px;
background: #fff;
color: var(--tcm-muted);
font-size: 12px;
line-height: 1.5;
text-align: center;
}
.tcm-report-document-footer strong {
display: block;
margin-bottom: 7px;
color: var(--tcm-navy);
font-size: 14px;
}
.tcm-report-document-footer p { margin: 3px 0; line-height: 1.45; }
.tcm-report-document-footer span { font-weight: 800; color: var(--tcm-text); }
.tcm-report-document-footer .tcm-report-copyright {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid var(--tcm-border);
color: var(--tcm-navy);
font-weight: 800;
}
#tcm-print-root { display: none; }
.tcm-print-only { display: none !important; }
@media (max-width: 620px) {
.tcm-report-actions {
position: static;
flex-direction: column;
}
.tcm-report-actions .tcm-button { width: 100%; }
}
@media print {
@page { size: A4 portrait; margin: 11mm; }
html, body {
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
}
body.tcm-print-mode > *:not(#tcm-print-root) { display: none !important; }
body.tcm-print-mode #tcm-print-root {
display: block !important;
position: static !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
}
#tcm-print-root,
#tcm-print-root * {
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
#tcm-print-root .tcm-screen-only,
#tcm-print-root .tcm-cta,
#tcm-print-root script { display: none !important; }
#tcm-print-root .tcm-wrapper,
#tcm-print-root .tcm-report {
max-width: none !important;
width: 100% !important;
margin: 0 !important;
}
#tcm-print-root .tcm-report {
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: #fff !important;
font-size: 9.3pt !important;
}
#tcm-print-root .tcm-report p { line-height: 1.4 !important; }
#tcm-print-root .tcm-report > header,
#tcm-print-root .tcm-report > section,
#tcm-print-root .tcm-report > footer { margin-bottom: 4mm !important; }
#tcm-print-root .tcm-report-hero {
grid-template-columns: minmax(0, 1fr) 34mm !important;
gap: 7mm !important;
padding: 7mm !important;
border-radius: 5mm !important;
}
#tcm-print-root .tcm-report-branding {
margin-bottom: 3mm !important;
padding-bottom: 3mm !important;
}
#tcm-print-root .tcm-report-brand-kicker { font-size: 7.5pt !important; }
#tcm-print-root .tcm-report-brand-title { font-size: 17pt !important; margin: 1mm 0 .7mm !important; }
#tcm-print-root .tcm-report-version-line { font-size: 7.5pt !important; }
#tcm-print-root .tcm-report-hero h2 {
margin-bottom: 3mm !important;
font-size: 22pt !important;
}
#tcm-print-root .tcm-report-lead { font-size: 11pt !important; }
#tcm-print-root .tcm-person-identification {
margin: 1mm 0 4mm !important;
padding: 3mm 4mm !important;
}
#tcm-print-root .tcm-person-identification strong { font-size: 16pt !important; }
#tcm-print-root .tcm-person-identification small { font-size: 8.5pt !important; }
#tcm-print-root .tcm-score-ring { width: 34mm !important; padding: 2.5mm !important; }
#tcm-print-root .tcm-score-ring strong { font-size: 24pt !important; }
#tcm-print-root .tcm-score-ring span { font-size: 7.5pt !important; }
#tcm-print-root .tcm-summary-grid,
#tcm-print-root .tcm-next-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 3mm !important; }
#tcm-print-root .tcm-summary-card,
#tcm-print-root .tcm-next-grid article { min-height: 0 !important; padding: 4mm !important; }
#tcm-print-root .tcm-summary-icon { width: 8mm !important; height: 8mm !important; }
#tcm-print-root .tcm-summary-label { margin-top: 3mm !important; }
#tcm-print-root .tcm-profile-context,
#tcm-print-root .tcm-reading-guide {
grid-template-columns: minmax(0, 1.45fr) minmax(48mm, .75fr) !important;
gap: 5mm !important;
}
#tcm-print-root .tcm-profile-context,
#tcm-print-root .tcm-reading-guide,
#tcm-print-root .tcm-chart-section,
#tcm-print-root .tcm-dimensions,
#tcm-print-root .tcm-next-steps,
#tcm-print-root .tcm-personal-alerts,
#tcm-print-root .tcm-safety-block,
#tcm-print-root .tcm-integrated-reading {
padding: 5mm !important;
border-radius: 4mm !important;
}
#tcm-print-root .tcm-legend-grid { grid-template-columns: repeat(3, 1fr) !important; }
#tcm-print-root .tcm-legend-grid span { padding: 2.5mm !important; }
#tcm-print-root .tcm-print-chart-image {
display: block !important;
width: 100% !important;
height: auto !important;
max-height: 92mm !important;
object-fit: contain !important;
}
#tcm-print-root .tcm-chart-canvas-wrap {
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
#tcm-print-root .tcm-dimension-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 3.5mm !important;
}
#tcm-print-root .tcm-dimension-card { padding: 4mm !important; border-radius: 4mm !important; }
#tcm-print-root .tcm-dimension-card h4 { font-size: 13pt !important; }
#tcm-print-root .tcm-dimension-topline > strong { font-size: 16pt !important; }
#tcm-print-root .tcm-dimension-meaning { font-size: 8.5pt !important; }
#tcm-print-root .tcm-action-tip { margin-top: 3mm !important; padding: 3mm !important; }
#tcm-print-root .tcm-section-heading { margin-bottom: 3mm !important; }
#tcm-print-root .tcm-section-heading > span { margin-top: 0 !important; }
#tcm-print-root .tcm-safety-block { grid-template-columns: 11mm 1fr !important; }
#tcm-print-root .tcm-safety-icon { width: 10mm !important; height: 10mm !important; }
#tcm-print-root .tcm-report-document-footer {
margin: 2mm 0 0 !important;
padding: 4mm !important;
border-radius: 3mm !important;
font-size: 8pt !important;
}
#tcm-print-root .tcm-report-hero,
#tcm-print-root .tcm-summary-card,
#tcm-print-root .tcm-profile-context,
#tcm-print-root .tcm-integrated-reading,
#tcm-print-root .tcm-personal-alert,
#tcm-print-root .tcm-reading-guide,
#tcm-print-root .tcm-chart-section,
#tcm-print-root .tcm-dimension-card,
#tcm-print-root .tcm-next-grid article,
#tcm-print-root .tcm-safety-block,
#tcm-print-root .tcm-report-document-footer {
break-inside: avoid !important;
page-break-inside: avoid !important;
}
#tcm-print-root h2,
#tcm-print-root h3,
#tcm-print-root h4 {
break-after: avoid !important;
page-break-after: avoid !important;
}
} .tcm-report-onepage {
max-width: 1040px;
margin-inline: auto;
padding: 18px;
background: #f8f5f3;
}
.tcm-report-onepage > header,
.tcm-report-onepage > section,
.tcm-report-onepage > footer { margin-bottom: 14px; }
.tcm-onepage-hero {
padding: 22px 24px;
border-radius: 22px;
color: #fff;
background:
radial-gradient(circle at 92% 8%, rgba(255,255,255,.12), transparent 35%),
linear-gradient(135deg, var(--tcm-navy), var(--tcm-navy-soft));
}
.tcm-onepage-brand-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
padding-bottom: 12px;
margin-bottom: 14px;
border-bottom: 1px solid rgba(255,255,255,.16);
}
.tcm-onepage-brand-row .tcm-report-brand-title {
color: #fff;
margin: 3px 0 0;
font-size: clamp(20px, 2.8vw, 29px);
line-height: 1.08;
font-weight: 850;
letter-spacing: -.02em;
}
.tcm-onepage-brand-row .tcm-report-version-line {
max-width: 260px;
text-align: right;
font-size: 11px;
}
.tcm-onepage-hero-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 132px;
gap: 24px;
align-items: center;
}
.tcm-onepage-hero h2 {
color: #fff;
margin: 13px 0 7px;
font-size: clamp(26px, 3.8vw, 39px);
letter-spacing: -.035em;
}
.tcm-onepage-hero p { color: #edf1f7; margin: 0; }
.tcm-person-identification-compact {
margin: 0;
padding: 8px 11px;
border-left: 3px solid #f0a89b;
background: rgba(255,255,255,.075);
}
.tcm-person-identification-compact span { font-size: 9px; }
.tcm-person-identification-compact strong { font-size: 19px; margin: 1px 0; }
.tcm-person-identification-compact small { font-size: 10px; }
.tcm-onepage-hero .tcm-report-lead {
font-size: 16px;
line-height: 1.42;
margin-bottom: 5px;
}
.tcm-onepage-general-summary {
max-width: 760px;
font-size: 13px;
line-height: 1.48 !important;
color: #dce2ec !important;
}
.tcm-score-ring-compact {
width: 122px;
padding: 9px;
}
.tcm-score-ring-compact strong { font-size: 30px; }
.tcm-score-ring-compact span { font-size: 10px; }
.tcm-onepage-summary {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.tcm-onepage-summary-card {
display: grid;
grid-template-columns: 31px 1fr;
gap: 10px;
align-items: start;
min-width: 0;
padding: 13px 14px;
border: 1px solid var(--tcm-border);
border-radius: 15px;
background: #fff;
}
.tcm-onepage-summary-card > span {
display: grid;
place-items: center;
width: 29px;
height: 29px;
border-radius: 9px;
font-weight: 850;
background: #fff;
color: var(--tcm-accent-dark);
box-shadow: 0 5px 12px rgba(44,31,27,.08);
}
.tcm-onepage-summary-card h3 {
margin: 0 0 4px;
color: var(--tcm-navy);
font-size: 13px;
}
.tcm-onepage-summary-card p {
margin: 0;
color: #4f4946;
font-size: 12px;
line-height: 1.38;
}
.tcm-onepage-summary-card.is-resource { background: #fbf1ee; }
.tcm-onepage-summary-card.is-priority { background: #fff6e3; }
.tcm-onepage-summary-card.is-integrated { background: #eef3f8; }
.tcm-onepage-dimensions,
.tcm-onepage-next-steps {
padding: 16px;
border: 1px solid var(--tcm-border);
border-radius: 18px;
background: #fff;
}
.tcm-onepage-section-heading {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 14px;
margin-bottom: 11px;
}
.tcm-onepage-section-heading h3 {
color: var(--tcm-navy);
margin: 0;
font-size: 20px;
}
.tcm-onepage-section-heading > span {
color: var(--tcm-muted);
font-size: 11px;
font-weight: 650;
}
.tcm-onepage-legend {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 5px;
}
.tcm-onepage-legend span {
padding: 4px 7px;
border-radius: 999px;
font-size: 9px;
font-weight: 800;
white-space: nowrap;
}
.tcm-onepage-legend .is-attention { background: var(--tcm-attention-bg); color: #8e3c34; }
.tcm-onepage-legend .is-development { background: var(--tcm-development-bg); color: #735716; }
.tcm-onepage-legend .is-strong { background: var(--tcm-strong-bg); color: #2f6649; }
.tcm-compact-dimension-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.tcm-compact-dimension {
min-width: 0;
padding: 10px 11px;
border: 1px solid #ebe4e1;
border-left: 4px solid var(--tcm-development);
border-radius: 12px;
background: #fdfcfb;
}
.tcm-compact-dimension.is-attention { border-left-color: var(--tcm-attention); }
.tcm-compact-dimension.is-development { border-left-color: var(--tcm-development); }
.tcm-compact-dimension.is-strong { border-left-color: var(--tcm-strong); }
.tcm-compact-dimension-top {
display: flex;
justify-content: space-between;
gap: 12px;
align-items: flex-start;
}
.tcm-compact-dimension h4 {
margin: 0;
color: var(--tcm-navy);
font-size: 13px;
line-height: 1.2;
}
.tcm-compact-dimension-top > div {
display: flex;
align-items: baseline;
gap: 5px;
text-align: right;
white-space: nowrap;
}
.tcm-compact-dimension-top strong {
color: var(--tcm-navy);
font-size: 15px;
}
.tcm-compact-dimension-top span {
color: var(--tcm-muted);
font-size: 8.5px;
font-weight: 700;
}
.tcm-compact-dimension .tcm-progress {
height: 5px;
margin: 7px 0 6px;
}
.tcm-compact-dimension p {
margin: 0;
color: #5b5450;
font-size: 10.5px;
line-height: 1.32;
}
.tcm-onepage-step-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
}
.tcm-onepage-step-grid article {
display: grid;
grid-template-columns: 28px 1fr;
gap: 9px;
padding: 10px 11px;
border-radius: 12px;
background: #f8f5f3;
}
.tcm-onepage-step-grid article > span {
display: grid;
place-items: center;
width: 27px;
height: 27px;
border-radius: 8px;
background: var(--tcm-navy);
color: #fff;
font-size: 9px;
font-weight: 850;
}
.tcm-onepage-step-grid h4 {
margin: 0 0 3px;
color: var(--tcm-navy);
font-size: 12.5px;
}
.tcm-onepage-step-grid p {
margin: 0;
color: #544d49;
font-size: 10.5px;
line-height: 1.33;
}
.tcm-onepage-safety {
display: grid;
grid-template-columns: auto 1fr;
gap: 10px;
align-items: start;
padding: 10px 13px;
border: 1px solid #edd4cd;
border-radius: 13px;
background: #fff0ed;
}
.tcm-onepage-safety strong {
padding: 3px 7px;
border-radius: 7px;
background: #f7c5be;
color: #6c3029;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .05em;
}
.tcm-onepage-safety p {
margin: 0;
color: #5d4540;
font-size: 10.5px;
line-height: 1.38;
}
.tcm-onepage-safety.is-priority { border-color: #d87e71; box-shadow: 0 0 0 2px rgba(182,92,80,.08); }
.tcm-report-document-footer-compact {
display: grid;
grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
gap: 14px;
align-items: end;
padding: 10px 12px;
text-align: left;
}
.tcm-report-document-footer-compact > div:last-child { text-align: right; }
.tcm-report-document-footer-compact p { font-size: 9.5px; line-height: 1.34; }
.tcm-report-premium-note { grid-column: 1 / -1; }
.tcm-cta-after-report { max-width: 1040px; margin: 18px auto 0; }
@media (max-width: 760px) {
.tcm-onepage-brand-row,
.tcm-onepage-section-heading { align-items: flex-start; flex-direction: column; }
.tcm-onepage-brand-row .tcm-report-version-line { max-width: none; text-align: left; }
.tcm-onepage-hero-grid { grid-template-columns: 1fr; }
.tcm-score-ring-compact { width: 108px; }
.tcm-onepage-summary,
.tcm-compact-dimension-grid,
.tcm-onepage-step-grid,
.tcm-report-document-footer-compact { grid-template-columns: 1fr; }
.tcm-onepage-legend { justify-content: flex-start; }
.tcm-report-document-footer-compact > div:last-child { text-align: left; }
}
@media print {
@page { size: A4 portrait; margin: 6mm; }
#tcm-print-root .tcm-report-onepage {
width: 198mm !important;
max-width: 198mm !important;
min-height: 0 !important;
padding: 4mm !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: #fff !important;
font-size: 8pt !important;
}
#tcm-print-root .tcm-report-onepage > header,
#tcm-print-root .tcm-report-onepage > section,
#tcm-print-root .tcm-report-onepage > footer { margin-bottom: 2.5mm !important; }
#tcm-print-root .tcm-onepage-hero {
padding: 4mm 5mm !important;
border-radius: 4mm !important;
}
#tcm-print-root .tcm-onepage-brand-row {
padding-bottom: 2mm !important;
margin-bottom: 2.5mm !important;
}
#tcm-print-root .tcm-onepage-brand-row .tcm-report-brand-title { font-size: 15pt !important; }
#tcm-print-root .tcm-report-brand-kicker,
#tcm-print-root .tcm-onepage-brand-row .tcm-report-version-line { font-size: 6.5pt !important; }
#tcm-print-root .tcm-onepage-hero-grid {
grid-template-columns: minmax(0, 1fr) 26mm !important;
gap: 4mm !important;
}
#tcm-print-root .tcm-person-identification-compact { padding: 1.5mm 2mm !important; }
#tcm-print-root .tcm-person-identification-compact strong { font-size: 12pt !important; }
#tcm-print-root .tcm-person-identification-compact span,
#tcm-print-root .tcm-person-identification-compact small { font-size: 6.5pt !important; }
#tcm-print-root .tcm-onepage-hero h2 { font-size: 19pt !important; margin: 2.2mm 0 1mm !important; }
#tcm-print-root .tcm-onepage-hero .tcm-report-lead { font-size: 9pt !important; margin-bottom: .8mm !important; }
#tcm-print-root .tcm-onepage-general-summary { font-size: 7.2pt !important; line-height: 1.25 !important; }
#tcm-print-root .tcm-score-ring-compact { width: 25mm !important; padding: 2mm !important; }
#tcm-print-root .tcm-score-ring-compact strong { font-size: 18pt !important; }
#tcm-print-root .tcm-score-ring-compact span { font-size: 6pt !important; }
#tcm-print-root .tcm-onepage-summary {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 2mm !important;
}
#tcm-print-root .tcm-onepage-summary-card {
grid-template-columns: 6mm 1fr !important;
gap: 1.5mm !important;
padding: 2.2mm !important;
border-radius: 2.5mm !important;
}
#tcm-print-root .tcm-onepage-summary-card > span { width: 5.5mm !important; height: 5.5mm !important; font-size: 6.5pt !important; }
#tcm-print-root .tcm-onepage-summary-card h3 { font-size: 7pt !important; margin-bottom: .7mm !important; }
#tcm-print-root .tcm-onepage-summary-card p { font-size: 6.5pt !important; line-height: 1.24 !important; }
#tcm-print-root .tcm-onepage-dimensions,
#tcm-print-root .tcm-onepage-next-steps {
padding: 2.5mm !important;
border-radius: 3mm !important;
}
#tcm-print-root .tcm-onepage-section-heading { margin-bottom: 1.7mm !important; }
#tcm-print-root .tcm-onepage-section-heading h3 { font-size: 11pt !important; }
#tcm-print-root .tcm-section-eyebrow,
#tcm-print-root .tcm-onepage-section-heading > span { font-size: 6pt !important; }
#tcm-print-root .tcm-onepage-legend span { padding: .7mm 1.2mm !important; font-size: 5.5pt !important; }
#tcm-print-root .tcm-compact-dimension-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1.5mm !important;
}
#tcm-print-root .tcm-compact-dimension {
padding: 1.8mm 2mm !important;
border-left-width: 1mm !important;
border-radius: 2mm !important;
}
#tcm-print-root .tcm-compact-dimension h4 { font-size: 7.2pt !important; }
#tcm-print-root .tcm-compact-dimension-top strong { font-size: 8pt !important; }
#tcm-print-root .tcm-compact-dimension-top span { font-size: 5.2pt !important; }
#tcm-print-root .tcm-compact-dimension .tcm-progress { height: 1mm !important; margin: 1.2mm 0 1mm !important; }
#tcm-print-root .tcm-compact-dimension p { font-size: 6.1pt !important; line-height: 1.2 !important; }
#tcm-print-root .tcm-onepage-step-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 1.5mm !important;
}
#tcm-print-root .tcm-onepage-step-grid article {
grid-template-columns: 5.5mm 1fr !important;
gap: 1.3mm !important;
padding: 1.8mm 2mm !important;
border-radius: 2mm !important;
}
#tcm-print-root .tcm-onepage-step-grid article > span { width: 5mm !important; height: 5mm !important; font-size: 5.5pt !important; }
#tcm-print-root .tcm-onepage-step-grid h4 { font-size: 7pt !important; }
#tcm-print-root .tcm-onepage-step-grid p { font-size: 6.1pt !important; line-height: 1.2 !important; }
#tcm-print-root .tcm-onepage-safety {
grid-template-columns: 14mm 1fr !important;
gap: 1.5mm !important;
padding: 1.8mm 2mm !important;
border-radius: 2mm !important;
}
#tcm-print-root .tcm-onepage-safety strong { font-size: 5.8pt !important; }
#tcm-print-root .tcm-onepage-safety p { font-size: 6pt !important; line-height: 1.2 !important; }
#tcm-print-root .tcm-print-only { display: block !important; }
#tcm-print-root .tcm-report-premium-note {
grid-column: 1 / -1 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 2mm !important;
align-items: center !important;
margin: 0 0 1.2mm !important;
padding: 1.5mm 2mm !important;
border: .35mm solid #ead7ad !important;
border-radius: 2mm !important;
background: #fff8e8 !important;
text-align: left !important;
}
#tcm-print-root .tcm-report-premium-note span {
display: block !important;
margin-bottom: .3mm !important;
color: #884c43 !important;
font-size: 5.2pt !important;
font-weight: 850 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
}
#tcm-print-root .tcm-report-premium-note strong {
display: block !important;
margin: 0 !important;
color: #17213a !important;
font-size: 7pt !important;
line-height: 1.12 !important;
}
#tcm-print-root .tcm-report-premium-note p {
margin: .4mm 0 0 !important;
color: #5d554b !important;
font-size: 5.4pt !important;
line-height: 1.16 !important;
}
#tcm-print-root .tcm-report-premium-note a {
display: inline-block !important;
padding: 1.2mm 2.4mm !important;
border-radius: 999px !important;
background: #bd7568 !important;
color: #fff !important;
font-size: 5.7pt !important;
font-weight: 850 !important;
line-height: 1.1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
#tcm-print-root .tcm-report-document-footer-compact {
grid-template-columns: .8fr 1.2fr !important;
gap: 3mm !important;
padding: 1.7mm 2mm !important;
border-radius: 2mm !important;
}
#tcm-print-root .tcm-report-document-footer-compact strong { font-size: 7pt !important; }
#tcm-print-root .tcm-report-document-footer-compact p { font-size: 5.5pt !important; line-height: 1.18 !important; margin: .3mm 0 !important; }
#tcm-print-root .tcm-onepage-hero,
#tcm-print-root .tcm-onepage-summary-card,
#tcm-print-root .tcm-compact-dimension,
#tcm-print-root .tcm-onepage-step-grid article,
#tcm-print-root .tcm-onepage-safety,
#tcm-print-root .tcm-report-premium-note,
#tcm-print-root .tcm-report-document-footer-compact {
break-inside: avoid !important;
page-break-inside: avoid !important;
}
}