25.09.2026
Title of the second sample post
A climbing wall is an artificially constructed wall with grips for hands and feet, usually used for indoor climbing, but sometimes located outdoors. Some are brick or wooden constructions, but on most modern walls, the material most often used is a thick multiplex board with holes drilled into it.
Recently, manufactured steel and aluminum have also been used. The wall may have places to attach belay ropes, but may also be used to practise lead climbing or bouldering. Each hole contains a specially formed t-nut to allow modular climbing holds to be screwed onto the wall. With manufactured steel or aluminum walls, an engineered industrial fastener is used to secure climbing holds. The face of the multiplex board climbing surface is covered with textured products including concrete and paint or polyurethane loaded with sand. In addition to the textured surface and hand holds, the wall may contain surface structures such as indentions (incuts) and protrusions (bulges), or take the form of an overhang, underhang or crack. Some grips are formed to mimic the conditions of outdoor rock, including some that are oversized and can have other grips bolted onto them.
<style>
:root {
--c-bg: #ffffff;
--c-surf: #f0f9ff;
--c-surf2: #e0f2fe;
--c-a1: #0077b6;
--c-a2: #00b4d8;
--c-a3: #48cae4;
--c-pale: #caf0f8;
--c-border: #bae6fd;
--c-text: #0d2137;
--c-muted: #486581;
--grad: linear-gradient(135deg,#0077b6 0%,#00b4d8 50%,#48cae4 100%);
--grad-soft: linear-gradient(135deg,#e0f2fe 0%,#caf0f8 100%);
--grad-dark: linear-gradient(135deg,#023e8a 0%,#0077b6 50%,#0096c7 100%);
--r-sm: 8px;
--r-md: 16px;
--r-lg: 24px;
--shadow: 0 2px 12px rgba(0,119,182,0.10);
--shadow-md: 0 6px 28px rgba(0,119,182,0.16);
--shadow-lg: 0 16px 48px rgba(0,119,182,0.20);
--font: 'Golos Text','Segoe UI',system-ui,sans-serif;
}
.sk{font-family:var(--font);color:var(--c-text);background:var(--c-bg);line-height:1.65;-webkit-font-smoothing:antialiased;}
.sk *{box-sizing:border-box;margin:0;padding:0;}
.sk a{color:var(--c-a1);text-decoration:none;transition:color .18s;}
.sk a:hover{color:var(--c-a2);}
/* ── HERO ── */
.sk-hero{position:relative;padding:72px 24px 80px;text-align:center;overflow:hidden;background:var(--c-bg);}
.sk-hero::before{content:'';position:absolute;inset:0;background:var(--grad-soft);opacity:.55;z-index:0;}
.sk-hero-wave{position:absolute;bottom:-1px;left:0;width:100%;z-index:1;line-height:0;}
.sk-hero-inner{position:relative;z-index:2;max-width:820px;margin:0 auto;}
.sk-badge{display:inline-flex;align-items:center;gap:7px;background:var(--c-a1);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 14px;border-radius:40px;margin-bottom:22px;}
.sk-h1{font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1.18;letter-spacing:-.02em;margin-bottom:18px;}
.sk-h1 .grad-text{background:var(--grad-dark);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.sk-hero-desc{font-size:18px;color:var(--c-muted);max-width:600px;margin:0 auto 32px;}
.sk-hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;font-size:13px;color:var(--c-muted);}
.sk-hero-meta span{display:flex;align-items:center;gap:5px;}
/* ── GEO QUICK ANSWER ── */
.sk-geo{max-width:860px;margin:0 auto 56px;padding:0 24px;}
.sk-geo-box{background:var(--grad);border-radius:var(--r-lg);padding:32px 36px;color:#fff;position:relative;overflow:hidden;}
.sk-geo-box::after{content:'';position:absolute;right:-40px;top:-40px;width:220px;height:220px;background:rgba(255,255,255,.07);border-radius:50%;}
.sk-geo-label{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);border-radius:40px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 12px;margin-bottom:14px;}
.sk-geo-title{font-size:22px;font-weight:800;margin-bottom:16px;line-height:1.3;}
.sk-geo-answer{font-size:16px;line-height:1.7;opacity:.95;}
.sk-geo-answer strong{font-weight:700;}
.sk-geo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.sk-geo-tags span{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:40px;font-size:12px;padding:4px 12px;}
/* ── STATS ROW ── */
.sk-stats{max-width:860px;margin:0 auto 56px;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;}
.sk-stat{background:var(--c-surf);border:1px solid var(--c-border);border-radius:var(--r-md);padding:22px 18px;text-align:center;transition:transform .2s,box-shadow .2s;}
.sk-stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.sk-stat-icon{font-size:28px;margin-bottom:8px;}
.sk-stat-num{font-size:26px;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;}
.sk-stat-label{font-size:13px;color:var(--c-muted);margin-top:4px;}
/* ── SECTION HEADER ── */
.sk-sec{max-width:860px;margin:0 auto;padding:0 24px;margin-bottom:48px;}
.sk-sec-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--grad);color:#fff;border-radius:50%;font-size:14px;font-weight:800;margin-bottom:14px;}
.sk-h2{font-size:clamp(22px,3.5vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-bottom:10px;}
.sk-h2 .accent{color:var(--c-a1);}
.sk-divider{width:56px;height:4px;background:var(--grad);border-radius:2px;margin-bottom:20px;}
.sk-lead{font-size:17px;color:var(--c-muted);line-height:1.7;}
/* ── TABLE OF CONTENTS ── */
.sk-toc{max-width:860px;margin:0 auto 56px;padding:0 24px;}
.sk-toc-box{background:var(--c-surf);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:28px 32px;position:relative;overflow:hidden;}
.sk-toc-box::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:var(--grad);}
.sk-toc-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--c-a1);margin-bottom:18px;}
.sk-toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 24px;}
.sk-toc-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:var(--c-muted);border-bottom:1px dashed var(--c-border);transition:color .18s;}
.sk-toc-item:hover{color:var(--c-a1);}
.sk-toc-item .num{flex-shrink:0;width:22px;height:22px;background:var(--grad);border-radius:50%;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;}
/* ── TIMELINE ── */
.sk-timeline{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk-tl-track{position:relative;padding-left:24px;}
.sk-tl-track::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--c-a1),var(--c-a3),var(--c-pale));border-radius:2px;}
.sk-tl-item{position:relative;margin-bottom:28px;padding:20px 22px 20px 36px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s;}
.sk-tl-item:hover{box-shadow:var(--shadow-md);transform:translateX(4px);}
.sk-tl-dot{position:absolute;left:-21px;top:22px;width:18px;height:18px;background:var(--grad);border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--c-a2);}
.sk-tl-year{display:inline-flex;align-items:center;background:var(--grad-soft);border:1px solid var(--c-border);color:var(--c-a1);font-size:12px;font-weight:700;padding:3px 10px;border-radius:40px;margin-bottom:8px;}
.sk-tl-h{font-size:16px;font-weight:700;margin-bottom:6px;}
.sk-tl-p{font-size:14px;color:var(--c-muted);line-height:1.65;}
.sk-tl-icon{float:right;font-size:28px;margin:-4px 0 0 12px;}
/* ── DEFINITION BOX ── */
.sk-def{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk-def-box{background:var(--grad-soft);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:32px 36px;display:grid;grid-template-columns:auto 1fr;gap:20px 28px;align-items:start;}
.sk-def-icon{font-size:52px;line-height:1;}
.sk-def-content{}
.sk-def-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-a1);margin-bottom:8px;}
.sk-def-text{font-size:17px;line-height:1.7;color:var(--c-text);}
.sk-def-text strong{color:var(--c-a1);}
.sk-def-schema{margin-top:14px;font-size:13px;color:var(--c-muted);background:rgba(255,255,255,.6);border-radius:var(--r-sm);padding:12px 16px;border-left:3px solid var(--c-a2);}
/* ── KEY FACTS GRID ── */
.sk-facts{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk-facts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;}
.sk-fact-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);padding:18px 16px;transition:all .2s;cursor:default;}
.sk-fact-card:hover{border-color:var(--c-a2);box-shadow:var(--shadow-md);transform:translateY(-3px);}
.sk-fact-card .icon{font-size:26px;margin-bottom:10px;}
.sk-fact-card .title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-a1);margin-bottom:5px;}
.sk-fact-card .value{font-size:15px;color:var(--c-text);line-height:1.5;}
/* ── READING PROGRESS ── */
.sk-progress{position:sticky;top:0;z-index:100;height:4px;background:var(--c-border);}
.sk-progress-bar{height:100%;width:0%;background:var(--grad);transition:width .1s linear;}
/* ── RESPONSIVE ── */
@media(max-width:600px){
.sk-geo-box{padding:24px 20px;}
.sk-def-box{grid-template-columns:1fr;}
.sk-toc-grid{grid-template-columns:1fr;}
.sk-hero{padding:52px 20px 64px;}
}
/* ── SCROLL ANIMATION ── */
.sk-reveal{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease;}
.sk-reveal.visible{opacity:1;transform:none;}
/* Переменные такие же, как в блоке 1 — повторяем для автономности */
:root{
--c-bg:#ffffff;--c-surf:#f0f9ff;--c-surf2:#e0f2fe;
--c-a1:#0077b6;--c-a2:#00b4d8;--c-a3:#48cae4;--c-pale:#caf0f8;
--c-border:#bae6fd;--c-text:#0d2137;--c-muted:#486581;
--grad:linear-gradient(135deg,#0077b6 0%,#00b4d8 50%,#48cae4 100%);
--grad-soft:linear-gradient(135deg,#e0f2fe 0%,#caf0f8 100%);
--grad-dark:linear-gradient(135deg,#023e8a 0%,#0077b6 50%,#0096c7 100%);
--r-sm:8px;--r-md:16px;--r-lg:24px;
--shadow:0 2px 12px rgba(0,119,182,.10);
--shadow-md:0 6px 28px rgba(0,119,182,.16);
--font:'Golos Text','Segoe UI',system-ui,sans-serif;
}
.sk2{font-family:var(--font);color:var(--c-text);line-height:1.65;-webkit-font-smoothing:antialiased;}
.sk2 *{box-sizing:border-box;margin:0;padding:0;}
/* ── SECTION HEADER ── */
.sk2-sec{max-width:860px;margin:0 auto 40px;padding:0 24px;}
.sk2-sec-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--grad);color:#fff;border-radius:50%;font-size:14px;font-weight:800;margin-bottom:14px;}
.sk2-h2{font-size:clamp(22px,3.5vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-bottom:10px;}
.sk2-h2 .accent{color:var(--c-a1);}
.sk2-h3{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--c-text);}
.sk2-divider{width:56px;height:4px;background:var(--grad);border-radius:2px;margin-bottom:20px;}
.sk2-lead{font-size:17px;color:var(--c-muted);line-height:1.7;margin-bottom:0;}
/* ── TYPES GRID ── */
.sk2-types{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk2-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;}
.sk2-type-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:24px 20px;transition:all .22s;position:relative;overflow:hidden;}
.sk2-type-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad);}
.sk2-type-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--c-a2);}
.sk2-type-icon{font-size:32px;margin-bottom:12px;}
.sk2-type-name{font-size:17px;font-weight:800;color:var(--c-a1);margin-bottom:6px;}
.sk2-type-sub{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-a3);margin-bottom:10px;}
.sk2-type-desc{font-size:14px;color:var(--c-muted);line-height:1.6;}
.sk2-type-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px;}
.sk2-type-tags span{background:var(--c-surf2);border:1px solid var(--c-border);border-radius:40px;font-size:11px;color:var(--c-a1);padding:3px 9px;font-weight:600;}
/* ── GEO MINI BLOCK ── */
.sk2-geo-mini{max-width:860px;margin:0 auto 56px;padding:0 24px;}
.sk2-geo-mini-box{background:var(--grad-soft);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:24px 28px;display:flex;gap:16px;align-items:flex-start;}
.sk2-geo-mini-icon{font-size:36px;flex-shrink:0;}
.sk2-geo-mini-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-a1);margin-bottom:6px;}
.sk2-geo-mini-text{font-size:15px;color:var(--c-text);line-height:1.7;}
.sk2-geo-mini-text strong{color:var(--c-a1);}
/* ── PRODUCTION STEPS ── */
.sk2-prod{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk2-steps{display:flex;flex-direction:column;gap:0;}
.sk2-step{display:grid;grid-template-columns:64px 1fr;gap:0 20px;position:relative;}
.sk2-step:not(:last-child)::after{content:'';position:absolute;left:31px;top:64px;bottom:-1px;width:2px;background:linear-gradient(to bottom,var(--c-a2),var(--c-pale));z-index:0;}
.sk2-step-num{width:62px;height:62px;background:var(--grad);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;margin-bottom:24px;position:relative;z-index:1;box-shadow:0 4px 14px rgba(0,119,182,.25);}
.sk2-step-num .n{font-size:20px;font-weight:800;color:#fff;line-height:1;}
.sk2-step-num .ico{font-size:12px;margin-top:1px;}
.sk2-step-body{padding:10px 0 28px;}
.sk2-step-title{font-size:16px;font-weight:700;margin-bottom:6px;}
.sk2-step-text{font-size:14px;color:var(--c-muted);line-height:1.65;}
.sk2-step-fact{display:inline-flex;align-items:center;gap:5px;background:var(--c-surf);border:1px solid var(--c-border);border-radius:40px;font-size:12px;color:var(--c-a1);font-weight:600;padding:3px 10px;margin-top:8px;}
/* ── PROPERTIES TABLE ── */
.sk2-props{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk2-table-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--c-border);box-shadow:var(--shadow);}
.sk2-table{width:100%;border-collapse:collapse;font-size:14px;}
.sk2-table thead th{background:var(--grad);color:#fff;padding:14px 16px;text-align:left;font-weight:700;font-size:13px;white-space:nowrap;}
.sk2-table thead th:first-child{border-radius:var(--r-lg) 0 0 0;}
.sk2-table thead th:last-child{border-radius:0 var(--r-lg) 0 0;}
.sk2-table tbody tr:nth-child(even){background:var(--c-surf);}
.sk2-table tbody tr:hover{background:var(--c-surf2);}
.sk2-table td{padding:12px 16px;border-bottom:1px solid var(--c-border);vertical-align:top;}
.sk2-table td:first-child{font-weight:700;color:var(--c-a1);white-space:nowrap;}
.sk2-table .rating{display:flex;gap:2px;}
.sk2-table .dot{width:10px;height:10px;border-radius:50%;background:var(--c-border);}
.sk2-table .dot.on{background:var(--c-a1);}
/* ── COMPARE TABLE ── */
.sk2-compare{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk2-compare-table{width:100%;border-collapse:collapse;font-size:13px;}
.sk2-compare-table th{background:var(--grad);color:#fff;padding:12px 14px;font-weight:700;text-align:center;}
.sk2-compare-table th:first-child{text-align:left;border-radius:var(--r-md) 0 0 0;}
.sk2-compare-table th:last-child{border-radius:0 var(--r-md) 0 0;}
.sk2-compare-table td{padding:11px 14px;border-bottom:1px solid var(--c-border);text-align:center;}
.sk2-compare-table td:first-child{text-align:left;font-weight:700;color:var(--c-text);}
.sk2-compare-table tr:nth-child(even) td{background:var(--c-surf);}
.sk2-compare-table .best{color:var(--c-a1);font-weight:700;}
.sk2-compare-table .good{color:#2a9d8f;}
.sk2-compare-table .avg{color:#e9c46a;}
.sk2-compare-table .low{color:#e76f51;}
.sk2-badge-best{background:var(--c-a1);color:#fff;border-radius:40px;font-size:10px;font-weight:700;padding:2px 8px;display:inline-block;}
/* ── INFO BANNER ── */
.sk2-banner{max-width:860px;margin:0 auto 56px;padding:0 24px;}
.sk2-banner-box{background:var(--grad-dark);border-radius:var(--r-lg);padding:32px 36px;color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;text-align:center;}
.sk2-banner-item .big{font-size:32px;font-weight:800;line-height:1.1;}
.sk2-banner-item .label{font-size:13px;opacity:.85;margin-top:4px;}
/* ── REVEAL ── */
.sk2-reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;}
.sk2-reveal.visible{opacity:1;transform:none;}
@media(max-width:640px){
.sk2-banner-box{grid-template-columns:1fr;}
.sk2-step{grid-template-columns:48px 1fr;}
.sk2-step-num{width:46px;height:46px;}
:root{
--c-bg:#ffffff;--c-surf:#f0f9ff;--c-surf2:#e0f2fe;
--c-a1:#0077b6;--c-a2:#00b4d8;--c-a3:#48cae4;--c-pale:#caf0f8;
--c-border:#bae6fd;--c-text:#0d2137;--c-muted:#486581;
--c-ok:#16a34a;--c-warn:#b45309;
--grad:linear-gradient(135deg,#0077b6 0%,#00b4d8 50%,#48cae4 100%);
--grad-soft:linear-gradient(135deg,#e0f2fe 0%,#caf0f8 100%);
--grad-dark:linear-gradient(135deg,#023e8a 0%,#0077b6 50%,#0096c7 100%);
--r-sm:8px;--r-md:16px;--r-lg:24px;
--shadow:0 2px 12px rgba(0,119,182,.10);
--shadow-md:0 6px 28px rgba(0,119,182,.16);
--font:'Golos Text','Segoe UI',system-ui,sans-serif;
}
:root{
--c-bg:#ffffff;--c-surf:#f0f9ff;--c-surf2:#e0f2fe;
--c-a1:#0077b6;--c-a2:#00b4d8;--c-a3:#48cae4;--c-pale:#caf0f8;
--c-border:#bae6fd;--c-text:#0d2137;--c-muted:#486581;
--c-ok:#16a34a;--c-warn:#b45309;
--grad:linear-gradient(135deg,#0077b6 0%,#00b4d8 50%,#48cae4 100%);
--grad-soft:linear-gradient(135deg,#e0f2fe 0%,#caf0f8 100%);
--grad-dark:linear-gradient(135deg,#023e8a 0%,#0077b6 50%,#0096c7 100%);
--r-sm:8px;--r-md:16px;--r-lg:24px;
--shadow:0 2px 12px rgba(0,119,182,.10);
--shadow-md:0 6px 28px rgba(0,119,182,.16);
--font:'Golos Text','Segoe UI',system-ui,sans-serif;
}
</style>
<style>
:root{
--c-bg:#ffffff;--c-surf:#f0f9ff;--c-surf2:#e0f2fe;
--c-a1:#0077b6;--c-a2:#00b4d8;--c-a3:#48cae4;--c-pale:#caf0f8;
--c-border:#bae6fd;--c-text:#0d2137;--c-muted:#486581;
--c-ok:#16a34a;--c-warn:#b45309;
--grad:linear-gradient(135deg,#0077b6 0%,#00b4d8 50%,#48cae4 100%);
--grad-soft:linear-gradient(135deg,#e0f2fe 0%,#caf0f8 100%);
--grad-dark:linear-gradient(135deg,#023e8a 0%,#0077b6 50%,#0096c7 100%);
--r-sm:8px;--r-md:16px;--r-lg:24px;
--shadow:0 2px 12px rgba(0,119,182,.10);
--shadow-md:0 6px 28px rgba(0,119,182,.16);
--font:'Golos Text','Segoe UI',system-ui,sans-serif;
}
.sk3{font-family:var(--font);color:var(--c-text);line-height:1.65;-webkit-font-smoothing:antialiased;}
.sk3 *{box-sizing:border-box;margin:0;padding:0;}
/* ── SECTION HEADER ── */
.sk3-sec{max-width:860px;margin:0 auto 40px;padding:0 24px;}
.sk3-sec-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--grad);color:#fff;border-radius:50%;font-size:14px;font-weight:800;margin-bottom:14px;}
.sk3-h2{font-size:clamp(22px,3.5vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-bottom:10px;}
.sk3-h2 .accent{color:var(--c-a1);}
.sk3-divider{width:56px;height:4px;background:var(--grad);border-radius:2px;margin-bottom:20px;}
.sk3-lead{font-size:17px;color:var(--c-muted);line-height:1.7;}
/* ── PROS / CONS ── */
.sk3-proscons{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk3-pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.sk3-pc-box{border-radius:var(--r-lg);padding:24px 22px;border:1px solid;}
.sk3-pc-pros{background:#f0fdf4;border-color:#86efac;}
.sk3-pc-cons{background:#fff7ed;border-color:#fcd34d;}
.sk3-pc-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;margin-bottom:16px;}
.sk3-pc-pros .sk3-pc-title{color:var(--c-ok);}
.sk3-pc-cons .sk3-pc-title{color:var(--c-warn);}
.sk3-pc-list{list-style:none;display:flex;flex-direction:column;gap:8px;}
.sk3-pc-list li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.55;}
.sk3-pc-list li::before{content:'';flex-shrink:0;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;margin-top:1px;}
.sk3-pc-pros li::before{content:'✓';background:#dcfce7;color:var(--c-ok);font-weight:800;}
.sk3-pc-cons li::before{content:'!';background:#fef3c7;color:var(--c-warn);font-weight:800;}
/* ── CARE GUIDE ── */
.sk3-care{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk3-care-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;}
.sk3-care-card{background:var(--c-surf);border:1px solid var(--c-border);border-radius:var(--r-md);padding:18px 14px;text-align:center;transition:all .2s;}
.sk3-care-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--c-a2);}
.sk3-care-icon{font-size:30px;margin-bottom:10px;}
.sk3-care-title{font-size:13px;font-weight:700;color:var(--c-a1);margin-bottom:6px;}
.sk3-care-text{font-size:12px;color:var(--c-muted);line-height:1.5;}
.sk3-care-do{color:var(--c-ok);font-weight:700;}
.sk3-care-dont{color:#dc2626;font-weight:700;}
/* ── BUY GUIDE ── */
.sk3-buy{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk3-buy-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;}
.sk3-buy-step{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);padding:20px 18px;position:relative;overflow:hidden;transition:all .2s;}
.sk3-buy-step:hover{border-color:var(--c-a2);box-shadow:var(--shadow-md);}
.sk3-buy-step-n{position:absolute;top:-8px;right:12px;font-size:48px;font-weight:900;color:var(--c-pale);line-height:1;z-index:0;}
.sk3-buy-step-icon{font-size:24px;margin-bottom:8px;position:relative;z-index:1;}
.sk3-buy-step-title{font-size:14px;font-weight:700;color:var(--c-a1);margin-bottom:5px;position:relative;z-index:1;}
.sk3-buy-step-text{font-size:13px;color:var(--c-muted);line-height:1.55;position:relative;z-index:1;}
/* ── FAQ ACCORDION ── */
.sk3-faq{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk3-faq-item{border:1px solid var(--c-border);border-radius:var(--r-md);margin-bottom:8px;overflow:hidden;transition:box-shadow .2s;}
.sk3-faq-item:hover{box-shadow:var(--shadow);}
.sk3-faq-q{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;font-size:15px;font-weight:700;color:var(--c-text);background:var(--c-bg);user-select:none;list-style:none;}
.sk3-faq-q::-webkit-details-marker{display:none;}
.sk3-faq-q::before{content:'?';flex-shrink:0;width:26px;height:26px;background:var(--grad);border-radius:50%;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.sk3-faq-q::after{content:'+';margin-left:auto;font-size:18px;color:var(--c-a1);transition:transform .25s;flex-shrink:0;}
details[open] .sk3-faq-q::after{transform:rotate(45deg);}
details[open] .sk3-faq-item{border-color:var(--c-a2);box-shadow:var(--shadow);}
details[open] .sk3-faq-q{background:var(--c-surf);}
.sk3-faq-a{padding:0 20px 18px 58px;font-size:14px;color:var(--c-muted);line-height:1.7;}
.sk3-faq-a strong{color:var(--c-text);}
.sk3-faq-a .tag{display:inline-flex;align-items:center;background:var(--grad-soft);border:1px solid var(--c-border);border-radius:40px;font-size:11px;color:var(--c-a1);font-weight:600;padding:2px 9px;margin:4px 3px 0 0;}
/* ── REVIEWS ── */
.sk3-reviews{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk3-reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;}
.sk3-review-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:22px 20px;position:relative;transition:all .2s;}
.sk3-review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--c-a2);}
.sk3-review-card::before{content:'"';position:absolute;top:10px;right:16px;font-size:64px;color:var(--c-pale);font-family:Georgia,serif;line-height:1;}
.sk3-review-stars{display:flex;gap:3px;margin-bottom:10px;}
.sk3-review-stars span{color:#f59e0b;font-size:16px;}
.sk3-review-text{font-size:14px;color:var(--c-text);line-height:1.65;margin-bottom:14px;}
.sk3-review-author{display:flex;align-items:center;gap:10px;}
.sk3-review-avatar{width:36px;height:36px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:800;flex-shrink:0;}
.sk3-review-name{font-size:13px;font-weight:700;color:var(--c-text);}
.sk3-review-meta{font-size:11px;color:var(--c-muted);}
.sk3-review-tag{display:inline-flex;align-items:center;background:var(--c-surf2);border:1px solid var(--c-border);border-radius:40px;font-size:10px;color:var(--c-a1);font-weight:700;padding:2px 8px;margin-top:4px;}
/* ── RATING SUMMARY ── */
.sk3-rating-summary{max-width:860px;margin:0 auto 48px;padding:0 24px;}
.sk3-rs-box{background:var(--grad-soft);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:24px 28px;display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;}
.sk3-rs-big{text-align:center;}
.sk3-rs-num{font-size:52px;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;}
.sk3-rs-stars{font-size:22px;letter-spacing:2px;color:#f59e0b;}
.sk3-rs-count{font-size:12px;color:var(--c-muted);margin-top:4px;}
.sk3-rs-bars{display:flex;flex-direction:column;gap:7px;}
.sk3-rs-bar-row{display:flex;align-items:center;gap:8px;font-size:12px;}
.sk3-rs-bar-label{width:40px;text-align:right;color:var(--c-muted);}
.sk3-rs-bar-track{flex:1;height:8px;background:var(--c-border);border-radius:4px;overflow:hidden;}
.sk3-rs-bar-fill{height:100%;background:var(--grad);border-radius:4px;}
.sk3-rs-bar-pct{width:32px;font-weight:700;color:var(--c-a1);}
/* ── AUTHOR BLOCK ── */
.sk3-author{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk3-author-box{background:var(--grad-dark);border-radius:var(--r-lg);padding:32px 36px;color:#fff;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;}
.sk3-author-ava{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.18);border:3px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0;}
.sk3-author-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-bottom:4px;}
.sk3-author-name{font-size:22px;font-weight:800;margin-bottom:2px;}
.sk3-author-title{font-size:13px;opacity:.8;margin-bottom:14px;}
.sk3-author-text{font-size:15px;line-height:1.7;opacity:.95;}
.sk3-author-creds{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.sk3-author-creds span{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:40px;font-size:11px;padding:3px 12px;}
/* ── GEO CARE BLOCK ── */
.sk3-geo-care{max-width:860px;margin:0 auto 56px;padding:0 24px;}
.sk3-geo-care-box{background:var(--c-surf);border-left:5px solid var(--c-a1);border-radius:var(--r-md);padding:20px 24px;}
.sk3-geo-care-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-a1);margin-bottom:8px;}
.sk3-geo-care-text{font-size:15px;line-height:1.7;color:var(--c-text);}
.sk3-geo-care-text strong{color:var(--c-a1);}
/* ── FINAL CTA ── */
.sk3-cta{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk3-cta-box{background:var(--grad);border-radius:var(--r-lg);padding:32px 36px;text-align:center;color:#fff;}
.sk3-cta-title{font-size:24px;font-weight:800;margin-bottom:8px;}
.sk3-cta-sub{font-size:15px;opacity:.9;margin-bottom:20px;}
.sk3-cta-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.sk3-cta-chip{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:40px;font-size:13px;padding:6px 16px;font-weight:600;}
/* ── REVEAL ── */
.sk3-reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;}
.sk3-reveal.visible{opacity:1;transform:none;}
@media(max-width:640px){
.sk3-pc-grid{grid-template-columns:1fr;}
.sk3-author-box{grid-template-columns:1fr;}
.sk3-rs-box{grid-template-columns:1fr;}
}
/* END APPENDED */
.sk3-geo-care-box-var(--c-surf);border-left:5px solid var(--c-a1);border-radius:var(--r-md);padding:20px 24px;}
.sk3-geo-care-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-a1);margin-bottom:8px;}
.sk3-geo-care-text{font-size:15px;line-height:1.7;color:var(--c-text);}
.sk3-geo-care-text strong{color:var(--c-a1);}
/* ── FINAL CTA STRIP ── */
.sk3-cta{max-width:860px;margin:0 auto 64px;padding:0 24px;}
.sk3-cta-box{background:var(--grad);border-radius:var(--r-lg);padding:32px 36px;text-align:center;color:#fff;}
.sk3-cta-title{font-size:24px;font-weight:800;margin-bottom:8px;}
.sk3-cta-sub{font-size:15px;opacity:.9;margin-bottom:20px;}
.sk3-cta-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.sk3-cta-chip{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:40px;font-size:13px;padding:6px 16px;font-weight:600;}
/* ── REVEAL ── */
.sk3-reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;}
.sk3-reveal.visible{opacity:1;transform:none;}
@media(max-width:640px){
.sk3-pc-grid{grid-template-columns:1fr;}
.sk3-author-box{grid-template-columns:1fr;}
.sk3-rs-box{grid-template-columns:1fr;}
}
</style>
<!-- END STYLES -->