.stats-badge-inline{display:inline-flex;align-items:baseline;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border-radius:9999px;border:1.5px solid rgba(251,191,36,.3);box-shadow:0 2px 8px #fbbf241a}.stats-number-inline{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-label-inline{font-size:.95rem;color:#111827;font-weight:500}.content-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start}.main-content{min-width:0}.stroke-nav-wrapper{margin-bottom:2.5rem;background:linear-gradient(145deg,#fff,#f9fafb);border-radius:1.5rem;border:1.5px solid rgba(229,231,235,.8);overflow:hidden;box-shadow:0 4px 16px #0000000d}.stroke-nav-header{display:flex;align-items:center;gap:.625rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f9fafb80,#f3f4f680);border-bottom:1.5px solid rgba(229,231,235,.8)}.nav-icon{width:1.25rem;height:1.25rem;color:#111827;flex-shrink:0}.nav-title{font-size:.9375rem;font-weight:600;color:#111827;letter-spacing:.025em}.stroke-nav-container{position:relative;overflow:hidden}.stroke-nav-container:before,.stroke-nav-container:after{content:"";position:absolute;top:0;bottom:0;width:50px;pointer-events:none;z-index:2;transition:opacity .3s}.stroke-nav-container:before{left:0;background:linear-gradient(to right,rgba(249,250,251,1),transparent)}.stroke-nav-container:after{right:0;background:linear-gradient(to left,rgba(249,250,251,1),transparent)}.stroke-nav{display:flex;gap:.625rem;padding:1.5rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(229,231,235,.5) rgba(243,244,246,.3)}.stroke-nav::-webkit-scrollbar{height:6px}.stroke-nav::-webkit-scrollbar-track{background:#f3f4f64d;border-radius:3px}.stroke-nav::-webkit-scrollbar-thumb{background:#e5e7eb80;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.stroke-nav::-webkit-scrollbar-thumb:hover{background:#d1d5db}.stroke-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:75px;padding:.875rem 1.125rem;background:linear-gradient(145deg,#fff,#f9fafb);border:1.5px solid rgba(229,231,235,.8);border-radius:1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a,0 0 0 1px #fffc inset}.stroke-nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fbbf24,#f59e0b);opacity:0;transition:opacity .3s}.stroke-nav-item:hover{transform:translateY(-3px) scale(1.05);border-color:#d9770680;box-shadow:0 8px 20px #fbbf244d}.stroke-nav-item:hover:before{opacity:.12}.stroke-nav-item:active{transform:translateY(-1px) scale(1.02)}.stroke-nav-item.active{background:linear-gradient(145deg,#fbbf24,#f59e0b);border-color:#d9770699;box-shadow:0 6px 20px #fbbf2466,0 0 0 2px #ffffff80 inset}.stroke-nav-item.active .stroke-number,.stroke-nav-item.active .stroke-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15)}.stroke-nav-item.active .stroke-count{background:#fffffff2;color:#d97706;box-shadow:0 1px 3px #0000001a}.stroke-number{font-size:1.375rem;font-weight:700;color:#111827;line-height:1;margin-bottom:.25rem;position:relative;z-index:1}.stroke-label{font-size:.8125rem;color:#6b7280;font-weight:500;line-height:1;position:relative;z-index:1}.stroke-count{position:absolute;top:5px;right:5px;font-size:.6875rem;color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:3px 7px;border-radius:9999px;font-weight:600;line-height:1;z-index:1;box-shadow:0 1px 3px #0000001f}.filter-section{margin-bottom:3.5rem;padding:1.25rem 1.75rem;background:linear-gradient(135deg,#f9fafb66,#f3f4f666);border-radius:1rem;border:1.5px solid rgba(229,231,235,.8);box-shadow:0 2px 8px #0000000a}.filter-info{display:flex;align-items:center;gap:.875rem;color:#111827;font-weight:500;font-size:.9375rem}.filter-icon{width:1.375rem;height:1.375rem;flex-shrink:0;color:#f59e0b}.stroke-section{margin-bottom:5rem;scroll-margin-top:120px}.stroke-header{margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:2px solid rgba(229,231,235,.8);position:relative}.stroke-header:after{content:"";position:absolute;bottom:-2px;left:0;width:120px;height:2px;background:linear-gradient(90deg,#FBBF24 0%,#F59E0B 50%,transparent 100%)}.stroke-title{font-size:1.625rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.875rem}.stroke-badge{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.125rem;background:linear-gradient(145deg,#fff,#f9fafb);border-radius:9999px;font-size:1.25rem;font-weight:700;color:#111827;border:1.5px solid rgba(229,231,235,.8);box-shadow:0 2px 8px #0000000a,0 0 0 1px #fffc inset}.info-section{margin-top:6rem;padding:2.5rem;background:linear-gradient(145deg,#f9fafb99,#fffffff2);border-radius:1.5rem;border:1.5px solid rgba(229,231,235,.8);box-shadow:0 8px 24px #0000000d}.info-title{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.info-title:before{content:"";display:inline-block;width:4px;height:1.5rem;background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:2px}.info-content{color:#1f2937;line-height:1.8;font-size:.95rem}.info-content p{margin-bottom:1.25rem}.info-content p:last-child{margin-bottom:0}@media(max-width:1024px){.content-layout{grid-template-columns:1fr;gap:2rem}}@media(max-width:768px){.hero-title{font-size:1.875rem}.stroke-nav-header{padding:.875rem 1rem}.nav-title{font-size:.8125rem}.stroke-nav{padding:1rem;gap:.375rem}.stroke-nav-item{min-width:60px;padding:.625rem .75rem}.stroke-number{font-size:1.125rem}.stroke-label{font-size:.6875rem}.stroke-count{font-size:.5625rem;padding:1px 5px}.filter-info{font-size:.875rem}}@media(max-width:480px){.main-container{padding:1rem .75rem}}