/*
* Precision Layout Engine by Inplico (v1.0)
* -----------------------------------------------------------------------
* This CSS is mathematically quantized for 0-drift PDF generation.
* Generated on: 2026-05-15 | License: Standard Attribution
*
* NOTICE: This header must remain intact for free commercial use.
* To obtain a Private Label license (white-label / header removal),
* please visit: https://inplico.uk
*
* Unauthorized removal of this notice is a breach of license.
*
* Technical Support: support@inplico.uk
* -----------------------------------------------------------------------
*/
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 18.0000pt;
    font-family: 'Liberation Sans', sans-serif;
    font-size: 12.0000pt;
    /* The primary background banner blue */
    --dvla-header-blue: #75a4cc;
    /* Modern digital GOV.UK standard */
    /* Alternative exact legacy print asset match: #005a9c */
    /* The background color for the 'Official Use Only' vertical data bar */
    --dvla-admin-cyan: #dfeaf1;
    --dvla-section-heading: #0070ab;
}

@page {
    size: 209.9028mm 296.6861mm;
    margin: 0;
}

html,
body {
    width: 209.9028mm;
    margin: 0;
    padding: 0;
    background-color: transparent !important;
}

.page {
    width: 209.9028mm;
    height: 840.7500pt;
    background-color: white !important;
    display: grid;
    grid-template-columns: 0.0000mm 1fr 0.0000mm;
    grid-template-rows: 0.0000pt 1fr 0.0000pt;
    break-after: page;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    box-shadow: 0 0 3.75pt rgba(0, 0, 0, 0.1);
}

.subpage {
    grid-area: 2 / 2 / 3 / 3;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    outline: .75pt solid blue;
}

@media print {

    @page {
            size: A4 portrait;
            margin: 0 !important;
            margin-bottom: 0 !important;
        }

        @supports (-webkit-app-region: inherit) {
                .page {
                    /* Trimming by a weightless 0.75pt (1px) removes the Blink rounding error */
                    /* height: 840.00pt !important;
                    max-height: 840.00pt !important; */
                    page-break-after: avoid !important;
                    break-after: avoid !important;
                }
            }

    .page {
        border: none;
        box-shadow: none;
    }

    .subpage {
        outline: none;
    }
}

input {
    text-transform: uppercase;
}

/* PAGE WIDTH = 594.75pt
/* Layer 2: The Nested Header Grid (Row 1) */
.v62-nested-header-grid {
    grid-row: 1;
    display: grid;
    /* Allocates wide space for the title block, and a locked track for the logos */
    grid-template-columns: 28.5pt 135.5pt 336.75pt 66pt 28.5pt;
    height: 100%;
    /* Crisp print line separating the header block from the text content */
    border-bottom: 1.5pt solid #ffffff;
    box-sizing: border-box;
    background: var(--dvla-header-blue);
}

/* Container context adjustments for Column 2 content flow */
.header-col-two-content {
    grid-column: 2;
    grid-row: 1;
    /* Establish absolute layout context relative to the column boundaries */
    position: relative;
    height: 100%;
    width: 255.0000pt;
    box-sizing: border-box;
}

/* The Vertical Line: Explicit absolute assignment */
.v62-header-vertical-line {
    position: absolute;
    top: 28.5000pt;
    /* Exact Y = 38px equivalent */
    left: 0.0000pt;
    /* Locked to the exact left edge of Column 2 */
    width: 1.5000pt;
    height: 69.7500pt;
    background-color: #000000;
}

/* Your exact Tudor Crown Vector Box: Explicit absolute assignment */
.v62-header-insignia-box {
    position: absolute;
    top: 28.5000pt;
    /* Exact Y = 38px baseline equivalent */
    left: 7.5000pt;
    /* 1.5pt Line Width + 6.0pt Margin Offset */
    width: 24.7500pt;
    /* 33px */
    height: 21.7500pt;
    /* 29px */
    color: #000000;
}

