/* OneScene UX20 | skills: two honest states (not started / practicing). No app-wide selectors. */
.r18-progress-v10.r18-skill-detail{gap:20px;padding-bottom:28px}
.r18-progress-v10.r18-skill-detail .r18-skill-hero{min-height:0;grid-template-columns:minmax(0,1.65fr) minmax(275px,.62fr);border-radius:16px;background:radial-gradient(450px 210px at 18% 4%,rgba(118,67,28,.13),transparent 77%),linear-gradient(145deg,#211610,#0e0b09 58%,#0a0807);box-shadow:inset 0 0 0 1px rgba(220,167,97,.12),0 16px 38px rgba(0,0,0,.23)}
.r18-progress-v10.r18-skill-detail .r18-skill-hero-main{padding:22px 25px 22px;justify-content:flex-start}
.r18-progress-v10.r18-skill-detail .r18-skill-hero-stage>span{font-size:25px;line-height:1.16;color:#e3b266}
.r18-progress-v10.r18-skill-detail.is-not-started .r18-skill-hero-stage>span{color:#d9b783}
.r18-progress-v10.r18-skill-detail .r18-skill-hero-lead{font-size:15px;line-height:1.55;margin-top:10px;max-width:740px}
.r18-progress-v10.r18-skill-detail .r18-skill-chart-empty{margin:13px 0 4px;padding:10px 12px;min-height:48px;border-radius:10px;background:rgba(12,9,7,.34);box-shadow:inset 0 0 0 1px rgba(233,183,101,.09);font-size:12.5px;line-height:1.4}
.r18-progress-v10.r18-skill-detail .r18-skill-chart-empty svg{color:#b68f53;flex-shrink:0}
.r18-progress-v10.r18-skill-detail .r18-first-milestone{margin:14px 0 4px;padding:12px 14px;background:rgba(132,82,36,.17);box-shadow:inset 0 0 0 1px rgba(208,143,70,.18)}
.r18-progress-v10.r18-skill-detail .r18-first-milestone-icon{width:40px;height:40px;flex-basis:40px}
.r18-progress-v10.r18-skill-detail .r18-orientation-inline{margin-top:14px;gap:8px}
.r18-progress-v10.r18-skill-detail .r18-orientation-inline>div{min-height:52px;padding:8px 10px;grid-template-columns:24px minmax(0,1fr);background:rgba(0,0,0,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.r18-progress-v10.r18-skill-detail .r18-orientation-inline i{width:24px;height:24px;font-size:11px}
.r18-progress-v10.r18-skill-detail .r18-orientation-inline span{font-size:12.5px;line-height:1.38}
.r18-progress-v10.r18-skill-detail .r18-skill-hero-related{margin-top:12px;padding-top:11px;border-top:1px solid rgba(215,173,110,.1)}
.r18-progress-v10.r18-skill-detail .r18-skill-hero-related>small{font-size:10.5px}
.r18-progress-v10.r18-skill-detail .r18-skill-hero-related>a{font-size:11.5px;min-height:28px;padding:0 9px}
.r18-progress-v10.r18-skill-detail .r18-skill-hero-next{padding:23px 21px;background:linear-gradient(155deg,rgba(30,20,15,.9),rgba(15,10,9,.97));box-shadow:inset 1px 0 rgba(220,166,97,.12);justify-content:center;gap:0}
.r18-progress-v10.r18-skill-detail .r18-skill-hero-next>small{font-size:11px;letter-spacing:.06em}
.r18-progress-v10.r18-skill-detail .r18-skill-hero-next h2{font-size:23px;line-height:1.15;margin-top:9px}
.r18-progress-v10.r18-skill-detail .r18-skill-hero-next p{font-size:13px;line-height:1.55;margin-top:10px}
.r18-progress-v10.r18-skill-detail .r18-skill-hero-next .r18-primary-action{margin-top:24px;min-height:44px;font-size:12.5px;padding:10px 12px}
.r18-progress-v10.r18-skill-detail .r18-skill-evidence-section{padding-top:0}
.r18-progress-v10.r18-skill-detail .r18-skill-evidence-section .r18-section-heading{margin-bottom:12px}
.r18-progress-v10.r18-skill-detail .r18-skill-evidence-section .r18-section-heading h2{font-size:24px}
.r18-progress-v10.r18-skill-detail .r18-skill-evidence-section .r18-section-heading p{font-size:13px}
.r18-progress-v10.r18-skill-detail .r20-skill-progress-note{display:flex;align-items:center;gap:13px;padding:14px 18px;border-radius:12px;background:linear-gradient(125deg,rgba(81,48,26,.28),rgba(14,10,9,.5));box-shadow:inset 0 0 0 1px rgba(191,130,62,.16)}
.r18-progress-v10.r18-skill-detail .r20-skill-note-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;color:#d7ad6c;background:rgba(129,83,38,.18);border-radius:11px}
.r18-progress-v10.r18-skill-detail .r20-skill-progress-note strong{color:#e5cfb3;font:600 17px/1.3 var(--pv3-serif,Georgia,serif)}
.r18-progress-v10.r18-skill-detail .r20-skill-progress-note p{margin:5px 0 0;color:#a99d91;font-size:12.5px;line-height:1.45}
.r18-progress-v10.r18-skill-detail .r18-continue-section .r18-section-heading{margin-bottom:13px}
.r18-progress-v10.r18-skill-detail .r18-continue-section .r18-section-heading h2{font-size:24px}
.r18-progress-v10.r18-skill-detail .r18-continue-section .r18-section-heading p{font-size:13px}
.r18-progress-v10.r18-skill-detail .r18-content-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.r18-progress-v10.r18-skill-detail .r18-content-card{min-height:170px}
.r18-progress-v10.r18-skill-detail .r18-content-card h3{font-size:17px;line-height:1.27}
.r18-progress-v10.r18-skill-detail .r18-content-card p{font-size:12.5px;line-height:1.45}
.r18-progress-v10.r18-skill-detail .r18-content-card strong{margin-top:12px}
.r18-progress-v10.r18-skill-detail .r18-content-card.is-own .r18-own-icon{width:42px;height:42px;margin:13px 13px 0}
.r18-progress-v10.r18-skill-detail .r18-content-card.is-own .r18-own-icon svg{width:23px;height:23px}
@media(max-width:1080px){
 .r18-progress-v10.r18-skill-detail .r18-skill-hero{grid-template-columns:minmax(0,1.5fr) minmax(230px,.6fr)}
 .r18-progress-v10.r18-skill-detail .r18-orientation-inline{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .r18-progress-v10.r18-skill-detail .r18-skill-hero{grid-template-columns:1fr}
 .r18-progress-v10.r18-skill-detail .r18-skill-hero-main{padding:20px 16px}
 .r18-progress-v10.r18-skill-detail .r18-skill-hero-next{padding:18px 16px;border-top:1px solid rgba(220,166,97,.12);box-shadow:none}
 .r18-progress-v10.r18-skill-detail .r18-skill-hero-next .r18-primary-action{margin-top:18px}
 .r18-progress-v10.r18-skill-detail .r18-orientation-inline{grid-template-columns:1fr}
 .r18-progress-v10.r18-skill-detail .r18-orientation-inline>div{min-height:44px}
 .r18-progress-v10.r18-skill-detail .r18-content-card-grid{grid-template-columns:1fr}
 .r18-progress-v10.r18-skill-detail .r18-content-card{min-height:135px}
 .r18-progress-v10.r18-skill-detail .r20-skill-progress-note{padding:12px;align-items:flex-start}
}
