{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } @media print { body { -webkit-print-color-adjust: exact; color-adjust: exact; } .no-print, .print-btn { display: none !important; } .container { max-width: 100%; padding: 0.5in; } .accordion-content { display: block !important; } .accordion-header { background: #1fb46b !important; color: white !important; } .qr { break-inside: avoid; page-break-inside: avoid; } table { font-size: 10pt; } a { color: #1a1a1a; text-decoration: underline; } } :root { --lg-green: #1fb46b; --gold: #d4af37; --dark: #1a1a1a; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Helvetica', sans-serif; line-height: 1.6; color: var(--dark); padding: 1rem; } .container { max-width: 8.5in; margin: auto; background: white; padding: 1in; border: 1px solid #eee; } h1 { font-size: 28pt; text-align: center; color: var(--lg-green); margin-bottom: 0.5in; font-weight: bold; } h2 { font-size: 16pt; color: var(--lg-green); margin: 0.8in 0 0.3in; border-bottom: 2pt solid var(--gold); padding-bottom: 0.2in; } p, li { font-size: 11pt; margin-bottom: 0.3in; color: var(--dark); } ul { padding-left: 0.5in; } table { width: 100%; border-collapse: collapse; margin: 0.5in 0; font-size: 10pt; } th, td { border: 1px solid #ccc; padding: 0.3in; text-align: left; } th { background: var(--lg-green); color: white; } .btn { display: inline-block; background: var(--gold); color: var(--dark); padding: 0.4in 0.8in; border-radius: 50px; font-weight: bold; text-decoration: none; margin: 0.3in 0; } .qr { text-align: center; margin: 0.5in 0; } .qr img { width: 1.5in; height: 1.5in; } .print-btn { text-align: center; margin: 1in 0; } .print-btn button { background: var(--lg-green); color: white; border: none; padding: 0.6in 1.2in; font-size: 14pt; border-radius: 50px; cursor: pointer; } .no-print { page-break-inside: avoid; } @media print { body { -webkit-print-color-adjust: exact; color-adjust: exact; } .no-print, .print-btn { display: none !important; } .container { max-width: 100%; padding: 0.5in; } .accordion-content { display: block !important; } .accordion-header { background: #1fb46b !important; color: white !important; } .qr { break-inside: avoid; page-break-inside: avoid; } table { font-size: 10pt; } a { color: #1a1a1a; text-decoration: underline; } .print-btn { display: none !important; } } :root { --lg-green: #1fb46b; --gold: #d4af37; --dark: #1a1a1a; --light: #f8f9fa; --gray: #eee; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Helvetica', sans-serif; line-height: 1.6; color: var(--dark); background: white; padding: 0.5rem; } .container { max-width: 8.5in; margin: auto; background: white; padding: 0.8in; border: 1px solid #ddd; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } h1 { font-size: 28pt; text-align: center; color: var(--lg-green); margin-bottom: 0.4in; font-weight: bold; letter-spacing: -1px; } h2 { font-size: 16pt; color: var(--lg-green); margin: 0.7in 0 0.3in; border-bottom: 2pt solid var(--gold); padding-bottom: 0.2in; font-weight: 600; } p, li { font-size: 11pt; margin-bottom: 0.3in; color: var(--dark); } ul { padding-left: 0.5in; margin-bottom: 0.4in; } table { width: 100%; border-collapse: collapse; margin: 0.5in 0; font-size: 10pt; background: white; } th, td { border: 1px solid #ccc; padding: 0.3in; text-align: left; } th { background: var(--lg-green); color: white; font-weight: 700; } .qr { text-align: center; margin: 0.5in 0; break-inside: avoid; } .qr img { width: 1.5in; height: 1.5in; border: 1px solid #ddd; } .print-btn { text-align: center; margin: 0.5in 0; } .print-btn button { background: var(--lg-green); color: white; border: none; padding: 0.4rem 0.8rem; font-size: 10pt; border-radius: 50px; cursor: pointer; font-weight: 600; box-shadow: 0 3px 10px rgba(31, 180, 107, 0.3); } .no-print { page-break-inside: avoid; } @page { margin: 0.75in; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; line-height: 1.7; color: #000; padding: 0.75in; background: white; } .container { max-width: 8.5in; margin: auto; position: relative; } /* PRINT BUTTON */ .print-btn { position: absolute; top: 0.5rem; right: 0.5rem; background: #1fb46b; color: white; border: none; padding: 0.5rem 1rem; font-size: 0.9rem; font-weight: 600; border-radius: 8px; cursor: pointer; } .print-btn:hover { background: #18a058; } /* HEADER */ header { text-align: center; margin-bottom: 1.5rem; page-break-after: avoid; } .title { font-family: 'Montserrat', sans-serif; font-size: 2.2rem; font-weight: 800; color: #1fb46b; margin-bottom: 0.5rem; } .subtitle { font-size: 1.1rem; color: #444; max-width: 700px; margin: 0 auto 1rem; } /* MENU */ .menu { display: flex; justify-content: center; gap: 1rem; margin: 1rem 0; flex-wrap: wrap; font-size: 0.9rem; font-weight: 600; } .menu a { color: #000; text-decoration: none; padding: 0.4rem 0.8rem; border: 1px solid #ddd; border-radius: 20px; } /* SECTIONS */ .section { margin-bottom: 2rem; page-break-inside: avoid; } .section h2 { font-family: 'Montserrat', sans-serif; font-size: 1.5rem; color: #1fb46b; margin-bottom: 0.8rem; border-bottom: 2px solid #1fb46b; padding-bottom: 0.3rem; } .section p, .section li { margin-bottom: 0.6rem; font-size: 1rem; } .section ul { margin-left: 1.5rem; list-style: disc; } .pro-tip { background: #f0f9f5; padding: 1rem; border-left: 4px solid #1fb46b; margin: 1rem 0; font-weight: 600; } /* QR CODE */ .qr { text-align: center; margin: 1rem 0; } .qr img { width: 120px; height: 120px; margin: 0.5rem auto; border: 1px solid #ddd; padding: 0.3rem; } .qr p { font-size: 0.9rem; color: #555; margin-top: 0.3rem; } /* TABLE */ table { width: 100%; border-collapse: collapse; margin: 1rem 0; } table th, table td { border: 1px solid #000; padding: 0.6rem; text-align: left; font-size: 0.9rem; } table th { background: #1fb46b; color: white; font-weight: 700; } /* TOOLS GRID */ .tools-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1rem 0; } .tool-card { background: #f8f9fa; padding: 1rem; border-radius: 12px; text-align: center; } .tool-card a { display: block; background: #1fb46b; color: white; padding: 0.8rem; border-radius: 12px; text-decoration: none; font-weight: 600; margin-bottom: 0.5rem; } /* DISCLAIMER */ .disclaimer { background: #fff8e1; padding: 1.5rem; border-radius: 12px; margin: 2rem 0; font-size: 0.9rem; line-height: 1.6; border-left: 6px solid #d4af37; } /* FOOTER */ footer { text-align: center; margin-top: 3rem; font-size: 0.8rem; color: #666; } footer a { color: #1fb46b; font-weight: 600; } @media print { .print-btn { display: none; } body { padding: 0.5in; } .container { max-width: 100%; } a { color: #000; text-decoration: underline; } } @page { margin: 0.75in; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; line-height: 1.7; color: #000; padding: 0.75in; background: white; } .container { max-width: 8.5in; margin: auto; position: relative; } /* PRINT BUTTON */ .print-btn { position: absolute; top: 0.5rem; right: 0.5rem; background: #1fb46b; color: white; border: none; padding: 0.5rem 1rem; font-size: 0.9rem; font-weight: 600; border-radius: 8px; cursor: pointer; } .print-btn:hover { background: #18a058; } /* HEADER */ header { text-align: center; margin-bottom: 1.5rem; page-break-after: avoid; } .title { font-family: 'Montserrat', sans-serif; font-size: 2.2rem; font-weight: 800; color: #1fb46b; margin-bottom: 0.5rem; } .subtitle { font-size: 1.1rem; color: #444; max-width: 700px; margin: 0 auto 1rem; } /* SECTIONS */ .section { margin-bottom: 2rem; page-break-inside: avoid; } .section h2 { font-family: 'Montserrat', sans-serif; font-size: 1.5rem; color: #1fb46b; margin-bottom: 0.8rem; border-bottom: 2px solid #1fb46b; padding-bottom: 0.3rem; } .section p, .section li { margin-bottom: 0.6rem; font-size: 1rem; } .section ul { margin-left: 1.5rem; list-style: disc; } .pro-tip { background: #f0f9f5; padding: 1rem; border-left: 4px solid #1fb46b; margin: 1rem 0; font-weight: 600; } /* QR CODE */ .qr { text-align: center; margin: 1rem 0; } .qr img { width: 120px; height: 120px; margin: 0.5rem auto; border: 1px solid #ddd; padding: 0.3rem; } .qr p { font-size: 0.9rem; color: #555; margin-top: 0.3rem; } /* TABLE */ table { width: 100%; border-collapse: collapse; margin: 1rem 0; } table th, table td { border: 1px solid #000; padding: 0.6rem; text-align: left; font-size: 0.9rem; } table th { background: #1fb46b; color: white; font-weight: 700; } /* TOOLS GRID */ .tools-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1rem 0; } .tool-card { background: #f8f9fa; padding: 1rem; border-radius: 12px; text-align: center; } .tool-card a { display: block; background: #1fb46b; color: white; padding: 0.8rem; border-radius: 12px; text-decoration: none; font-weight: 600; margin-bottom: 0.5rem; } /* DISCLAIMER */ .disclaimer { background: #fff8e1; padding: 1.5rem; border-radius: 12px; margin: 2rem 0; font-size: 0.9rem; line-height: 1.6; border-left: 6px solid #d4af37; } /* FOOTER */ footer { text-align: center; margin-top: 3rem; font-size: 0.8rem; color: #666; } footer a { color: #1fb46b; font-weight: 600; } @media print { .print-btn { display: none; } body { padding: 0.5in; } .container { max-width: 100%; } a { color: #000; text-decoration: underline; } }