.v62-header-insignia-box svg {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

/* Stacked Agency Text Block: Explicit absolute assignment */
.v62-header-agency-text {
    position: absolute;
    top: 54pt;
    /* Exact Y = 74px baseline equivalent */
    left: 7.5000pt;
    /* Symmetrically aligned with the Crest Left Boundary */
    width: 247.5000pt;
    /* Max bounding track to prevent column escape (255pt - 7.5pt) */
    height: auto;
    display: block;
}

.v62-agency-line {
    display: block;
    font-size: 14.25pt;
    /* Hardcoded to match active asset rule */
    line-height: 15.75pt;
    /* Set tight line height to match capital height rule */
    font-weight: normal;
    /* letter-spacing: -0.02em; */
    /* Prevents horizontal layout overflow */
    color: #000000;
}

/* Layer 2: Positioned directly inside Grid Track Column 3 */
.header-col-three-content {
    grid-column: 3;
    grid-row: 1;
    position: relative;
    /* Lock absolute coordinate mesh origin */
    width: 28.5000pt;
    height: 100%;
}

/* Main Form Title & Gov UK Info Block */
.v62-header-title-block {
    position: absolute;
    top: 33pt;
    /* Exact baseline Y = 70px (70 * 0.75pt) */
    left: 0;
    /* Sane reset: aligned perfectly with Grid Track 3 edge */
    width: 255.0000pt;
    /* Expands across Track 3 and overlaps cleanly into Track 4 */
    height: auto;
    display: block;
}

/* Title Lines 1 & 2 (w20 h24px Capital Bounding Box equivalent) */
.v62-title-main-line {
    display: block;
    font-family: 'Liberation Sans', Arial, sans-serif;
    font-size: 24pt;
    /* Precise 24px conversion target */
    line-height: 24.0000pt;
    font-weight: normal;
    color: #000000;
    white-space: nowrap;
}

/* Digital Sub-Info Footnote: Line 3 */
.v62-title-sub-info {
    display: block;
    font-family: , Arial, sans-serif;
    font-size: 11.25pt;
    line-height: 12.0000pt;
    font-weight: normal;
    color: #000000;
    font-family: 'Liberation Sans Narrow', sans-serif;
    white-space: nowrap;
    /* Hardware-level deterministic vertical stretching */
    transform: scaleY(1.15);
    /* Stretches heights by exactly 15% */
    transform-origin: left top
}

.v62-title-sub-info strong {
    font-weight: bold;
}

/* Layer 2: Positioned directly inside Grid Track Column 4 */
.header-col-four-content {
    grid-column: 4;
    grid-row: 1;
    position: relative;
    /* Establish absolute coordinate mesh origin */
    height: 100%;
}

/* The V62 Circular Identifier Bounding Box */
.v62-header-badge-box {
    position: absolute;
    top: 28.5000pt;
    /* Aligned perfectly with the Crown Crest Y-origin */
    width: 66.0000pt;
    /* Exact 66pt diameter box */
    height: 66.0000pt;
    display: block;
}

/* Vector Circle and Label Rendering Properties */
.v62-header-badge-box svg {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

.v62-badge-circle {
    stroke: none;
    fill: #fff;
}

.v62-badge-text {
    font-family: Arial, sans-serif;
    font-size: 15pt;
    /* Large structural label size */
    font-weight: bold;
    fill: #000000;
    text-anchor: middle;
    /* Zero-drift mathematical horizontal center */
    dominant-baseline: central;
    /* Zero-drift mathematical vertical center */
}

/* Layer 1: Master Page Container Allocation */
.v62-guidance-canvas {
    display: grid;
    grid-template-rows: 105pt 735.75pt;
    grid-template-columns: 594.75pt;
    width: 594.75pt;
    height: 100%;
    background: var(--dvla-admin-cyan);
}

/* Layer 3: The Nested Body Grid (Row 2) */
.v62-nested-body-grid {
    grid-row: 2;
    display: grid;
    /* Mirroring the header grid exactly to eliminate edge-alignment sub-pixel calculation bugs */
    grid-template-columns: 28.5000pt 255.0000pt 28.5000pt 255.0000pt 28.5000pt;
    height: 100%;
    width: 594.75pt;
    /* Explicit global width constraint matching the canvas wrapper */
    box-sizing: border-box;
}

/* Base structural context for the new body text lanes */
.body-col-two-content {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    /* Establishing safe zero-anchor mapping point internally */
    width: 255.0000pt;
    height: 100%;
}

.body-col-four-content {
    grid-column: 4;
    grid-row: 1;
    position: relative;
    /* Establishing safe zero-anchor mapping point internally */
    width: 255.0000pt;
    height: 100%;
}

/* "Please read carefully" Heading Block */
.v62-body-warning-heading {
    position: absolute;
    top: 0pt;
    /* Exact 13pt offset from the top of the body grid */
    left: 0.0000pt;
    /* Aligned flush with the Column 2 structural boundary */
    width: 255.0000pt;
    /* Constrained to the exact width of the column track */
    height: auto;
    display: block;
}

.v62-warning-text {
    display: block;
    font-family: 'Liberation Sans', Arial, sans-serif;
    font-size: 8.25pt;
    /* Standard clean legal layout scale */
    font-weight: bold;
    color: #000000;
}

/* Reusable Abstract Structural Core Class */
.v62-section-indicator-box {
    position: absolute;
    width: 23.25pt;
    /* Fixed 30px bounding box diameter */
    height: 23.25pt;
    background-color: #ffffff;
    border: 1.5000pt solid var(--dvla-section-heading);
    box-sizing: border-box;
    display: block;
}

/* Linear-Centred Typography Token */
.v62-section-indicator-box span {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 14.25pt;
    line-height: 19.5000pt;
    /* (22.5pt bounding box - 3.0pt borders) */
    font-weight: bold;
    color: var(--dvla-section-heading);
    text-align: center;
    text-transform: uppercase;
}

/* Reusable Abstract Line Class */
.v62-section-divider-line {
    position: absolute;
    left: 0.0000pt;
    width: 100%;
    height: 3pt;
    background-color: var(--dvla-section-heading);
    display: block;
}

.v62-heading-main {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 11.25pt;
    /* Pure 12pt asset weight */
    line-height: 14.25pt;
    /* Tight line height to prevent baseline bleeding */
    font-weight: bold;
    color: var(--dvla-section-heading);
    text-transform: none;
    white-space: nowrap;
    /* Disables unexpected rendering engine line breaks */
}

/* --- Unique Layout Position Mapping Track --- */
/* Section Landmark A Coordinate Map */
#section-marker-a {
    top: 18.75pt;
    /* Exact 18.5pt offset from body canvas top */
    left: 0.0000pt;
    /* Aligned to the absolute left edge of Column 2 */
}

/* Line A Coordinate Map: Anchored directly underneath Box A */
#section-line-a {
    /* Box A Top (18.50pt) + Box A Height (22.50pt) = 41.00pt */
    top: 40.5pt;
}

