/* Global page styles. Keep every page scoped with its own root class. */
.global-page{--o:#f05a22;--ink:#111417;--gray:#60676d;--line:#d7dce0;--light:#f3f5f6;overflow:hidden;color:var(--ink);line-height:1.6}.global-page *{box-sizing:border-box}.global-page img{display:block;width:100%;height:100%;object-fit:cover}.global-page h1,.global-page h2,.global-page h3,.global-page p{margin-top:0}.global-page a{text-decoration:none}.global-page .global-page-container{width:min(calc(100% - 48px),1600px);margin:auto;padding: 40px 0 60px;}.global-page .global-page-hide{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.global-page .global-page-hero{min-height:min(550,85vh);display:flex;position:relative;isolation:isolate;color:#fff;background:#101418 var(--hero) center/cover}.global-page .global-page-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,10,12,.95),rgba(7,10,12,.75) 50%,rgba(7,10,12,.15))}.global-page .global-page-hero__in{display:grid;align-content:center;position:relative;padding:35px 0 60px}.global-page .global-page-hero__copy{width:min(850px,75%)}.global-page .global-page-kicker{margin:0 0 18px;color:var(--o);font-size:13px;font-weight:800;letter-spacing:.2em}.global-page .global-page-kicker:before{content:"";display:inline-block;width:42px;height:2px;margin:0 14px 4px 0;background:currentColor}.global-page .global-page-hero h1{margin-bottom:24px;color:#fff;font-size:clamp(42px,5.7vw,88px);line-height:1.08}.global-page .global-page-lead{margin-bottom:36px;color:#e2e6e8;font-size:clamp(17px,1.35vw,22px)}.global-page .global-page-actions{display:flex;gap:12px}.global-page .global-page-btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:13px 24px;border:1px solid rgba(255,255,255,.65);color:#fff;font-weight:700;transition:.25s}.global-page .global-page-btn:first-child{border-color:var(--o);background:var(--o)}.global-page .global-page-btn:hover{transform:translateY(-2px)}
.global-page .global-page-section{padding:clamp(0px,5vw,50px) 0}.global-page .global-page-heading{max-width:780px;margin-bottom:48px}.global-page .global-page-heading h2{margin-bottom:14px;color:var(--ink);font-size:clamp(32px,3.4vw,54px);line-height:1.15}.global-page .global-page-heading p:last-child{margin-bottom:0;color:var(--gray);font-size:17px}.global-page .global-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.global-page .global-page-card{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:transform .25s,box-shadow .25s}.global-page .global-page-card:only-child{width:min(100%,400px)}.global-page .global-page-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eef0f1}.global-page .global-page-media img{transition:transform .4s}.global-page .global-page-card:hover .global-page-media img{transform:scale(1.035)}.global-page .global-page-card__body{display:flex;flex-direction:column;padding:28px}.global-page .global-page-card h3{margin-bottom:13px;color:var(--ink);font-size:21px;line-height:1.3}.global-page .global-page-card p{margin-bottom:24px;color:var(--gray);font-size:15px}.global-page .global-page-card a{align-self:flex-start;margin-top:auto;border-bottom:1px solid;color:var(--ink);font-size:14px;font-weight:800}
.global-page .global-page-tech{background:var(--light)}.global-page .global-page-tech-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #cbd0d4}.global-page .global-page-tech-card{min-height:230px;padding:30px 26px;border-right:1px solid #cbd0d4;transition:.25s}.global-page .global-page-tech-card span{color:var(--o);font-size:12px;font-weight:800}.global-page .global-page-tech-card h3{margin:54px 0 10px;color:inherit;font-size:22px}.global-page .global-page-tech-card p{color:var(--gray)}.global-page .global-page-tech-card:hover{background:var(--ink);color:#fff}.global-page .global-page-apps{background:var(--ink);color:#fff}.global-page .global-page-apps h2{color:#fff}.global-page .global-page-app-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:2px}.global-page .global-page-app{position:relative;overflow:hidden}.global-page .global-page-app:first-child{grid-column:span 2;grid-row:span 2}.global-page .global-page-app:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#030506e6)}.global-page .global-page-caption{position:absolute;right:24px;bottom:22px;left:24px;z-index:1;display:flex;gap:14px;align-items:end}.global-page .global-page-caption span{color:var(--o);font-size:11px}.global-page .global-page-caption h3{margin:0;color:#fff;font-size:20px}
@media(max-width:1100px){.global-page .global-page-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.global-page .global-page-tech-grid{grid-template-columns:repeat(3,1fr)}.global-page .global-page-app-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.global-page .global-page-container{width:calc(100% - 20px)}.global-page .global-page-hero__in{padding:20px 0}.global-page .global-page-hero__copy{width:100%}.global-page .global-page-tech-grid{grid-template-columns:1fr}}
@media(max-width:520px){
  .global-page .global-page-hero{background-position:62% center}
  .global-page .global-page-hero__copy{width:100%}
  .global-page .global-page-kicker{margin-bottom:14px;font-size:11px;letter-spacing:.17em}
  .global-page .global-page-kicker:before{width:34px;margin-right:10px}
  .global-page .global-page-hero h1{margin-bottom:18px;font-size:clamp(34px,10.5vw,42px);line-height:1.12}
  .global-page .global-page-lead{margin-bottom:24px;font-size:15px;line-height:1.65}
  .global-page .global-page-actions{gap:10px}
  .global-page .global-page-btn{width:100%;padding:10px 16px;font-size:14px}
  .global-page .global-page-section{padding:30px 0}
  .global-page .global-page-heading{margin-bottom:32px}
  .global-page .global-page-heading h2{font-size:30px;line-height:1.25}
  .global-page .global-page-heading p:last-child{font-size:15px}
  .global-page .global-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .global-page .global-page-app-grid{grid-template-columns:1fr}
  .global-page .global-page-card:only-child{width:100%}
  .global-page .global-page-card__body{padding:16px 12px}
  .global-page .global-page-card h3{margin-bottom:7px;font-size:14px;line-height:1.35}
  .global-page .global-page-card p{margin-bottom:12px;font-size:10px;line-height:1.45}
  .global-page .global-page-card a{font-size:11px}
  .global-page .global-page-app:first-child{grid-column:auto;grid-row:auto}
}

