239 lines
3.6 KiB
CSS
239 lines
3.6 KiB
CSS
@page {
|
|
size: letter;
|
|
margin: 1in 0.85in;
|
|
@top-right {
|
|
content: "MCP Engage — Confidential";
|
|
font-size: 8pt;
|
|
color: #94a3b8;
|
|
font-family: 'Helvetica Neue', Arial, sans-serif;
|
|
}
|
|
@bottom-center {
|
|
content: counter(page);
|
|
font-size: 9pt;
|
|
color: #94a3b8;
|
|
font-family: 'Helvetica Neue', Arial, sans-serif;
|
|
}
|
|
}
|
|
|
|
@page :first {
|
|
@top-right { content: none; }
|
|
@bottom-center { content: none; }
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Helvetica Neue', Arial, sans-serif;
|
|
font-size: 10.5pt;
|
|
line-height: 1.6;
|
|
color: #1e293b;
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* Title page styling */
|
|
h1 {
|
|
font-size: 28pt;
|
|
font-weight: 700;
|
|
color: #0f172a;
|
|
margin-top: 2in;
|
|
margin-bottom: 0.2em;
|
|
padding-bottom: 0.3em;
|
|
border-bottom: 3px solid #3b82f6;
|
|
letter-spacing: -0.5px;
|
|
page-break-before: avoid;
|
|
}
|
|
|
|
h1 + h2 {
|
|
font-size: 16pt;
|
|
color: #3b82f6;
|
|
font-weight: 400;
|
|
margin-top: 0;
|
|
border-bottom: none;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 16pt;
|
|
font-weight: 600;
|
|
color: #0f172a;
|
|
margin-top: 1.8em;
|
|
margin-bottom: 0.6em;
|
|
padding-bottom: 0.25em;
|
|
border-bottom: 2px solid #e2e8f0;
|
|
page-break-after: avoid;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 13pt;
|
|
font-weight: 600;
|
|
color: #1e40af;
|
|
margin-top: 1.4em;
|
|
margin-bottom: 0.5em;
|
|
page-break-after: avoid;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 11pt;
|
|
font-weight: 600;
|
|
color: #334155;
|
|
margin-top: 1.2em;
|
|
margin-bottom: 0.4em;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 0.7em;
|
|
orphans: 3;
|
|
widows: 3;
|
|
}
|
|
|
|
/* Tables */
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 1em 0;
|
|
font-size: 9.5pt;
|
|
page-break-inside: auto;
|
|
}
|
|
|
|
thead {
|
|
display: table-header-group;
|
|
}
|
|
|
|
tr {
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
th {
|
|
background: #1e40af;
|
|
color: white;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
padding: 8px 12px;
|
|
font-size: 9pt;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
td {
|
|
padding: 8px 12px;
|
|
border-bottom: 1px solid #e2e8f0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
tr:nth-child(even) td {
|
|
background: #f8fafc;
|
|
}
|
|
|
|
/* Strong text in tables */
|
|
td strong {
|
|
color: #0f172a;
|
|
}
|
|
|
|
/* Code blocks for architecture diagrams */
|
|
pre {
|
|
background: #0f172a;
|
|
color: #e2e8f0;
|
|
padding: 1.2em;
|
|
border-radius: 8px;
|
|
font-size: 8pt;
|
|
line-height: 1.4;
|
|
overflow-x: auto;
|
|
page-break-inside: avoid;
|
|
margin: 1em 0;
|
|
font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
|
|
}
|
|
|
|
code {
|
|
font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
|
|
font-size: 9pt;
|
|
background: #f1f5f9;
|
|
padding: 1px 4px;
|
|
border-radius: 3px;
|
|
color: #1e40af;
|
|
}
|
|
|
|
pre code {
|
|
background: none;
|
|
padding: 0;
|
|
color: #e2e8f0;
|
|
}
|
|
|
|
/* Lists */
|
|
ul, ol {
|
|
margin-bottom: 0.8em;
|
|
padding-left: 1.5em;
|
|
}
|
|
|
|
li {
|
|
margin-bottom: 0.3em;
|
|
}
|
|
|
|
/* Checkboxes in lists */
|
|
li input[type="checkbox"] {
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
/* Horizontal rule */
|
|
hr {
|
|
border: none;
|
|
border-top: 2px solid #e2e8f0;
|
|
margin: 2em 0;
|
|
}
|
|
|
|
/* Emphasis */
|
|
em {
|
|
color: #64748b;
|
|
font-style: italic;
|
|
}
|
|
|
|
strong {
|
|
color: #0f172a;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* Blockquote for callouts */
|
|
blockquote {
|
|
border-left: 4px solid #3b82f6;
|
|
margin: 1em 0;
|
|
padding: 0.8em 1.2em;
|
|
background: #eff6ff;
|
|
border-radius: 0 6px 6px 0;
|
|
color: #1e40af;
|
|
}
|
|
|
|
blockquote p {
|
|
margin: 0;
|
|
}
|
|
|
|
/* Summary box styling */
|
|
h2 + p > strong:first-child {
|
|
color: #1e40af;
|
|
}
|
|
|
|
/* Images */
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
border-radius: 8px;
|
|
margin: 1em 0;
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
/* Page break hints */
|
|
h2 {
|
|
page-break-before: auto;
|
|
}
|
|
|
|
.page-break {
|
|
page-break-before: always;
|
|
}
|
|
|
|
/* Make the metadata block at top look clean */
|
|
body > p:first-of-type {
|
|
font-size: 11pt;
|
|
color: #475569;
|
|
line-height: 1.8;
|
|
}
|