.code-responsive{font-size:12px!important;line-height:1.4!important}@media (min-width:640px){.code-responsive{font-size:13px!important;line-height:1.5!important}}@media (min-width:1024px){.code-responsive{font-size:14px!important;line-height:1.6!important}}.mobile-tab-responsive{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-tab-responsive::-webkit-scrollbar{display:none}@media (max-width:768px){.front-page-container{padding:1rem!important}.navigation-mobile{padding:.75rem 1rem}.card-grid-mobile{gap:1rem!important}.hero-title-mobile{font-size:2rem!important;line-height:2.5rem!important}.btn,a[role=button],button{min-height:44px;min-width:44px}input,select,textarea{font-size:16px;min-height:44px}.workflow-card{margin-bottom:1rem;border-radius:12px;overflow:hidden}.mobile-nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-text{line-height:1.6;font-size:clamp(14px,4vw,16px)}.mobile-spacing{padding:1rem;margin-bottom:1rem}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mobile-image{width:100%;height:auto;object-fit:cover;border-radius:8px}.mobile-button-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.mobile-button-group>button{width:100%;justify-content:center}.workflow-page-mobile{padding:.75rem}.workflow-filters-mobile{padding:.75rem;border-radius:12px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}.workflow-card-mobile{padding:.75rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.workflow-card-mobile:active{transform:scale(.98);box-shadow:0 1px 4px rgba(0,0,0,.1)}.workflow-detail-mobile{padding:.75rem}.workflow-detail-header-mobile{padding:1rem;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.95));backdrop-filter:blur(12px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.workflow-detail-actions-mobile{position:sticky;bottom:0;left:0;right:0;padding:1rem;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.1);z-index:10}.workflow-tabs-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.workflow-tabs-mobile::-webkit-scrollbar{display:none}.workflow-tab-mobile{flex-shrink:0;min-width:80px;padding:.5rem .75rem;font-size:.875rem;white-space:nowrap}.article-page-mobile{padding:.75rem}.article-card-mobile{padding:.75rem;border-radius:12px;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .2s ease}.article-card-mobile:active{transform:translateY(1px);box-shadow:0 1px 4px rgba(0,0,0,.1)}.article-image-mobile{height:8rem;border-radius:8px;overflow:hidden}.article-content-mobile{padding:.75rem 0}.article-title-mobile{font-size:1rem;line-height:1.4;font-weight:600;margin-bottom:.5rem}.article-excerpt-mobile{font-size:.875rem;line-height:1.5;color:rgba(0,0,0,.7);margin-bottom:.75rem}.article-meta-mobile{font-size:.75rem;color:rgba(0,0,0,.6);display:flex;align-items:center;gap:.5rem}.search-filters-mobile{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-radius:12px;padding:.75rem;box-shadow:0 2px 12px rgba(0,0,0,.08)}.search-input-mobile{height:2.5rem;padding:0 .75rem 0 2.5rem;border-radius:8px;font-size:1rem;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.9)}.filter-tags-mobile{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.filter-tag-mobile{padding:.25rem .5rem;font-size:.75rem;border-radius:6px;background:rgba(59,130,246,.1);color:rgb(59,130,246);border:1px solid rgba(59,130,246,.2)}}@media (min-width:768px) and (max-width:1024px){.tablet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.tablet-nav{padding:0 2rem}.workflow-card-tablet{height:400px}.article-card-tablet{height:320px}}@media (hover:none) and (pointer:coarse){.hover\:scale-105:hover{transform:none}.hover\:scale-105:active{transform:scale(.98)}.touch-feedback:active{background-color:rgba(0,0,0,.1);transform:scale(.98);transition:all .1s ease}.workflow-card:active{transform:scale(.97) translateY(2px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.article-card:active{transform:scale(.98) translateY(1px);box-shadow:0 1px 6px rgba(0,0,0,.12)}.mobile-button:active{transform:scale(.95);background-color:rgba(59,130,246,.9)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark) and (max-width:768px){.mobile-card-dark{background-color:rgba(17,24,39,.8);border-color:rgba(75,85,99,.3)}.mobile-text-dark{color:rgba(243,244,246,.9)}.workflow-detail-header-mobile{background:linear-gradient(135deg,rgba(17,24,39,.95),rgba(31,41,55,.95))}.search-filters-mobile{background:rgba(17,24,39,.95)}.search-input-mobile{background:rgba(31,41,55,.9);border-color:rgba(75,85,99,.3);color:rgba(243,244,246,.9)}.filter-tag-mobile{background:rgba(59,130,246,.2);color:rgb(147,197,253);border-color:rgba(59,130,246,.3)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.high-dpi-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.workflow-card-image-mobile{image-rendering:-webkit-optimize-contrast}}@media (max-width:768px) and (orientation:landscape){.landscape-nav{height:3rem;padding:.5rem 1rem}.landscape-content{padding-top:4rem}.workflow-detail-header-mobile{padding:.75rem}.workflow-tabs-mobile{padding:.5rem 0}.article-image-mobile{height:6rem}}@supports (padding:max(0px)){.safe-area-inset{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.safe-area-top{padding-top:max(1rem,env(safe-area-inset-top))}.workflow-detail-actions-mobile{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.gpu-accelerated{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.optimize-scroll{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.focus-visible:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}@media (max-width:640px){.mobile-grid-1{grid-template-columns:repeat(1,1fr);gap:1rem}}@media (min-width:640px) and (max-width:768px){.mobile-grid-2{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:768px){.mobile-title{font-size:clamp(1.25rem,5vw,1.5rem);line-height:1.3;font-weight:600}.mobile-subtitle{font-size:clamp(1rem,4vw,1.125rem);line-height:1.4;font-weight:500}.mobile-body{font-size:clamp(.875rem,3.5vw,1rem);line-height:1.6}.mobile-caption{font-size:clamp(.75rem,3vw,.875rem);line-height:1.5;color:rgba(0,0,0,.7)}.mobile-space-xs{margin:.25rem}.mobile-space-sm{margin:.5rem}.mobile-space-md{margin:.75rem}.mobile-space-lg{margin:1rem}.mobile-space-xl{margin:1.5rem}.mobile-px-xs{padding-left:.25rem;padding-right:.25rem}.mobile-px-sm{padding-left:.5rem;padding-right:.5rem}.mobile-px-md{padding-left:.75rem;padding-right:.75rem}.mobile-px-lg{padding-left:1rem;padding-right:1rem}.mobile-px-xl{padding-left:1.5rem;padding-right:1.5rem}.mobile-py-xs{padding-top:.25rem;padding-bottom:.25rem}.mobile-py-sm{padding-top:.5rem;padding-bottom:.5rem}.mobile-py-md{padding-top:.75rem;padding-bottom:.75rem}.mobile-py-lg{padding-top:1rem;padding-bottom:1rem}.mobile-py-xl{padding-top:1.5rem;padding-bottom:1.5rem}}