/* ===========================================================
   UNAMIQ - print

   What happens when someone hits Ctrl+P. Until now: the fixed
   navigation printed over the first paragraph, the dark theme
   emptied an ink cartridge, and every link's destination was
   lost because the paper cannot be clicked.

   The most likely things to be printed are the Field Sense
   spec sheet and the legal pages, so those are what this is
   tuned for.

   Loaded last, with media="print", so it only ever applies on
   paper and can never affect the screen.
=========================================================== */

@page{
    size:A4;
    margin:18mm 16mm;
}

*,
*::before,
*::after{
    /* Ink is expensive and paper is white. Print black on white
       regardless of which theme the visitor was looking at. */
    background:transparent !important;
    color:#000 !important;
    box-shadow:none !important;
    text-shadow:none !important;
}

body{
    font-size:11pt;
    line-height:1.55;
}

/* ---------- remove what makes no sense on paper ---------- */

.site-header,
.site-nav,
.skip-link,
.theme-toggle,
.tech-grid,
#uq-transition,
#grain,
#vignette,
#overlay,
#lightshift,
#statusbar,
.bg-layer,
.footer-right,
.footer-legal,
.sg-toc,
.projects-cta,
.cap-cta,
.contact-form,
.process-reveal{
    display:none !important;
}

/* ---------- give the page its own header ---------- */

.page-wrapper{
    max-width:none;
    padding:0;
}

.page-wrapper::before{
    content:"UNAMIQ — unamiq.com";
    display:block;
    margin-bottom:10mm;
    padding-bottom:3mm;
    border-bottom:1pt solid #000;

    font-family:"Space Mono", monospace;
    font-size:8pt;
    letter-spacing:.15em;
    text-transform:uppercase;
}

/* ---------- typography ---------- */

.page-heading{
    font-size:20pt;
    margin-bottom:6mm;
    page-break-after:avoid;
    break-after:avoid;
}

.section-label{
    font-size:8pt;
    letter-spacing:.15em;
    margin-bottom:2mm;
}

h2, h3,
.sg-h2, .sg-h3,
.legal-h2, .legal-h3,
.section-heading{
    page-break-after:avoid;
    break-after:avoid;
    margin-top:8mm;
    margin-bottom:3mm;
}

p, li{
    orphans:3;   /* never leave one line stranded at the foot of a page */
    widows:3;    /* or at the top of the next */
}

/* ---------- links: paper cannot be clicked ---------- */

a{
    text-decoration:underline;
}

/* Print the destination after the link text, so a printed page
   is still usable. Skipped for links whose text already IS the
   address, which would otherwise print twice. */
.legal-body a[href^="http"]::after,
.body-copy a[href^="http"]::after{
    content:" (" attr(href) ")";
    font-family:"Space Mono", monospace;
    font-size:8pt;
    word-break:break-all;
}

/* ---------- images ---------- */

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

.project-hero-image,
.project-card-media,
.project-media,
.project-split-media,
.project-video,
.founder-photo,
.about-photo{
    border:1pt solid #999 !important;
    page-break-inside:avoid;
    break-inside:avoid;
}

/* Placeholders are for the screen. On paper they are a box
   saying "nothing here", which is worse than nothing. */
.placeholder-box,
.process-image-placeholder,
.placeholder-label{
    display:none !important;
}

/* ---------- tables and spec lists ---------- */

.spec-list,
.legal-table,
.sg-table{
    page-break-inside:avoid;
    break-inside:avoid;
    width:100%;
}

.spec-row,
.legal-table tr{
    border-bottom:.5pt solid #999 !important;
}

/* ---------- footer ---------- */

.site-footer{
    margin-top:10mm;
    padding:4mm 0 0;
    border-top:1pt solid #000 !important;
}

.footer-logo{
    font-size:11pt;
}

.footer-meta{
    font-size:8pt;
}