/* OKSY3 PUBLIC CONTENT TRIO V1
   presentation only, only for cms_posts 2 history / 3 vision / 4 mission
   Preserve CMS markup verbatim; PHP 5.6 safe. */
.oksy3-content-trio.public-view-page{background:#f4f7fb;color:#17304d}
.oksy3-content-trio .public-view-main{padding-top:34px;padding-bottom:74px}
.oksy3-content-trio .public-breadcrumb{margin-bottom:30px}
.oksy3-content-trio .oksy3-content-overline{display:flex;align-items:center;gap:12px;font-size:.78rem;font-weight:800;letter-spacing:.14em;color:#24659b;margin-bottom:16px}
.oksy3-content-trio .oksy3-content-dot{background:#daaa45;border-radius:50%;width:6px;height:6px}
.oksy3-content-trio .public-article-hero{background:linear-gradient(116deg,#092346,#125a8a);padding:52px clamp(22px,4vw,66px);border-radius:23px;min-height:240px;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(15,43,75,.13);margin-bottom:30px}
.oksy3-content-trio .public-article-hero:after{content:"";pointer-events:none;position:absolute;width:370px;height:370px;border-radius:50%;right:-140px;top:-170px;border:50px solid rgba(255,255,255,.045)}
.oksy3-content-trio .public-article-hero-text{position:relative;z-index:1;max-width:100%}
.oksy3-content-trio .public-article-hero h1{color:#fff;font-size:clamp(2rem,4vw,3.5rem);line-height:1.22;letter-spacing:-.025em;margin:14px 0}
.oksy3-content-trio .public-article-hero .public-section-label{color:#aadeff;font-weight:750;letter-spacing:.1em}
.oksy3-content-trio .public-article-meta{color:#d8e7fb}
.oksy3-content-trio .public-article-layout{display:block;max-width:1020px;margin:0 auto}
.oksy3-content-trio .public-article-card{padding:clamp(22px,4vw,60px);background:#fff;border-radius:23px;box-shadow:0 14px 48px rgba(24,50,84,.06);border:1px solid #dce6f3}
.oksy3-content-trio .public-article-sidebar{display:none}
.oksy3-content-trio .public-article-body{max-width:860px;margin:auto;color:#27405c;font-size:1.06rem;line-height:1.95;overflow-wrap:anywhere}
.oksy3-content-trio .public-article-body :is(p,ol,ul,blockquote){margin-bottom:1.1em}
.oksy3-content-trio .public-article-body :is(h2,h3){color:#123b65;font-weight:800;line-height:1.4;margin:1.3em 0 .65em}
.oksy3-content-trio .public-article-body h2:first-child{margin-top:0}
.oksy3-content-trio .public-article-body img{max-width:100%;height:auto;border-radius:15px}
.oksy3-content-trio .public-article-body table{max-width:100%;display:block;overflow-x:auto}
.oksy3-content-trio .public-article-body a{color:#166aa7}
.oksy3-content-trio .public-article-footer{margin-top:36px;border-top:1px solid #e6ecf4;padding-top:20px}
/* History: editorial story; existing chronological lists are highlighted without inventing dates. */
.oksy3-content-history .public-article-hero{background:linear-gradient(110deg,#0c274b,#205c80)}
.oksy3-content-history .public-article-body>p:first-child{font-size:1.19rem;line-height:2.0;color:#183c60}
.oksy3-content-history .public-article-body :is(ol,ul){padding-left:1.75em;border-left:3px solid #c8dcf2;margin-left:12px}
.oksy3-content-history .public-article-body li{padding:4px 6px 9px;margin-bottom:6px}
.oksy3-content-history .public-article-body blockquote{border-left:4px solid #bd9141;padding:17px 22px;background:#f7f3eb;border-radius:0 14px 14px 0}
/* Vision: text-focused presentation, preserve nested CMS blocks. */
.oksy3-content-vision .public-article-hero{background:linear-gradient(115deg,#082c5c,#155e96)}
.oksy3-content-vision .public-article-body{font-size:1.15rem;line-height:2}
.oksy3-content-vision .public-article-body .public-content-block{padding:clamp(20px,3vw,40px);background:linear-gradient(135deg,#edf6ff,#fff);border:1px solid #d7e7f7;border-left:5px solid #1e83bd;border-radius:18px}
.oksy3-content-vision .public-article-body blockquote{background:#ebf4ff;border-radius:15px;padding:26px;border-left:5px solid #2089cc}
.oksy3-content-vision .public-article-body :is(strong,b){color:#135e91}
/* Mission: source list becomes a readable numbered, grid-friendly sequence. */
.oksy3-content-mission .public-article-hero{background:linear-gradient(112deg,#082e54,#146783)}
.oksy3-content-mission .public-article-body :is(ol,ul){list-style-position:outside;padding-left:30px;display:grid;gap:12px}
.oksy3-content-mission .public-article-body li{background:#f2f7fd;padding:15px 20px;border:1px solid #dbe8f7;border-radius:14px;line-height:1.8;margin-bottom:0}
.oksy3-content-mission .public-article-body li::marker{color:#126cb5;font-weight:800}
.oksy3-content-mission .public-article-body :is(h2,h3){border-bottom:2px solid #d9e7f5;padding-bottom:12px}
@media(max-width:767px){
 .oksy3-content-trio .public-view-main{padding-top:18px;padding-bottom:38px}
 .oksy3-content-trio .public-article-hero{padding:32px 21px;border-radius:16px;min-height:0}
 .oksy3-content-trio .public-article-card{padding:21px 17px;border-radius:15px}
 .oksy3-content-trio .public-article-body{font-size:1rem;line-height:1.9}
 .oksy3-content-vision .public-article-body{font-size:1.04rem}
}

/* OKSY3_CONTENT_TRIO_CONTRAST_R2
   Override legacy hero white panel and pale-on-white text in 3 CMS pages only. */
body.oksy3-content-trio .public-article-hero .public-article-hero-text {
    display:block;
    width:100%; max-width:100%; min-height:0;
    padding:0; margin:0;
    background:transparent; background-color:transparent; background-image:none;
    border:0; border-radius:0; box-shadow:none;
    color:#ffffff; opacity:1; text-align:left;
}
body.oksy3-content-trio .public-article-hero .public-article-hero-text h1 {
    display:block; color:#ffffff; opacity:1; visibility:visible;
    text-shadow:0 2px 12px rgba(0,0,0,.12);
    margin:10px 0 18px; font-weight:800;
}
body.oksy3-content-trio .public-article-hero .public-section-label {
    display:inline-flex; align-items:center; width:auto;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px; color:#eff8ff;
    padding:7px 15px; letter-spacing:.04em;
}
body.oksy3-content-trio .public-article-hero .public-article-meta,
body.oksy3-content-trio .public-article-hero .public-article-meta span {
    color:#e5f1ff; opacity:1;
}
body.oksy3-content-trio .public-article-hero {
    min-height:0; padding-top:43px; padding-bottom:43px;
}
body.oksy3-content-trio .public-article-layout { max-width:1120px; }
body.oksy3-content-trio .public-article-card { padding:clamp(24px,4vw,50px); }
@media(max-width:767px) {
    body.oksy3-content-trio .public-article-hero { padding:27px 22px; }
    body.oksy3-content-trio .public-article-hero .public-article-hero-text h1 {
        font-size:clamp(1.85rem,7vw,2.5rem);
    }
}

/* OKSY3_CONTENT_TRIO_VISUAL_R3
   Hero visual enhancement + meta contrast repair
   Applies only to special History / Vision / Mission trio pages. */
body.oksy3-content-trio .public-article-hero {
    position: relative;
    overflow: hidden;
    min-height: 260px;
}

/* strengthen heading block */
body.oksy3-content-trio .public-article-hero .public-article-hero-text {
    position: relative;
    z-index: 3;
    max-width: 520px;
}

body.oksy3-content-trio .public-article-hero .public-article-hero-text h1 {
    margin-bottom: 16px;
}

/* updated-date pill: readable on dark background */
body.oksy3-content-trio .public-article-hero .public-article-meta,
body.oksy3-content-trio .public-article-hero .public-article-meta span,
body.oksy3-content-trio .public-article-hero .public-article-meta time {
    color: #ffffff !important;
    opacity: 1 !important;
}

body.oksy3-content-trio .public-article-hero .public-article-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    background: rgba(8, 25, 54, 0.34);
    border: 1px solid rgba(255,255,255,0.20);
    border-radius: 999px;
    padding: 10px 18px;
    box-shadow: 0 10px 24px rgba(5, 17, 37, 0.12);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* visual panel fills the empty right side */
body.oksy3-content-trio .public-article-hero::after {
    content: "";
    position: absolute;
    right: 34px;
    top: 34px;
    width: 44%;
    height: calc(100% - 68px);
    min-height: 170px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 22% 26%, rgba(255,255,255,0.20), rgba(255,255,255,0.02) 36%, transparent 37%),
        radial-gradient(circle at 78% 34%, rgba(255,255,255,0.12), rgba(255,255,255,0.02) 30%, transparent 31%),
        linear-gradient(135deg, rgba(255,255,255,0.14), rgba(255,255,255,0.03));
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 14px 32px rgba(6, 22, 44, 0.10);
    z-index: 1;
}

body.oksy3-content-trio .public-article-hero::before {
    content: "";
    position: absolute;
    right: 86px;
    top: 72px;
    width: 30%;
    height: 120px;
    border-radius: 26px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.05));
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.08) inset,
        0 22px 38px rgba(8,25,54,0.12);
    z-index: 2;
    opacity: .95;
}

/* decorative lines inside panel */
body.oksy3-content-trio .public-article-hero .public-article-hero-text:after {
    content: "";
    position: absolute;
    left: calc(100% + 90px);
    top: 34px;
    width: 240px;
    height: 2px;
    background: rgba(255,255,255,0.42);
    box-shadow:
        0 28px 0 rgba(255,255,255,0.18),
        0 56px 0 rgba(255,255,255,0.30),
        0 84px 0 rgba(255,255,255,0.12);
    z-index: 4;
}

body.oksy3-content-trio .public-article-layout {
    max-width: 1120px;
}

body.oksy3-content-trio .public-article-card {
    box-shadow: 0 18px 44px rgba(17, 39, 72, 0.08);
}

@media (max-width: 991px) {
    body.oksy3-content-trio .public-article-hero::after {
        width: 42%;
        right: 24px;
        top: 26px;
        height: calc(100% - 52px);
    }
    body.oksy3-content-trio .public-article-hero::before,
    body.oksy3-content-trio .public-article-hero .public-article-hero-text:after {
        display: none;
    }
    body.oksy3-content-trio .public-article-hero .public-article-hero-text {
        max-width: 56%;
    }
}

@media (max-width: 767px) {
    body.oksy3-content-trio .public-article-hero {
        min-height: 0;
    }
    body.oksy3-content-trio .public-article-hero::after,
    body.oksy3-content-trio .public-article-hero::before,
    body.oksy3-content-trio .public-article-hero .public-article-hero-text:after {
        display: none;
    }
    body.oksy3-content-trio .public-article-hero .public-article-hero-text {
        max-width: 100%;
    }
    body.oksy3-content-trio .public-article-hero .public-article-meta {
        font-size: .92rem;
        padding: 9px 14px;
    }
}

/* OKSY3_TRIO_HERO_R4 — actual homepage photo, remove decorative glass boxes */
body.oksy3-content-trio .public-article-hero {position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:270px;padding:42px clamp(24px,4vw,60px);background:#102f53;}
body.oksy3-content-trio .public-article-hero::before,body.oksy3-content-trio .public-article-hero::after,body.oksy3-content-trio .public-article-hero-text::after {content:none !important;display:none !important;}
body.oksy3-content-trio .oksy3-trio-photo {position:absolute;inset:0 0 0 38%;z-index:0;pointer-events:none;}
body.oksy3-content-trio .oksy3-trio-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
body.oksy3-content-trio .oksy3-trio-photo::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102f53 0%,rgba(16,47,83,.82) 16%,rgba(16,47,83,.10) 95%);}
body.oksy3-content-trio .public-article-hero .public-article-hero-text {position:relative;z-index:2;max-width:56%;flex:0 0 56%;padding:0;margin:0;color:#fff !important;}
body.oksy3-content-trio .public-article-hero .public-article-hero-text h1 {color:#fff !important;font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.25;font-weight:800;}
body.oksy3-content-trio .public-article-hero .public-article-meta {display:inline-flex;align-items:center;max-width:100%;background:#09294c !important;border:1px solid rgba(255,255,255,.34) !important;border-radius:12px;padding:10px 16px !important;box-shadow:none !important;}
body.oksy3-content-trio .public-article-hero .public-article-meta span,body.oksy3-content-trio .public-article-hero .public-article-meta time {display:inline;max-width:100%;background:transparent !important;background-color:transparent !important;background-image:none !important;color:#fff !important;-webkit-text-fill-color:#fff !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;opacity:1 !important;font-weight:600;line-height:1.55;}
@media(max-width:767px){body.oksy3-content-trio .public-article-hero{min-height:250px;padding:30px 22px}body.oksy3-content-trio .oksy3-trio-photo{inset:0}body.oksy3-content-trio .oksy3-trio-photo::after{background:linear-gradient(90deg,rgba(10,34,68,.97),rgba(10,34,68,.72))}body.oksy3-content-trio .public-article-hero .public-article-hero-text{max-width:100%;flex:0 0 100%;}}