/* Shared styles for ordindedeplasare.ro content/article pages
   (model-ordin-de-deplasare, diurna-2026, delegatie-vs-detasare).
   Page-specific rules stay in a small inline <style> on each page. */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', Arial, sans-serif; font-size: 15px; background: #f0f4fa; color: #1a1a2e; min-height: 100vh; }

.header { background: linear-gradient(135deg, #1a3a6e 0%, #2a5298 100%); color: #fff; padding: 28px 32px 22px; }
.header a { color: #cfe2ff; text-decoration: none; font-size: 0.9rem; }
.header a:hover { text-decoration: underline; }
.header h1 { font-size: 1.6rem; font-weight: 700; margin-top: 10px; }
.header p { margin-top: 6px; font-size: 0.95rem; color: #dbe6f9; }

.content { max-width: 820px; margin: 0 auto; padding: 28px 16px 48px; }
.card { background: #fff; border-radius: 10px; box-shadow: 0 2px 10px rgba(26,58,110,0.08); padding: 28px 32px; }

h2 { font-size: 1.25rem; color: #1a3a6e; margin: 28px 0 10px; }
h2:first-child { margin-top: 0; }
h3 { font-size: 1.05rem; color: #1a3a6e; margin: 18px 0 8px; }
p, li { line-height: 1.8; font-size: 0.95rem; color: #2d3748; }
ul, ol { margin: 8px 0 14px 22px; }
li { margin-bottom: 6px; }

.cta { display: inline-block; margin: 14px 0 4px; padding: 13px 30px; background: linear-gradient(135deg, #1a3a6e 0%, #2a5298 100%); color: #fff; font-weight: 700; border-radius: 8px; text-decoration: none; font-size: 1rem; box-shadow: 0 3px 10px rgba(26,58,110,0.25); transition: box-shadow 0.18s, transform 0.1s; }
.cta:hover { background: linear-gradient(135deg, #16306a 0%, #1e4080 100%); box-shadow: 0 5px 16px rgba(26,58,110,0.32); transform: translateY(-1px); }

a:focus-visible, button:focus-visible { outline: 2px solid #2a5298; outline-offset: 2px; border-radius: 4px; }
.header a:focus-visible { outline-color: #cfe2ff; }

table { width: 100%; border-collapse: collapse; margin: 14px 0 18px; font-size: 0.9rem; }
th, td { border: 1px solid #e2e8f0; padding: 9px 12px; text-align: left; }
th { background: #eef2fb; color: #1a3a6e; font-weight: 700; }

.related { margin-top: 26px; padding-top: 18px; border-top: 1px solid #e4eaf5; }
.related a { color: #2a5298; }
.footer { text-align: center; padding: 24px 16px; font-size: 0.82rem; color: #5a6678; line-height: 1.7; }
.footer a { color: #2a5298; }