table tr td
{
    padding:7px;
}
sup
{
    font-size:11px;
}
#notamTable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-spacing:0px;
background-color:#e0f4fe;
border-radius:7px;
}
#notamTable td
{
font-size:14px;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
text-align:left;
vertical-align:top;
border-right-width:2px;
}
#notamTable td.h
{
color:Navy;
font-weight:bold;
border-left-width:2px;
border-right-width:0px;
}
#notamTable td.htl
{
color:Navy;
font-weight:bold;
border-top-left-radius:7px;
background-color:#e0f4fe;
border-top-width:2px;
border-left-width:2px;
border-right-width:0px;
}
#notamTable td.hbl
{
color:Navy;
font-weight:bold;
border-bottom-left-radius:7px;
background-color:#e0f4fe;
border-bottom-width:2px;
border-left-width:2px;
border-right-width:0px;
}

#notamTable td.s
{
border-right:none;
background-color:#d0e4ee;
border-color:#d0e4ee;
}
#notamTable td.tr
{
border-top-right-radius:7px;
border-top-width:2px;
border-right-width:2px;
}
#notamTable td.br
{
border-bottom-right-radius:7px;
border-bottom-width:2px;
border-right-width:2px;
}
#notamTable td.all
{
border-radius:7px;
border-width:2px;
border-width:2px;
}

p
{
    padding-left:7px;
    line-height:15px;
}

/* ── Responsive fixes ── */

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

*, *::before, *::after {
    box-sizing: border-box;
}

ins.adsbygoogle {
    display: block;
    margin: 10px auto;
    max-width: 100%;
    overflow: hidden;
	margin-bottom: 16px;
}

textarea {
    width: 100% !important;
    max-width: 100% !important;
}

.mapouter {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.gmap_canvas {
    overflow: hidden;
    background: none;
}
.gmap_canvas iframe {
    width: 100%;
    border: none;
    display: block;
}

/* Nav */
@media (max-width: 768px) {
    nav ul {
        display: flex !important;
        flex-wrap: wrap;
        width: 100%;
    }
    nav ul li {
        float: none;
        flex: 1 1 auto;
    }
    nav ul li a {
        padding: 6px 8px;
        font-size: 0.85em;
    }
    nav ul ul {
        display: none !important;
    }
}

/* Form: stack textarea above description text */
@media (max-width: 768px) {
    form > table,
    form > table tbody,
    form > table tr,
    form > table td {
        display: block !important;
        width: 100% !important;
    }
}

/* ── 4 sub-tables layout ── */

.notam-tables-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
    align-items: flex-start;
    width: 100%;
    direction: ltr;
    unicode-bidi: isolate;
}

.notam-sub-table {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-spacing: 0px;
    background-color: #e0f4fe;
    border-radius: 7px;
    flex: 1 1 0;
    min-width: 0;
	overflow: hidden;
}

.notam-sub-table td {
    font-size: 14px !important;
    border: 1px solid #98bf21 !important;
    padding: 3px 7px 2px 7px !important;
    text-align: left !important;
    vertical-align: top !important;
    border-right-width: 2px !important;
}

.notam-sub-table td.h {
    color: Navy;
    font-weight: bold;
    border-left-width: 2px;
    border-right-width: 0px;
}

.notam-sub-table td.htl {
    color: Navy;
    font-weight: bold;
    border-top-left-radius: 7px;
    background-color: #e0f4fe;
    border-top-width: 2px;
    border-left-width: 2px;
    border-right-width: 0px;
}

.notam-sub-table td.hbl {
    color: Navy;
    font-weight: bold;
    border-bottom-left-radius: 7px;
    background-color: #e0f4fe;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 0px;
}

.notam-sub-table td.tr {
    border-top-right-radius: 7px;
    border-top-width: 2px;
    border-right-width: 2px;
}

.notam-sub-table td.br {
    border-bottom-right-radius: 7px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

.notam-sub-table td.all {
    border-radius: 7px;
    border-width: 2px;
}

.notam-text-table {
    flex: 2 1 0;
	overflow: hidden;
}

/* Tablet portrait and mobile landscape (480px – 900px):
   2 data tables per row, NOTAM text full width below */
@media (orientation: landscape) and (max-height: 600px) {
    .notam-tables-wrap {
        flex-wrap: wrap;
        gap: 16px;
    }
    .notam-sub-table {
        flex: 1 1 calc(50% - 8px);
        max-width: calc(50% - 8px);
    }
    .notam-text-table {
        flex: 1 1 calc(50% - 8px);
        max-width: calc(50% - 8px);
    }
}

/* Mobile portrait (<480px):
   All 4 tables stacked vertically, full width */
@media (max-width: 479px) {
    .notam-tables-wrap {
        flex-direction: column;
        flex-wrap: nowrap;
		gap: 16px;
    }
    .notam-sub-table,
    .notam-text-table {
        flex: none;
        width: 100%;
        max-width: 100%;
    }
}

.notam-map-table {
    width: 100%;
    border-spacing: 0;
}
.notam-map-table td {
    padding: 7px;
}
@media (max-width: 479px) {
    .notam-map-table tr {
        display: flex;
        flex-direction: column;
    }
    .notam-map-table td {
        width: 100%;
        display: block;
		padding: 8px;
    }
}

/* ── Processing page ── */

html.processing-html,
html.processing-html body {
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
}

.processing-page {
    position: fixed;
    inset: 0;
}

.processing-ad {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 64px;
    overflow: hidden;
}

.processing-status {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 64px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: Navy;
    background-color: #d0e4ee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-ready {
    padding: 10px 28px;
    background: linear-gradient(to bottom, #A7C942 0%, #5a8a20 100%);
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    border: 2px solid #3a6010;
    border-radius: 19px;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(0,0,0,0.2);
    transition: background 0.2s ease, transform 0.15s ease;
}

.btn-ready:hover {
    background: linear-gradient(to bottom, #5a8a20 0%, #A7C942 100%);
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(0,0,0,0.25);
}

.btn-ready:active {
    transform: translateY(0);
}

.btn-ready.visible {
    display: inline-block;
}