.article-page{max-width:800px;margin:1.5rem auto;background-color:var(--color-surface-card);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);padding:1.5rem 2rem;box-shadow:0 4px 12px var(--color-shadow-default);transition:background-color .3s ease,border-color .3s ease}.article-page h1,.article-page h2,.article-page h3{line-height:1.3;margin-bottom:1rem;margin-top:1.5rem}.article-page h1{font-size:2.2rem;text-align:center;border-bottom:2px solid var(--color-border-secondary);padding-bottom:1rem;margin-top:0}.article-page h2{font-size:1.8rem;color:var(--color-primary-base);border-bottom:1px solid var(--color-border-primary);padding-bottom:.5rem}.article-page h3{font-size:1.4rem;color:var(--color-text-primary)}.article-page p,.article-page li{font-size:1.1rem;line-height:1.7;color:var(--color-text-primary);margin-bottom:1.2rem}.article-page ul,.article-page ol{margin-left:2rem;margin-bottom:1.5rem}.article-page a{color:var(--color-text-link);text-decoration:underline;font-weight:500}.article-page a:hover{color:var(--color-text-link-hover)}.article-page strong{font-weight:600;color:inherit}.article-image{margin:2rem 0;text-align:center}.article-image img{max-width:100%;height:auto;border-radius:var(--border-radius-base);box-shadow:0 4px 8px var(--color-shadow-default)}.article-image figcaption{font-size:.9rem;color:var(--color-text-secondary);margin-top:.5rem;font-style:italic}.article-callout{border-left:4px solid var(--color-primary-base);background-color:rgba(24,38,65,0.05);padding:1rem 1.25rem;border-radius:var(--border-radius-base);margin:1.5rem 0}.article-callout strong{display:block;font-size:1.1rem;margin-bottom:.5rem}.article-callout ul{margin:0;padding-left:1.2rem}.article-callout li{margin-bottom:.5rem}.article-cta{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}@media(max-width:767px){.article-page{padding:1rem 1.5rem}.article-page h1{font-size:1.8rem}.article-page h2{font-size:1.5rem}.article-page p,.article-page li{font-size:1rem}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-page table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:1rem;background-color:var(--color-surface-card);min-width:720px}.article-page caption{caption-side:bottom;padding:.75rem 0;font-size:.95rem;color:var(--color-text-secondary);text-align:left}.article-page th,.article-page td{border:1px solid var(--color-border-primary);padding:.75rem 1rem;text-align:left;vertical-align:top;color:var(--color-text-primary);background-color:inherit}.article-page th{font-weight:600;background:color-mix(in srgb,var(--color-primary-base) 12%,var(--color-surface-card));color:var(--color-text-primary);letter-spacing:.01em;white-space:nowrap}.article-page tbody tr:nth-child(even){background:color-mix(in srgb,var(--color-surface-highlight) 55%,transparent)}.article-page tbody tr:hover{background:color-mix(in srgb,var(--color-primary-base) 8%,var(--color-surface-card))}.table-responsive{margin:1.5rem 0;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-primary-base) 10%,transparent)}.table-responsive>table{border-radius:inherit;margin:0}@media(max-width:768px){.article-page table{font-size:.95rem;min-width:640px}.article-page th,.article-page td{padding:.65rem .75rem}}@media(max-width:576px){.article-page table{min-width:560px}.table-responsive{margin:1rem 0}}@media(max-width:420px){.article-page table{font-size:.9rem;min-width:480px}.article-page th,.article-page td{padding:.55rem .6rem}}:root{--homepage-grid-gap:clamp(1rem,2.2vw,1.8rem);--homepage-card-padding:clamp(1.15rem,2vw,1.8rem);--homepage-card-icon-size:clamp(2.2rem,3vw,2.7rem);--homepage-card-icon-bg:color-mix(in srgb,var(--color-primary-base) 12%,transparent);--homepage-card-icon-color:var(--color-primary-base)}.content-section{display:flex;flex-direction:column;gap:clamp(0.75rem,2vw,1.25rem)}.content-grid{display:grid;gap:var(--homepage-grid-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:stretch}.card.content-card{position:relative;padding:var(--homepage-card-padding);display:flex;flex-direction:column;gap:clamp(0.6rem,1.6vw,1rem);border:1px solid var(--color-border-primary);background-color:var(--color-surface-card);box-shadow:0 10px 28px color-mix(in srgb,var(--color-shadow-default) 65%,transparent);transition:transform .25s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease}.card.content-card:hover,.card.content-card:focus-within{transform:translateY(-4px);box-shadow:0 16px 34px color-mix(in srgb,var(--color-shadow-default) 85%,transparent);border-color:color-mix(in srgb,var(--color-primary-base) 30%,var(--color-border-primary))}.card.content-card .content-icon-badge{align-self:flex-start}.content-card__title{margin:0;font-size:clamp(1.1rem,2vw,1.35rem);color:var(--color-text-primary);font-weight:600}.content-card__body{display:flex;flex-direction:column;gap:clamp(0.55rem,1.4vw,0.9rem)}.content-icon-badge{width:var(--homepage-card-icon-size);height:var(--homepage-card-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:var(--homepage-card-icon-bg);color:var(--homepage-card-icon-color);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--color-primary-base) 35%,transparent)}.content-icon-badge .icon{font-size:1.2em}.content-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--homepage-grid-gap)}.content-list--numbered{counter-reset:content-step}.content-list--numbered>li{counter-increment:content-step;list-style:none}.content-list--numbered>li .content-card--numbered{padding-left:calc(var(--homepage-card-padding)+var(--homepage-card-icon-size)+0.85rem)}.content-list--numbered>li .content-card--numbered::before{content:counter(content-step);position:absolute;top:var(--homepage-card-padding);left:var(--homepage-card-padding);width:var(--homepage-card-icon-size);height:var(--homepage-card-icon-size);border-radius:50%;background-color:var(--homepage-card-icon-bg);color:var(--homepage-card-icon-color);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 2px color-mix(in srgb,var(--color-primary-base) 35%,transparent)}.content-list--bulleted{list-style:disc;margin-left:1.3rem;gap:clamp(0.4rem,1.2vw,0.75rem)}.ten-finger-training .content-card,.landing-section.content-card{border-color:color-mix(in srgb,var(--color-primary-base) 22%,var(--color-border-primary));background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-primary-base) 8%,transparent),transparent 65%)}.ten-finger-basics .content-card{border-color:color-mix(in srgb,var(--color-secondary-base) 18%,var(--color-border-primary));background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-secondary-base) 8%,transparent),transparent 65%)}.training-interpretation .content-card--numbered{border-color:color-mix(in srgb,var(--color-text-primary) 18%,var(--color-border-primary))}.landing-faq .content-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.landing-faq__item.card.content-card{gap:clamp(0.45rem,1.3vw,0.8rem)}.landing-howto__steps.content-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.landing-howto__steps .content-card__title{font-size:clamp(1rem,1.8vw,1.2rem)}@media(max-width:767px){.content-grid{grid-template-columns:1fr}.content-list--numbered>li .content-card--numbered{padding-left:calc(var(--homepage-card-padding)+var(--homepage-card-icon-size)+0.65rem)}}@media(max-width:575px){:root{--homepage-card-padding:clamp(1rem,5vw,1.4rem)}.card.content-card{box-shadow:0 6px 18px color-mix(in srgb,var(--color-shadow-default) 65%,transparent)}}@media(prefers-reduced-motion:reduce){.card.content-card,.card.content-card:focus-within,.content-icon-badge,.content-list,.content-list--numbered>li .content-card--numbered,.landing-faq__item.card.content-card,.feature-item{transition:none!important}.card.content-card,.card.content-card:hover,.card.content-card:focus-within,.feature-item,.feature-item:hover{transform:none!important}}
.blog-page{padding:2.5rem 0 4rem;background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-card) 100%)}.blog-hero{text-align:center;margin-bottom:2.5rem;background:var(--color-surface-card);border-radius:calc(var(--border-radius-base) * 1.5);padding:2.5rem 2rem;border:1px solid var(--color-border-primary);box-shadow:0 20px 45px -30px var(--color-shadow-default);position:relative;overflow:hidden}.blog-hero::before,.blog-hero::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--color-surface-highlight);opacity:.4;filter:blur(0px);transition:transform .6s ease}.blog-hero::before{top:-60px;left:-60px}.blog-hero::after{bottom:-70px;right:-50px}.blog-hero:hover::before,.blog-hero:hover::after{transform:scale(1.05)}.blog-hero-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:1rem}.blog-hero h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:1rem;color:var(--color-text-primary)}.blog-hero-subline{font-size:clamp(1rem,2.3vw,1.2rem);color:var(--color-text-secondary);max-width:48rem;margin:0 auto}.blog-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.blog-card{background:var(--color-surface-card);border-radius:calc(var(--border-radius-base) * 1.4);border:1px solid var(--color-border-primary);box-shadow:0 15px 35px -25px var(--color-shadow-default);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden}.blog-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-card-media{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(14,165,233,0.15),rgba(139,92,246,0.15));padding:1.5rem}.blog-card-media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(14,165,233,0.3))}@supports not(aspect-ratio:1 / 1){.blog-card-media{position:relative;display:block;padding:1.5rem;height:0;padding-bottom:calc(56.25%+1.5rem)}.blog-card-media>*{position:absolute;top:1.5rem;right:1.5rem;bottom:1.5rem;left:1.5rem}}.blog-card-body{padding:1.75rem 1.75rem 2rem;display:flex;flex-direction:column;gap:.85rem;flex:1}.blog-card-tag{align-self:flex-start;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:rgba(14,165,233,0.12);color:var(--color-text-link);padding:.35rem .75rem;border-radius:999px}.blog-card h2{font-size:1.35rem;line-height:1.4;color:var(--color-text-primary);margin:0}.blog-card p{color:var(--color-text-secondary);line-height:1.65;margin:0;flex:1}.blog-card-cta{font-weight:600;color:var(--color-text-link);display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s ease,color .3s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px -30px rgba(14,165,233,0.35);border-color:rgba(14,165,233,0.4)}.blog-card:hover .blog-card-cta{gap:.75rem;color:var(--color-text-link-hover)}.blog-empty-state{text-align:center;font-size:1.1rem;color:var(--color-text-secondary);background:var(--color-surface-card);border:1px dashed var(--color-border-primary);border-radius:var(--border-radius-base);padding:2rem}@media(max-width:768px){.blog-page{padding:1.5rem 0 3rem}.blog-hero{margin-bottom:2rem;padding:2rem 1.5rem}.blog-card-body{padding:1.5rem 1.5rem 1.75rem}}@media(prefers-reduced-motion:reduce){.blog-hero::before,.blog-hero::after,.blog-card,.blog-card-cta{transition:none}.blog-card:hover{transform:none}}.blog-post-page{padding:2.5rem 0 4rem;background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-card) 100%)}.blog-article{position:relative}.blog-post-header{text-align:center;margin-bottom:2rem}.blog-post-meta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;font-size:.95rem;color:var(--color-text-secondary);margin-bottom:1rem}.blog-post-tag,.related-article-tag{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .85rem;border-radius:999px;background:rgba(14,165,233,0.12);color:var(--color-text-link);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.blog-post-reading-time,.blog-post-date{display:inline-flex;align-items:center;gap:.35rem}.blog-post-intro{font-size:1.1rem;line-height:1.7;color:var(--color-text-primary)}.blog-methodology-box{margin:2rem 0;padding:1.5rem;background:var(--color-surface-card);border:1px solid var(--color-border-primary);border-left:4px solid var(--color-primary);border-radius:calc(var(--border-radius-base) * 1.1);box-shadow:0 18px 38px -32px var(--color-shadow-default)}.blog-methodology-box h2{margin-top:0;margin-bottom:.75rem;font-size:1.2rem}.blog-methodology-box p{margin-bottom:.75rem;color:var(--color-text-secondary)}.blog-methodology-box p:last-child{margin-bottom:0}.blog-methodology-source{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-weight:600;color:var(--color-text-primary)}.blog-methodology-source a{color:var(--color-primary);text-decoration:underline}.blog-methodology-source-note{font-weight:400;color:var(--color-text-secondary)}.blog-dataset-table{padding:1.25rem;border:1px solid var(--color-border-primary);border-radius:calc(var(--border-radius-base) * 1.05);background:var(--color-surface-card);box-shadow:0 16px 40px -34px var(--color-shadow-default)}.blog-dataset-table+.blog-dataset-table{margin-top:1.5rem}.blog-post-ad{margin:2rem auto 0;display:flex;justify-content:center}.blog-post-section+.blog-post-section{margin-top:2rem}.blog-post-table-wrapper,.blog-table-wrapper{margin:1.5rem 0;overflow-x:auto}.inline-citation{text-decoration:none;color:inherit}.inline-citation:hover,.inline-citation:focus-visible{text-decoration:underline}.inline-citation sup{font-size:.75em}.blog-custom-html{margin:1.5rem 0}.blog-post-section--downloads{background:rgba(14,165,233,0.08);border:1px solid rgba(14,165,233,0.25);border-radius:calc(var(--border-radius-base) * 1.2);padding:1.75rem;box-shadow:0 18px 45px -32px rgba(14,165,233,0.35);position:relative}.blog-post-section--downloads::before{content:"";position:absolute;inset:.65rem;border-radius:inherit;border:1px dashed rgba(14,165,233,0.4);pointer-events:none}.blog-post-section--downloads h2,.blog-post-section--downloads h3{margin-top:0}.blog-custom-html--downloads{margin-top:1.5rem}.reference-preview{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:.75rem}.reference-preview li a{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:var(--color-text-link)}.reference-preview li a::before{content:"↗";font-size:.85em;color:inherit}.reference-preview li a:hover,.reference-preview li a:focus-visible{text-decoration:underline}.blog-post-footer{margin-top:2.5rem;display:flex;justify-content:center}.related-articles{margin-top:3rem;padding:2rem;background:var(--color-surface-card);border:1px solid var(--color-border-primary);border-radius:calc(var(--border-radius-base) * 1.2);box-shadow:0 15px 35px -30px var(--color-shadow-default)}.related-articles h2{text-align:center;margin-bottom:1.5rem}.related-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.related-article-card{background:var(--color-surface);border-radius:calc(var(--border-radius-base) * 1.1);border:1px solid var(--color-border-primary);padding:1.25rem;box-shadow:0 10px 25px -20px var(--color-shadow-default);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.related-article-card a{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.6rem;height:100%}.related-article-card h3{font-size:1.1rem;margin:0}.related-article-card p{color:var(--color-text-secondary);margin:0;line-height:1.6}.related-article-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -25px rgba(14,165,233,0.3);border-color:rgba(14,165,233,0.4)}@media(max-width:768px){.blog-post-page{padding:1.5rem 0 3rem}.related-articles{padding:1.5rem}}.blog-post-content h2{margin-top:2.5rem;margin-bottom:1rem;font-size:clamp(1.6rem,3vw,2rem);border-bottom:2px solid var(--color-border-primary);padding-bottom:.35em;color:var(--color-text-primary)}.blog-post-content h3{margin-top:1.75rem;margin-bottom:.6rem;font-size:clamp(1.25rem,2.4vw,1.5rem);color:var(--color-text-primary)}.blog-post-content p{line-height:1.75;margin-bottom:1.25em;color:var(--color-text-primary)}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.25em;padding-left:1.9em}.blog-post-content li{margin-bottom:.6em}.blog-post-content strong{color:var(--color-text-primary)}.ergonomic-checklist{background:var(--color-surface-card);border:1px solid var(--color-border-primary);border-radius:calc(var(--border-radius-base) * 1.2);padding:1.75rem;box-shadow:0 18px 40px -28px var(--color-shadow-default)}.ergonomic-checklist fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:1.25rem}.ergonomic-checklist legend{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:600;color:var(--color-text-primary)}.ergonomic-checklist .checklist-description{margin:0;color:var(--color-text-secondary);line-height:1.6}.ergonomic-checklist .checklist-description a{color:var(--color-text-link);font-weight:600}.ergonomic-checklist .checklist-description a:hover,.ergonomic-checklist .checklist-description a:focus{color:var(--color-text-link-hover)}.ergonomic-checklist .checklist-progress{margin:0;font-weight:600;color:var(--color-text-primary)}.ergonomic-checklist .checklist-items{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.ergonomic-checklist .checklist-items li{display:flex;align-items:flex-start;gap:.75rem}.ergonomic-checklist input[type="checkbox"]{width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:var(--color-text-link)}.ergonomic-checklist label{line-height:1.6;color:var(--color-text-secondary)}.blog-data-table-wrapper{margin-top:1.5rem;border:1px solid var(--color-border-primary);border-radius:calc(var(--border-radius-base) * 1.1);overflow-x:auto;background:var(--color-surface-card)}.blog-data-table{width:100%;border-collapse:collapse;min-width:520px}.blog-data-table th,.blog-data-table td{padding:.85rem 1rem;border-bottom:1px solid var(--color-border-secondary);text-align:left}.blog-data-table th{background:rgba(14,165,233,0.08);font-weight:600;color:var(--color-text-primary)}.blog-data-table tbody tr:last-child th,.blog-data-table tbody tr:last-child td{border-bottom:0}.blog-infographic-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.5rem}.blog-infographic-card{background:var(--color-surface-card);border:1px solid var(--color-border-primary);border-radius:calc(var(--border-radius-base) * 1.1);padding:1.5rem;box-shadow:0 16px 36px -30px var(--color-shadow-default)}.blog-infographic-card h3{margin-top:0;margin-bottom:.75rem;font-size:1.1rem;color:var(--color-text-primary)}.blog-infographic-card p{margin:0;line-height:1.6;color:var(--color-text-secondary)}.resource-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1.5rem}.resource-card{background:var(--color-surface-card);border:1px solid var(--color-border-primary);border-radius:calc(var(--border-radius-base) * 1.1);padding:1.75rem;box-shadow:0 18px 40px -28px var(--color-shadow-default);display:flex;flex-direction:column;gap:.85rem}.resource-card h3{margin:0;font-size:1.2rem;color:var(--color-text-primary)}.resource-card p{margin:0;line-height:1.65;color:var(--color-text-secondary)}.resource-card .btn{align-self:flex-start}.newsletter-card{background:linear-gradient(135deg,rgba(14,165,233,0.12),rgba(139,92,246,0.12));border-color:rgba(14,165,233,0.4)}.blog-post-references{background:var(--color-surface-card);border:1px solid var(--color-border-primary);border-radius:calc(var(--border-radius-base) * 1.1);padding:1.75rem;box-shadow:0 18px 40px -28px var(--color-shadow-default)}.blog-footnotes{margin:0;padding-left:1.4rem;display:flex;flex-direction:column;gap:.75rem}.blog-footnotes li{color:var(--color-text-secondary);line-height:1.65}.blog-footnotes a{color:var(--color-text-link)}.blog-footnotes a:hover,.blog-footnotes a:focus{color:var(--color-text-link-hover)}.footnote-ref{text-decoration:none;font-weight:600;color:var(--color-text-link)}.footnote-backref{display:inline-block;margin-left:.5rem;font-size:.85rem}@media(max-width:768px){.ergonomic-checklist{padding:1.25rem}.resource-grid{grid-template-columns:1fr}.blog-data-table{min-width:100%}}