/* Shared public-page scale follows the homepage container and spacing. */
body.internal-page {--content-width:1400px;--content-gutter:32px}
body.internal-page .internal-main .container,
body.internal-page .internal-main .landing-wrap {
  width:calc(100% - var(--content-gutter)*2)!important;
  max-width:var(--content-width)!important;margin-inline:auto!important;
  padding-inline:0!important;
}
body.internal-page .internal-main>section {padding-block:40px!important}
body.internal-page .internal-main h1 {font-size:clamp(30px,3.3vw,46px)!important;line-height:1.3!important}
body.internal-page .internal-main h2 {font-size:clamp(24px,2.4vw,34px);line-height:1.4}
body.internal-page .internal-main .gap-12 {gap:32px}
body.internal-page .internal-main .gap-8 {gap:24px}
body.internal-page .internal-main .gap-6 {gap:20px}
body.internal-page .internal-main .project-image-wrapper {height:230px}
body.internal-page .internal-main .project-card-content {padding:22px}
body.internal-page .internal-main .project-title-enhanced {font-size:21px!important}
body.internal-page .internal-main .partnership-banner-content {padding:28px}
body.internal-page .internal-main .landing-hero {min-height:0;padding-block:40px;gap:40px}
body.internal-page .internal-main .landing-hero .landing-art {max-height:320px;object-fit:contain}
body.internal-page .internal-main .landing-section {padding-top:48px}
/* The skills introduction is deliberately shorter than the home hero. */
body[data-page=skills] .internal-main>.skills-intro {padding-block:32px!important}
body[data-page=skills] .skills-intro>.container>.grid {gap:40px}
body[data-page=skills] .skills-intro h1 {font-size:clamp(30px,3.2vw,42px)!important;margin:18px 0!important}
body[data-page=skills] .skills-intro .text-lg {font-size:14px;line-height:1.8}
body[data-page=skills] .skills-intro .section-badge {margin-bottom:0!important}
body[data-page=skills] .pricing-card-enhanced .pricing-content {padding:20px!important}
body[data-page=skills] .pricing-card-enhanced .pricing-title {font-size:20px!important;line-height:1.4!important}
body[data-page=skills] .pricing-card-enhanced .pricing-badge {display:none}
body[data-page=skills] .pricing-card-enhanced .pricing-header {margin-bottom:10px;gap:12px}
body[data-page=skills] .pricing-card-enhanced .pricing-icon {width:36px;height:36px;min-width:36px}
body[data-page=skills] .pricing-card-enhanced .pricing-desc {font-size:12px;line-height:1.7;margin-bottom:12px}
body[data-page=skills] .pricing-price-inline {padding:10px 16px;margin-block:12px}
body[data-page=skills] .pricing-card-enhanced .price-amount {font-size:28px!important}
body[data-page=skills] .pricing-card-enhanced ul {display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:12px 0;padding:0}
body[data-page=skills] .pricing-card-enhanced ul>li {font-size:11px;line-height:1.6;padding:0;border:0;margin:0}
body[data-page=skills] .pricing-card-enhanced .pricing-btn {min-height:40px;padding:10px 16px;font-size:12px;margin-top:14px}
body[data-page=skills] #skillsGrid {gap:16px}
body[data-page=skills] .skill-card-main {padding:18px;min-height:170px}
body[data-page=skills] .skill-icon-wrapper {width:44px;height:44px;flex-basis:44px;border-radius:10px}
body[data-page=skills] .skill-name {font-size:17px!important;line-height:1.35}
body[data-page=skills] .skill-description {font-size:12px!important;line-height:1.75!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body[data-page=skills] .skill-project-count {padding-top:12px;margin-top:14px;font-size:11px}
body[data-page=skills] .skill-icon-wrapper>img[src*="tbc-bank-logo"],
body[data-page=skills] .skill-icon-wrapper>img[src*="ubill-brand"],
body[data-page=skills] .skill-icon-wrapper>img[src*="yandex-brand"],
#modalSkillIcon>img[src*="tbc-bank-logo"],#modalSkillIcon>img[src*="ubill-brand"],#modalSkillIcon>img[src*="yandex-brand"] {object-fit:contain!important;padding:5px!important;background:#fff}
.skills-pagination {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;color:#60798b;font-size:12px}
.skills-pagination>div {display:flex;gap:8px}
.skills-pagination button {background:#fff;color:#315d7c;border:1px solid #d2e0eb;border-radius:8px;padding:9px 16px;cursor:pointer;min-width:44px}
.skills-pagination button:disabled {opacity:.4;cursor:default}
@media(max-width:1000px) {body.internal-page {--content-gutter:24px}body[data-page=skills] .skills-intro>.container>.grid {gap:24px}}
@media(max-width:740px) {
  body.internal-page {--content-gutter:16px}
  body.internal-page .internal-main>section {padding-block:28px!important}
  body.internal-page .internal-main h1 {font-size:30px!important}
  body.internal-page .internal-main h2 {font-size:25px}
  body.internal-page .internal-main .gap-12 {gap:24px}
  body[data-page=skills] .skills-intro h1 {max-width:none;font-size:30px!important}
  body[data-page=skills] .pricing-card-enhanced .pricing-content {padding:18px!important}
  body[data-page=skills] .pricing-card-enhanced ul {gap:8px}
  body[data-page=skills] .skill-card-main {min-height:0}
  .skills-pagination {gap:10px;font-size:11px}.skills-pagination button {padding:8px 12px}
}

/* Same outer measure as the homepage current-project section. */
body[data-page=skills] .internal-main .container {width:calc(100% - var(--content-gutter)*2)!important;max-width:1400px!important}
body[data-page=skills] .internal-main>.skills-intro {padding-block:24px!important}
body[data-page=skills] .skills-intro>.container>.grid {gap:28px;min-height:0}
body[data-page=skills] .skills-intro h1 {font-size:clamp(28px,2.8vw,36px)!important;line-height:1.3!important;margin:14px 0!important;max-width:18ch}
body[data-page=skills] .skills-intro .text-lg {font-size:13px;line-height:1.8;margin-bottom:12px}
body[data-page=skills] .pricing-card-enhanced .pricing-content {padding:18px!important}
body[data-page=skills] .pricing-card-enhanced .pricing-title {font-size:18px!important}
body[data-page=skills] .pricing-card-enhanced .pricing-desc {font-size:11px;line-height:1.6;margin-bottom:8px}
body[data-page=skills] .pricing-card-enhanced .pricing-price-inline {padding:8px 12px;margin-block:8px}
body[data-page=skills] .pricing-card-enhanced .price-amount {font-size:26px!important}
body[data-page=skills] .pricing-card-enhanced ul {margin:10px 0;gap:6px 12px}
body[data-page=skills] .pricing-card-enhanced ul>li {line-height:1.5}
body[data-page=skills] .pricing-card-enhanced .pricing-cta {padding:10px 14px;font-size:12px;min-height:38px}
body[data-page=skills] .internal-main>section#skills {padding-top:28px!important;padding-bottom:28px!important}
body[data-page=skills] .skills-pagination {justify-content:center;gap:16px;margin-top:18px}
body[data-page=skills] .skills-pagination>button {display:inline-flex;align-items:center;gap:18px;padding:10px 20px;background:#fff;border:1px solid #bcd2e2;color:#226c9e;border-radius:8px;font-size:13px}
body[data-page=skills] .skills-pagination>button:hover {background:#edf5fb}
body[data-page=skills] .skills-pagination>button[hidden],body[data-page=skills] .skills-pagination[hidden] {display:none}
@media(max-width:740px) {body[data-page=skills] .skills-intro h1 {max-width:none;font-size:28px!important}body[data-page=skills] .pricing-card-enhanced .pricing-content {padding:16px!important}}