.skill-map-app{background:linear-gradient(180deg,#fbf8f1,#fff 42%);color:#1a1a1a;font-family:Inter,sans-serif;min-height:100%}.skill-map-topbar{align-items:center;background:#14213a;color:#fff;display:flex;justify-content:space-between;padding:12px clamp(20px,4vw,48px)}.skill-map-topbar button{background:transparent;border:0;color:#ffffffbf;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.skill-map-topbar span,.skill-map-kicker{color:#5c1f26;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.skill-map-topbar span{color:#fffc}.skill-map-hero,.skill-detail-head{border-bottom:1px solid #e5e7eb;margin:0 auto;max-width:1180px;padding:44px clamp(20px,5vw,56px)}.skill-map-hero h1,.skill-detail-head h1{color:#14213a;font-family:Cormorant Garamond,serif;font-size:clamp(40px,6vw,72px);font-weight:500;line-height:.98;margin:8px 0 14px}.skill-map-hero p,.skill-detail-head p,.skill-card p,.skill-detail-panel p,.skill-map-empty p{color:#6b6b6b;line-height:1.65}.skill-map-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.skill-map-actions.stacked{align-items:stretch;flex-direction:column}.skill-map-actions button,.skill-card-actions button,.skill-detail-panel button,.skill-map-empty button,.skill-mode-grid button,.skill-pro-lock button,.skill-card>button,.skill-detail-head button,.skill-map-guidance button{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#14213a;cursor:pointer;font-family:Inter,sans-serif;font-weight:800;min-height:42px;padding:11px 16px}.skill-map-actions button:first-child,.skill-map-empty button:first-of-type,.skill-pro-lock button:first-of-type{background:#5c1f26;border-color:#5c1f26;color:#fff}.skill-map-summary,.skill-map-grid,.skill-detail-grid,.skill-map-guidance{display:grid;gap:18px;margin:24px auto;max-width:1180px;padding:0 clamp(20px,5vw,56px)}.skill-map-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.skill-map-metric,.skill-card,.skill-detail-panel,.skill-map-empty{background:#fffffff0;border:1px solid rgba(184,150,62,.22);border-radius:22px;box-shadow:0 18px 55px #14213a14;padding:22px}.skill-map-metric span{color:#6b6b6b;display:block;font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:8px;text-transform:uppercase}.skill-map-metric strong{color:#14213a;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:600}.skill-map-guidance{display:flex;flex-wrap:wrap;margin-bottom:8px}.skill-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-card{display:flex;flex-direction:column;gap:16px}.skill-card.is-ignored{opacity:.72}.skill-card-main{align-items:center;background:transparent!important;border:0!important;display:flex;gap:16px;padding:0!important;text-align:left}.skill-card-main strong,.skill-card>strong,.skill-detail-panel h2,.skill-map-empty h2{color:#14213a;display:block;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:600;line-height:1.05}.skill-card-main small{color:#6b6b6b;display:block;font-size:13px;font-weight:500;line-height:1.45;margin-top:6px}.skill-ring{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 auto;height:74px;justify-content:center;position:relative;width:74px}.skill-ring:after{background:#fff;border-radius:50%;content:"";inset:8px;position:absolute}.skill-ring em{color:#5c1f26;font-size:15px;font-style:normal;font-weight:900;position:relative;z-index:1}.skill-card-meta,.skill-card-facts,.skill-card-actions{display:flex;flex-wrap:wrap;gap:8px}.skill-card-meta span,.skill-card-facts span{background:#f7f3ea;border:1px solid rgba(184,150,62,.18);border-radius:999px;color:#5c1f26;font-size:12px;font-weight:800;padding:7px 10px}.skill-card-facts span{background:#fff;color:#6b6b6b;font-weight:700}.skill-card-actions{margin-top:auto}.skill-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-detail-grid.one{grid-template-columns:1fr}.skill-trend{align-items:end;background:linear-gradient(180deg,#f7f3ea,#fff);border:1px solid #eee2ca;border-radius:18px;display:flex;gap:12px;height:180px;padding:18px}.skill-trend span{background:linear-gradient(180deg,#b8963e,#5c1f26);border-radius:999px 999px 6px 6px;flex:1;min-height:28px;position:relative}.skill-trend em{color:#6b6b6b;font-size:10px;font-style:normal;left:50%;position:absolute;top:-18px;transform:translate(-50%)}.skill-subtopic{display:grid;gap:8px;grid-template-columns:1fr auto;padding:12px 0}.skill-subtopic span{color:#14213a;font-weight:800}.skill-subtopic strong{color:#5c1f26}.skill-subtopic i{background:#b8963e;border-radius:999px;display:block;grid-column:1/-1;height:6px}.skill-pro-lock{background:#f7f3ea;border:1px solid rgba(92,31,38,.16);border-radius:18px;padding:18px}.skill-pro-lock strong{color:#5c1f26}.skill-pro-lock a,.skill-map-empty a{color:#5c1f26;display:inline-block;font-weight:800;margin-top:12px}.skill-mode-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.skill-mode-grid button{border-radius:14px;min-height:72px;text-align:left}.skill-mode-grid button.is-active{background:#14213a;border-color:#14213a;color:#fff}.skill-mode-grid small{background:#b8963e;border-radius:999px;color:#fff;display:inline-block;margin-left:8px;padding:3px 7px}.skill-topic-toggle{align-items:center;border-bottom:1px solid #e5e7eb;color:#14213a;display:flex;font-weight:800;justify-content:space-between;padding:13px 0}.skill-topic-toggle input{height:22px;width:22px}.skill-map-empty{margin:24px auto;max-width:920px;text-align:center}.skill-map-empty.compact{margin-top:18px}.skill-map-toast{background:#14213a;border-radius:999px;bottom:24px;box-shadow:0 18px 40px #14213a33;color:#fff;left:50%;opacity:0;padding:12px 18px;pointer-events:none;position:fixed;transform:translate(-50%,14px);transition:opacity .2s,transform .2s;z-index:10005}.skill-map-toast.show{opacity:1;transform:translate(-50%)}.skill-map-modal{align-items:center;background:#14213a8a;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10010}.skill-map-modal article{background:#fff;border-radius:22px;box-shadow:0 22px 60px #14213a33;max-width:560px;padding:28px;position:relative}.skill-map-modal button{background:#f7f3ea;border:0;border-radius:50%;color:#14213a;cursor:pointer;font-size:24px;height:38px;position:absolute;right:14px;top:14px;width:38px}.skill-map-modal h2{color:#14213a;font-family:Cormorant Garamond,serif;font-size:34px;margin:0 42px 12px 0}.skill-map-modal p{color:#6b6b6b;line-height:1.7}.skill-map-hub-card p{color:#6b6b6b;line-height:1.55}@media(max-width:920px){.skill-map-summary,.skill-map-grid,.skill-detail-grid,.skill-mode-grid{grid-template-columns:1fr}.skill-map-topbar{align-items:flex-start;flex-direction:column;gap:8px}}