/* Selectable desktop column count for Global Product Categories. */
@media(min-width:1101px){
  .global-page .global-page-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .global-page .global-page-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .global-page .global-page-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .global-page .global-page-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* Keep every card CTA aligned to the bottom of its row. */
.global-page .global-page-card{display:flex;flex-direction:column}
.global-page .global-page-media{flex:0 0 auto}
.global-page .global-page-card__body{display:flex;flex:1 1 auto;flex-direction:column;width:100%}
.global-page .global-page-card__body>a{margin-top:auto!important}

/* Global comparison table */
.global-page .global-page-table-scroll{width:100%;overflow-x:auto;border-left:1px solid var(--line);-webkit-overflow-scrolling:touch}
.global-page .global-page-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff;color:var(--ink);table-layout:fixed}
.global-page .global-page-table th,.global-page .global-page-table td{padding:20px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle;text-align:left}
.global-page .global-page-table thead th{background:var(--ink);color:#fff;vertical-align:bottom}
.global-page .global-page-table thead th:first-child{width:210px;color:#aeb5ba;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.global-page .global-page-table thead img{width:100%;height:120px;margin-bottom:16px;object-fit:cover}
.global-page .global-page-table thead strong{display:block;font-size:18px;line-height:1.3}
.global-page .global-page-table tbody th{background:var(--light);font-weight:700}
.global-page .global-page-table tbody td{color:var(--gray)}
.global-page .global-page-table__actions a{display:inline-flex;padding:10px 15px;background:var(--o);color:#fff;font-size:13px;font-weight:700}
@media(max-width:767px){.global-page .global-page-table{min-width:680px}.global-page .global-page-table th,.global-page .global-page-table td{padding:14px}.global-page .global-page-table thead th:first-child{width:150px}.global-page .global-page-table thead img{height:90px}.global-page .global-page-table thead strong{font-size:15px}}

/* Enfold native Table element: add "global-comparison-table" in Developer Settings > Custom CSS Class. */
.global-comparison-table,.global-comparison-table .avia-table,.global-comparison-table .avia-data-table-wrap{width:100%}
.global-comparison-table .avia-data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.global-comparison-table table,.avia-data-table.global-comparison-table{width:100%;min-width:760px;border-collapse:collapse;border-left:1px solid #d7dce0;background:#fff;table-layout:fixed}
.global-comparison-table th,.global-comparison-table td,.avia-data-table.global-comparison-table th,.avia-data-table.global-comparison-table td{padding:18px 20px!important;border-top:1px solid #d7dce0!important;border-right:1px solid #d7dce0!important;border-bottom:1px solid #d7dce0!important;text-align:left!important;vertical-align:middle!important}
.global-comparison-table thead th,.avia-data-table.global-comparison-table thead th{background:#111417!important;color:#fff!important;font-size:16px!important;font-weight:700!important}
.global-comparison-table tbody th,.global-comparison-table tbody td:first-child,.avia-data-table.global-comparison-table tbody th,.avia-data-table.global-comparison-table tbody td:first-child{background:#f3f5f6!important;color:#111417!important;font-weight:700!important}
.global-comparison-table tbody td,.avia-data-table.global-comparison-table tbody td{color:#60676d!important;font-size:14px!important}
.global-comparison-table tbody tr:hover td,.avia-data-table.global-comparison-table tbody tr:hover td{background:#fff8f4!important}
@media(max-width:767px){.global-comparison-table table,.avia-data-table.global-comparison-table{min-width:680px}.global-comparison-table th,.global-comparison-table td,.avia-data-table.global-comparison-table th,.avia-data-table.global-comparison-table td{padding:13px 14px!important;font-size:12px!important}}

/* Custom Global Table element */
.global-page .global-table-scroll{width:100%;overflow-x:auto;display: flex;justify-content: center;-webkit-overflow-scrolling:touch}.global-page .global-table{width:100%;min-width:720px;border-collapse:collapse;table-layout:fixed;background:#fff}.global-page .global-table th,.global-page .global-table td{padding:18px 20px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.global-page .global-table thead th{background:var(--ink);color:#fff;font-size:16px;font-weight:700}.global-page .global-table tbody th{background:var(--light);color:var(--ink);font-weight:700}.global-page .global-table tbody td{color:var(--gray);font-size:14px}.global-page .global-table tbody tr:hover td{background:#fff8f4}@media(max-width:767px){.global-page .global-table{min-width:640px}.global-page .global-table th,.global-page .global-table td{padding:12px 13px;font-size:12px}}

/* Global Table user-selectable layout and colors */
.global-table-section{background:var(--gt-section-bg)}
.global-table-section .global-table{background:var(--gt-cell-bg)}.global-table-section .global-table th,.global-table-section .global-table td{border-color:var(--gt-border)}.global-table-section .global-table thead th{background:var(--gt-header-bg);color:var(--gt-header-text)}.global-table-section .global-table tbody th{background:var(--gt-first-bg)}.global-table-section .global-table tbody td{background:var(--gt-cell-bg);color:var(--gt-cell-text)}.global-table-section .global-table tbody tr:hover td{background:var(--gt-hover)}.global-table-section--minimal .global-table-scroll{border-left:0}.global-table-section--minimal .global-table th,.global-table-section--minimal .global-table td{border-right:0;border-left:0}.global-table-section--striped .global-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--gt-cell-bg) 88%,var(--gt-first-bg))}
.global-table-section .global-table thead th:not(:first-child){padding:0;background:#f4f6f7;color:#111;vertical-align:bottom}.global-table-section .global-table thead th:not(:first-child)>span{display:block;padding:9px 12px;background:#ff5a00;color:#fff}.global-table-section .global-table-cell-image{display:block;width:100%;height:120px;object-fit:contain;background:#f4f6f7}.global-table-section .global-table td .global-table-cell-image,.global-table-section .global-table tbody th .global-table-cell-image{height:70px;margin-bottom:8px}.global-table-section .global-table tbody tr:nth-child(even) td{background:#f8fafb}
.global-table-section .global-table{font-size:13px;line-height:1.45}.global-table-section .global-table thead th:first-child{width:14%;padding:14px;font-size:14px!important;line-height:1.35;vertical-align:middle}.global-table-section .global-table thead th:not(:first-child)>span{min-height:32px;padding:16px 20px;font-size:20px;text-align: center;line-height:18px;text-transform:none}.global-table-section .global-table thead th:not(:first-child) .global-table-cell-image{width:100%;height:130px;margin:0;padding:0;object-fit:cover;background:#f4f6f7}.global-table-section .global-table tbody th,.global-table-section .global-table tbody td{height:48px;padding:12px 15px;font-size:18px;line-height:1.45}.global-table-section .global-table tbody th{vertical-align:middle}.global-table-section .global-table tbody th .global-table-cell-image{display:inline-block;width:28px;height:28px;margin:0 10px 0 0;object-fit:contain;background:transparent;vertical-align:middle}.global-table-section .global-table tbody th>span{display:inline;vertical-align:middle}.global-table-section .global-table tbody td .global-table-cell-image{width:100%;height:64px;margin:0 0 8px;object-fit:contain;background:transparent}
@media(max-width:767px){.global-table-section .global-table thead th:first-child{width:130px;font-size:12px!important}.global-table-section .global-table thead th:not(:first-child){width:150px}.global-table-section .global-table thead th:not(:first-child) .global-table-cell-image{height:90px}.global-table-section .global-table tbody th,.global-table-section .global-table tbody td{height:44px;padding:10px 11px;font-size:11px}}
.global-table-section .global-table th{text-transform:none!important}.global-table-section .global-table thead th:not(:first-child){padding:0!important;overflow:hidden}.global-table-section .global-table thead th:not(:first-child) .global-table-cell-image{display:block!important;width:100%!important;max-width:none!important;border:0!important}
.global-table-section .global-table{width:100%;min-width:1000px;table-layout:fixed}.global-table-section .global-table thead th:first-child{width:160px;min-width:160px}.global-table-section .global-table thead th:not(:first-child){width:auto;min-width:170px}.global-table-section .global-table thead th:not(:first-child) .global-table-cell-image{height:135px;object-fit:contain;background:#f4f6f7}
@media(max-width:767px){.global-table-section .global-table{width:100%;min-width:850px}.global-table-section .global-table thead th:first-child{width:110px;min-width:110px}.global-table-section .global-table thead th:not(:first-child){width:auto;min-width:145px}.global-table-section .global-table thead th:not(:first-child) .global-table-cell-image{height:92px}}
@media(max-width:767px){.global-table-mobile--stack .global-table{min-width:0}.global-table-mobile--stack .global-table thead{display:none}.global-table-mobile--stack .global-table,.global-table-mobile--stack .global-table tbody,.global-table-mobile--stack .global-table tr,.global-table-mobile--stack .global-table th,.global-table-mobile--stack .global-table td{display:block;width:100%}.global-table-mobile--stack .global-table tr{margin-bottom:14px;border-top:2px solid var(--gt-header-bg)}.global-table-mobile--stack .global-table th,.global-table-mobile--stack .global-table td{border-left:1px solid var(--gt-border)}}



/* ==========================================================
   SKP GUIDE / MANUAL GLOBAL STYLE
   ใช้ร่วมกันได้ทุกหน้าคู่มือ
========================================================== */


/* ---------- ROOT ---------- */

.skp-guide {
    --skp-text: #222;
    --skp-muted: #666;
    --skp-border: #d0d0d0;
    --skp-light: #f5f5f5;
    --skp-warning: #b00000;
    --skp-success: #19743a;

    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    font-family: Arial, "Noto Sans Thai", sans-serif;
    font-size: 17px;
    line-height: 1.8;
    color: var(--skp-text);
    box-sizing: border-box;
    overflow-wrap: break-word;
}

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


/* ==========================================================
   HEADINGS
========================================================== */

.skp-guide h1 {
    font-size: 30px;
    line-height: 1.4;
    margin: 0 0 14px;
}

.skp-guide h2 {
    font-size: 23px;
    line-height: 1.5;
    margin: 42px 0 12px;
    padding-bottom: 7px;
    border-bottom: 1px solid var(--skp-border);
}

.skp-guide h3 {
    font-size: 19px;
    line-height: 1.5;
    margin: 24px 0 8px;
}

.skp-guide h4 {
    font-size: 17px;
    margin: 20px 0 8px;
}


/* ==========================================================
   TEXT
========================================================== */

.skp-guide p {
    margin: 10px 0;
}

.skp-guide ul,
.skp-guide ol {
    margin: 8px 0 18px;
    padding-left: 26px;
}

.skp-guide li {
    margin-bottom: 6px;
}

.skp-guide strong {
    font-weight: 700;
}

.skp-guide-small {
    font-size: 14px;
    color: var(--skp-muted);
}


/* ==========================================================
   STATUS / MESSAGE
========================================================== */

.skp-warning {
    color: var(--skp-warning) !important;
    font-weight: 700;
}

.skp-success {
    color: var(--skp-success);
    font-weight: 700;
}

.skp-note {
    background: var(--skp-light);
    padding: 12px 16px;
    margin: 15px 0;
    border-left: 4px solid #bbb;
}

.skp-note-warning {
    background: #fff5f5;
    padding: 12px 16px;
    margin: 15px 0;
    border-left: 4px solid var(--skp-warning);
}

.skp-note-success {
    background: #f3faf5;
    padding: 12px 16px;
    margin: 15px 0;
    border-left: 4px solid var(--skp-success);
}

.skp-value {
    font-size: 22px;
    font-weight: 700;
}

.skp-value-medium {
    font-size: 20px;
    font-weight: 700;
}


/* ==========================================================
   IMAGES
========================================================== */

.skp-guide img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
}

.skp-img-full {
    width: 100%;
}

.skp-img-750 {
    width: 100%;
    max-width: 750px;
}

.skp-img-600 {
    width: 100%;
    max-width: 600px;
}

.skp-img-420 {
    width: 100%;
    max-width: 420px;
}

.skp-img-360 {
    width: 100%;
    max-width: 360px;
}

.skp-img-meter {
    width: auto;
    max-width: 100%;
    max-height: 320px;
}


/* ==========================================================
   IMAGE / CONTENT ALIGNMENT
========================================================== */

.skp-center {
    text-align: center;
}

.skp-left {
    text-align: left;
}

.skp-right {
    text-align: right;
}


/* ==========================================================
   TABLE
========================================================== */

.skp-table {
    width: 100%;
    border-collapse: collapse;
    margin: 18px 0 25px;
    line-height: 1.65;
}

.skp-guide table {
    max-width: 100%;
}

.skp-table th,
.skp-table td {
    border: 1px solid #bbb;
    padding: 10px 12px;
    vertical-align: top;
}

.skp-table th {
    background: #f2f2f2;
    font-weight: 700;
    text-align: left;
}

.skp-table-center th,
.skp-table-center td {
    text-align: center;
}

.skp-table td.skp-center {
    text-align: center;
}


/* ==========================================================
   TWO COLUMN IMAGE / CARD
========================================================== */

.skp-two-column {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin: 20px 0;
}

.skp-card {
    text-align: center;
}

.skp-card img {
    margin-top: 0;
}

.skp-card-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-top: 8px;
}

.skp-card-text {
    margin-top: 8px;
}


/* ==========================================================
   CHECKLIST
========================================================== */

.skp-check {
    width: 44px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
}


/* ==========================================================
   SUMMARY / FLOW
========================================================== */

.skp-summary {
    font-size: 19px;
    line-height: 2.1;
    text-align: center;
    margin: 20px 0;
}

.skp-flow {
    text-align: center;
    font-size: 19px;
    line-height: 2;
    font-weight: 700;
}

.skp-article-block {
    margin-bottom: 20px;
}

.skp-article-notice > div > p:first-child,
.skp-article-text > div > p:first-child {
    margin-top: 0;
}

.skp-article-notice > div > p:last-child,
.skp-article-text > div > p:last-child {
    margin-bottom: 0;
}

.skp-two-column.skp-columns-1 {
    grid-template-columns: minmax(0, 1fr);
}

.skp-two-column.skp-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.skp-card {
    margin: 0;
}

.skp-flow-step,
.skp-flow-arrow {
    display: block;
}


/* ==========================================================
   DIVIDER
========================================================== */

.skp-divider {
    border: 0;
    border-top: 1px solid #ddd;
    margin: 35px 0;
}

.skp-section-divider {
    display: none;
}

.skp-section-divider + h2 {
    margin-top: 42px;
}

/* ---------- ARTICLE FAQ ---------- */
.skp-faq {
    margin: 42px 0;
    padding: 0;
    background: #fff;
}

.skp-faq-heading {
    margin: 0 0 16px;
    padding: 0;
    background: #fff;
}

.skp-faq-kicker {
    display: none;
}

.skp-faq .skp-faq-heading h2 {
    margin: 0 0 8px;
    padding: 0 0 8px;
    border-bottom: 1px solid #bfc4c7;
    color: #111;
    font-size: 20px;
    line-height: 1.45;
}

.skp-faq-heading p {
    margin: 0;
    color: #555;
    font-size: 14px;
}

.skp-faq-list {
    border-top: 1px solid #bfc4c7;
    border-left: 1px solid #bfc4c7;
}

.skp-faq-item {
    border: 0;
    border-right: 1px solid #bfc4c7;
    border-bottom: 1px solid #bfc4c7;
    border-radius: 0 !important;
    background: #fff;
}

.skp-faq-item summary {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
    min-height: 48px;
    padding: 11px 42px 11px 12px;
    color: var(--skp-text);
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.skp-faq-item summary:hover {
    background: #f3f3f3;
}

.skp-faq-item[open] summary {
    border-bottom: 1px solid #d6d6d6;
    background: #f0f0f0;
}

.skp-faq-item summary::-webkit-details-marker { display: none; }
.skp-faq-item summary::after {
    content: "+";
    position: absolute;
    right: 14px;
    color: #d70000;
    font-size: 20px;
    line-height: 1;
}
.skp-faq-item[open] summary::after { content: "−"; }

.skp-faq-number {
    display: none !important;
}

.skp-faq-answer {
    border-left: 3px solid #d70000;
    padding: 13px 40px 14px 16px;
    color: var(--skp-text);
    background: #fff7f7;
}

.skp-faq-answer p { margin: 0; }

/* ---------- ARTICLE IMAGES ---------- */
.skp-image-block,
.skp-image-grid {
    margin: 24px 0 30px;
}

.skp-image-grid--2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: start;
}

.skp-image-card {
    margin: 0;
    text-align: center;
}

.skp-image-card img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.skp-image-card figcaption {
    margin-top: 9px;
    color: #555;
    font-size: 14px;
    line-height: 1.5;
}

/* Compact product comparison: image left, details right */
.skp-product-row {
    display: grid;
    grid-template-columns: minmax(220px, 38%) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    margin: 22px 0 30px;
    padding-bottom: 26px;
    border-bottom: 1px solid #d7d7d7;
}

.skp-product-row__image {
    margin: 0;
    text-align: center;
}

.skp-product-row__image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.skp-product-row__image figcaption {
    margin-top: 8px;
    color: #555;
    font-size: 13px;
}

.skp-product-row__content h3 {
    margin-top: 0;
}

.skp-product-row__content > :last-child {
    margin-bottom: 0;
}

@media (max-width: 700px) {
    .skp-faq { margin: 32px 0; }
    .skp-faq .skp-faq-heading h2 { font-size: 19px; }
    .skp-faq-item summary { padding-left: 12px; }
    .skp-faq-answer { padding: 12px 14px 13px; }
    .skp-image-grid--2 { gap: 12px; }
    .skp-image-card figcaption { font-size: 12px; }
    .skp-product-row {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}


/* ==========================================================
   VIDEO / EMBED
========================================================== */

.skp-media {
    position: relative;
    width: 100%;
    margin: 20px 0;
}

.skp-media iframe,
.skp-media video {
    max-width: 100%;
}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 700px) {

    .skp-guide {
        width: 100%;
        max-width: none;
        font-size: 16px;
        line-height: 1.72;
        overflow-x: hidden;
    }

    .skp-guide h1 {
        font-size: 24px;
        line-height: 1.38;
        margin-bottom: 16px;
    }

    .skp-guide h2 {
        font-size: 20px;
        line-height: 1.42;
        margin-top: 32px;
        margin-bottom: 12px;
    }

    .skp-guide h3 {
        font-size: 18px;
        line-height: 1.45;
        margin-top: 22px;
    }

    .skp-guide h4 {
        font-size: 16px;
        line-height: 1.45;
    }

    .skp-guide p {
        margin: 9px 0;
    }

    .skp-guide ul,
    .skp-guide ol {
        padding-left: 22px;
    }

    .skp-note,
    .skp-note-warning,
    .skp-note-success {
        padding: 11px 13px;
        margin: 14px 0;
    }

    .skp-two-column {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .skp-two-column.skp-columns-1,
    .skp-two-column.skp-columns-3 {
        grid-template-columns: 1fr;
    }

    .skp-guide img {
        width: auto;
        max-width: 100% !important;
        height: auto !important;
        margin: 16px auto;
    }

    .skp-img-meter {
        max-height: 260px;
    }

    .skp-table {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        border-collapse: separate;
        border-spacing: 0;
        font-size: 15px;
        -webkit-overflow-scrolling: touch;
    }

    .skp-table tbody {
        display: table;
        width: 100%;
        min-width: 560px;
    }

    .skp-table th,
    .skp-table td {
        padding: 8px 9px;
        line-height: 1.55;
    }

    .skp-guide table:not(.skp-table) {
        width: 100% !important;
        max-width: 100%;
        margin: 16px 0 22px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .skp-guide table:not(.skp-table):has(img) {
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
    }

    .skp-guide table:not(.skp-table):has(img) tbody {
        display: table-row-group;
    }

    .skp-guide table:not(.skp-table):has(img) tr {
        display: table-row;
    }

    .skp-guide table:not(.skp-table):has(img) th,
    .skp-guide table:not(.skp-table):has(img) td {
        display: table-cell;
        width: auto !important;
        max-width: none !important;
        padding: 0 6px 12px !important;
        text-align: center !important;
        vertical-align: top;
    }

    .skp-guide table:not(.skp-table):has(img) th:first-child,
    .skp-guide table:not(.skp-table):has(img) td:first-child {
        padding-left: 0 !important;
    }

    .skp-guide table:not(.skp-table):has(img) th:last-child,
    .skp-guide table:not(.skp-table):has(img) td:last-child {
        padding-right: 0 !important;
    }

    .skp-guide table:not(.skp-table):has(img) img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .skp-guide table:not(.skp-table):not(:has(img)) {
        display: block;
    }

    .skp-guide table:not(.skp-table):not(:has(img)) tbody {
        display: table;
        min-width: 520px;
    }

    .skp-summary,
    .skp-flow {
        font-size: 17px;
        line-height: 1.85;
    }
}

@media (max-width: 430px) {
    .skp-guide {
        font-size: 15.5px;
        line-height: 1.7;
    }

    .skp-guide h1 {
        font-size: 22px;
    }

    .skp-guide h2 {
        font-size: 19px;
    }

    .skp-table {
        font-size: 14px;
    }

    .skp-table tbody {
        min-width: 520px;
    }

    .skp-check {
        width: 36px;
    }
}

/* Article Guide: PDF / print action */
.skp-pdf-actions {
    display: flex;
    justify-content: flex-end;
    max-width: 1100px;
    margin: 0 auto 18px;
}

.skp-pdf-download {
    appearance: none;
    border: 1px solid #cc1f1f;
    border-radius: 0;
    background: #cc1f1f;
    color: #fff;
    padding: 10px 18px;
    font: inherit;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.skp-pdf-download:hover,
.skp-pdf-download:focus {
    background: #a91616;
    border-color: #a91616;
    color: #fff;
}

.skp-pdf-print-title {
    display: none;
}

.skp-pdf-print-frame {
    position: fixed !important;
    width: 794px !important;
    height: 1123px !important;
    left: -10000px !important;
    top: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

@media print {
    @page {
        size: A4;
        margin: 14mm;
    }

    body.skp-pdf-printing {
        background: #fff !important;
    }

    body.skp-pdf-printing #header,
    body.skp-pdf-printing #footer,
    body.skp-pdf-printing .title_container,
    body.skp-pdf-printing .sidebar,
    body.skp-pdf-printing .blog-meta,
    body.skp-pdf-printing .av-share-box,
    body.skp-pdf-printing #comments,
    body.skp-pdf-printing .comments-area,
    body.skp-pdf-printing .related_posts,
    body.skp-pdf-printing .salecnc-related-posts,
    body.skp-pdf-printing .post_nav,
    body.skp-pdf-printing .avia-post-nav,
    body.skp-pdf-printing .mobile-sticky-staff-bar,
    body.skp-pdf-printing #scnc-chat-bubble,
    body.skp-pdf-printing .skp-pdf-hide-floating,
    body.skp-pdf-printing #scroll-top-link,
    body.skp-pdf-printing .skp-pdf-actions {
        display: none !important;
    }

    body.skp-pdf-printing .container,
    body.skp-pdf-printing .content,
    body.skp-pdf-printing .entry-content-wrapper,
    body.skp-pdf-printing .skp-guide {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    body.skp-pdf-printing .skp-guide h1,
    body.skp-pdf-printing .skp-guide h2,
    body.skp-pdf-printing .skp-guide h3,
    body.skp-pdf-printing .skp-guide figure,
    body.skp-pdf-printing .skp-guide table,
    body.skp-pdf-printing .skp-guide tr {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    body.skp-pdf-printing .skp-guide a {
        color: #111 !important;
        text-decoration: none !important;
    }

    body.skp-pdf-printing .skp-pdf-target {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
    }

    body.skp-pdf-printing .skp-pdf-print-title {
        display: block !important;
        margin: 0 0 20px !important;
        color: #111 !important;
    }
}