:root { --md-primary-fg-color: #1666ad; --md-accent-fg-color: #1383d5; }
body { font-family: "Segoe UI", system-ui, sans-serif; }
.md-typeset { font-size: .8rem; line-height: 1.65; }
.md-typeset h1 { color: #183650; font-weight: 700; letter-spacing: -.025em; }
.md-typeset h2 { color: #224a6b; font-weight: 650; }
.md-header { box-shadow: 0 2px 12px #102f4c20; }
.lm-intro { margin: 0 0 1.4rem; padding: 1.5rem 1.6rem; background: linear-gradient(125deg,#edf5fc,#f8fbff); border: 1px solid #d9e7f3; border-radius: .5rem; }
.lm-intro h2 { margin-top: .5rem; font-size: 1.55rem; }
.lm-intro p:last-child { margin-bottom: 0; }
.lm-eyebrow { font-size: .6rem; letter-spacing: .09em; font-weight: 700; color: #52768f; }
.md-typeset .grid.cards > ul > li { border-radius: .45rem; border-color: #d8e4ee; padding: 1.2rem; }
.md-typeset .grid.cards > ul > li:hover { border-color: #5195ca; box-shadow: 0 4px 18px #1836500b; }
.md-typeset .grid.cards > ul > li > p:first-child { color: #1666ad; }
.lm-pending { border-left: 4px solid #93a8ba; background: #f4f7fa; padding: .8rem 1rem; border-radius: .2rem; }
.md-typeset table:not([class]) { font-size: .7rem; }
.md-typeset table:not([class]) th { background: #edf4fa; }
.md-typeset code { font-size: .78em; }
.md-typeset img[src$="architettura.svg"] { width: 100%; background: #f9fbfd; border: 1px solid #e1eaf1; border-radius: .5rem; }
.lm-footer { text-align: center; padding: 1.2rem; color: #64798a; font-size: .65rem; background: #f3f7fa; border-top: 1px solid #dfe9f0; }
.lm-footer a { color: #1666ad; margin: 0 .4rem; }
.lm-page-nav { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; font-size: .7rem; color: #1666ad; border-top: 1px solid #e1eaf1; }
@media (max-width: 600px) { .lm-intro { padding: 1rem; } .lm-intro h2 { font-size: 1.2rem; } }
@media print { .lm-intro, .lm-pending { background: white; } .lm-footer, .lm-page-nav, .md-header, .md-sidebar, .md-footer { display: none; } .md-typeset a { text-decoration: none; } }