/*
------------------------------------------------------------
printer2026.css

Epoxy.com Modern Print Stylesheet

Version: 1.0

Applies only to pages intentionally upgraded to the
2026 Technical Resource format.

Created: July 2026

Copyright © 2026 Epoxy Systems, Inc.

Purpose:
Provides clean, printer-friendly output for Epoxy.com
technical resources while preserving important engineering
content and removing unnecessary navigation and page
elements.

Design Goals:
- Clean black-on-white output
- Maximum practical printable page width
- Remove navigation and decorative screen elements
- Preserve technical content, tables, figures, and callouts
- Prevent awkward page breaks
- Support printable checklists
- Support reusable Epoxy.com article components
- Remain understandable to future site maintainers

Section Numbering:
001-049   Global print rules
050-099   Technical Resource components
100-149   Product-page components
150-199   Reserved for future use

------------------------------------------------------------
*/


/*==========================================================
BEGIN SECTION 001
PAGE SIZE AND PRINT MARGINS
==========================================================*/

@page {
    size: auto;
    margin: 0.65in;
}

/*==========================================================
END SECTION 001
PAGE SIZE AND PRINT MARGINS
==========================================================*/


/*==========================================================
BEGIN SECTION 002
GLOBAL PRINT RESET
==========================================================*/

html,
body {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
    overflow: visible !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    text-shadow: none !important;
    filter: none !important;
}