/* Section A Heading Text Block - Pure Point Absolute Mapping */
.v62-section-heading-text {
    position: absolute;
    top: 23.25pt;
    /* Exact point anchor from the top of the body grid */
    left: 31.5pt;
    /* Exact point anchor relative to Column 2 origin (60pt global) */
    width: 223.5000pt;
    /* Locked bounding width path to contain loop (255.0pt - 31.5pt) */
    height: 14.25pt;
    /* Explicit baseline footprint matching the font height */
    display: block;
}

/* Section A Content Wrapper Block */
.v62-section-a-body-block {
    position: absolute;
    top: 48.0000pt;
    left: 0;
    /* Aligned to the absolute left margin of Column 2 */
    width: 255.0000pt;
    /* Standard restricted column width track */
    height: auto;
    display: block;
}

/* Core Typography Standards */
.v62-guidance-paragraph {
    font-family: 'Helvetica Light';
    font-size: 8.25pt;
    letter-spacing: -0.3000pt;
    text-align: left;
    font-weight: 300;
    line-height: 9pt;
    /* Locked vertical leading step */
    color: #000000;
    /* Absolute compression baseline metrics */
    margin: 0.0000pt !important;
    padding: 0.0000pt !important;
    text-align: left;
}

/* Bullet Formatting Group */
.v62-guidance-list {
    list-style-type: none;
    /* Strip unpredictable browser bullet glyph layout drift */
    padding: 0;
    margin: 0;
    display: block;
}

.v62-guidance-bullet {
    position: relative;
    font-family: 'Helvetica Light';
    font-size: 8.25pt;
    line-height: 10.5pt;
    color: #000000;
    padding-left: 10.5pt;
}

.v62-guidance-bullet::before {
    content: "\2022";
    position: absolute;
    font-size: 8.25pt;
    left: 4.5pt;
    /* Pinned cleanly on the coordinate line */
    top: 0.0000pt;
    font-weight: bold;
    color: var(--dvla-section-heading);
}

.v62-guidance-paragraph strong,
.v62-guidance-bullet strong {
    font-weight: bold;
    font-size: 8.2500pt;
    /* Lock font size explicitly on inline blocks */
    line-height: inherit;
    /* Force strict vertical inheritance loop */
    display: inline;
    /* Prevent node conversion to block flow layout */
}

/* --- Section B Layout Coordinate Map --- */
/* Section Marker B: Square Box Target */
#section-marker-b {
    top: 204.75pt;
    /* Hardcoded whole-integer row step (242.25pt) */
    left: 0.0000pt;
    /* Locked flush to Column 2 left edge */
}

/* Section Line B: Full-width Divider Line */
#section-line-b {
    /* Box Top (242.25pt) + Box Height (22.50pt) = 264.75pt */
    top: 226.5pt;
}

/* Section Heading Text B */
#section-heading-b {
    /* Aligns perfectly to the horizontal text baseline grid */
    top: 209.2500pt;
    left: 31.5000pt;
    /* Clean horizontal separation matching Section A */
}

.v62-section-b-body-block {
    position: absolute;
    top: 234pt;
    /* Exact line track (264.75pt divider + 10.50pt visual leading gap) */
    left: 0;
    /* Aligned flush to Column 2 origin */
    width: 255.0000pt;
    /* Locked structural width constraint */
    height: auto;
    display: block;
}

/* --- Section C Layout Coordinate Map --- */
/* Section Marker C: Square Box Target */
#section-marker-c {
    top: 419.25pt;
    left: 0;
}

/* Section Line C: Full-width Divider Line */
#section-line-c {
    /* top = marker:top + 21.75 */
    top: 441pt;
}

/* Section Heading Text C */
#section-heading-c {
    /* top = section-line:top - 17.25 */
    top: 423.75pt;
    left: 31.5000pt;
}

.v62-section-c-body-block {
    position: absolute;
    /* top = section-line:top + 7.5 */
    top: 448.5pt;
    left: 0;
    width: 255.0000pt;
    /* Standard restricted column width track */
    height: auto;
    display: block;
}

/* --- Section D Layout Coordinate Map --- */
/* Section Marker D: Square Box Target */
#section-marker-d {
    top: 519pt;
    left: 0.0000pt;
}

#section-line-d {
    /* top = marker:top + 21.75 */
    top: 540.75pt;
}

/* Section Heading Text D */
#section-heading-d {
    /* top = section-line:top - 17.25 */
    top: 523.5pt;
    left: 31.5000pt;
    /* Clean horizontal separation matching previous sections */
}

.v62-section-d-body-block {
    position: absolute;
    /* top = section-line:top + 7.5 */
    top: 548.25pt;
    left: 0;
    width: 255.0000pt;
    /* Standard restricted column width track */
    height: auto;
    display: block;
}

/* Column 2 Bottom Logo Row Context - Transparent PNG Fallback */
.v62-logo-investors {
    position: absolute;
    top: 682.5pt;
    left: 59.25pt;
    width: 168pt;
    height: 31.5000pt;
    display: flex;
}

.v62-logo-excellence {
    position: absolute;
    display: flex;
    top: 652.5pt;
    left: 0pt;
    width: 50.25pt;
    height: 57.75pt;
}

