.container{max-width:1200px;margin-inline:auto;padding-inline:16px}
.sk-footer{background:var(--surface-2);color:var(--fg);padding-block:28px 0}
@media (min-width:1024px){.sk-footer{padding-block:36px 0}}
.sk-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:1024px){.sk-grid{grid-template-columns:1.2fr 1fr 1fr;gap:36px}}

.sk-ttl{display:inline-block;margin:0 0 10px;font-weight:600;font-size:.95rem;color:var(--fg);padding-bottom:8px;border-bottom:2px solid var(--brand-600)}

.sk-about p{margin:0 0 10px;text-align:justify}

.sk-menu{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.sk-menu a{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--fg);text-decoration:none;font-weight:500;font-size:.92rem;line-height:1.35;transition:background-color .12s ease,border-color .12s ease}
.sk-menu a:hover{background:color-mix(in oklab,var(--surface),var(--brand-500) 6%);border-color:color-mix(in oklab,var(--border),var(--brand-500) 18%)}

.sk-ic{inline-size:18px;block-size:18px;flex:0 0 18px;display:block}
.sk-ic.is-outline path{fill:none;stroke:currentColor}
.sk-ic.is-solid path{fill:currentColor;stroke:none}

.sk-contact{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.sk-contact a,.sk-contact-item{display:inline-flex;align-items:center;gap:8px;color:var(--fg);text-decoration:none;padding-block:6px;border-bottom:1px dashed color-mix(in oklab,var(--border),transparent 50%);font-weight:500;font-size:.93rem}
.sk-contact a:hover{color:var(--brand-700)}
.sk-contact .sk-ic{inline-size:18px;block-size:18px}

.sk-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;align-items:center}
.sk-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.sk-badge img{height:46px;width:auto;display:block}

.sk-social{display:flex;gap:10px;margin-top:14px}
.sk-soc{inline-size:36px;block-size:36px;display:grid;place-content:center;border:1px solid var(--border);border-radius:10px;background:color-mix(in oklab,var(--surface),var(--brand-600) 4%);color:var(--brand-600);transition:background-color .12s ease,border-color .12s ease}
.sk-soc:hover{background:color-mix(in oklab,var(--surface),var(--brand-500) 10%);border-color:color-mix(in oklab,var(--border),var(--brand-500) 18%)}

.sk-copy{margin:22px 0 0;padding:12px 0;text-align:center;background:var(--brand-600);color:#fff;font-size:.9rem;font-weight:500;box-shadow:0 0 0 100vmax var(--brand-600);clip-path:inset(0 -100vmax)}
.sk-copy a{color:#fff;text-decoration:underline;text-underline-offset:3px}