/* OneScene UX21 — isolated skill-detail editorial + real scenario catalog cards. */
.r18-skill-detail .r18-skill-hero.r21-skill-hero{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(280px,.8fr);gap:0;padding:0;min-height:0;overflow:hidden;position:relative;background:radial-gradient(470px 270px at 13% 0%,rgba(107,64,30,.20),transparent 78%),linear-gradient(125deg,#20150f,#0c0908 76%);box-shadow:inset 0 0 0 1px rgba(211,146,69,.15);border-radius:16px}
.r18-skill-detail .r21-skill-intro{padding:28px 29px;min-width:0;position:relative;z-index:1}
.r18-skill-detail .r21-eyebrow{display:block;color:#cb953b;font-size:10px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.r18-skill-detail .r21-skill-intro h2{font:600 clamp(23px,2.1vw,31px)/1.2 Georgia,serif;color:#e7d4ba;margin:12px 0 14px;max-width:700px}
.r18-skill-detail .r21-skill-intro-lead{font-size:15px;line-height:1.7;color:#dbc9b3;margin:0;max-width:670px}
.r18-skill-detail .r21-skill-intro-why{font-size:13px;line-height:1.65;color:#ab9b89;margin:14px 0 0;max-width:680px}
.r18-skill-detail .r21-skill-behaviors{padding:28px 24px;min-width:0;border-left:1px solid rgba(208,159,104,.13);background:rgba(11,8,7,.43);position:relative;z-index:1}
.r18-skill-detail .r21-skill-behaviors ul{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:13px}
.r18-skill-detail .r21-skill-behaviors li{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:10px;color:#cfc2b4;font-size:13px;line-height:1.55}
.r18-skill-detail .r21-skill-behaviors li i{font:700 12px/27px Arial,sans-serif;font-style:normal;width:27px;height:27px;border-radius:50%;text-align:center;color:#eabf71;background:rgba(158,97,42,.22)}
.r18-skill-detail .r21-skill-related{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:7px;border-top:1px solid rgba(208,159,104,.10);padding:13px 29px 15px;position:relative;z-index:1}
.r18-skill-detail .r21-skill-related>span{font-size:11px;color:#9f9385;margin-right:4px}
.r18-skill-detail .r21-skill-related>a{font-size:11px;color:#bbab96;border-radius:7px;padding:6px 9px;background:rgba(2,2,2,.20);border:1px solid rgba(179,126,62,.13);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.r18-skill-detail .r21-skill-related>a:hover{color:#f0c78b;border-color:rgba(222,156,74,.32)}
.r18-skill-detail .r18-skill-evidence-section{margin-top:3px}
.r18-skill-detail .r18-skill-evidence-section .r18-section-heading h2{font-size:24px}
.r18-skill-detail .r20-skill-progress-note{border:1px solid rgba(178,117,52,.16);border-radius:13px;min-height:90px}
.r18-skill-detail .r21-scenario-card{min-height:205px;border-radius:13px;background:linear-gradient(144deg,rgba(41,27,18,.82),rgba(13,10,9,.94));border:1px solid rgba(190,139,75,.16);display:flex;flex-direction:column;justify-content:space-between;padding:18px!important;transition:border-color .15s,transform .15s}
.r18-skill-detail .r21-scenario-card:hover{transform:translateY(-2px);border-color:rgba(226,158,74,.40)}
.r18-skill-detail .r21-scenario-card-meta{display:flex;align-items:center;gap:10px;color:#d39b48;font-size:12px}
.r18-skill-detail .r21-scenario-card-meta svg{width:18px;height:18px}
.r18-skill-detail .r21-scenario-card-meta small{font-size:11px;font-weight:700;color:#c29b63;text-transform:uppercase;letter-spacing:.025em}
.r18-skill-detail .r21-scenario-card-body{display:block;margin-top:14px}
.r18-skill-detail .r21-scenario-card h3{color:#eee0cc;font:600 19px/1.24 Georgia,serif;margin:0 0 8px;max-width:500px}
.r18-skill-detail .r21-scenario-card p{font-size:12.5px;line-height:1.5;color:#ac9e8d;margin:0;max-width:480px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.r18-skill-detail .r21-scenario-card strong{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:#d9a555;font-size:12px}
.r18-skill-detail .r21-scenarios-none{padding:20px 21px;border-radius:13px;background:rgba(27,18,14,.65);border:1px solid rgba(204,152,85,.12);font-size:13px;line-height:1.55;color:#b7a899;min-height:110px}
.r18-skill-detail .r18-content-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.r18-skill-detail .r18-skill-hero.r21-skill-hero{grid-template-columns:1fr}.r18-skill-detail .r21-skill-behaviors{border-left:0;border-top:1px solid rgba(208,159,104,.13);padding:22px 27px}.r18-skill-detail .r21-skill-behaviors ul{grid-template-columns:repeat(3,minmax(0,1fr))}.r18-skill-detail .r18-content-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.r18-skill-detail .r21-skill-intro{padding:21px 17px}.r18-skill-detail .r21-skill-intro h2{font-size:25px}.r18-skill-detail .r21-skill-intro-lead{font-size:14px}.r18-skill-detail .r21-skill-behaviors{padding:20px 17px}.r18-skill-detail .r21-skill-behaviors ul{grid-template-columns:1fr;gap:11px}.r18-skill-detail .r21-skill-related{padding:13px 17px}.r18-skill-detail .r18-content-card-grid{grid-template-columns:1fr}.r18-skill-detail .r21-scenario-card{min-height:165px}}