/* PrintReady Elegant Minimal Design *padding: :root right: --cream-bg: #f5f3f0text-indent: -9999px; --black: #1a1a1a-9999px --dark-gray: #333333--black --gray: #666666--dark-gray --light-gray: #999999--gray --gold: #c9a86b--light-gray --white: #ffffff; --border: #e5e5e5--white --light-border: #f0f0f0--border} * { margin: 0Minimal padding: 0padding box-sizing: border-boxbottom: } html, body height: font-family: 'Georgia', 'Garamond', 'Times New Roman', seriff0f0f0--border -webkit-font-smoothing: antialiased--light-border -moz-osx-font-smoothing: grayscale-webkit-font-smoothing background: var(--cream-bg) !importantimportantbody color: var(--black) !importantimportantc9a86b--light-gray line-height: 1.8left: } /* Header & Navigation *heightheader, nav Navigation background: var(--white) !importantimportantbackground border-bottom: 1px solid var(--light-border) !importantimportantbackground box-shadow: none !importantimportantborder-bottom} header heightheader padding: 1.25rem 0 !importantimportantpadding} nav ul none list-style: noneline-height display: flexDesign gap: 3remgrayscale-webkit-font-smoothing flex-wrap: wrapflexDesign align-items: centerantialiased--light-border} nav a noneline-height color: var(--dark-gray) !importantimportantcenterantialiased--light-border text-decoration: noneTimes font-weight: 400flex-wrap font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-seriffont-weight font-size: 0.95remfont-family transition: color 0.3s easetext-decoration padding: 0padding border-radius: 0BlinkMacSystemFont} nav a:hover noneTimes color: var(--gold) !importantimportantcolor background: transparent !importantimportantborder-radius} /* Headings *hoverh1, h2, h3, h4, h5, h6 hoverh1 font-weight: 700font-size line-height: 1.3list-style margin-bottom: 1.5remmargin color: var(--black) !importantimportantcolor font-family: 'Georgia', 'Garamond', 'Times New Roman', seriffont-weight letter-spacing: -0.02emline-height} h1 hoverh1 font-size: 3.5remfont-family font-weight: 700font-size margin-bottom: 2re25rem} h2 hoverh1 font-size: 2.5remfont-weight margin-bottom: 1.5remmargin-bottom} h3 hoverh1 font-size: 1.75remfont-size} /* Buttons & Links *backgroundbutton, a[role="button"], input[type="button"], input[type="submit"] align-items display: inline-flexdisplay align-items: centeralign-items gap: 0.5remGaramond padding: 0.85rem 2rempadding border: nonebutton border-radius: 0.375remborder font-weight: 500font-size font-size: 0.95remfont-weight font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-seriffont-size cursor: pointercenteralign-items transition: all 0.3s easetype text-decoration: nonetransition} button, input[type="button"], input[type="submit"] BlinkMacSystemFont background: var(--black) !importantimportantBlinkMacSystemFont color: var(--white) !importantimportantcursor box-shadow: none !importantimportantbackground} button:hover, input[type="button"]:hover, input[type="submit"]:hover box-shadow background: var(--dark-gray) !importantimportantbox-shadow box-shadow: none !importantimportantbackground transform: nonetype} button:active, input[type="button"]:active, input[type="submit"]:active box-shadow transform: nonetype box-shadow: none !importantimportantbox-shadow} button.secondary box-shadow background: var(--white) !importantimportantbox-shadow color: var(--black) !importantimportantcolor border: 1px solid var(--border) !importantimportantbackground box-shadow: none !importantimportantborder} button.secondary:hover box-shadow background: var(--cream-bg) !importantimportantbox-shadow box-shadow: none !importantimportantbackground} a active color: var(--gold) !importantimportantcolor text-decoration: nonetransform transition: color 0.2s easetext-decoration} a:hover active color: var(--black) !importantimportantcolor text-decoration: underlinetransition} /* Cards & Containers *color.card, article, section color background: var(--white) !importantimportantbox-shadow border: 1px solid var(--light-border) !importantimportantbackground border-radius: 0.5remborder padding: 2.5rempointercenteralign-items margin-bottom: 2.5remmargin-bottom box-shadow: none !importantimportantborder-radius transition: all 0.3s easetext-decoration} .card:hover, article:hover color box-shadow: none !importantimportantbox-shadow transform: nonetransition} /* Forms *font-familyinput, textarea, select transform width: 100%wrapflexDesign padding: 0.875rempadding border: 1px solid var(--border) !importantimportantbox-shadow border-radius: 0.375remborder font-size: 0.95remfont-familyinput font-family: -apple-system, BlinkMacSystemFont, 'Segoe UIBlinkMacSystemFont transition: all 0.3s easetransform background: var(--white) !importantimportantBlinkMacSystemFont color: var(--black) !importantimportantcolor} input:focus, textarea:focus, select:focus importantimportantcolor outline: noneoutline: border-color: var(--gold) !importantimportantbackground box-shadow: none !importantimportantborder-color background: var(--white) !importantimportantbox-shadow} input:disabled, textarea:disabled, select:disabled importantimportantbox-shadow background: var(--cream-bg) !importantimportantbackground color: var(--light-gray) !importantimportantcolor cursor: not-allowedcolor} label Links display: blockdisabled margin-bottom: 0.5remmargin-bottom font-weight: 500focus font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-seriffont-weight color: var(--dark-gray) !importantimportantcursor} /* Icons with styling *importantimportantcursorsvg, [class*="icon"] color width: 1.5em1px height: 1.5emhover display: inline-blockdisplay vertical-align: -0.25emvar} /* List styling *Linksul, ol outline margin-left: 2remmargin-bottom margin-bottom: 1remmargin-left} li Linksul margin-bottom:margin-bottom} /* Hero sections *height.hero, [class*="hero"], section:first-of-type height background: var(--cream-bg) !importantimportantBlinkMacSystemFont color: var(--black) !importantimportantclass padding: 4rem 2rempadding border-radius: 0background margin-bottom: 3remmargin-bottom box-shadow: none !importantimportantborder-radius border: none !importantimportantbox-shadow} .hero h1 height color: var(--black) !importantimportantcolor font-size: 3.5remfirst-of-type margin-bottom: 1.5remmargin-bottom font-family: 'Georgia', 'Garamond', 'Times New Roman', seriffont-size font-weight: 700font-family} .hero p height font-size: 1.1remfont-weight color: var(--gray) !importantimportantcolor opacity: 1outline margin-bottom: 2remmargin-bottom font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-seriffont-size} /* Gold accent styling for emphasis text *Garamond.hero em, .hero strong, [class*="accent"], [class*="highlight"] height color: var(--gold) !importantimportantclass font-style: italicfor font-family: 'Georgia', 'Garamond', 'Times New Roman', seriffont-style font-weight: normalfont-family} /* Grid layout *Garamond.grid Garamond display: griddisplay grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))griddisplay gap: 2remgriddisplay margin-bottom: 2remminmax} /* Container *color.container, main, [class*="container"] color max-width: 1200pxmain margin: 0 automax-width padding: 2.5rempadding background: var(--cream-bg) !importantimportantBlinkMacSystemFont} /* Status indicators *seriffont-style.badge, [class*="badge"], .status background display: inline-flexdisplay align-items: centerautomax-width gap: 0.5remgap padding: 0.35rem 0.85rempadding border-radius: 999pxbackground font-size: 0.8remfont-weight font-weight: 500font-size font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-seriffont-weight} .badge BlinkMacSystemFont background: #e8e4dfBlinkMacSystemFont color: var(--dark-gray)centerautomax-width} .badge.success background background: #d1fae5background color: #065f46centerautomax-width} .badge.warning background background: #fef3c7background color: #92400ecolor} .badge.error background background: #fee2e2background color: #991b1bcolor} /* Spacing utilities *success.p-1 { padding: 0.5rem; padding.p-2 { padding: 1rem; } .p-4 { padding: 2rem; padding.m-1 { margin: 0.5rem; margin: .m-2 { margin: 1rem; margin.m-4 { margin: 2rem; margin: .mt-2 { margin-top: 1rem; margin.mb-2 { margin-bottom: 1rem; margin: .gap-1 { gap: 0.5rem; gap.gap-2 { gap: 1rem; gap: .gap-4 { gap: 2rem; gap /* Text utilities *Times.text-center { text-align: center; Times.text-muted { color: var(--light-gray) !importantimportant; Times.font-bold { font-weight: 700; fee2e2background.font-semibold { font-weight: 600; fee2e2background.text-sm { font-size: 0.85rem; fee2e2background.text-lg { font-size: 1.1rem; text-sm /* Alert/Message styles *align-items.alert, .message, [class*="alert"] align-items padding: 1.25rempadding border-radius: 0.5rembackground margin-bottom: 1.25remmessage border: 1px solidborder-radius border-left: 4px solidborder} .alert.success align-items background: #dbackground border-color: #10b981background color: #065f46class} .alert.error align-items background: #fee2e2border-color border-color: #ef4444background color: #991b1bcolor} .alert.warning align-items background: #fef3c7border-color border-color: #f59e0bbackground color: #92400ecolor} .alert.info align-items background: #e0f2feborder-color border-color: #0284c7background color: #0c4a6ecolor} /* Table styling *text-smtable { width: 100%warning border-collapse: collapseborder-color margin-bottom: 2remmargin-bottom} th text-smtable background: #f9f9f9border-collapse color: var(--dark-gray)collapseborder-color padding: 1rempadding text-align: lefttext-smtable font-weight: 600f9f9f9border-collapse font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-seriffont-weight border-bottom: 1px solid var(--border)BlinkMacSystemFont} td text-align padding: 0.85rem 1rempadding border-bottom: 1px solid var(--light-border)BlinkMacSystemFont color: var(--dark-gray)collapseborder-color} tr:hover text-align background: #fafafaBlinkMacSystemFont} /* Footer *fafafaBlinkMacSystemFontfooter { background: var(--black) !importantimportantbackground color: white !importantimportantcollapseborder-color padding: 3rem 2rempadding margin-top: 4remmargin-bottom border-top: 1px solid var(--border-light)background} footer p, footer span fafafaBlinkMacSystemFontfooter color: #ccccolor font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-seriffafafaBlinkMacSystemFontfooter} footer a font-family color: var(--gold) !importantimportantccccolor text-decoration: nonetext-align} footer a:hover font-family color: var(--white) !importantimportantcolor text-decoration: underlinetext-decoration} /* Responsive *repeat@media (max-width: 768px) margin-top h1 { font-size: 2.5rem; hover h2 { font-size: 1.75rem; hover .container color padding: 1.5rempadding } nav ul nonetext-align gap: 1.5remgap } .grid gap grid-template-columns: 1frgap } .hero hover padding: 2.5rem 1.5rempadding } } /* Loading state *lefttext-smtable.loading lefttext-smtable opacity: 0.5opacity pointer-events: nonepadding} /* Disabled state *dbackground:disabled, [disabled] dbackground opacity: 0.5opacity cursor: not-allowedcolor} } } }