/* UX22. Skill detail refinement only; core styles and API unaffected. */
.r18-skill-detail .r22-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.r18-skill-detail .r22-scenario-card{padding:18px!important;min-height:244px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative}
.r18-skill-detail .r22-scenario-cover{display:block;height:112px;margin:-18px -18px 15px;overflow:hidden;flex-shrink:0;background:#1e1712;border-bottom:1px solid rgba(214,157,84,.15)}
.r18-skill-detail .r22-scenario-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 39%;filter:brightness(.80) saturate(.80);transition:transform .3s ease,filter .25s ease}
.r18-skill-detail .r22-scenario-card:hover .r22-scenario-cover img{transform:scale(1.035);filter:brightness(.93) saturate(.9)}
.r18-skill-detail .r22-scenario-card .r21-scenario-card-body{display:flex;flex-direction:column;flex:1;margin-top:13px}
.r18-skill-detail .r22-scenario-card .r21-scenario-card-body strong{margin-top:auto;padding-top:17px}
.r18-skill-detail .r22-skill-practice .r22-own-banner{margin-top:13px;min-height:94px;padding:18px 20px;display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;border:1px solid rgba(187,125,69,.18);border-radius:13px;background:linear-gradient(120deg,rgba(58,36,25,.64),rgba(18,13,11,.83));transition:border-color .2s,background .2s}
.r18-skill-detail .r22-own-banner:hover{border-color:rgba(225,160,86,.44);background:linear-gradient(120deg,rgba(67,42,28,.72),rgba(20,14,12,.88))}
.r18-skill-detail .r22-own-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#d7a451;background:rgba(132,80,36,.20)}
.r18-skill-detail .r22-own-copy{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}
.r18-skill-detail .r22-own-copy small{font-size:10px;color:#c5995e;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.r18-skill-detail .r22-own-copy h3{font:600 17px/1.2 Georgia,serif;color:#eedcc5;margin:0}
.r18-skill-detail .r22-own-copy p{font-size:12.5px;line-height:1.45;color:#aea092;margin:0}
.r18-skill-detail .r22-own-banner>strong{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;font-size:12px;color:#dfad68;font-weight:700;white-space:nowrap}
@media(max-width:1100px){.r18-skill-detail .r22-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.r18-skill-detail .r22-scenario-grid{grid-template-columns:1fr}.r18-skill-detail .r22-scenario-card{min-height:210px}.r18-skill-detail .r22-scenario-cover{height:125px}.r18-skill-detail .r22-skill-practice .r22-own-banner{align-items:flex-start;flex-wrap:wrap;padding:17px;gap:12px}.r18-skill-detail .r22-own-copy{flex-basis:calc(100% - 58px)}.r18-skill-detail .r22-own-banner>strong{margin-left:56px}}