.v62-logo-investors img,
.v62-logo-excellence img {
    display: flex;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    /* Maintain true geometry proportions within the hard boundary boxes */
    /* --- The WebKit Headless Print Anchor Stack --- */
    -webkit-print-color-adjust: exact;
    /* Force crisp print raster layer calculations */
    print-color-adjust: exact;
    image-rendering: -webkit-optimize-contrast;
    /* Locks sharp edge rendering on upscaled blocks */
    image-rendering: crisp-edges;
}

/* --- Section E Layout Coordinate Map (Column 4 Upper Baseline) --- */
/* Section Marker E: Reusable Square Box Target */
#section-marker-e {
    top: 7.5pt;
    left: 0.0000pt;
}

/* Section Line E: Reusable Full-width Divider Line */
#section-line-e {
    /* top = marker:top + 21.75 */
    top: 29.25pt;
}

/* Section Heading Text E */
#section-heading-e {
    /* top = section-line:top - 17.25 */
    top: 12pt;
    left: 31.5000pt;
}

/* Section E Content Wrapper Block (Top of Column 4) */
.v62-section-e-body-block {
    position: absolute;
    /* top = section-line:top + 7.5 */
    top: 36.75pt;
    left: 0.0000pt;
    width: 255.0000pt;
    height: auto;
    display: block;
}

/* --- Section F Layout Coordinate Map (Column 4 Upper Baseline) --- */
/* Section Marker F: Reusable Square Box Target */
#section-marker-f {
    top: 117pt;
    left: 0.0000pt;
}

/* Section Line F: Reusable Full-width Divider Line */
#section-line-f {
    /* top = marker:top + 21.75 */
    top: 138.75pt;
}

/* Section Heading Text F */
#section-heading-f {
    /* top = section-line:top - 17.25 */
    top: 114pt;
    left: 31.5000pt;
}

#section-heading-f-2 {
    /* top = section-line:top - 17.25 */
    top: 124.5pt;
    left: 31.5000pt;
}

/* Section F Content Wrapper Block */
.v62-section-f-body-block {
    position: absolute;
    /* top = section-line:top + 7.5 */
    top: 146.25pt;
    left: 0.0000pt;
    width: 255.0000pt;
    height: auto;
    display: block;
}

/* --- Section G Layout Coordinate Map (Column 4 Upper Baseline) --- */
/* Section Marker F: Reusable Square Box Target */
#section-marker-g {
    top: 305.25pt;
    left: 0.0000pt;
}

/* Section Line G: Reusable Full-width Divider Line */
#section-line-g {
    /* top = marker:top + 21.75 */
    top: 327pt;
}

/* Section Heading Text G */
#section-heading-g {
    top: 302.25pt;
    left: 31.5000pt;
}

#section-heading-g-2 {
    /* top = section-line:top - 17.25 */
    top: 312.75pt;
    left: 31.5000pt;
}

/* Section G Content Wrapper Block */
.v62-section-g-body-block {
    position: absolute;
    /* top = section-line:top + 7.5 */
    top: 333.75pt;
    left: 0.0000pt;
    width: 255.0000pt;
    height: auto;
    display: block;
}

/* --- Section H Layout Coordinate Map (Column 4 Upper Baseline) --- */
#section-marker-h {
    top: 461.25pt;
    left: 0.0000pt;
}

/* Section Line h: Reusable Full-width Divider Line */
#section-line-h {
    /* top = marker:top + 21.75 */
    top: 483pt;
}

#section-heading-h {
    /* top = section-line:top - 17.25 */
    top: 465.75pt;
    left: 31.5000pt;
}

/* Section H Content Wrapper Block */
.v62-section-h-body-block {
    position: absolute;
    /* top = section-line:top + 7.5 */
    top: 490.5pt;
    left: 0.0000pt;
    width: 255.0000pt;
    height: auto;
    display: block;
}

/* --- Section I Layout Coordinate Map (Column 4 Upper Baseline) --- */
#section-marker-i {
    top: 549pt;
    left: 0.0000pt;
}

/* Section Line i: Reusable Full-width Divider Line */
#section-line-i {
    /* top = marker:top + 21.75 */
    top: 570.75pt;
}

#section-heading-i {
    /* top = section-line:top - 17.25 */
    top: 553.5pt;
    left: 31.5000pt;
}

/* Section I Content Wrapper Block */
.v62-section-i-body-block {
    position: absolute;
    /* top = section-line:top + 7.5 */
    top: 578.25pt;
    left: 0.0000pt;
    width: 255.0000pt;
    height: auto;
    display: block;
}

