/* Örnek CV sayfaları.
   Belge, yazdırılabilir bir CV taklidi değil OKUNABİLİR bir örnek: amaç metnin
   sayfada bulunması, o yüzden A4 ölçüsü yerine akışkan bir kâğıt kullanılır. */
.sample-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.sample-card { display: flex; flex-direction: column; gap: 14px; padding: 24px; border: 1px solid #e8e8ec; border-radius: 20px; background: #fff; box-shadow: 0 10px 32px rgba(30, 30, 38, .06); }
.sample-card-head { display: flex; align-items: center; gap: 14px; }
.sample-card-mark { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 14px; background: linear-gradient(135deg, #ff7a1a, #ff4d00); color: #fff; font-size: 19px; font-weight: 800; }
.sample-card h2 { margin: 0; font-size: 18px; font-weight: 750; }
.sample-card h2 a { color: #171717; text-decoration: none; }
.sample-card h2 a:hover { color: #d9480f; }
.sample-card-head p { margin: 2px 0 0; color: #77777f; font-size: 12.5px; }
.sample-card-summary { margin: 0; color: #55555e; font-size: 13.5px; line-height: 1.65; }
.sample-card-link { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: #d9480f; font-size: 13px; font-weight: 750; text-decoration: none; }

.sample-detail { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .45fr); gap: 28px; align-items: start; }
.sample-sheet { padding: clamp(24px, 3vw, 44px); border: 1px solid #e8e8ec; border-radius: 22px; background: #fff; box-shadow: 0 14px 44px rgba(30, 30, 38, .07); }
.sample-sheet-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 2px solid #16161a; }
.sample-sheet-head h2 { margin: 0; font-size: clamp(26px, 3vw, 36px); font-weight: 800; letter-spacing: -.03em; }
.sample-sheet-head img { width: 96px; height: 96px; flex: 0 0 96px; border-radius: 50%; object-fit: cover; }
.sample-role { margin: 4px 0 0; color: #d9480f; font-size: 15px; font-weight: 700; }
.sample-contact { margin: 10px 0 0; color: #77777f; font-size: 13px; }

.sample-block { margin-top: 26px; }
.sample-block h3 { margin: 0 0 12px; padding-bottom: 6px; border-bottom: 1px solid #ececf0; color: #16161a; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.sample-block > p { margin: 0; color: #45454d; font-size: 14.5px; line-height: 1.7; }
.sample-entry { margin-bottom: 16px; }
.sample-entry:last-child { margin-bottom: 0; }
.sample-entry-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; }
.sample-entry-top b { font-size: 15.5px; font-weight: 750; }
.sample-entry-top time { color: #8b8b94; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.sample-entry-org { margin: 2px 0 0; color: #77777f; font-size: 13.5px; font-style: italic; }
.sample-entry ul { margin: 8px 0 0; padding-left: 18px; color: #45454d; font-size: 14px; line-height: 1.65; }
.sample-entry li { margin-bottom: 4px; }
.sample-skills { display: grid; gap: 8px; margin: 0; }
.sample-skills > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; }
.sample-skills dt { color: #16161a; font-size: 13.5px; font-weight: 750; }
.sample-skills dd { margin: 0; color: #45454d; font-size: 13.5px; }

.sample-aside { display: grid; gap: 18px; position: sticky; top: 90px; }
.sample-tips, .sample-others, .sample-cta-compact { padding: 22px; border: 1px solid #e8e8ec; border-radius: 18px; background: #fff; }
.sample-tips h2, .sample-others h2, .sample-cta h2 { margin: 0 0 12px; font-size: 16px; font-weight: 750; }
.sample-tips ul { margin: 0; padding-left: 17px; color: #55555e; font-size: 13.5px; line-height: 1.65; }
.sample-tips li { margin-bottom: 9px; }
.sample-others ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 7px; }
.sample-others a { color: #45454d; font-size: 13.5px; text-decoration: none; }
.sample-others a:hover { color: #d9480f; }
.sample-cta { margin-top: 34px; padding: 30px; border-radius: 22px; background: linear-gradient(140deg, #fff6ef, #ffe6d4); text-align: center; }
.sample-cta p { margin: 0 0 16px; color: #6b5a4d; font-size: 14px; }
.sample-cta .catalog-action { display: inline-flex; justify-content: center; }
.sample-cta-compact { margin: 0; background: linear-gradient(140deg, #fff6ef, #ffe6d4); border-color: #ffd9bd; text-align: left; }
.sample-secondary-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; color: #a9490f; font-size: 12.5px; font-weight: 700; text-decoration: none; }

@media (max-width: 980px) {
  .sample-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sample-detail { grid-template-columns: 1fr; }
  .sample-aside { position: static; }
}
@media (max-width: 640px) {
  .sample-grid { grid-template-columns: 1fr; }
  .sample-sheet-head { flex-direction: column-reverse; align-items: flex-start; }
  .sample-skills > div { grid-template-columns: 1fr; gap: 2px; }
}