<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Minimal Pairs – /θ/ and /t/ in British English</title>
<meta name="description" content="Recognition and production of English phonemes: voiceless dental fricative compared with voiceless alveolar plosive.">

<style>

/* ===== A4 Setup ===== */
@page {
    size: A4;
    margin: 18mm;
}

/* Screen preview background */
body {
    background: #d6d6d6;
    font-family: Arial, Helvetica, sans-serif;
}

/* A4 sheet appearance */
.page {
    width: 210mm;
    min-height: 297mm;
    margin: 15mm auto;
    background: white;
    padding: 18mm;
    box-shadow: 0 0 8px rgba(0,0,0,0.25);
}

/* Headings */
h1 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 5mm;
}

.subtitle {
    text-align: center;
    font-size: 14px;
    margin-bottom: 12mm;
}

/* Table layout */
table {
    width: 100%;
    border-collapse: collapse;
    font-size: 18px;
}

td {
    width: 50%;
    padding: 6px 0;
    vertical-align: top;
}

.left {
    text-align: center;
}

.right {
    text-align: left;
    padding-left: 20mm;
}

/* Footer */
.footer {
    margin-top: 15mm;
    text-align: center;
}

button {
    padding: 6px 14px;
    font-size: 14px;
    cursor: pointer;
}

/* Hide button when printing */
@media print {
    button {
        display: none;
    }
    body {
        background: white;
    }
    .page {
        box-shadow: none;
        margin: 0;
    }
}

</style>
</head>

<body>

<div class="page">

<h1>Minimal Pairs</h1>
<div class="subtitle">
/θ/ (voiceless dental fricative) &nbsp;&nbsp;–&nbsp;&nbsp;
/t/ (voiceless alveolar plosive)
</div>

<table>

<tr><td class="left">thigh</td><td class="right">tie</td></tr>
<tr><td class="left">thread</td><td class="right">tread</td></tr>
<tr><td class="left">thin</td><td class="right">tin</td></tr>
<tr><td class="left">thorn</td><td class="right">torn</td></tr>
<tr><td class="left">theme</td><td class="right">team</td></tr>
<tr><td class="left">thug</td><td class="right">tug</td></tr>
<tr><td class="left">both</td><td class="right">boat</td></tr>
<tr><td class="left">death</td><td class="right">debt</td></tr>
<tr><td class="left">faith</td><td class="right">fate</td></tr>
<tr><td class="left">fourth</td><td class="right">fort</td></tr>
<tr><td class="left">hearth</td><td class="right">heart</td></tr>
<tr><td class="left">berth</td><td class="right">Bert</td></tr>
<tr><td class="left">heath</td><td class="right">heat</td></tr>
<tr><td class="left">north</td><td class="right">nought</td></tr>
<tr><td class="left">maths</td><td class="right">mats</td></tr>
<tr><td class="left">path</td><td class="right">part</td></tr>
<tr><td class="left">Ruth</td><td class="right">root</td></tr>
<tr><td class="left">tooth</td><td class="right">toot</td></tr>
<tr><td class="left">ether</td><td class="right">eater</td></tr>
<tr><td class="left">Martha</td><td class="right">martyr</td></tr>

</table>

<div class="footer">
    <button onclick="window.print()">Print Page</button>
</div>

</div>

</body>
</html>