.v62-promo-box {
    position: absolute;
    width: 113.25pt;
    height: 56.25pt;
    /* Simulates the 3pt thick left/right vector bars */
    border-left: 3.0000pt solid #000000;
    border-right: 3.0000pt solid #000000;
    /* Exact horizontal inner padding to prevent text touching borders */
    padding: 0 6.25pt;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.v62-promo-text-bold {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 9.75pt;
    line-height: 9.75pt;
    letter-spacing: -0.1500pt;
    color: #000000;
    margin: 0;
    padding: 0;
}

.v62-promo-text-link {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 7.5pt;
    line-height: 8.25pt;
    letter-spacing: -0.1000pt;
    color: #000000;
    margin: 0;
    padding: 0;
}

.v62-version-tag {
    position: absolute;
    width: auto;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9.0000pt;
    line-height: 9.0000pt;
    letter-spacing: 0.0000pt;
    color: #000000;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    box-sizing: border-box;
}

/******************************************************************************/
/* ---FORM---  */
.v62-heading-form-section {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 12pt;
    /* Pure 12pt asset weight */
    line-height: 12pt;
    /* Tight line height to prevent baseline bleeding */
    font-weight: bold;
    color: var(--dvla-section-heading);
    text-transform: none;
    white-space: nowrap;
    /* Disables unexpected rendering engine line breaks */
}

.v62-form-canvas-wrapper {
    display: grid;
    /* 4 Rows: 14pt margin, 46pt header, flexible form body, 14pt footer margin */
    grid-template-rows: 13.5pt 45pt 768.75pt 13.5pt;
    grid-template-columns: 13.5pt 1fr 13.5pt;
    /* Lock strictly to your master canvas sizing matrix */
    width: 594.75pt;
    height: 840.7500pt;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: #a8c3db;
    overflow: hidden;
    position: relative;
}

/* Explicit layout placement to prevent engine path drift */
.v62-form-header-zone {
    grid-row: 2;
    grid-column: 2;
    position: relative;
    width: 100%;
    height: 100%;
    background: #dfeaf1;
}

.v62-form-body-zone {
    grid-row: 3;
    grid-column: 2;
    position: relative;
    width: 100%;
    height: 100%;
}

/* Base structural rules for high-speed scan anchors */
.v62-scan-mark {
    position: absolute;
    width: 17.25pt;
    height: 17.25pt;
    box-sizing: border-box;
    background-color: transparent;
    pointer-events: none;
}

/* Top-Left Corner: Top and Left Borders */
.v62-mark-top-left {
    top: 0;
    left: 0;
    border-top: 3pt solid #000000;
    border-left: 3pt solid #000000;
}

/* Top-Right Corner: Top and Right Borders */
.v62-mark-top-right {
    top: 0;
    right: 0;
    border-top: 3pt solid #000000;
    border-right: 3pt solid #000000;
}

/* Top-Left Corner: Top and Left Borders */
.v62-mark-bottom-left {
    bottom: 0;
    left: 0;
    border-bottom: 3pt solid #000000;
    border-left: 3pt solid #000000;
}

/* Top-Right Corner: Top and Right Borders */
.v62-mark-bottom-right {
    bottom: 0;
    right: 0;
    border-bottom: 3pt solid #000000;
    border-right: 3pt solid #000000;
}

.v62-form-body-columns {
    grid-row: 3;
    grid-column: 2;
    display: grid;
    grid-template-columns: 387pt 176.25pt;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Establish absolute positioning context for internal elements */
.v62-body-col-left {
    position: relative;
    width: 100%;
    height: 100%;
}

.v62-body-col-right {
    position: relative;
    width: 100%;
    height: 763.5pt;
    background: #dfeaf1;
    margin-left: 5.25pt;
    margin-top: 5.25pt;
}

.v62-form-row-matrix {
    grid-row: 1;
    grid-column: 1;
    display: grid;
    grid-template-rows: 141.75pt 322.5pt 93pt 81.75pt 130.5pt;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.v62-form-row-matrix>* {
    background-color: #ffffff;
    box-sizing: border-box;
    margin-top: 4.5pt;
}

.v62-registration-label {
    position: absolute;
    top: 14.25pt;
    font-size: 9.75pt;
    font-weight: bold;
    height: auto;
    display: block;
}

.comb-field.reg {
    width: 111pt;
}

/* Position the native input text cleanly inside the box layout */
.v62-native-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    box-sizing: border-box;
    /* Use a stable font size to lock the layout engine variables */
    font-family: 'Courier New', Courier, monospace;
    font-size: 14.25pt;
    /* Emits a clean 18px character height */
    font-weight: bold;
    /* Micro-align the initial character inside the first cell */
    padding-left: 2.25pt;
    /* In this example we need to compromise subpixel rendering to fi */
    letter-spacing: 6.75pt;
    text-transform: uppercase;
    z-index: 2;
    -webkit-appearance: none;
    appearance: none;

text-wrap: wrap;
text-align: left;
}

/* Render the 7 individual character boxes underneath the text */
.v62-box-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    /* 7 columns of identical size */
    /* Use column-gap as the vertical separator lines */
    column-gap: 2.25pt;
    background-color: #c2d3e2;
    box-sizing: border-box;
    z-index: 1;
    pointer-events: none;
}

.v62-box-overlay>div {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
}

.v62-box-overlay.reg {
    grid-template-columns: repeat(7, 1fr);
}

/* The actual white background slots inside the black grid container */
.v62-char-split {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
}

.v62-row-segment-1 {
    position: relative;
    width: 100%;
    height: 137.25pt;
}

.v62-row-segment-1>* {
    margin-left: 13.5pt;
}

.v62-row-segment-2 {
    position: relative;
    width: 100%;
    height: 318pt;
}

.v62-row-segment-3 {
    position: relative;
    width: 100%;
    height: 88.5pt;
}

.v62-row-segment-4 {
    position: relative;
    width: 100%;
    height: 77.25pt;
}

.v62-row-segment-5 {
    position: relative;
    width: 100%;
    height: 126pt;
}

.v62-inline-row-group {
    position: absolute;
    height: 16.5pt;
    box-sizing: border-box;
    display: block;
    background-color: transparent;
}

.v62-inline-label {
    position: absolute;
    top: 4.5pt;
    left: 0;
    width: 36pt;
    /* Rigidly locks the label bounds */
    height: 16.5pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9.75pt;
    line-height: 16.5pt;
    color: #000000;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.v62-inline-bottom-input {
    position: absolute;
    top: 0;
    /* Snaps perfectly to the right edge of the 36pt label */
    left: 36pt;
    /* Fills the remainder of the 372pt width track cleanly */
    width: 324pt;
    height: 16.5pt;
    border: none !important;
    /* Thick print baseline to mimic the form's plate lines */
    border-bottom: 0.75pt solid #000000 !important;
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10.5pt;
    line-height: 16.5pt;
    color: #000000;
    padding: 3pt 0 0 4pt;
    margin: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}

.v62-vin-field-container {
    position: absolute;
    width: 207.00pt;
    /* Exactly 276px */
    height: 15.75pt;
    /* Exactly 21px */
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1.50pt solid #c2d3e2;
}

.v62-vin-native-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    box-sizing: border-box;
    font-family: 'Courier New', Courier, monospace;
    /* Slightly larger font size to fit the wider 207pt layout */
    font-size: 9.00pt;
    font-weight: bold;
    /* Centers the first character inside its cell */
    padding-left: 2.25pt;
    /* The layout-locking value to step characters cleanly across your 17 slots */
    letter-spacing: 6.75pt;
    text-transform: uppercase;
    z-index: 2;
    -webkit-appearance: none;
    appearance: none;
}

