Spaces:
Running
Running
File size: 2,188 Bytes
17fcaeb |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 |
/* Base styles */
:root {
--primary-color: #003366;
--secondary-color: #1e3a8a;
--success-color: #10b981;
--text-color: #333;
--border-color: #e5e7eb;
--bg-light: #f8fafc;
}
body {
font-family: 'Times New Roman', serif;
margin: 0 auto;
max-width: 800px;
line-height: 1.8;
color: var(--text-color);
background-color: #fff;
padding: 40px;
font-size: 12pt;
}
/* Typography */
h1, h2, h3 {
color: #000;
font-family: 'Times New Roman', serif;
margin-top: 2em;
border-bottom: 2px solid #000;
padding-bottom: 0.5em;
}
h1 { font-size: 28px; text-align: center; margin-bottom: 2em; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
p, li { font-size: 16px; }
/* Layout */
.section {
margin-bottom: 30px;
padding: 15px 20px;
background-color: #fff;
}
.section:not(:last-child) {
border-bottom: 1px solid var(--border-color);
}
/* Components */
.info-card {
border: 2px solid var(--primary-color);
border-radius: 8px;
padding: 20px;
text-align: center;
background: #fff;
}
.info-card h3 {
color: var(--primary-color);
border: none;
margin: 10px 0;
}
.medical-interface {
border: 1px solid var(--border-color);
border-radius: 8px;
overflow: hidden;
background: var(--bg-light);
margin: 20px 0;
}
.interface-header {
background: var(--primary-color);
color: white;
padding: 10px;
font-size: 0.9em;
}
.data-output {
padding: 15px;
background: white;
}
.analysis-text {
padding: 15px;
background: #f3f4f6;
border-top: 1px solid var(--border-color);
}
/* Utilities */
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
/* Print styles */
@media print {
body {
padding: 0;
margin: 2.54cm;
font-size: 11pt;
}
.section {
page-break-inside: avoid;
margin-bottom: 20px;
}
}
@page {
margin: 2.54cm;
size: A4 portrait;
}
/* Responsive */
@media (max-width: 768px) {
body { padding: 20px; }
.grid-2, .grid-3 { grid-template-columns: 1fr; }
} |