/* SemsLanguage — Profilim sayfası; tokenlar shared/brand.css'ten (sems ERA kimliği). */
.pf { position: relative; max-width: 1152px; margin: 0 auto; padding: clamp(32px, 5vw, 56px) 24px clamp(56px, 8vw, 96px); }
.pf-glow { position: absolute; inset: 0 0 auto 0; height: 360px; pointer-events: none; background: radial-gradient(60% 50% at 50% 0%, rgba(34,211,238,.12), transparent 70%); }
.pf-section { position: relative; }
.hidden { display: none !important; }

.pf-label { font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--fg-45); }
.pf-title { margin-top: 8px; font-size: clamp(26px, 3.6vw, 40px); font-weight: 900; letter-spacing: -.02em; line-height: 1.1; color: var(--fg); }
.pf-sub { margin-top: 8px; font-size: 14.5px; line-height: 1.6; color: var(--fg-60); }

.pf-gate-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 460px); gap: 32px; align-items: start; }
@media (max-width: 860px) { .pf-gate-grid { grid-template-columns: minmax(0, 1fr); } }

.pf-head { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.pf-avatar { width: 64px; height: 64px; font-size: 22px; }
.pf-head-text { flex: 1; min-width: min(100%, 240px); }
.pf-head-actions { display: flex; gap: 10px; flex-wrap: wrap; }

.pf-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.pf-card { min-width: 0; border-radius: var(--r-2xl); border: 1px solid var(--line-15); background: var(--ink); padding: 24px; }
.pf-card-wide { grid-column: 1 / -1; }
.pf-card-center { text-align: center; color: var(--fg-60); }
.pf-card-center .sl-btn { margin-top: 14px; }
@media (max-width: 760px) { .pf-grid { grid-template-columns: minmax(0, 1fr); } .pf-card-wide { grid-column: auto; } }
.pf-card-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.pf-h2 { font-size: 16px; font-weight: 800; letter-spacing: -.01em; color: var(--fg); }
.pf-card-sub { font-size: 12.5px; color: var(--fg-45); }

.pf-dl { display: grid; gap: 12px; margin-top: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 760px) { .pf-dl { grid-template-columns: minmax(0, 1fr); } }
.pf-dl dt { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--fg-45); }
.pf-dl dd { margin-top: 3px; font-size: 14.5px; color: var(--fg-80); word-break: break-word; }
.pf-note { margin-top: 14px; font-size: 12.5px; line-height: 1.6; color: var(--fg-45); }
.pf-note a { color: var(--fg-60); }
.pf-note a:hover { color: var(--lift); }
.pf-phone-form { margin-top: 14px; display: grid; gap: 10px; }
.pf-phone-form .sl-btn { justify-self: start; }
.pf-link-btn { background: none; border: 0; padding: 0; color: var(--fg-60); font: inherit; font-size: 12.5px; cursor: pointer; text-decoration: underline; }
.pf-link-btn:hover { color: var(--lift); }

.pf-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; margin-bottom: 16px; }
.pf-stat { border: 1px solid var(--line); background: var(--fill-3); border-radius: var(--r-lg); padding: 12px 14px; }
.pf-stat b { display: block; font-size: 22px; font-weight: 900; letter-spacing: -.02em; color: var(--fg); }
.pf-stat span { font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--fg-45); }

.pf-chart { position: relative; width: 100%; }
.pf-chart svg { display: block; width: 100%; height: auto; overflow: visible; }
.pf-chart .grid { stroke: var(--line); stroke-width: 1; }
.pf-chart .axis { fill: var(--fg-45); font-size: 10px; font-weight: 600; }
.pf-chart .bar-seg { fill: rgba(34,211,238,.45); }
.pf-chart .bar-les { fill: #A3E635; }
.pf-chart .line-score { fill: none; stroke: #FBBF24; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.pf-chart .dot-score { fill: #FBBF24; }
.pf-chart .empty { fill: var(--fg-45); font-size: 13px; font-weight: 600; }
.pf-legend { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 10px; font-size: 11.5px; font-weight: 600; color: var(--fg-45); }
.pf-leg::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
.pf-leg-seg::before { background: rgba(34,211,238,.6); }
.pf-leg-les::before { background: #A3E635; }
.pf-leg-score::before { background: #FBBF24; border-radius: 50%; }

.pf-courses { display: grid; gap: 12px; }
.pf-course { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 14px; align-items: center; border: 1px solid var(--line); background: var(--fill-3); border-radius: var(--r-xl); padding: 16px; }
.pf-course-flag { font-size: 30px; line-height: 1; text-align: center; }
.pf-course-title { font-size: 15px; font-weight: 800; color: var(--fg); }
.pf-course-meta { margin-top: 3px; font-size: 12px; color: var(--fg-45); }
.pf-bar { margin-top: 10px; height: 6px; border-radius: 999px; background: var(--fill-10); overflow: hidden; }
.pf-bar i { display: block; height: 100%; background: var(--grad); border-radius: 999px; transition: width .4s; }
.pf-course-actions { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; }
.pf-course-done { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ok); }
.pf-empty { font-size: 14px; color: var(--fg-60); line-height: 1.6; }
.pf-empty a { color: var(--fg-80); }
@media (max-width: 560px) { .pf-course { grid-template-columns: 36px minmax(0, 1fr); } .pf-course-actions { grid-column: 1 / -1; flex-direction: row; justify-content: flex-start; } }

/* Doğrulama kutusu (shared/verify.js bileşeni) */
.pf-verify-box { margin-top: 14px; padding: 16px; border: 1px solid var(--line); background: var(--fill-3); border-radius: var(--r-xl); }