/*
Theme Name: UFO Identified
Theme URI: https://ufoidentified.co.uk/
Author: UFO Identified
Description: An editorial WordPress theme for UFO Identified, visually related to the UK UFO Database.
Version: 0.2.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: ufo-identified
*/

:root{--ink:#eaf2fb;--muted:#a3b3c3;--blue:#238cff;--blue-light:#79baff;--line:#20334a;--panel:#0b1623;--deep:#050a11;--max:1180px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--deep);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--blue-light);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}button,input,textarea{font:inherit}
:focus-visible{outline:2px solid var(--blue-light);outline-offset:3px}
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{clip:auto;position:fixed;z-index:99;top:8px;left:8px;width:auto;height:auto;padding:10px;background:#fff;color:#000}
.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:#060c15f5}
.header-inner{display:flex;align-items:center;gap:28px;min-height:112px}
.brand{display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:850;letter-spacing:.07em;text-transform:uppercase;line-height:1.1;white-space:nowrap}
.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1.5px solid var(--blue);border-radius:10px;transform:rotate(45deg);color:var(--blue);box-shadow:0 0 22px #238cff28}.brand-mark span{transform:rotate(-45deg);font-size:21px;line-height:1}
.brand-name{font-size:19px}.brand-name em{display:block;color:var(--blue-light);font-size:10px;font-weight:650;font-style:normal;letter-spacing:.23em;margin-top:3px}
.custom-logo-link{display:inline-flex;align-items:center;flex:none}.custom-logo-link img{display:block;width:auto;height:auto;max-height:96px;max-width:96px}.site-nav{margin-left:auto}.site-nav ul{display:flex;align-items:center;gap:25px;margin:0;padding:0;list-style:none}.site-nav a{color:#d5e1ec;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.site-nav a:hover,.site-nav .current-menu-item>a{color:var(--blue-light)}
.header-cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid #3d6689;border-radius:7px;padding:9px 14px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.header-cta:hover{background:var(--blue);text-decoration:none}
.menu-toggle{display:none;margin-left:auto;color:white;border:1px solid var(--line);background:var(--panel);padding:9px 12px;border-radius:6px}
.eyebrow{color:var(--blue-light);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 32%,#0a2b4b 0%,transparent 33%),linear-gradient(125deg,#060a10,#0a1727 58%,#07101b)}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#30618a 1px,transparent 1px),linear-gradient(90deg,#30618a 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);align-items:center;gap:65px;min-height:540px;padding-block:74px}.hero h1{font-size:clamp(42px,5.2vw,74px);line-height:1.02;letter-spacing:-.05em;margin:18px 0 22px;max-width:780px}.hero h1 span{color:var(--blue)}.hero p{color:#bbcbd9;max-width:620px;font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 19px;border-radius:7px;background:var(--blue);color:#fff;font-size:13px;font-weight:800;letter-spacing:.035em}.button:hover{background:#55a9ff;color:#05101c;text-decoration:none}.button-outline{background:transparent;border:1px solid #55728e;color:#e9f4ff}.button-outline:hover{background:#173149;color:white}
.signal-card{position:relative;min-height:360px;border:1px solid #24517a;border-radius:14px;background:linear-gradient(135deg,#0f2942,#08111d 75%);box-shadow:0 24px 100px #0008;padding:32px;display:flex;flex-direction:column;justify-content:space-between}.signal-card::before{content:"";position:absolute;inset:24px;border:1px solid #2c536b;border-radius:50%;aspect-ratio:1;max-width:300px;margin:auto;box-shadow:0 0 0 42px #24547a13,0 0 0 84px #24547a0b;pointer-events:none}.signal-top,.signal-bottom{position:relative;z-index:1;color:var(--blue-light);font-size:11px;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.signal-symbol{position:relative;z-index:1;text-align:center;font-size:112px;line-height:1;color:#c8ecff;text-shadow:0 0 28px #238cff}.signal-bottom{display:flex;justify-content:space-between;gap:12px}
.section{padding-block:76px}.section-alt{background:#08121e;border-block:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2,.content-heading{margin:8px 0 0;font-size:clamp(29px,3vw,40px);line-height:1.14;letter-spacing:-.03em}.section-heading p{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel);transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:#346a98}.card-image{display:block;aspect-ratio:16/10;background:linear-gradient(145deg,#16446d,#09131f);overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-body{padding:21px}.card-meta{color:var(--blue-light);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.card h3{margin:10px 0;font-size:21px;line-height:1.25}.card h3 a{color:#fff}.card p{color:var(--muted);font-size:14px;margin:0 0 16px}.read-more{font-size:13px;font-weight:800}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature{border:1px solid var(--line);border-radius:10px;padding:28px;background:linear-gradient(130deg,#0d1e30,#0a121e)}.feature .number{font-size:12px;color:var(--blue-light);font-weight:850}.feature h3{font-size:23px;line-height:1.2;margin:16px 0 8px}.feature p{color:var(--muted);margin:0 0 20px}.feature a{font-weight:800;font-size:13px}
.banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px;border:1px solid #275a82;border-radius:12px;background:linear-gradient(110deg,#0d3457,#0b1726 70%)}.banner h2{font-size:30px;line-height:1.1;margin:7px 0}.banner p{margin:0;color:#b9c9d7}
.page-head{padding-block:55px 38px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#0b2035,#070e18)}.page-head h1{font-size:clamp(34px,4vw,54px);line-height:1.1;margin:8px 0 0}.page-head p{color:var(--muted);max-width:680px}
.content-area{padding-block:50px 85px}.prose{max-width:790px;color:#d2deeb}.prose>*:first-child{margin-top:0}.prose h2,.prose h3{color:white;line-height:1.2;margin-top:1.6em}.prose p,.prose li{line-height:1.75}.prose a{text-decoration:underline}.prose blockquote{border-left:3px solid var(--blue);padding-left:20px;color:#b5c9da}.prose img{border-radius:8px}.prose .wp-block-image img{height:auto}
.article-lead{max-width:790px}.article-lead .meta{color:var(--muted);font-size:13px;margin:16px 0 28px}.article-lead .post-thumbnail{border-radius:10px;width:100%;height:auto;max-height:460px;object-fit:cover;margin-bottom:28px}
.pagination{margin-top:30px}.pagination .page-numbers{display:inline-block;margin-right:5px;border:1px solid var(--line);padding:5px 12px;border-radius:5px}.pagination .current{background:var(--blue);color:white}.empty-state{padding:35px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}
.search-form{display:flex;max-width:500px;gap:8px}.search-form input{min-width:0;flex:1;padding:10px 13px;background:#0f2030;color:#fff;border:1px solid #38516b;border-radius:6px}.search-form button{border:0;cursor:pointer}
.site-footer{border-top:1px solid var(--line);background:#04080e}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px;padding-block:48px}.footer-grid h2{font-size:14px;text-transform:uppercase;letter-spacing:.1em}.footer-grid p,.footer-grid li{color:var(--muted);font-size:14px}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin:7px 0}.footer-bottom{border-top:1px solid var(--line);padding:15px 0;color:#8496a7;font-size:12px}
.wp-block-button__link{background:var(--blue)}.alignwide{max-width:var(--max);margin-inline:auto}.alignfull{width:100vw;max-width:100vw;position:relative;left:50%;transform:translateX(-50%)}
@media(max-width:900px){.header-inner{flex-wrap:wrap}.menu-toggle{display:block}.site-nav{display:none;order:4;width:100%;margin:0 0 16px}.site-nav.is-open{display:block}.site-nav ul{display:block}.site-nav li{padding:9px 0}.header-cta{margin-left:auto}.hero-inner{gap:30px}.signal-card{min-height:290px}.signal-symbol{font-size:80px}}
@media(max-width:680px){.wrap{width:min(calc(100% - 30px),var(--max))}.header-inner{gap:10px;min-height:84px}.custom-logo-link img{max-height:72px;max-width:72px}.brand-name{font-size:15px}.brand-mark{width:35px;height:35px}.header-cta{display:none}.hero-inner{display:block;min-height:0;padding-block:65px}.hero h1{font-size:clamp(39px,11vw,56px)}.hero p{font-size:16px}.signal-card{display:none}.section{padding-block:52px}.section-heading{align-items:start;display:block}.grid,.feature-grid,.footer-grid{grid-template-columns:1fr}.banner{display:block;padding:25px}.banner .button{margin-top:22px}.footer-grid{gap:15px}}

/* Report a Sighting header button */
.header-report-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    background: #1679e8;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, transform 0.2s ease;
}

.header-report-btn:hover {
    background: #075cba;
    color: #ffffff;
    transform: translateY(-2px);
}

.header-report-btn:focus-visible {
    outline: 2px solid #1679e8;
    outline-offset: 3px;
}

/* Keep both header buttons comfortably spaced */
.header-report-btn + .header-cta {
    margin-left: 8px;
}


/* ==========================================
   UFO IDENTIFIED - PREMIUM HOMEPAGE
   ========================================== */

.ufo-home {
    --uh-bg: #0a1220;
    --uh-surface: #111d30;
    --uh-blue: #2389ed;
    --uh-border: rgba(135, 174, 220, .17);
    --uh-muted: #a7b6ca;
    background: var(--uh-bg);
    color: #f5f8ff;
    overflow: hidden;
}

.ufo-home h1,
.ufo-home h2,
.ufo-home h3 {
    color: #fff;
    line-height: 1.12;
    letter-spacing: -.035em;
    margin: 0;
}

.ufo-home p {
    line-height: 1.75;
}

.ufo-home a {
    text-decoration: none;
}

.ufo-home a:focus-visible {
    outline: 2px solid #75bcff;
    outline-offset: 4px;
}

.ufo-home .wrap {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

/* HERO */

.uh-hero {
    position: relative;
    background:
        radial-gradient(ellipse at 85% 30%,
            rgba(25, 107, 205, .24), transparent 48%),
        linear-gradient(130deg, #0b1629, #07101d);
    border-bottom: 1px solid var(--uh-border);
}

.uh-hero-layout {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    align-items: center;
    gap: 55px;
    min-height: 590px;
    padding-top: 95px;
    padding-bottom: 95px;
}

.uh-kicker,
.uh-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #62b4ff;
    font-size: 11px;
    letter-spacing: .17em;
    font-weight: 800;
    text-transform: uppercase;
}

.uh-status-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #40a5ff;
    box-shadow: 0 0 14px rgba(64, 165, 255, .65);
}

.uh-hero h1 {
    font-size: clamp(46px, 5.4vw, 78px);
    max-width: 760px;
    margin: 25px 0;
    font-weight: 800;
}

.uh-hero-description {
    max-width: 590px;
    color: #bdcadb;
    font-size: 18px;
    margin: 0 0 30px;
}

.uh-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.ufo-home .uh-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 15px 23px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.4;
    transition: .2s ease;
}

.ufo-home .uh-btn-primary {
    color: #fff;
    background: #167be5;
    border: 1px solid #389bff;
}

.ufo-home .uh-btn-primary:hover {
    background: #3095f9;
    transform: translateY(-2px);
}

.ufo-home .uh-btn-secondary {
    color: #f4f8ff;
    border: 1px solid #52627a;
    background: rgba(255,255,255,.035);
}

.ufo-home .uh-btn-secondary:hover {
    background: rgba(255,255,255,.1);
}

.uh-hero-footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 42px;
    color: #8193ac;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
}

.uh-mini-dot {
    width: 3px;
    height: 3px;
    background: #489de5;
    border-radius: 50%;
}

/* HERO RADAR ART */

.uh-hero-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    width: 100%;
    max-width: 430px;
    margin: auto;
    border: 1px solid rgba(115, 173, 236, .15);
    border-radius: 20px;
    background:
        linear-gradient(rgba(70, 129, 196, .035) 1px,
            transparent 1px),
        linear-gradient(90deg,
            rgba(70, 129, 196, .035) 1px,
            transparent 1px),
        radial-gradient(circle, #18375c, #0b1728 70%);
    background-size: 35px 35px, 35px 35px, auto;
    box-shadow: 0 35px 90px rgba(0,0,0,.25);
}

.uh-orbit {
    position: absolute;
    border: 1px solid rgba(86,165,247,.2);
    border-radius: 50%;
}

.uh-orbit-one { width: 35%; aspect-ratio: 1; }
.uh-orbit-two { width: 60%; aspect-ratio: 1; }
.uh-orbit-three { width: 84%; aspect-ratio: 1; }

.uh-hero-visual:before,
.uh-hero-visual:after {
    content: "";
    position: absolute;
    background: rgba(86,165,247,.18);
}

.uh-hero-visual:before {
    width: 1px;
    height: 85%;
}

.uh-hero-visual:after {
    height: 1px;
    width: 85%;
}

.uh-crosshair {
    position: relative;
    z-index: 1;
    color: #8ccaff;
    font-size: 88px;
    text-shadow: 0 0 50px rgba(54,152,255,.7);
}

.uh-coordinate {
    position: absolute;
    left: 20px;
    font-size: 9px;
    letter-spacing: .14em;
    color: #8ba6c5;
}

.uh-coordinate-top { top: 20px; }
.uh-coordinate-bottom { bottom: 20px; }

/* GENERAL SECTION STYLING */

.uh-section {
    padding: 95px 0;
}

.uh-section-dark {
    background: #0d192a;
    border-top: 1px solid var(--uh-border);
    border-bottom: 1px solid var(--uh-border);
}

.uh-section h2,
.uh-report-section h2 {
    font-size: clamp(30px, 3.4vw, 45px);
    margin-top: 14px;
}

.uh-heading {
    margin-bottom: 35px;
}

.uh-heading p {
    color: var(--uh-muted);
    margin: 12px 0 0;
}

.uh-heading-row {
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-wrap: wrap;
    gap: 20px;
}

.ufo-home .uh-text-link {
    display: inline-block;
    margin-top: auto;
    color: #75beff;
    font-size: 13px;
    font-weight: 750;
}

.ufo-home .uh-text-link:hover {
    color: #fff;
}

/* INTRO */

.uh-intro-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: start;
}

.uh-intro-copy p {
    color: #b9c7d9;
    font-size: 16px;
    margin: 0 0 18px;
}

/* FEATURE CARDS */

.uh-feature-grid,
.uh-article-grid,
.uh-explore-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.uh-feature-card {
    min-width: 0;
    min-height: 285px;
    display: flex;
    flex-direction: column;
    padding: 30px;
    background: #132239;
    border: 1px solid var(--uh-border);
    border-radius: 12px;
    transition: .25s ease;
}

.uh-feature-card:hover,
.uh-explore-card:hover,
.uh-article-card:hover {
    border-color: rgba(77,157,244,.5);
    transform: translateY(-4px);
}

.uh-feature-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.uh-feature-number {
    color: #78a5d6;
    font-size: 10px;
    letter-spacing: .13em;
    font-weight: 700;
}

.uh-feature-icon {
    display: grid;
    place-items: center;
    width: 41px;
    height: 41px;
    border-radius: 10px;
    background: rgba(42,137,230,.12);
    color: #70baff;
    font-size: 24px;
}

.uh-feature-card h3,
.uh-explore-card h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

.uh-feature-card p,
.uh-explore-card p {
    color: #aebed1;
    font-size: 14px;
    margin: 0 0 25px;
}

/* ARTICLE CARDS */

.uh-article-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #111e30;
    border: 1px solid var(--uh-border);
    border-radius: 12px;
    transition: .25s ease;
}

.uh-article-image {
    display: block;
    aspect-ratio: 16/10;
    overflow: hidden;
    background: #152d48;
}

.uh-article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.uh-article-card:hover img {
    transform: scale(1.04);
}

.uh-image-placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: #64acfa;
    font-size: 65px;
    background: radial-gradient(circle,
        #193d65, #101a2c);
}

.uh-article-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 25px;
}

.uh-article-meta {
    color: #86b6e7;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.uh-article-content h3 {
    margin: 15px 0 10px;
    font-size: 21px;
}

.uh-article-content h3 a {
    color: #fff;
}

.uh-article-content p {
    color: #aebed1;
    font-size: 13px;
    margin: 0 0 24px;
}

.uh-empty {
    grid-column: 1 / -1;
    padding: 30px;
    border: 1px dashed var(--uh-border);
    border-radius: 10px;
    color: var(--uh-muted);
}

/* DATABASE */

.uh-database {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    min-height: 420px;
    overflow: hidden;
    border: 1px solid rgba(77,153,240,.3);
    border-radius: 16px;
    background:
        radial-gradient(circle at 85% 50%,
            rgba(23,105,191,.27), transparent 55%),
        #10223a;
}

.uh-database-content {
    padding: 65px;
    position: relative;
    z-index: 1;
}

.uh-database-content h2 {
    font-size: clamp(38px, 4vw, 58px);
    margin: 20px 0;
}

.uh-database-content p {
    color: #b9cde2;
    max-width: 460px;
    margin-bottom: 25px;
}

.uh-database-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.uh-database-tags span {
    padding: 8px 10px;
    border: 1px solid rgba(114,174,241,.25);
    border-radius: 5px;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .07em;
    color: #a7cffa;
}

.uh-database-visual {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 340px;
}

.uh-db-radar {
    display: grid;
    place-items: center;
    width: 285px;
    max-width: 80%;
    aspect-ratio: 1;
    border: 1px solid rgba(96,170,246,.4);
    border-radius: 50%;
    background:
        radial-gradient(circle,
            transparent 24%, rgba(96,170,246,.26) 24.5%,
            transparent 25%, transparent 49%,
            rgba(96,170,246,.26) 49.5%,
            transparent 50%, transparent 74%,
            rgba(96,170,246,.26) 74.5%,
            transparent 75%),
        linear-gradient(35deg, transparent 49.8%,
            rgba(96,170,246,.22) 50%, transparent 50.2%);
    box-shadow: 0 0 90px rgba(32,121,225,.13);
}

.uh-db-centre {
    color: #8cc8ff;
    font-size: 60px;
    text-shadow: 0 0 35px #248eff;
}

.uh-db-caption {
    position: absolute;
    bottom: 25px;
    font-size: 9px;
    letter-spacing: .15em;
    color: #94badf;
}

/* EXPLORE CARDS */

.uh-explore-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 255px;
    padding: 29px;
    border: 1px solid var(--uh-border);
    border-radius: 12px;
    background: #101c2e;
    transition: .25s ease;
}

.uh-explore-card h3 {
    margin-top: 25px;
}

/* REPORTING CTA */

.uh-report-section {
    background: linear-gradient(125deg,
        #0956ac, #167fe4);
    padding: 65px 0;
}

.uh-report-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 45px;
}

.uh-report-section .uh-label {
    color: #d0e7ff;
}

.uh-report-section h2 {
    margin-bottom: 15px;
}

.uh-report-section p {
    max-width: 670px;
    color: #e3efff;
    margin: 0;
}

.ufo-home .uh-btn-light {
    background: #fff;
    color: #0e4c99;
    white-space: nowrap;
}

.ufo-home .uh-btn-light:hover {
    background: #e9f3ff;
    transform: translateY(-2px);
}

/* TABLET */

@media (max-width: 1000px) {
    .uh-hero-layout {
        gap: 25px;
    }

    .uh-intro-layout {
        gap: 35px;
    }

    .uh-feature-grid,
    .uh-article-grid,
    .uh-explore-grid {
        gap: 14px;
    }

    .uh-feature-card,
    .uh-explore-card {
        padding: 22px;
    }

    .uh-database-content {
        padding: 40px;
    }
}

/* MOBILE */

@media (max-width: 760px) {
    .ufo-home .wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .uh-hero-layout {
        grid-template-columns: 1fr;
        min-height: auto;
        padding-top: 65px;
        padding-bottom: 60px;
        gap: 38px;
    }

    .uh-hero h1 {
        font-size: clamp(40px, 10vw, 58px);
    }

    .uh-hero-description {
        font-size: 16px;
    }

    .uh-hero-visual {
        max-width: 320px;
    }

    .uh-section {
        padding: 65px 0;
    }

    .uh-intro-layout,
    .uh-feature-grid,
    .uh-article-grid,
    .uh-explore-grid,
    .uh-database {
        grid-template-columns: 1fr;
    }

    .uh-feature-card,
    .uh-explore-card {
        min-height: 220px;
    }

    .uh-feature-top {
        margin-bottom: 22px;
    }

    .uh-database-content {
        padding: 35px 25px;
    }

    .uh-database-visual {
        min-height: 260px;
    }

    .uh-db-radar {
        width: 220px;
    }

    .uh-report-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }

    .uh-heading-row {
        align-items: flex-start;
    }

    .ufo-home .uh-btn-light {
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ufo-home *,
    .ufo-home *::before,
    .ufo-home *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

/* Professional homepage hero photograph */

.ufo-home .uh-hero-visual.uh-hero-photo {
    position: relative;
    display: block;
    width: 100%;
    max-width: 500px;
    aspect-ratio: 5 / 4;
    overflow: hidden;
    border-radius: 18px;
    background: #102039;
    border: 1px solid rgba(115,173,236,.25);
    box-shadow: 0 25px 65px rgba(0,0,0,.35);
}

/* Remove the old radar crosshair overlay */
.ufo-home .uh-hero-photo::before,
.ufo-home .uh-hero-photo::after {
    display: none;
}

.ufo-home .uh-hero-photo-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Adjust photograph on mobile */
@media (max-width: 760px) {
    .ufo-home .uh-hero-visual.uh-hero-photo {
        max-width: 100%;
        aspect-ratio: 5 / 4;
        border-radius: 12px;
    }
}

/* ==========================================
   UFO IDENTIFIED - BRAND REFRESH
   Matches UK UFO Database visual identity
   ========================================== */

:root {
    --ufo-brand-blue: #1683ed;
    --ufo-brand-bright: #55b0ff;
    --ufo-brand-dark: #08182a;
    --ufo-brand-navy: #102943;
    --ufo-brand-light: #f2f6fc;
    --ufo-brand-text: #132e4c;
    --ufo-brand-muted: #526981;
}

/* HEADER AND NAVIGATION */

.site-header {
    background: #091a2d !important;
    border-bottom: 1px solid rgba(104,170,239,.2);
    box-shadow: 0 4px 25px rgba(0,0,0,.12);
}

.site-header .site-nav a {
    color: #e8f2ff;
    font-weight: 600;
    transition: color .2s ease;
}

.site-header .site-nav a:hover {
    color: #61b6ff;
}

.site-header .brand,
.site-header .brand-name {
    color: #fff;
}

.site-header .brand-name em {
    color: #9db4cc;
}

/* SIGHTING BUTTON */

.site-header .header-report-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1683ed !important;
    color: #fff !important;
    border: 1px solid #1683ed;
    border-radius: 8px;
    padding: 12px 18px;
    font-weight: 750;
    font-size: 13px;
    text-decoration: none;
    white-space: nowrap;
    transition: .2s ease;
}

.site-header .header-report-btn:hover {
    background: #359dff !important;
    transform: translateY(-2px);
}

/* DATABASE BUTTON */

.site-header .header-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    background: transparent !important;
    color: #eaf5ff !important;
    border: 1px solid #5085bb;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: .2s ease;
}

.site-header .header-cta:hover {
    background: #183b60 !important;
    color: #fff !important;
}

/* HOMEPAGE GENERAL */

.ufo-home {
    background: var(--ufo-brand-light);
    color: var(--ufo-brand-text);
}

.ufo-home h1,
.ufo-home h2,
.ufo-home h3 {
    letter-spacing: -.035em;
}

.ufo-home .uh-label {
    color: #1683ed;
    font-weight: 800;
    letter-spacing: .13em;
}

.ufo-home .uh-text-link {
    color: #0878db;
    font-weight: 800;
}

.ufo-home .uh-text-link:hover {
    color: #00549c;
}

/* REDESIGNED HERO */

.ufo-home .uh-hero {
    position: relative;
    background:
        radial-gradient(
            ellipse at 88% 20%,
            rgba(42,136,236,.28),
            transparent 48%
        ),
        linear-gradient(
            125deg,
            #071426 0%,
            #0d2845 58%,
            #12375b 100%
        );
    border-bottom: 3px solid #1683ed;
}

.ufo-home .uh-hero-layout {
    min-height: 510px;
    gap: 65px;
    padding-top: 78px;
    padding-bottom: 78px;
}

.ufo-home .uh-kicker {
    color: #73c0ff;
    letter-spacing: .11em;
}

.ufo-home .uh-hero h1 {
    color: #fff;
    font-size: clamp(43px, 5vw, 70px);
    line-height: 1.08;
    font-weight: 850;
    max-width: 740px;
}

.ufo-home .uh-hero-description {
    color: #d2e0f1;
    font-size: 17px;
    max-width: 550px;
    line-height: 1.7;
}

.ufo-home .uh-hero-footer {
    color: #b8d0e8;
    font-size: 10px;
    margin-top: 35px;
}

/* BUTTONS */

.ufo-home .uh-btn-primary {
    background: #1683ed;
    border-color: #1683ed;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 18px rgba(22,131,237,.2);
}

.ufo-home .uh-btn-primary:hover {
    background: #329bff;
    border-color: #329bff;
    color: #fff;
}

.ufo-home .uh-btn-secondary {
    border: 1px solid #7193b8;
    background: rgba(255,255,255,.05);
    color: #fff;
    border-radius: 8px;
}

.ufo-home .uh-btn-secondary:hover {
    background: rgba(255,255,255,.13);
}

/* HERO PHOTO */

.ufo-home .uh-hero-visual {
    border-radius: 14px;
    border: 1px solid rgba(123,183,245,.35);
    box-shadow: 0 20px 55px rgba(0,0,0,.3);
}

.ufo-home .uh-hero-photo {
    max-width: 500px;
    aspect-ratio: 5 / 4;
}

.ufo-home .uh-hero-photo-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* LIGHT CONTENT SECTIONS */

.ufo-home .uh-section:not(.uh-section-dark) {
    background: #f2f6fc;
    color: #132e4c;
}

.ufo-home .uh-section:not(.uh-section-dark) h2,
.ufo-home .uh-section:not(.uh-section-dark) h3 {
    color: #102943;
}

.ufo-home .uh-section:not(.uh-section-dark) p {
    color: #526981;
}

.ufo-home .uh-intro {
    background: #fff !important;
}

.ufo-home .uh-intro h2 {
    font-size: clamp(32px, 3.5vw, 48px);
}

.ufo-home .uh-intro-copy p {
    color: #4c6179;
}

/* SECTION HEADINGS */

.ufo-home .uh-heading h2 {
    font-size: clamp(30px, 3.2vw, 43px);
    font-weight: 800;
}

.ufo-home .uh-heading p {
    font-size: 15px;
}

/* DARK FEATURE SECTION */

.ufo-home .uh-section-dark {
    background: #0d223a;
    color: #fff;
    border-top: 1px solid #233f60;
    border-bottom: 1px solid #233f60;
}

.ufo-home .uh-section-dark h2,
.ufo-home .uh-section-dark h3 {
    color: #fff;
}

.ufo-home .uh-section-dark .uh-heading p {
    color: #bdcee0;
}

.ufo-home .uh-section-dark .uh-label {
    color: #69baff;
}

/* RESEARCH FEATURE CARDS */

.ufo-home .uh-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ufo-home .uh-feature-card {
    background: #16334f;
    border: 1px solid #2c5073;
    border-radius: 12px;
    padding: 30px;
    min-height: 275px;
    box-shadow: 0 10px 25px rgba(0,0,0,.1);
}

.ufo-home .uh-feature-card:hover {
    border-color: #4faaff;
    background: #1b3b5d;
}

.ufo-home .uh-feature-card h3 {
    color: #fff;
}

.ufo-home .uh-feature-card p {
    color: #c0d0e0;
}

.ufo-home .uh-feature-number {
    color: #78baff;
}

.ufo-home .uh-feature-icon {
    background: rgba(59,151,245,.18);
    color: #86caff;
}

.ufo-home .uh-feature-card .uh-text-link {
    color: #82c7ff;
}

/* WHITE ARTICLE CARDS */

.ufo-home .uh-article-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.ufo-home .uh-article-card {
    background: #fff;
    border: 1px solid #d8e4f0;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(19,48,78,.07);
}

.ufo-home .uh-article-card:hover {
    border-color: #91c7f6;
    box-shadow: 0 15px 35px rgba(19,48,78,.14);
}

.ufo-home .uh-article-content {
    padding: 27px;
}

.ufo-home .uh-article-content h3,
.ufo-home .uh-article-content h3 a {
    color: #102943;
}

.ufo-home .uh-article-content h3 a:hover {
    color: #0878db;
}

.ufo-home .uh-article-content p {
    color: #526981;
}

.ufo-home .uh-article-meta {
    color: #0878db;
}

.ufo-home .uh-article-image {
    background: #193c5c;
}

/* DATABASE SHOWCASE */

.ufo-home .uh-database {
    background:
        radial-gradient(
            circle at 83% 50%,
            rgba(37,147,255,.28),
            transparent 55%
        ),
        linear-gradient(110deg, #071a2e, #124878);
    border: 1px solid #397ab8;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(0,0,0,.15);
}

.ufo-home .uh-database-content h2 {
    color: #fff;
}

.ufo-home .uh-database-content p {
    color: #d4e5f6;
}

.ufo-home .uh-database-tags span {
    border-color: #4b83b9;
    background: rgba(15,90,164,.25);
    color: #d0e8ff;
}

/* KEEP EXPLORING CARDS */

.ufo-home .uh-explore-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.ufo-home .uh-explore-card {
    background: #fff;
    border: 1px solid #d8e4f0;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(19,48,78,.06);
    min-height: 260px;
}

.ufo-home .uh-explore-card:hover {
    background: #fff;
    border-color: #91c7f6;
    box-shadow: 0 15px 35px rgba(19,48,78,.13);
}

.ufo-home .uh-explore-card h3 {
    color: #102943;
}

.ufo-home .uh-explore-card p {
    color: #526981;
}

/* REPORT SIGHTING SECTION */

.ufo-home .uh-report-section {
    background: linear-gradient(
        115deg,
        #0b4c93,
        #1683ed
    );
}

.ufo-home .uh-report-section h2 {
    color: #fff;
}

.ufo-home .uh-report-section p {
    color: #e7f2ff;
}

.ufo-home .uh-report-section .uh-label {
    color: #d8edff;
}

.ufo-home .uh-btn-light {
    background: #fff;
    color: #0c4c91;
    border-radius: 8px;
}

/* SITE FOOTER */

.site-footer {
    background: #08182a;
    color: #b8cadb;
    border-top: 1px solid #294764;
}

.site-footer h2,
.site-footer h3 {
    color: #fff;
}

.site-footer a {
    color: #b8cadb;
}

.site-footer a:hover {
    color: #68baff;
}

/* RESPONSIVE */

@media (max-width: 1000px) {
    .ufo-home .uh-hero-layout {
        gap: 30px;
    }
}

@media (max-width: 760px) {
    .ufo-home .uh-hero-layout {
        grid-template-columns: 1fr;
        min-height: auto;
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .ufo-home .uh-hero h1 {
        font-size: clamp(39px, 10vw, 55px);
    }

    .ufo-home .uh-feature-grid,
    .ufo-home .uh-article-grid,
    .ufo-home .uh-explore-grid {
        grid-template-columns: 1fr;
    }

    .ufo-home .uh-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .ufo-home .uh-hero-visual {
        max-width: 100%;
    }

    .ufo-home .uh-feature-card,
    .ufo-home .uh-explore-card {
        min-height: auto;
    }

    .site-header .header-report-btn,
    .site-header .header-cta {
        padding: 10px 12px;
        font-size: 12px;
    }
}

/* ==========================================
   UFO IDENTIFIED - DARK DATABASE THEME
   ========================================== */

/* Main background */

.ufo-home {
    --uh-bg: #070d18;
    --uh-surface: #111e31;
    --uh-blue: #1683ed;
    --uh-muted: #b7c7db;
    --uh-border: rgba(111,166,225,.22);

    background: #070d18;
    color: #eaf3ff;
}

/* Remove the previous white sections */

.ufo-home .uh-section:not(.uh-section-dark) {
    background: #070d18;
    color: #eaf3ff;
}

.ufo-home .uh-intro {
    background: #0d192a !important;
    border-bottom: 1px solid #223953;
}

.ufo-home .uh-section-dark {
    background: #0b1626;
    border-top: 1px solid #203852;
    border-bottom: 1px solid #203852;
}

/* Bright headings and readable text */

.ufo-home .uh-section h2,
.ufo-home .uh-section h3,
.ufo-home .uh-section:not(.uh-section-dark) h2,
.ufo-home .uh-section:not(.uh-section-dark) h3 {
    color: #f5f9ff;
}

.ufo-home .uh-section p,
.ufo-home .uh-section:not(.uh-section-dark) p,
.ufo-home .uh-intro-copy p {
    color: #b7c7db;
}

.ufo-home .uh-label {
    color: #60b7ff;
}

.ufo-home .uh-text-link {
    color: #70c1ff;
}

.ufo-home .uh-text-link:hover {
    color: #ffffff;
}

/* Introduction */

.ufo-home .uh-intro h2 {
    color: #ffffff;
}

.ufo-home .uh-intro-copy {
    color: #bdcde1;
}

/* Investigation feature cards */

.ufo-home .uh-feature-card {
    background: #14243a;
    border: 1px solid #2a4666;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,.18);
}

.ufo-home .uh-feature-card:hover {
    background: #192e49;
    border-color: #238cf0;
    box-shadow: 0 15px 40px rgba(0,0,0,.3);
}

.ufo-home .uh-feature-card h3 {
    color: #ffffff;
}

.ufo-home .uh-feature-card p {
    color: #b9cce0;
}

/* Latest articles - dark cards */

.ufo-home .uh-article-card {
    background: #111e31;
    border: 1px solid #263e5a;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0,0,0,.2);
}

.ufo-home .uh-article-card:hover {
    background: #162840;
    border-color: #348fdf;
    box-shadow: 0 18px 45px rgba(0,0,0,.35);
}

.ufo-home .uh-article-content {
    background: transparent;
}

.ufo-home .uh-article-content h3,
.ufo-home .uh-article-content h3 a {
    color: #f5f9ff;
}

.ufo-home .uh-article-content h3 a:hover {
    color: #66b9ff;
}

.ufo-home .uh-article-content p {
    color: #b7c7db;
}

.ufo-home .uh-article-meta {
    color: #72baff;
}

/* Explore cards - remove white backgrounds */

.ufo-home .uh-explore-card {
    background: #111e31;
    border: 1px solid #263e5a;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

.ufo-home .uh-explore-card:hover {
    background: #172a43;
    border-color: #348fdf;
    box-shadow: 0 18px 40px rgba(0,0,0,.3);
}

.ufo-home .uh-explore-card h3 {
    color: #f5f9ff;
}

.ufo-home .uh-explore-card p {
    color: #b7c7db;
}

/* Database showcase */

.ufo-home .uh-database {
    background:
        radial-gradient(
            circle at 85% 45%,
            rgba(20,110,205,.28),
            transparent 55%
        ),
        linear-gradient(
            120deg,
            #0a192c,
            #112c49
        );

    border: 1px solid #32618c;
    box-shadow: 0 20px 55px rgba(0,0,0,.25);
}

.ufo-home .uh-database h2 {
    color: #ffffff;
}

.ufo-home .uh-database p {
    color: #c4d6ea;
}

/* Reporting section */

.ufo-home .uh-report-section {
    background:
        linear-gradient(
            120deg,
            #0b3766,
            #125eaa
        );
    border-top: 1px solid #387cbb;
}

.ufo-home .uh-report-section h2,
.ufo-home .uh-report-section p {
    color: #ffffff;
}

/* Navigation and footer */

.site-header {
    background: #080f1d !important;
    border-bottom: 1px solid #213a56;
}

.site-footer {
    background: #070d18;
    border-top: 1px solid #263e5a;
}

/* Buttons */

.ufo-home .uh-btn-primary,
.site-header .header-report-btn {
    background: #1683ed !important;
    border-color: #1683ed;
    color: #ffffff !important;
}

.ufo-home .uh-btn-primary:hover,
.site-header .header-report-btn:hover {
    background: #319aff !important;
}

/* Mobile */

@media (max-width: 760px) {
    .ufo-home .uh-feature-card,
    .ufo-home .uh-article-card,
    .ufo-home .uh-explore-card {
        border-radius: 10px;
    }
}

/* UK UFO Database logo showcase */

.ufo-home .uh-database-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px;
    min-width: 0;
}

.ufo-home .uh-db-logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 380px;
    transition: transform .25s ease;
}

.ufo-home .uh-db-logo-link:hover {
    transform: scale(1.04);
}

.ufo-home .uh-db-logo {
    display: block;
    width: 100%;
    max-height: 340px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(
        0 15px 35px rgba(0,0,0,.3)
    );
}

.ufo-home .uh-db-logo-fallback {
    color: #ffffff;
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 800;
    text-align: center;
    line-height: 1.15;
    letter-spacing: .04em;
}

@media (max-width: 760px) {
    .ufo-home .uh-database-visual {
        padding: 20px;
        min-height: 240px;
    }

    .ufo-home .uh-db-logo-link {
        max-width: 260px;
    }
}

/* ====================================
   UFO IDENTIFIED - OVERLAPPING LOGO
   ==================================== */

/* Allow the logo to extend outside header */

.site-header {
    position: relative;
    z-index: 50;
    overflow: visible;
}

/* Header layout */

.site-header .header-inner {
    position: relative;
    min-height: 100px;
    padding-left: 180px;
    overflow: visible;
    align-items: center;
}

/* Position logo over header and hero */

.site-header .custom-logo-link {
    position: absolute;
    left: 20px;
    top: 12px;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    transition: transform 0.25s ease;
}

/* Enlarge logo */

.site-header .custom-logo {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain;
    filter: drop-shadow(
        0 8px 18px rgba(0,0,0,0.4)
    );
}

/* Subtle hover effect */

.site-header .custom-logo-link:hover {
    transform: scale(1.04);
}

/* Tablet */

@media (max-width: 1100px) {

    .site-header .header-inner {
        min-height: 85px;
        padding-left: 135px;
    }

    .site-header .custom-logo-link {
        left: 15px;
        top: 10px;
        width: 110px;
        height: 110px;
    }
}

/* Mobile */

@media (max-width: 760px) {

    .site-header .header-inner {
        min-height: 75px;
        padding-left: 100px;
    }

    .site-header .custom-logo-link {
        left: 10px;
        top: 8px;
        width: 88px;
        height: 88px;
    }
}


/* Single article return navigation */

.article-back-navigation {
    margin-top: 45px;
    padding-top: 25px;
    border-top: 1px solid #263e5a;
}

.article-back-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 13px 20px;
    background: #11243b;
    color: #76beff !important;
    border: 1px solid #32618c;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}

.article-back-button:hover {
    background: #1683ed;
    color: #ffffff !important;
    border-color: #1683ed;
    transform: translateX(-3px);
}

.article-back-button:focus-visible {
    outline: 2px solid #76beff;
    outline-offset: 3px;
}

/* ========================================
   UFO IDENTIFIED BOOK POPUP STYLING
   ======================================== */

.ufoi-book-overlay[hidden] {
    display: none !important;
}

.ufoi-book-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(0, 5, 15, .82);
    backdrop-filter: blur(7px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow-y: auto;
}

body.ufoi-book-open {
    overflow: hidden;
}

.ufoi-book-popup {
    position: relative;
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 35px;
    align-items: center;
    width: 100%;
    max-width: 750px;
    max-height: calc(100dvh - 40px);
    overflow-y: auto;
    padding: 35px;
    background: linear-gradient(
        135deg,
        #142842,
        #091523
    );
    border: 1px solid #32618c;
    border-radius: 16px;
    box-shadow: 0 25px 90px rgba(0,0,0,.6);
    animation: ufoiBookAppear .35s ease-out;
}

@keyframes ufoiBookAppear {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Close button */

.ufoi-book-close {
    position: absolute;
    top: 12px;
    right: 17px;
    background: transparent;
    color: #b9cde1;
    border: none;
    font-size: 32px;
    cursor: pointer;
    line-height: 1;
    z-index: 2;
}

.ufoi-book-close:hover {
    color: #ffffff;
}

/* Book cover */

.ufoi-book-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ufoi-book-cover {
    display: block;
    width: 100%;
    max-width: 250px;
    height: auto;
    max-height: 350px;
    object-fit: contain;
    border-radius: 5px;
    box-shadow: 0 15px 35px rgba(0,0,0,.4);
}

.ufoi-book-placeholder {
    min-height: 310px;
    width: 100%;
    padding: 25px;
    background: linear-gradient(
        150deg,
        #0c233d,
        #020811
    );
    border: 1px solid #32618c;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    text-align: center;
    color: #fff;
}

.ufoi-book-placeholder span {
    color: #65b8ff;
    font-size: 11px;
    letter-spacing: .14em;
}

.ufoi-book-placeholder strong {
    font-size: 25px;
    line-height: 1.3;
}

/* Information */

.ufoi-book-information {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.ufoi-book-label {
    color: #65b8ff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .15em;
}

.ufoi-book-information h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(25px, 3vw, 36px);
    line-height: 1.16;
}

.ufoi-book-information h3 {
    margin: 0;
    color: #87c6ff;
    font-size: 16px;
}

.ufoi-book-information p {
    margin: 0;
    color: #c2d2e3;
    font-size: 15px;
    line-height: 1.7;
}

/* Amazon button */

.ufoi-book-buy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1683ed;
    color: #ffffff !important;
    text-decoration: none;
    padding: 14px 25px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 750;
    transition: .2s ease;
}

.ufoi-book-buy:hover {
    background: #369eff;
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* Dismiss text */

.ufoi-book-dismiss {
    background: transparent;
    border: none;
    color: #9db4cd;
    padding: 7px 0;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
}

.ufoi-book-dismiss:hover {
    color: #fff;
}

.ufoi-book-popup button:focus-visible,
.ufoi-book-popup a:focus-visible {
    outline: 2px solid #8dd0ff;
    outline-offset: 4px;
}

/* Mobile */

@media (max-width: 650px) {
    .ufoi-book-overlay {
        align-items: flex-start;
    }

    .ufoi-book-popup {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 35px 22px 25px;
        text-align: center;
        margin: auto;
    }

    .ufoi-book-cover {
        max-width: 150px;
        max-height: 210px;
    }

    .ufoi-book-information {
        align-items: center;
    }

    .ufoi-book-information h2 {
        font-size: 26px;
    }

    .ufoi-book-information p {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ufoi-book-popup {
        animation: none;
    }
}