.v62-vin-box-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    /* 17 perfectly uniform grid columns */
    grid-template-columns: repeat(17, 1fr);
    column-gap: 1.50pt;
    background-color: #c2d3e2;
    box-sizing: border-box;
    z-index: 1;
    pointer-events: none;
}

.v62-vin-box-overlay>div {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
}

.v62-vin-note {
    position: absolute;
    top: 122.25pt;
    font-size: 6.75pt;
    font-weight: normal;
    height: auto;
    display: block;
}

.v62-vin-note b {
    font-size: inherit;
}

.v62-salutation-row {
    position: absolute;
    height: 16.5pt;
    box-sizing: border-box;
    background-color: transparent;
}

/* Label frame tracking text and box elements together */
.v62-salute-box-label {
    position: absolute;
    top: 0;
    height: 16.5pt;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
    box-sizing: border-box;
}

.v62-salute-text {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    line-height: 9pt;
    color: #000000;
    float: left;
    margin-right: 4.5pt;
}

/* Hide the native platform input field away from the layout tree */
.v62-salute-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
}

/* The stylized background box */
.v62-salute-box-anchor {
    display: flex;
    align-items: center;
    /* Mathematical vertical centering */
    justify-content: center;
    /* Mathematical horizontal centering */
    float: left;
    width: 11.25pt;
    height: 13.50pt;
    background-color: #c2d3e2;
    border: 1.5pt solid #000000;
    box-sizing: border-box;
    position: relative;
}

/* The default fat white cross state */
.v62-salute-box-anchor::after {
    content: "X";
    font-family: 'Arial Black', Gadget, sans-serif;
    font-weight: 900;
    font-size: 8.25pt;
    color: #ffffff;
    /* Strip engine-specific line height assumptions and paddings */
    line-height: 9pt;
    margin: 0;
    padding: 0;
    display: block;
}

/* Toggle the text color to black when the checkbox is active */
.v62-salute-input:checked+.v62-salute-box-anchor::after {
    color: #000000;
}

.v62-salute-custom-group {
    position: absolute;
    top: -2pt;
    /* Minor vertical offset to balance the taller 18pt box */
    height: 20.25pt;
    display: flex;
    align-items: flex-end;
    /* Locks both the text label and input block to the baseline */
    box-sizing: border-box;
    background-color: transparent;
}

/* Bundles the two lines together so they stay aligned vertically */
.v62-label-stacked-container {
    display: flex;
    flex-direction: column;
    margin-right: 4.5pt;
    box-sizing: border-box;
}

