/* Shared book-page styling for live sample pages */
body { background: #E9E2D4; margin: 0; font-family: Georgia, serif; color: #26241F; line-height: 1.6; }
.samplebar { background: #2E5339; color: #F3EFE6; font-family: "Segoe UI", sans-serif; font-size: 0.85rem; padding: 10px 16px; text-align: center; }
.samplebar a { color: #F0C9AF; }
.page { max-width: 780px; margin: 28px auto 60px; background: #FDFBF6; padding: 54px 58px; box-shadow: 0 14px 40px rgba(38,36,31,0.22); border-radius: 4px; }
.k { font-family: "Segoe UI", sans-serif; text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.74rem; color: #C4663A; font-weight: 700; }
h1 { color: #2E5339; font-size: 1.8rem; margin: 6px 0 14px; line-height: 1.2; }
h2 { font-size: 1.2rem; margin: 1.4em 0 0.4em; }
table { width: 100%; border-collapse: collapse; font-family: "Segoe UI", sans-serif; font-size: 0.9rem; margin: 14px 0; }
th, td { border: 1px solid #E5DED2; padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: #F1EBE0; font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.05em; }
.warn { background: #F3F6F0; border: 2px solid #2E5339; border-radius: 8px; padding: 14px 16px; margin: 16px 0; font-family: "Segoe UI", sans-serif; font-size: 0.95rem; }
.tueslist { background: #F1EBE0; border-radius: 8px; padding: 16px 20px; margin: 16px 0; }
.tueslist h2 { margin-top: 0; }
ul.cl { list-style: none; padding-left: 0; font-family: "Segoe UI", sans-serif; font-size: 0.95rem; }
ul.cl li { padding: 5px 0 5px 30px; position: relative; }
ul.cl li::before { content: "☐"; position: absolute; left: 4px; color: #2E5339; font-size: 1.05rem; }
.muted { color: #55503F; font-size: 0.85rem; }
.pgfoot { text-align: center; font-family: "Segoe UI", sans-serif; font-size: 0.85rem; color: #55503F; padding-bottom: 40px; }
.pgfoot a { display: inline-block; background: #C4663A; color: #fff; text-decoration: none; font-weight: 600; padding: 12px 26px; border-radius: 8px; margin-top: 8px; }
@media (max-width: 640px) { .page { padding: 30px 20px; margin: 14px 10px 40px; } }