.footer-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.footer strong{color:#b0d5e3;font-weight:600}
.tree-intro{margin-bottom:46px;padding:0 0 30px;border-bottom:1px solid #517f906b;scroll-margin-top:28px}
.tree-intro>.eyebrow{margin:0 0 14px}
.tree-intro h2{font:500 clamp(1.875rem,2.9vw,2.75rem)/1.3 Cinzel,Georgia,serif;margin:0 0 18px;color:#deeff6}
.tree-intro>p:not(.eyebrow){font-size:1rem;line-height:1.75;color:#adc7d1;max-width:78ch}
.skill-counts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.skill-counts span{padding:8px 14px;border:1px solid #578ea25e;background:#121720;color:#b1cad3;font-size:.9375rem}
.skill-counts strong{font-weight:600;color:#abd8e9;margin-right:7px}
.tree-intro>.data-note{font-size:.875rem!important;color:#8bb0be!important;margin:0}
.data-note a{color:#8fbccd;text-decoration-color:#4c7888;text-underline-offset:3px}
.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.skill-card{min-width:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#151b26,#0f131a);border:1px solid #52839566;padding:22px;scroll-margin-top:24px}
.skill-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}
.skill-heading>div{min-width:0}
.skill-heading img{display:block;width:56px;height:56px;flex:0 0 56px;object-fit:contain;border:1px solid #71aec44d;background:#080b0f;border-radius:7px}
.skill-heading h3{font-family:'DM Sans',Arial,sans-serif;font-size:1.0625rem;line-height:1.4;font-weight:600;color:#c4e6f2;margin:0 0 5px;overflow-wrap:anywhere}
.skill-en{display:inline-block;font-size:.875rem;line-height:1.5;color:#91b4c1;text-decoration:none;overflow-wrap:anywhere}
.skill-en:hover{color:#d1edf7;text-decoration:underline;text-underline-offset:3px}
.skill-original{display:block;margin-top:5px;font-size:.8125rem;line-height:1.5;color:#90b3c0;text-decoration:none;overflow-wrap:anywhere}.skill-original:hover{color:#b2e1f1;text-decoration:underline;text-underline-offset:3px}
.skill-card>p{font-size:1rem;line-height:1.7;color:#b2cad3;margin:0 0 16px}
.skill-level{font-size:.8125rem;line-height:1.5;color:#7aa5b4;margin-top:auto}
.extra-skills{margin-top:32px;padding-top:28px;border-top:1px solid #517f9055}
.extra-skills>h3{font:500 1.375rem/1.5 Cinzel,Georgia,serif;color:#b1d5e1;margin:0 0 9px}
.extra-skills>h3 span{font:500 .8125rem 'DM Sans',Arial,sans-serif;color:#80a9b8;vertical-align:middle;margin-left:8px;border:1px solid #52839566;padding:3px 7px}
.extra-skills>.section-desc{font-size:.9375rem}
.hero-art{position:relative;isolation:isolate}
.hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 82% 16%,#c3e7f459 0,transparent 24%),linear-gradient(112deg,transparent 45%,#a8ddf010 60%,transparent 78%);mix-blend-mode:screen;opacity:.1;animation:cleric-light 8s ease-in-out infinite}
@keyframes cleric-light{0%,100%{opacity:.08}50%{opacity:.55}}
.hero-art.is-still .hero-glow{animation:none;opacity:0}
.motion-toggle{position:absolute;right:14px;bottom:14px;z-index:1;border:1px solid #7dabbc80;background:#0a0c11e8;color:#c1e0ec;font:500 .875rem/1.4 'DM Sans',Arial,sans-serif;padding:10px 13px;border-radius:4px;cursor:pointer;box-shadow:0 2px 12px #0005}
.motion-toggle:hover{background:#182233}
.motion-toggle:focus-visible{outline:2px solid #a7dcef;outline-offset:3px}
.motion-toggle[hidden]{display:none}
@media(min-width:1550px){.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.skills-grid{grid-template-columns:1fr}.skill-card{padding:20px}.tree-intro{margin-bottom:34px}.skill-heading h3{font-size:1.125rem}.footer-inner{flex-direction:column}.motion-toggle{font-size:.8125rem;padding:8px 10px;right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.hero-art:not(.motion-enabled) .hero-glow{animation:none;opacity:0}}