/* Stacked text rules removing standard browser layout padding */
.v62-salute-text-stacked {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 6.75pt;
    /* Micro-scaled to match your 11px print layout specs */
    line-height: 6.75pt;
    color: #000000;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

/* Solid variable box formatting */
.v62-custom-block-input {
    width: 48.00pt;
    /* Exactly 64px at 96 DPI */
    height: 18.00pt;
    /* Exactly 24px at 96 DPI */
    border: 1.5pt solid #000000 !important;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9.75pt;
    line-height: 18.00pt;
    color: #000000;
    padding: 0 0 0 3pt;
    margin: 0 0 0 -3pt;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}

/* The outer hard-bordered print card frame */
.v62-identity-card-box {
    position: absolute;
    width: 363.00pt;
    /* 480px */
    height: 51.75pt;
    /* 70px */
    border: 1.5pt solid #c2d3e2;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}

/* Individual layout rows with an edge-to-edge bottom border divider */
.v62-id-row {
    position: relative;
    flex: 1;
    width: 354pt;
    border-bottom: 1.5pt solid #c2d3e2;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    /* Locks elements directly to the bottom border line */
    /* Your requested 3px padding offset from the container edges */
    margin: 0pt 3pt 0pt 3pt;
}

/* Remove the duplicate bottom border on the final row block */
.v62-id-row:last-child {
    border-bottom: none;
}

.v62-id-label {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.2500pt;
    /* Cleans up to an 11px print format */
    /* STRIP VERTICAL PADDING: Forces the font engine to drop line buffers */
    line-height: 8.25pt;
    color: #000000;
    white-space: nowrap;
    margin-right: 4.5pt;
    /* SUB-PIXEL MICRO-ALIGNMENT: Snaps character baseline directly to the border */
    padding: 0 0 0 0;
    pointer-events: none;
    z-index: 1;
}

/* The invisible input overlay layer */
.v62-id-invisible-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none !important;
    background: transparent !important;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9.75pt;
    /* 13px character scaling */
    color: #000000;
    /* Push text to the right so it doesn't overlap the printed label */
    padding: 4.5pt 4.5pt 0 145pt;
    margin: 0;
    z-index: 2;
    -webkit-appearance: none;
    appearance: none;
}

/* Provide clear visual feedback when a user selects a text field */
.v62-id-invisible-input:focus {
    outline: none;
    background-color: rgba(194, 211, 226, 0.15) !important;
    /* Uses a subtle hint of the V62 form's blue accent color */
}

/* Adjust the text padding on the shorter labels to maximize typing space */
.v62-id-row:nth-child(2) .v62-id-invisible-input {
    padding-left: 62.25pt;
}

.v62-id-row:nth-child(3) .v62-id-invisible-input {
    padding-left: 50.25pt;
}

/* Container framework locking elements to a single horizontal track */
.v62-fleet-row-group {
    position: absolute;
    height: 16.5pt;
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    background-color: transparent;
}

/* Vertical text stack wrapper */
.v62-fleet-label-stack {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-right: 8.25pt;
    box-sizing: border-box;
}

/* Top line bold styling */
.v62-fleet-text-bold {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 9pt;
    line-height: 9pt;
    color: #000000;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

/* Bottom line normal weight tracking */
.v62-fleet-text-normal {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    line-height: 9pt;
    color: #000000;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

/* Core grid container sizing matching registration box standards */
.comb-field.fleet {
    width: 96pt;
}

.v62-box-overlay.fleet {
    grid-template-columns: repeat(6, 1fr);
}

/* The underlying grid box overlay track */
.v62-fleet-box-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    /* Thick gap dividers allowing the black background to emulate 2.25pt lines */
    column-gap: 2.25pt;
    background-color: #000000;
    box-sizing: border-box;
    z-index: 1;
    pointer-events: none;
}

.v62-address-card-box {
    position: absolute;
    width: 363.00pt;
    height: 90pt;
    border: 1.5pt solid #c2d3e2;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}

.v62-box-overlay.yyyy,
.v62-box-overlay.houseno {
    grid-template-columns: repeat(4, 1fr);
}

/* Container framework locking elements to a single horizontal track */
.v62-house-row-group {
    position: absolute;
    height: 16.5pt;
    display: flex;
    align-items: flex-end;
    /* Snaps text baseline and box bottom together */
    box-sizing: border-box;
    background-color: transparent;
}

/* Core grid container sizing matching registration box standards */
.comb-field.house {
    width: 66pt;
}

.v62-house-label {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.25pt;
    line-height: 8.25pt;
    color: #000000;
    white-space: nowrap;
    margin-right: 1.5pt;
    padding: 0 0 1.50pt 0;
    pointer-events: none;
    z-index: 1;
}

/* Individual layout rows with an edge-to-edge bottom border divider */
.v62-row {
    position: absolute;
    flex: 1;
    border-bottom: 1.5pt solid #c2d3e2;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    /* Locks elements directly to the bottom border line */
    /* Your requested 3px padding offset from the container edges */
    margin: 0pt 3pt 0pt 3pt;
}

.comb-field {
    position: relative;
    height: 20.25pt;
    border: 2.25pt solid #c2d3e2;
    box-sizing: border-box;
    background-color: #ffffff;
}

.v62-postcode-row-group {
    position: absolute;
    height: 16.5pt;
    display: flex;
    align-items: flex-end;
    /* Snaps text baseline and box bottom together */
    box-sizing: border-box;
    background-color: transparent;
}

.comb-field.postcode {
    width: 125.25pt;
}

.v62-box-overlay.postcode {
    grid-template-columns: repeat(8, 1fr);
}

.v62-label-stack {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-right: 8.25pt;
    box-sizing: border-box;
}

/* Top line bold styling */
.v62-label-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.25pt;
    line-height: 8.25pt;
    font-weight: normal;
    color: #000000;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.v62-label-text.bold {
    font-weight: bold;
}

.comb-field.dd,
.comb-field.mm {
    width: 35.25pt;
}

.comb-field.yyyy {
    width: 65.25pt;
}

.v62-watermark-text {
    position: absolute;
    width: 100%;
    height: 0 !important;
    overflow: visible !important;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10.5000pt;
    line-height: 0 !important;
    text-align: center;
    color: #d1dfeb;
    /* Faint grey-blue pre-print tint */
}

.v62-box-overlay.dd,
.v62-box-overlay.mm {
    grid-template-columns: repeat(2, 1fr);
}

.comb-field.phone {
    width: 245.25pt;
}

.v62-box-overlay.phone {
    grid-template-columns: repeat(16, 1fr);
}

.v62-historic-v5c-box {
    position: absolute;
    width: 371.25pt;
    height: 41.25pt;
    border: 1.5pt solid #000000;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}

.v62-interrogation-Notes {
    color: #000000;
    font-size: 8.25pt;
    margin-left: 42pt;
}

/* SECTION 3 */
/* Frozen boundary cage for the table section */
.v62-reasons-table-zone {
    position: absolute;
    box-sizing: border-box;
    background-color: transparent;
}

/* Master table reset to bypass browser engine cell-spacing bugs */
.v62-reasons-grid-table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    /* Freezes column width tracks mathematically */
}

/* Spacing gaps between table entries */
.v62-reasons-grid-table tr {
    border-bottom: 2.25pt solid transparent;
    /* Acts as a predictable vertical gap block */
}

.v62-reasons-grid-table tr:last-child {
    border-bottom: none;
}

/* Compact bullet tracker column */
.v62-bullet-cell {
    width: 10.5pt;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    line-height: 1.0 !important;
    color: var(--dvla-section-heading);
    padding: 1.5pt 0 0 0;
}

/* Central text container column */
.v62-text-cell {
    /* Total width 372pt minus bullet (10pt) and checkbox track (20pt) = 342pt */
    width: 342pt;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

/* Primary text lines stripped of dynamic height paddings */
.v62-reason-text {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.2500pt;
    /* Exactly 11px */
    line-height: 8.25pt;
    /* Controlled wrap line step */
    color: #000000;
    margin-bottom: 0pt;
}

/* Right-hand checkbox alignment column */
.v62-check-cell {
    width: 20.25pt;
    vertical-align: top;
    text-align: right;
    padding: 0;
}

/* Center-locking context for your reused custom box styling elements */
.v62-reason-check-wrapper {
    display: inline-block;
    position: relative;
    width: 11.25pt;
    height: 10.5pt;
    cursor: pointer;
}

/* SECTION 4 */
/* Shared base for absolute text horizontal rows */
.v62-fee-text-track {
    position: absolute;
    height: 11.25pt;
    box-sizing: border-box;
    background-color: transparent;
    overflow: visible;
}

/* Master bullet configuration (Blue Header Color Match) */
.v62-fee-bullet {
    position: absolute;
    top: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    line-height: 0 !important;
    color: #0088cc;
}

/* Master clean en-dash configuration (Normal Weight Print Black) */
.v62-fee-dash {
    position: absolute;
    top: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.2500pt;
    line-height: 0 !important;
    color: #000000;
}

/* Master text string style format */
.v62-fee-string {
    position: absolute;
    top: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8.2500pt;
    /* Exactly 11px */
    line-height: 0 !important;
    /* Locks baseline rendering */
    color: #000000;
    white-space: nowrap;
}

/* Shared base for the independent right-aligned checkbox track layer */
.v62-fee-box-track {
    position: absolute;
    width: 11.25pt;
    height: 13.50pt;
    box-sizing: border-box;
}

.v62-fee-click-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

/* SECTION 5 */
/* Core sidebar tracking wrapper (Isolates the 176pt right column) */
.v62-official-sidebar {
    position: absolute;
    top: 0;
    right: 0;
    width: 176.25pt;
    /* Your floored column 2 track width specification */
    height: 100%;
    box-sizing: border-box;
    background-color: transparent;
    padding: 12pt 8pt;
    /* Inner buffer preventing lines touching edges */
}

/* Base style for the micro-labels in the sidebar */
.v62-off-label {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9.75pt;
    /* Micro-scaled print type */
    font-weight: normal;
    line-height: 0 !important;
    color: #000000;
    white-space: nowrap;
    top: 9pt;
}

/* Master sidebar indicator number trackers */
.v62-off-num {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10.5pt;
    font-weight: bold;
    line-height: 0 !important;
    color: #000000;
    top: 9pt;
}

.v62-off-num.bl {
    color: #c2d3e2;
}

/* --------------------------------------------------------------------------
THE SIDEBAR COMB-FIELD WIDTH MODIFIERS
-------------------------------------------------------------------------- */
.comb-field.ou {
    position: relative;
    height: 18.75pt;
    border: 0.75pt solid #000000;
    box-sizing: border-box;
    background-color: transparent;
}

.v62-box-overlay.ou {
    /* Use column-gap as the vertical separator lines */
    column-gap: .75pt;
    background-color: #000000;
}

.ou.double {
    width: 42pt;
}

.ou.trebble {
    width: 62.25pt;
}

.ou.quad {
    width: 82.5pt
}

.ou.five {
    width: 102.75pt;
}

.ou.six {
    width: 123pt;
}

.v62-box-overlay.ou>div {
    background-color: #dfeaf1;
}

/* Hard-coded linear gradient simulating partial vertical ticks */
.v62-partial-ticks {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 1;
    background-size: 100% 100%;
    /* Use a clip-path to limit the background gradients strictly to the bottom 50% of the box track */
    clip-path: polygon(0% 50%, 100% 50%, 100% 100%, 0% 100%);
}

.v62-partial-ticks.mdl {
    /* THE TICK CHEAT MATRIX: Top 50% remains solid white. Bottom 50% draws two 1pt dividers at exactly 20pt and 40pt slots */
    background-image:
        linear-gradient(to right, transparent 19.5pt, #000000 19.5pt, #000000 20.25pt, transparent 20.25pt, transparent 39.75pt, #000000 39.75pt, #000000 40.5pt, transparent 40.5pt);
}

.v62-partial-ticks.doe {
    /* THE TICK CHEAT MATRIX: Top 50% remains solid white. Bottom 50% draws two 1pt dividers at exactly 20pt and 40pt slots */
    background-image:
        linear-gradient(to right, transparent 19.5pt, #000000 19.5pt, #000000 20.25pt, transparent 20.25pt);
}

.form-header-text {
    left: 16.5pt;
    font-weight: bold;
    font-size: 9pt;
    color: var(--dvla-section-heading);
}
