/* $SKILLRY extension — self-contained styles (site palette, light + .dark) */
.ske { --ske-bg:#f4f1e9; --ske-card:#e8e4da; --ske-fg:#121313; --ske-muted:rgba(18,19,19,.62);
  --ske-line:rgba(18,19,19,.12); --ske-accent:#d97757; --ske-accent-fg:#fff;
  color:var(--ske-fg); font-family:inherit; }
html.dark .ske { --ske-bg:#11110f; --ske-card:#1a1a18; --ske-fg:#fff; --ske-muted:rgba(255,255,255,.64);
  --ske-line:rgba(255,255,255,.14); }
.ske-wrap { margin:0 auto; max-width:1500px; padding:0 1rem; }
@media (min-width:640px){ .ske-wrap{ padding:0 2rem; } }
.ske-section { border-top:1px solid var(--ske-line); background:var(--ske-card); padding:3rem 0; }
.ske-section--pad { padding:4rem 0; }
.ske-eyebrow { display:inline-flex; align-items:center; gap:.5rem; border:1px solid var(--ske-line);
  border-radius:999px; padding:.35rem .8rem; font-size:.72rem; font-weight:600; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ske-muted); }
.ske-h2 { margin:1rem 0 0; font-size:clamp(1.5rem,3vw,2.35rem); font-weight:600; letter-spacing:-.03em; line-height:1.08; }
.ske-p { margin:.85rem 0 0; max-width:62ch; color:var(--ske-muted); line-height:1.7; font-size:.98rem; }
.ske-grid { display:grid; gap:1rem; margin-top:1.75rem; }
@media (min-width:768px){ .ske-grid--3{ grid-template-columns:repeat(3,1fr) } .ske-grid--2{ grid-template-columns:repeat(2,1fr) } }
.ske-tile { border:1px solid var(--ske-line); border-radius:1rem; padding:1.15rem 1.25rem; background:var(--ske-bg); }
.ske-tile h3 { margin:0; font-size:1rem; font-weight:600; letter-spacing:-.02em; }
.ske-tile p { margin:.4rem 0 0; color:var(--ske-muted); font-size:.9rem; line-height:1.6; }
.ske-ca { margin-top:1.75rem; border:1px solid var(--ske-line); border-radius:1.15rem; background:var(--ske-bg); padding:1.15rem 1.25rem; }
.ske-ca-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.6rem; }
.ske-ca-label { font-size:.72rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--ske-muted); }
.ske-ca-row { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; margin-top:.7rem; }
.ske-ca-code { flex:1 1 18rem; min-width:0; overflow:auto; white-space:nowrap; border:1px dashed var(--ske-line);
  border-radius:.75rem; padding:.7rem .85rem; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.85rem; }
.ske-ca-code--soon { color:var(--ske-muted); font-style:italic; font-family:inherit; }
.ske-btn { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-height:2.6rem;
  border-radius:.75rem; border:1px solid var(--ske-line); background:var(--ske-bg); color:var(--ske-fg);
  padding:.6rem 1rem; font-size:.9rem; font-weight:600; cursor:pointer; text-decoration:none; }
.ske-btn:hover { transform:translateY(-1px); }
.ske-btn--primary { background:var(--ske-accent); border-color:var(--ske-accent); color:var(--ske-accent-fg); }
.ske-btn[aria-disabled="true"] { opacity:.5; cursor:not-allowed; transform:none; }
.ske-note { margin:.8rem 0 0; font-size:.8rem; color:var(--ske-muted); line-height:1.6; }
.ske-actions { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.5rem; }
.ske-navlink { display:inline-flex; align-items:center; gap:.4rem; min-height:2.5rem; border-radius:.75rem;
  border:1px solid var(--ske-line); padding:.4rem .8rem; font-size:.85rem; font-weight:600;
  color:inherit; text-decoration:none; }
.ske-navlink:hover { background:rgba(217,119,87,.12); }
.ske-foot-col p { margin:0; font-size:.875rem; font-weight:600; }
.ske-foot-col ul { margin:1rem 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:.75rem; }
.ske-foot-col a { font-size:.875rem; color:rgba(18,19,19,.5); text-decoration:none; }
html.dark .ske-foot-col a { color:rgba(255,255,255,.5); }
.ske-foot-col a:hover { color:var(--ske-fg); }
.ske-badge { display:inline-block; border-radius:999px; border:1px solid var(--ske-line); padding:.15rem .5rem;
  font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; color:var(--ske-muted); }
/* --- payment methods + rebrand helpers --- */
.ske-h3 { margin:1rem 0 0; font-size:clamp(1.15rem,2vw,1.5rem); font-weight:600; letter-spacing:-.02em; }
.ske-sub { display:block; margin-top:.4em; font-size:.46em; font-weight:500; letter-spacing:-.01em; line-height:1.35; color:var(--ske-muted); }
.ske-pay { margin-top:1.75rem; border-top:1px solid var(--ske-line); padding-top:1.5rem; }
.ske-method-top { display:flex; align-items:center; justify-content:space-between; gap:.6rem; }
.ske-method h3 { margin:0; font-size:1rem; font-weight:600; letter-spacing:-.02em; }
.ske-method p { margin:.5rem 0 0; color:var(--ske-muted); font-size:.88rem; line-height:1.65; }
.ske-buy { flex-basis:100%; margin-top:.9rem; border:1px solid var(--ske-line); border-radius:1rem; background:var(--ske-bg); padding:.9rem 1rem; }
.ske-buy-label { margin:0; font-size:.72rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--ske-muted); }
.ske-buy-chips { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.6rem; }
.ske-chip { display:inline-flex; align-items:center; gap:.4rem; border:1px solid var(--ske-line); border-radius:.75rem;
  background:var(--ske-bg); color:var(--ske-fg); padding:.5rem .85rem; font-size:.85rem; font-weight:600; cursor:pointer; }
.ske-chip:hover { transform:translateY(-1px); }
.ske-chip.is-active { border-color:var(--ske-accent); box-shadow:inset 0 0 0 1px var(--ske-accent); }
.ske-chip-off { border-radius:999px; background:var(--ske-accent); color:#fff; padding:.05rem .4rem; font-size:.65rem; letter-spacing:.02em; }
.ske-buy .ske-note { margin-top:.7rem; }