body {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
    line-height: 1.4;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

/*==========================================================
END SECTION 002
GLOBAL PRINT RESET
==========================================================*/


/*==========================================================
BEGIN SECTION 003
FULL-WIDTH PRINT CONTENT
==========================================================*/

html,
body {
    background: #ffffff !important;
    color: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    font-family: "Times New Roman", Times, serif;
    font-size: 11pt;
    line-height: 1.45;
}

/* Remove width restrictions from common page containers */

article,
main,
section,
.container,
.content,
.contentwrapper,
.page,
.pagecontent,
.technical-article {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

/*==========================================================
END SECTION 003
FULL-WIDTH PRINT CONTENT
==========================================================*/


/*==========================================================
BEGIN SECTION 004
TYPOGRAPHY
==========================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000 !important;
    page-break-after: avoid;
    break-after: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-top: 1.2em;
}

h1 {
    font-size: 22pt;
    text-align: center;
}

h2 {
    font-size: 17pt;
}

h3 {
    font-size: 14pt;
}

h4 {
    font-size: 12pt;
}

p {
    margin: .5em 0 .75em 0;
    orphans: 3;
    widows: 3;
}

blockquote {
    margin-left: 1.5em;
    border-left: 3px solid #666;
    padding-left: 1em;
}

/*==========================================================
END SECTION 004
TYPOGRAPHY
==========================================================*/


/*==========================================================
BEGIN SECTION 005
LINKS
==========================================================*/

a,
a:visited {
    color: #000000 !important;
    text-decoration: underline;
}

/*
Enable this block if you want printed URLs.

a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 90%;
    word-break: break-all;
}
*/

/*==========================================================
END SECTION 005
LINKS
==========================================================*/


/*==========================================================
BEGIN SECTION 006
LISTS
==========================================================*/

ul,
ol {
    margin: .5em 0 .75em 1.5em;
}

li {
    margin-bottom: .25em;
}

/*==========================================================
END SECTION 006
LISTS
==========================================================*/


/*==========================================================
BEGIN SECTION 007
TABLES
==========================================================*/

table {
    width: 100%;
    border-collapse: collapse;
    page-break-inside: avoid;
    break-inside: avoid-page;
    margin: 1em 0;
}

thead {
    display: table-header-group;
}

tr {
    page-break-inside: avoid;
    break-inside: avoid-page;
}

th,
td {
    border: 1px solid #666;
    padding: .4em;
    vertical-align: top;
}

/*==========================================================
END SECTION 007
TABLES
==========================================================*/


/*==========================================================
BEGIN SECTION 008
IMAGES
==========================================================*/

img {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid;
}

figure {
    page-break-inside: avoid;
    break-inside: avoid-page;
}

figcaption {
    font-size: 90%;
    font-style: italic;
}

/*==========================================================
END SECTION 008
IMAGES
==========================================================*/
/*==========================================================
BEGIN SECTION 009
TECHNICAL ARTICLES
==========================================================*/

/* Modern Epoxy.com Technical Articles */

.technical-article {
    width: auto !important;
    max-width: none !important;
}

.technical-article section {
    page-break-inside: avoid;
    break-inside: avoid-page;
    margin-bottom: 1.25em;
}

.technical-article hr {
    border: none;
    border-top: 1px solid #999;
    margin: 1.5em 0;
}

/*==========================================================
END SECTION 009
TECHNICAL ARTICLES
==========================================================*/


/*==========================================================
BEGIN SECTION 010
TABLE OF CONTENTS
==========================================================*/

.toc {
    border: 1px solid #999;
    padding: 1em;
    margin: 1.5em 0;
    page-break-inside: avoid;
    break-inside: avoid-page;
}

.toc h2 {
    margin-top: 0;
}

.toc ol,
.toc ul {
    margin-bottom: 0;
}

/*==========================================================
END SECTION 010
TABLE OF CONTENTS
==========================================================*/


/*==========================================================
BEGIN SECTION 011
EPOXY.COM POWER TIP
==========================================================*/

.epoxy-power-tip {
    border: 2px solid #666;
    background: #f5f5f5 !important;
    padding: 1em;
    margin: 1.5em 0;
    page-break-inside: avoid;
    break-inside: avoid-page;
}

.epoxy-power-tip h4 {
    margin-top: 0;
    margin-bottom: .6em;
    font-size: 12pt;
}

.epoxy-power-tip p:last-child {
    margin-bottom: 0;
}

/*==========================================================
END SECTION 011
EPOXY.COM POWER TIP
==========================================================*/


/*==========================================================
BEGIN SECTION 012
FUTURE TECHNICAL COMPONENTS
==========================================================*/

/*
Future reusable components.

.epoxy-technical-note

.epoxy-engineering-note

.epoxy-warning

.epoxy-definition

.epoxy-field-checklist

.epoxy-specification

*/

/*==========================================================
END SECTION 012
FUTURE TECHNICAL COMPONENTS
==========================================================*/
/*==========================================================
BEGIN SECTION 013
GENERAL CALLOUTS
==========================================================*/

/*
Generic callout box.

Use for:
- Recommended Reading
- Important Information
- General Notes

Specific callouts (Power Tip, Warning, etc.) should use
their own dedicated components.
*/

.callout {
    border: 1px solid #777;
    background: #f8f8f8 !important;
    padding: 1em;
    margin: 1.5em 0;
    page-break-inside: avoid;
    break-inside: avoid-page;
}

.callout h2,
.callout h3,
.callout h4 {
    margin-top: 0;
}

.callout p:last-child {
    margin-bottom: 0;
}

/*==========================================================
END SECTION 013
GENERAL CALLOUTS
==========================================================*/


/*==========================================================
BEGIN SECTION 014
PAGE BREAK MANAGEMENT
==========================================================*/

/*
Try to keep related material together whenever practical.
*/

section,
aside,
figure,
table,
blockquote {
    page-break-inside: avoid;
    break-inside: avoid-page;
}

h1,
h2,
h3,
h4 {
    page-break-after: avoid;
    break-after: avoid-page;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p {
    page-break-before: avoid;
    break-before: avoid-page;
}

/*
Manual page control.

Example:

<div class="page-break-before"></div>

*/

.page-break-before {
    page-break-before: always;
    break-before: page;
}

.page-break-after {
    page-break-after: always;
    break-after: page;
}

.keep-together {
    page-break-inside: avoid;
    break-inside: avoid-page;
}

/*==========================================================
END SECTION 014
PAGE BREAK MANAGEMENT
==========================================================*/


/*==========================================================
BEGIN SECTION 015
PRINTABLE CHECKLISTS
==========================================================*/

/*
Supports printable field checklists.
*/

.checklist-group {
    margin: 1.25em 0;
    page-break-inside: avoid;
    break-inside: avoid-page;
}

.checklist-item {
    display: block;
    margin: .4em 0;
    padding-left: 1.6em;
    position: relative;
}

.checklist-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: .15em;
    width: .7em;
    height: .7em;
    border: 1px solid #000;
}

.checklist-fields {
    width: 100%;
    margin: 1em 0;
    border-collapse: collapse;
}

.checklist-fields td {
    border: none;
    border-bottom: 1px solid #666;
    padding: .35em;
}

/*==========================================================
END SECTION 015
PRINTABLE CHECKLISTS
==========================================================*/