/* SmartApps CMS Fasa 2.6 — Kandungan laman awam dan SEO */
.content26-top-actions,
.content26-item-actions,
.content26-seo-links,
.content26-save-bar {
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.content26-editor-grid {
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);
    gap:20px;
    align-items:start;
}

.content26-side-column {
    position:sticky;
    top:104px;
}

.content26-form-panel {
    min-width:0;
}

.content26-form {
    display:grid;
    gap:18px;
}

.content26-section {
    border:1px solid #e4e9f0;
    border-radius:18px;
    background:#fbfcfe;
    padding:20px;
    display:grid;
    gap:15px;
}

.content26-compact-section {
    padding-bottom:6px;
}

.content26-section-head {
    display:flex;
    gap:12px;
    align-items:center;
    padding-bottom:13px;
    border-bottom:1px solid #e7ebf1;
}

.content26-section-head>span {
    width:34px;
    height:34px;
    border-radius:11px;
    display:grid;
    place-items:center;
    background:#111a33;
    color:#c9f24a;
    font-weight:800;
}

.content26-section-head strong,
.content26-section-head small {
    display:block;
}

.content26-section-head strong {
    color:#111a33;
    font-size:1rem;
}

.content26-section-head small {
    color:#758197;
    margin-top:3px;
    font-size:.88rem;
}

.content26-format-help {
    padding:11px 13px;
    border-radius:12px;
    background:#eef3fb;
    color:#4c5f7c;
    font-size:.9rem;
    line-height:1.7;
}

.content26-format-help code {
    background:#fff;
    border:1px solid #dce4ef;
    padding:2px 6px;
    border-radius:6px;
    color:#23324d;
}

.admin-check-row {
    display:flex!important;
    align-items:flex-start;
    gap:11px;
    border:1px solid #dfe5ed;
    background:#fff;
    padding:14px;
    border-radius:14px;
    cursor:pointer;
}

.admin-check-row input {
    width:19px!important;
    height:19px;
    margin:2px 0 0!important;
    flex:none;
}

.admin-check-row span,
.admin-check-row strong,
.admin-check-row small {
    display:block;
}

.admin-check-row strong {
    color:#263650;
}

.admin-check-row small {
    color:#7b8798;
    margin-top:3px;
    font-weight:500;
}

.content26-sticky-actions,
.content26-save-bar {
    position:sticky;
    bottom:12px;
    z-index:5;
    padding:13px;
    border-radius:16px;
    background:rgba(255,255,255,.95);
    border:1px solid #dfe5ed;
    box-shadow:0 15px 35px rgba(17,26,51,.12);
    justify-content:flex-end;
}

.content26-list article {
    border:1px solid #e2e7ef;
    border-radius:16px;
    padding:16px;
    margin-bottom:12px;
    background:#fff;
}

.content26-list article.is-selected {
    border-color:#8fb829;
    box-shadow:0 0 0 3px rgba(201,242,74,.18);
}

.content26-list h3 {
    font-size:1.05rem;
    margin:9px 0 5px;
}

.content26-list p {
    margin:0 0 7px;
    color:#69768a;
    line-height:1.6;
}

.content26-list small {
    color:#8a95a6;
    overflow-wrap:anywhere;
}

.content26-item-actions {
    margin-top:13px;
}

.admin-button-danger {
    background:#fff0f2;
    color:#a83344;
    border:1px solid #ffd2d8;
}

.content26-settings-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.content26-settings-grid .admin-panel {
    margin-top:0;
}

.content26-seo-links {
    margin-top:10px;
}

.content26-seo-links a {
    font-weight:800;
    color:#536db6;
}

.site-logo-image {
    width:44px;
    height:44px;
    object-fit:contain;
    border-radius:12px;
}

.content26-preview-bar {
    position:sticky;
    top:76px;
    z-index:20;
    display:flex;
    justify-content:center;
    gap:12px;
    align-items:center;
    padding:10px 18px;
    background:#fff4cc;
    color:#6d5600;
    border-bottom:1px solid #f0d875;
}

.content26-public-page {
    background:#fff;
}

.content26-public-hero {
    padding:86px 0 72px;
    background:radial-gradient(circle at 88% 12%,rgba(201,242,74,.22),transparent 28%),linear-gradient(145deg,#fff 0%,#f3f6fa 100%);
    border-bottom:1px solid #e6ebf1;
}

.content26-public-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);
    gap:56px;
    align-items:center;
}

.content26-public-hero h1 {
    max-width:850px;
}

.content26-public-hero figure {
    margin:0;
}

.content26-public-hero img {
    display:block;
    width:100%;
    max-height:520px;
    object-fit:cover;
    border-radius:24px;
    box-shadow:0 25px 70px rgba(21,29,54,.18);
}

.content26-public-body {
    padding:70px 0 96px;
}

.content26-rich-text {
    width:min(820px,100%);
    margin-inline:auto;
    color:#31425a;
    font-size:1.08rem;
    line-height:1.85;
}

.content26-rich-text h2,
.content26-rich-text h3,
.content26-rich-text h4 {
    color:#111a33;
    margin:1.8em 0 .65em;
}

.content26-rich-text h2 {font-size:2rem}
.content26-rich-text h3 {font-size:1.55rem}
.content26-rich-text h4 {font-size:1.25rem}
.content26-rich-text p {margin:0 0 1.25em}
.content26-rich-text ul,
.content26-rich-text ol {padding-left:1.5em;margin:0 0 1.4em}
.content26-rich-text li {margin:.55em 0}
.content26-rich-text a {color:#4967bd;text-decoration:underline;text-underline-offset:3px}
.content26-rich-text code {background:#f0f3f7;padding:2px 6px;border-radius:6px}
.content26-rich-text blockquote {margin:1.5em 0;padding:18px 22px;border-left:4px solid #c9f24a;background:#f7f9fc;border-radius:0 14px 14px 0;color:#4b5b72}

.template-landing .content26-public-hero {
    min-height:620px;
    display:grid;
    align-items:center;
}

.template-landing .content26-public-hero h1 {
    font-size:clamp(44px,6vw,76px);
}

.template-minimal .content26-public-hero {
    padding-bottom:42px;
    background:#fff;
}

.template-minimal .content26-public-hero-grid {
    grid-template-columns:1fr;
}

.content26-footer-bottom {
    padding-top:28px;
    margin-top:28px;
    border-top:1px solid rgba(255,255,255,.12);
    font-size:.9rem;
    color:#9facbf;
}

@media(max-width:1100px){
    .content26-editor-grid{grid-template-columns:1fr}
    .content26-side-column{position:static}
    .content26-public-hero-grid{grid-template-columns:1fr}
    .content26-public-hero figure{max-width:720px}
}

@media(max-width:760px){
    .content26-settings-grid{grid-template-columns:1fr}
    .content26-section{padding:16px}
    .content26-public-hero{padding:62px 0 54px}
    .content26-public-body{padding:48px 0 70px}
    .content26-rich-text{font-size:1rem}
    .content26-rich-text h2{font-size:1.65rem}
    .content26-sticky-actions,.content26-save-bar{position:static}
    .content26-top-actions{align-items:flex-start}
    .content26-preview-bar{top:70px;flex-direction:column;gap:1px;text-align:center}
}