:root{--apple-blue:#0071E3;--apple-blue-hover:#0077ED;--apple-blue-active:#005BBB;--apple-blue-light:rgba(0, 113, 227, 0.08);--apple-blue-ring:rgba(0, 113, 227, 0.35);--apple-red:#FF3B30;--apple-green:#34C759;--apple-orange:#FF9500;--apple-gray:#8E8E93;--bg-body:#F5F5F7;--bg-card:#FFFFFF;--bg-subtle:#F5F5F7;--bg-input:#F5F5F7;--bg-glass:rgba(255, 255, 255, 0.72);--bg-dark:#000000;--text-primary:#1D1D1F;--text-body:#1D1D1F;--text-secondary:#6E6E73;--text-tertiary:#86868B;--text-inverse:#FFFFFF;--text-muted:#6E6E73;--text-subtle:#86868B;--border-color:rgba(0, 0, 0, 0.08);--border-subtle:rgba(0, 0, 0, 0.04);--border-hover:rgba(0, 0, 0, 0.12);--border-focus:var(--apple-blue);--primary:var(--apple-blue);--primary-hover:var(--apple-blue-hover);--link-color:#0064CC;--link-color-hover:#004F9E;--text-dark:var(--text-primary);--bg-light:var(--bg-body);--accent-primary:var(--apple-blue);--accent-primary-hover:var(--apple-blue-hover);--accent-primary-light:var(--apple-blue-light);--accent-red:var(--apple-red);--accent-red-hover:#E0342A;--accent-red-light:rgba(255, 59, 48, 0.08);--font-main:system-ui, -apple-system, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"SF Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.125rem;--text-3xl:2.75rem;--text-4xl:2.75rem;--line-height:1.6;--line-height-tight:1.15;--line-height-snug:1.3;--line-height-normal:1.6;--line-height-relaxed:1.75;--space-2xs:0.25rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:3rem;--space-3xl:5rem;--space-section:5rem;--container-max:1120px;--header-height:52px;--radius-sm:8px;--radius-md:12px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--radius-xs:6px;--radius-pill:20px;--shadow-xs:none;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.04);--shadow-md:0 2px 8px rgba(0, 0, 0, 0.06);--shadow-lg:0 4px 16px rgba(0, 0, 0, 0.08);--shadow-xl:0 8px 24px rgba(0, 0, 0, 0.08);--shadow-2xl:0 16px 48px rgba(0, 0, 0, 0.1);--shadow-card-hover:0 4px 16px rgba(0, 0, 0, 0.08);--shadow-btn:none;--shadow-btn-hover:none;--ease-standard:cubic-bezier(0.25, 0.1, 0.25, 1);--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--ease:0.3s var(--ease-standard);--ease-fast:0.2s var(--ease-standard)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font-main);font-size:var(--text-md);line-height:var(--line-height);color:var(--text-primary);background-color:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1;width:100%;max-width:100%;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}#site-content{flex:1 0 auto;width:100%;max-width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:var(--line-height-snug);letter-spacing:-.015em;overflow-wrap:break-word;word-break:break-word}h1{font-size:var(--text-2xl);letter-spacing:-.022em}h2{font-size:var(--text-xl);letter-spacing:-.02em}h3{font-size:var(--text-lg);letter-spacing:-.018em}h4{font-size:var(--text-md);letter-spacing:-.01em}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin-bottom:var(--space-md);color:var(--text-primary);line-height:var(--line-height);overflow-wrap:break-word}a{color:var(--apple-blue);text-decoration:none;transition:opacity var(--ease-fast)}a:hover{opacity:.85}a:focus-visible{outline:3px solid var(--apple-blue-ring);outline-offset:2px;border-radius:var(--radius-sm)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit;border:none;background:none;touch-action:manipulation}pre,code,kbd,samp{font-family:var(--font-mono);white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:break-word!important}pre{max-width:100%;overflow-x:auto}input,textarea,select,input[type="text"],input[type="search"],input[type="email"],input[type="number"],input[type="password"],input[type="url"],input[type="tel"]{font-family:inherit;font-size:16px!important;width:100%;box-sizing:border-box}.ft-container,.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:clamp(1.25rem, 4vw, 1.5rem)}.ft-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ft-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.25rem;min-height:44px;font-size:var(--text-base);font-weight:500;line-height:1.2;border-radius:var(--radius-full);text-decoration:none;white-space:nowrap;border:none;transition:all 0.25s var(--ease-standard);user-select:none;touch-action:manipulation;box-sizing:border-box}.ft-btn:active{transform:scale(.97);opacity:.85}.ft-btn--primary{background:var(--apple-blue);color:var(--text-inverse)}.ft-btn--primary:hover{background:var(--apple-blue-hover);color:var(--text-inverse)}.ft-btn--primary:focus-visible{outline:3px solid var(--apple-blue-ring);outline-offset:2px;color:var(--text-inverse)}.ft-btn--ghost{background:#fff0;color:var(--apple-blue);border:none}.ft-btn--ghost:hover{background:var(--apple-blue-light);color:var(--apple-blue)}.ft-btn--lg{padding:.875rem 2rem;font-size:var(--text-md);font-weight:400;border-radius:var(--radius-full)}.ft-btn svg,.ft-btn--lg svg{transition:transform var(--ease-fast);width:16px;height:16px}@media (hover:hover) and (pointer:fine){.ft-btn:hover svg{transform:translateX(2px)}}.ft-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;transition:box-shadow var(--ease),transform var(--ease)}@media (hover:hover) and (pointer:fine){.ft-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}}.ft-card:active{transform:scale(.99)}.ft-card__title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2xs)}.ft-card__text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--line-height)}.ft-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:var(--text-xs);font-weight:500;line-height:1.4;border-radius:var(--radius-pill);white-space:nowrap}.ft-tag--red,.ft-tag--primary{background:var(--apple-blue-light);color:var(--apple-blue)}.ft-tag--green,.ft-tag--emerald{background:rgb(52 199 89 / .1);color:var(--apple-green)}.ft-tag--muted{background:rgb(0 0 0 / .04);color:var(--text-secondary)}.site-header{width:100%!important;max-width:100%!important;position:sticky;top:0;z-index:1000;height:var(--header-height);background:var(--bg-card);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-color);transition:top 0.2s ease;box-sizing:border-box}@media screen and (min-width:601px){.admin-bar .site-header{top:32px}}@media screen and (max-width:600px){.admin-bar .site-header{top:0}}.site-header .container,.site-header .header-container,.site-header .ft-container,.header-inner{max-width:1200px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-md);width:100%;box-sizing:border-box}.site-brand{display:flex;align-items:center;gap:.5rem;font-size:1.3125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;text-decoration:none;flex-shrink:0;transition:opacity var(--ease-fast)}.site-brand:hover{opacity:.8}.site-brand .brand-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--apple-blue);color:var(--text-inverse);border-radius:7px;font-size:.875rem;font-weight:700;line-height:1}.site-brand .brand-text span,.site-brand .brand-accent{color:var(--apple-blue)}.site-brand .brand-logo{max-height:30px;width:auto;object-fit:contain}.header-actions{display:flex;align-items:center;gap:.375rem}.header-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-full);color:var(--text-secondary);background:#fff0;transition:all var(--ease-fast);box-sizing:border-box;cursor:pointer;touch-action:manipulation}.header-btn:hover{background:rgb(0 0 0 / .04);color:var(--text-primary)}.header-btn:focus-visible{outline:3px solid var(--apple-blue-ring);outline-offset:1px}.header-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-search-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;padding-inline:1rem;background:rgb(0 0 0 / .25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.25s var(--ease-standard),visibility 0.25s var(--ease-standard)}.header-search-overlay.is-active,.header-search-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.header-search-box{width:100%;max-width:580px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:var(--space-md);transform:translateY(-10px) scale(.98);transition:transform 0.3s var(--ease-out)}.header-search-overlay.is-active .header-search-box,.header-search-overlay.active .header-search-box{transform:translateY(0) scale(1)}.header-search-box input{width:100%;padding:.875rem 1rem;background:var(--bg-input);border:none;border-radius:var(--radius-md);font-size:16px;color:var(--text-primary);outline:none;transition:box-shadow var(--ease-fast),background var(--ease-fast)}.header-search-box input::placeholder{color:var(--text-tertiary)}.header-search-box input:focus{background:var(--bg-card);box-shadow:0 0 0 4px var(--apple-blue-ring)}.header-search-results{margin-top:var(--space-xs);max-height:340px;overflow-y:auto}.header-search-results::-webkit-scrollbar{width:4px}.header-search-results::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:2px}.header-search-results a{display:flex;align-items:center;gap:var(--space-sm);padding:.75rem 1rem;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-base);transition:background var(--ease-fast)}.header-search-results a:hover{background:rgb(0 0 0 / .04)}.header-nav{display:flex;align-items:center}.header-nav .nav-menu{display:flex;align-items:center;gap:.125rem}.header-nav .nav-menu li a{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:var(--text-sm);font-weight:400;color:var(--text-primary);border-radius:var(--radius-full);transition:all var(--ease-fast);opacity:.85}.header-nav .nav-menu li a:hover{opacity:1;background:rgb(0 0 0 / .04)}.header-nav .nav-menu li.current-menu-item>a,.header-nav .nav-menu li a.current-menu-item{opacity:1;font-weight:500}.site-footer{background-color:var(--bg-body);border-top:1px solid rgb(0 0 0 / .06);padding:var(--space-2xl) 0 var(--space-lg);margin-top:var(--space-3xl);color:var(--text-secondary)}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-xl)}.footer-col{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-brand{font-size:1.375rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.footer-brand .brand-accent,.footer-brand span{color:var(--apple-blue)}.footer-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--line-height);max-width:360px;margin:0}.footer-heading{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--space-2xs)}.footer-links{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:.5rem}.footer-links li{margin:0!important;padding:0!important;list-style:none!important}.footer-col a{font-size:var(--text-sm);color:var(--link-color);text-decoration:none;transition:opacity var(--ease-fast)}.footer-col a:hover{color:var(--link-color-hover);opacity:.75}.footer-bottom{padding-top:var(--space-md);border-top:1px solid rgb(0 0 0 / .06);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);font-size:var(--text-xs);color:var(--text-secondary)}.footer-bottom p{margin:0}.ft-input,input[type="text"],input[type="search"],input[type="email"],input[type="number"],input[type="password"],input[type="url"],select,textarea{width:100%;padding:.75rem .875rem;background:var(--bg-input);border:none;border-radius:var(--radius-sm);font-size:16px!important;color:var(--text-primary);box-sizing:border-box;outline:none;transition:box-shadow var(--ease-fast),background var(--ease-fast)}.ft-input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.ft-input:focus,input[type="text"]:focus,input[type="search"]:focus,input[type="email"]:focus,input[type="number"]:focus,select:focus,textarea:focus{background:var(--bg-card);box-shadow:0 0 0 4px var(--apple-blue-ring)}.ft-label{display:block;margin-bottom:var(--space-2xs);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.entry-content{font-size:var(--text-md);line-height:var(--line-height-relaxed);color:var(--text-primary)}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.entry-content p{margin-bottom:var(--space-lg)}.entry-content ul,.entry-content ol{padding-left:1.5rem;margin-bottom:var(--space-lg)}.entry-content ul{list-style:disc}.entry-content ol{list-style:decimal}.entry-content li{margin-bottom:.35rem}.entry-content a{color:var(--link-color);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgb(0 113 227 / .3)}.entry-content a:hover{color:var(--link-color-hover);text-decoration-color:var(--apple-blue)}.entry-content blockquote{border-left:3px solid var(--apple-blue);padding:var(--space-md) var(--space-lg);margin:var(--space-xl) 0;background:var(--bg-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-primary);font-style:italic}.entry-content code{background:rgb(0 0 0 / .04);padding:.15em .4em;border-radius:var(--radius-xs);font-size:.875em;font-family:var(--font-mono);color:var(--apple-red)}.entry-content pre{background:var(--text-primary);color:var(--bg-body);padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-lg);font-family:var(--font-mono);font-size:.875rem;line-height:1.5}.entry-content pre code{background:none;padding:0;color:inherit}.entry-content table{width:100%;border-collapse:collapse;margin-bottom:var(--space-xl)}.entry-content th,.entry-content td{padding:.75rem 1rem;border-bottom:1px solid rgb(0 0 0 / .06);text-align:left;font-size:var(--text-base)}.entry-content th{font-weight:600;color:var(--text-primary)}.hero-section{position:relative;padding:var(--space-section) 0 var(--space-2xl);background:var(--bg-body);text-align:center;overflow:hidden}.hero-content{max-width:680px;margin-inline:auto}.hero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .875rem;font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);background:rgb(0 0 0 / .04);border-radius:var(--radius-full);margin-bottom:var(--space-lg)}.hero-title{font-size:clamp(2rem, 5vw, 3rem);font-weight:600;line-height:var(--line-height-tight);color:var(--text-primary);letter-spacing:-.025em;margin-bottom:var(--space-md)}.hero-highlight{color:var(--apple-blue)}.hero-subtitle{font-size:clamp(1rem, 2vw, 1.25rem);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:var(--line-height);max-width:520px;margin-inline:auto}.hero-search{position:relative;max-width:520px;margin-inline:auto;margin-bottom:var(--space-xl);z-index:100}.hero-search-field{position:relative;display:flex;align-items:center}.hero-search-icon{position:absolute;left:1rem;width:18px;height:18px;fill:none;stroke:var(--text-tertiary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke var(--ease-fast)}.hero-search-field input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:16px!important;color:var(--text-primary);outline:none;transition:all var(--ease-fast)}.hero-search-field input::placeholder{color:var(--text-tertiary)}.hero-search-field input:focus{border-color:#fff0;box-shadow:0 0 0 4px var(--apple-blue-ring)}.hero-search-field input:focus~.hero-search-icon,.hero-search-field input:focus+.hero-search-icon{stroke:var(--apple-blue)}.hero-search-results,.ajax-search-results{display:none;pointer-events:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-2xl);max-height:440px;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-xs) 0;padding-bottom:.75rem;z-index:200}.search-results-section{padding:.25rem 0}.search-results-section+.search-results-section{border-top:1px solid var(--border-subtle,rgb(0 0 0 / .04));margin-top:.35rem;padding-top:.5rem}.search-results-section__header{display:flex;align-items:center;justify-content:space-between;padding:.35rem 1rem .25rem;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.search-results-section__badge{font-size:.7rem;font-weight:500}.search-result{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:.65rem 1rem;color:var(--text-primary);text-decoration:none;text-align:left;transition:background var(--ease-fast)}.search-result:hover{background:rgb(0 0 0 / .04)}.search-result__thumb{width:40px;height:40px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);overflow:hidden}.search-result__thumb img{width:100%;height:100%;object-fit:cover;display:block}.search-result__thumb--icon{font-size:1.25rem;color:var(--apple-blue);background:rgb(0 113 227 / .08)}.search-result__thumb--icon svg{width:20px;height:20px;fill:currentColor}.search-result__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.search-result__title{font-size:var(--text-base);font-weight:500;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result__excerpt{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result__meta{display:flex;align-items:center;gap:var(--space-2xs);flex-shrink:0}.search-message{padding:.75rem 1rem;font-size:var(--text-sm);color:var(--text-secondary);text-align:left}.hero-ctas{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap}.hero-category-pills,.hero-pills{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-inline:auto}.pill-item,.hero-pill{display:inline-flex;align-items:center;justify-content:center;padding:.4375rem 1rem;font-size:var(--text-sm);font-weight:400;color:var(--text-secondary);background:rgb(0 0 0 / .04);border:none;border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;transition:all var(--ease-fast)}.pill-item:hover,.hero-pill:hover{color:var(--text-primary);background:rgb(0 0 0 / .08)}.pill-item.active,.pill-item.is-active,.hero-pill.active,.hero-pill.is-active{color:var(--text-inverse);background:var(--apple-blue)}.pill-item.active:hover,.pill-item.is-active:hover,.hero-pill.active:hover,.hero-pill.is-active:hover{background:var(--apple-blue-hover);color:var(--text-inverse)}.home-section{padding:var(--space-section) 0}.home-section--alt{background:var(--bg-card)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);gap:var(--space-md)}.section-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.section-link{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--text-base);font-weight:400;color:var(--link-color);white-space:nowrap;transition:opacity var(--ease-fast)}.section-link:hover{color:var(--link-color-hover);opacity:.75}.section-link svg{transition:transform var(--ease-fast)}@media (hover:hover) and (pointer:fine){.section-link:hover svg{transform:translateX(3px)}}.tools-grid,.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.tool-card{display:flex;align-items:flex-start;gap:.875rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);box-sizing:border-box;transition:box-shadow var(--ease),transform var(--ease)}.tool-card *,.tool-card__icon,.tool-card__body,.tool-card__title,.tool-card__excerpt{border:none!important;outline:none!important;box-shadow:none!important}@media (hover:hover) and (pointer:fine){.tool-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.tool-card:hover .tool-card__title{color:var(--apple-blue)}}.tool-card:active{transform:scale(.98)}.tool-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:var(--bg-subtle);border-radius:var(--radius-sm);color:var(--apple-blue);overflow:hidden;box-sizing:border-box}.tool-card__icon svg{width:22px;height:22px}.tool-card__icon-letter{font-size:var(--text-md);font-weight:700;color:var(--apple-blue);line-height:1;text-transform:uppercase}.tool-card__body{flex:1;min-width:0}.tool-card__title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin-bottom:.125rem;line-height:1.35;transition:color var(--ease-fast)}.tool-card__excerpt{font-size:var(--text-base);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.tool-card__tag{flex-shrink:0;margin-top:2px}.blog-card,.article-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:var(--text-primary);transition:box-shadow var(--ease),transform var(--ease)}@media (hover:hover) and (pointer:fine){.blog-card:hover,.article-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.blog-card:hover .blog-card__thumb img,.article-card:hover .card-image-link img{transform:scale(1.03)}.blog-card:hover .blog-card__title,.article-card:hover .card-title a{color:var(--apple-blue)}}.blog-card:active,.article-card:active{transform:scale(.98)}.blog-card__thumb,.card-image-link{aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-subtle)}.blog-card__thumb img,.card-image-link img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s var(--ease-out)}.blog-card__body,.article-card .card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.blog-card__meta,.article-card .card-meta{display:flex;align-items:center;gap:.5rem;font-size:var(--text-xs);color:var(--text-secondary)}.blog-card__cat{color:var(--apple-blue);font-weight:500}.blog-card__meta .blog-card__date::after{content:'·';margin-left:.5rem;color:var(--text-tertiary)}.blog-card__title,.article-card .card-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--ease-fast)}.blog-card__excerpt,.article-card .card-excerpt{font-size:var(--text-base);color:var(--text-secondary);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.read-more-btn{color:var(--apple-blue);font-size:var(--text-base);font-weight:400;text-decoration:none;display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding-top:.5rem}.breadcrumbs,.farmy-breadcrumbs,.ft-breadcrumbs{width:100%;max-width:1200px;margin:1.5rem auto .5rem auto;padding:0 1.5rem;font-size:.9rem;box-sizing:border-box}.ft-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.9rem;color:var(--text-secondary);margin:0;padding:0;list-style:none}.ft-breadcrumbs__item{display:inline-flex;align-items:center}.ft-breadcrumbs__item+.ft-breadcrumbs__item::before{content:'›';margin-right:.35rem;color:var(--text-tertiary);font-size:.875rem}.ft-breadcrumbs__item a{color:var(--link-color);transition:opacity var(--ease-fast)}.ft-breadcrumbs__item a:hover{color:var(--link-color-hover);opacity:.75}.ft-breadcrumbs__item--active{color:var(--text-primary);font-weight:500}.content-back-navigation,.tool-back-navigation,.tools-archive-navigation{max-width:1200px;margin:1.5rem auto .75rem auto;padding:0 1rem;box-sizing:border-box}.back-nav-btn,.back-to-tools-btn,.back-to-home-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-size:.9rem;font-weight:600;color:var(--text-secondary);text-decoration:none;padding:.5rem .9rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;transition:all 0.2s ease;box-shadow:0 1px 2px rgb(0 0 0 / .05);box-sizing:border-box;touch-action:manipulation}.back-nav-btn:hover,.back-to-tools-btn:hover,.back-to-home-btn:hover{color:var(--apple-blue);border-color:var(--apple-blue);background:var(--apple-blue-light);transform:translateX(-2px)}.back-nav-btn svg,.back-to-tools-btn svg,.back-to-home-btn svg{transition:transform 0.2s ease}.back-nav-btn:hover svg,.back-to-tools-btn:hover svg,.back-to-home-btn:hover svg{transform:translateX(-2px)}@media screen and (max-width:640px){.content-back-navigation,.tool-back-navigation,.tools-archive-navigation{margin:1rem auto .5rem auto}.back-nav-btn,.back-to-tools-btn,.back-to-home-btn{font-size:.85rem;padding:.45rem .8rem;min-height:44px}}.tool-single-page{padding-bottom:var(--space-section)}.tool-header{text-align:center;max-width:720px;margin-inline:auto;margin-bottom:var(--space-xl)}.tool-header__meta{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.tool-header__title-wrap{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.tool-header__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--apple-blue-light);color:var(--apple-blue);border-radius:var(--radius-md)}.tool-header__icon svg{width:26px;height:26px}.tool-header__title{font-size:clamp(1.75rem, 4vw, 2.125rem);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.tool-header__subtitle{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--line-height)}.tool-workspace-section{margin-bottom:var(--space-section);width:100%}#tool-app-workspace,.tool-app-workspace,.tool-workspace-container{width:100%!important;max-width:800px!important;margin:1.5rem auto!important;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:0 4px 20px -2px rgb(0 0 0 / .04);min-height:unset;height:auto;box-sizing:border-box!important;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:10}#tool-app-workspace>div,#tool-app-workspace .calculator-card,#tool-app-workspace .ph-calculator,.tool-app-ui .calculator-card,.tool-app-ui .ph-calculator,.tool-app-ui .card,.tool-app-ui .tool-card,.tool-app-ui .tool-box{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0 auto!important;max-width:100%!important}#tool-app-workspace form,#tool-app-workspace .calculator-form,#tool-app-workspace .tool-container,.tool-app-ui form,.tool-app-ui .calculator-form,.tool-app-ui .tool-container{width:100%!important;max-width:100%!important;box-sizing:border-box!important}#tool-app-workspace select,#tool-app-workspace input[type="text"],#tool-app-workspace input[type="number"],#tool-app-workspace input[type="email"],#tool-app-workspace input[type="search"],#tool-app-workspace input[type="password"],#tool-app-workspace textarea,.tool-app-ui select,.tool-app-ui input[type="text"],.tool-app-ui input[type="number"],.tool-app-ui input[type="email"],.tool-app-ui textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important;font-size:1rem!important;padding:.75rem 1rem!important;border-radius:8px!important;border:1px solid var(--border-color)!important;background-color:var(--bg-card)!important;text-overflow:ellipsis!important;white-space:nowrap!important}#tool-app-workspace select,.tool-app-ui select{appearance:auto!important;-webkit-appearance:auto!important;padding-right:2.25rem!important}#tool-app-workspace button,#tool-app-workspace input[type="submit"],#tool-app-workspace input[type="button"],#tool-app-workspace .btn-calculate,#tool-app-workspace .btn-primary,.tool-app-ui button,.tool-app-ui input[type="submit"],.tool-app-ui .btn-calculate{width:100%!important;padding:.85rem 1.5rem!important;font-size:1rem!important;font-weight:600!important;border-radius:8px!important;cursor:pointer!important;transition:background 0.2s ease,transform 0.1s ease!important;box-sizing:border-box!important}#tool-app-workspace button:active,.tool-app-ui button:active{transform:scale(.98)}@media screen and (max-width:640px){#tool-app-workspace,.tool-app-workspace,.tool-workspace-container{padding:1.25rem 1rem!important;border-radius:12px!important}#tool-app-workspace h2,#tool-app-workspace .tool-title,.tool-app-ui h2,.tool-app-ui .tool-title{font-size:1.4rem!important;margin-bottom:1rem!important}#tool-app-workspace label,.tool-app-ui label{font-size:0.9rem!important;margin-bottom:0.35rem!important;display:block!important}}.tool-workspace__placeholder{max-width:460px;margin-inline:auto;text-align:center;padding:3rem 1rem}.tool-workspace__badge{display:inline-block;padding:.3rem .75rem;font-size:var(--text-xs);font-weight:500;color:var(--apple-blue);background:var(--apple-blue-light);border-radius:var(--radius-pill);margin-bottom:var(--space-md)}.tool-workspace__msg{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:var(--space-lg)}.tool-app-ui{width:100%;max-width:100%;text-align:left;box-sizing:border-box;overflow-x:auto}.tool-meta-bar{margin-top:var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.875rem 1.25rem}.tool-meta-bar__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md)}.tool-meta-item{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--text-sm)}.tool-meta-label{color:var(--text-secondary);font-weight:400}.tool-meta-val{color:var(--text-primary);font-weight:600}.tool-seo-article{max-width:720px;margin-inline:auto;background:#fff0;border:none;border-radius:0;padding:clamp(1.25rem, 4vw, 2rem) 0}.single-post-page,.static-page-content{padding-bottom:var(--space-section)}.single-post-article,.static-page-content{max-width:720px;margin-inline:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:clamp(1.25rem, 4vw, 2rem)}.single-post-header,.static-page-content .page-header{margin-bottom:var(--space-xl);border-bottom:1px solid rgb(0 0 0 / .06);padding-bottom:var(--space-lg)}.single-post-meta{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.single-post-title,.page-title{font-size:clamp(1.75rem, 4vw, 2.125rem);font-weight:600;color:var(--text-primary);line-height:var(--line-height-snug);letter-spacing:-.02em;margin-bottom:var(--space-md)}.single-post-thumbnail{margin-bottom:var(--space-xl);border-radius:var(--radius-md);overflow:hidden}.single-post-content,.page-body-content{font-size:var(--text-md);line-height:var(--line-height-relaxed);color:var(--text-primary)}.author-bio-card{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-subtle);border-radius:var(--radius-md);display:flex;gap:1rem;align-items:center}.archive-page{padding-bottom:var(--space-section)}.archive-header,.page-header{margin-bottom:var(--space-xl);text-align:center;max-width:640px;margin-inline:auto}.archive-title{font-size:clamp(1.75rem, 4vw, 2.125rem);font-weight:600;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-2xs)}.archive-description,.page-subtitle{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--line-height)}.archive-no-results{text-align:center;padding:var(--space-section) var(--space-lg);max-width:400px;margin-inline:auto}.archive-pagination,.pagination-wrapper{margin-top:var(--space-2xl);display:flex;justify-content:center}.archive-pagination .nav-links,.pagination-wrapper{display:flex;align-items:center;justify-content:center;gap:.375rem;flex-wrap:wrap}.archive-pagination .page-numbers,.pagination-wrapper a.page-numbers,.pagination-wrapper span.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 .75rem;font-size:var(--text-sm);font-weight:400;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--ease-fast)}.archive-pagination a.page-numbers:hover,.pagination-wrapper a.page-numbers:hover{background:rgb(0 0 0 / .04)}.archive-pagination .page-numbers.current,.pagination-wrapper span.page-numbers.current{background:var(--apple-blue);color:var(--text-inverse);border-color:var(--apple-blue)}.ad-slot{display:flex;justify-content:center;align-items:center;margin:1.5rem auto;max-width:100%;overflow:hidden;text-align:center}.ad-slot:empty{display:none!important}.farmy-affiliate-box{display:flex!important;flex-direction:column!important;gap:0.85rem!important;padding:1.25rem 1.25rem!important;margin:1.5rem 0!important;background:linear-gradient(135deg,#f0fdf4 0%,#ffffff 100%)!important;border:1.5px solid #10b981!important;border-radius:16px!important;box-shadow:0 4px 15px rgb(16 185 129 / .08)!important;box-sizing:border-box!important;height:auto!important;min-height:0!important}.farmy-affiliate-box div,.farmy-affiliate-box span,.farmy-affiliate-box p,.farmy-affiliate-box h4{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;margin:0!important;padding:0!important}.farmy-affiliate-box .affiliate-badge{display:inline-flex!important;align-items:center!important;gap:0.35rem!important;background:rgb(16 185 129 / .12)!important;color:#047857!important;font-size:0.75rem!important;font-weight:700!important;text-transform:uppercase!important;padding:.25rem 0.65rem!important;border-radius:20px!important;align-self:flex-start!important}.farmy-affiliate-box .affiliate-title{font-size:1.1rem!important;font-weight:700!important;color:#0f172a!important;margin-top:0.25rem!important}.farmy-affiliate-box .affiliate-desc{font-size:0.9rem!important;color:#475569!important;margin-top:0.2rem!important}.farmy-affiliate-box .affiliate-action{margin-top:0.5rem!important}.farmy-affiliate-box .affiliate-action a{display:flex!important;align-items:center!important;justify-content:center!important;gap:0.5rem!important;width:100%!important;min-height:48px!important;background:#059669!important;color:#ffffff!important;font-weight:700!important;font-size:0.95rem!important;border-radius:10px!important;text-decoration:none!important;padding:.75rem 1.25rem!important;box-shadow:0 4px 12px rgb(5 150 105 / .2)!important;box-sizing:border-box!important;transition:background 0.2s ease,transform 0.1s ease!important}.farmy-affiliate-box .affiliate-action a:hover{background:#047857!important;color:#ffffff!important;transform:translateY(-1px)}.farmy-affiliate-box .affiliate-action a:active{transform:scale(.98)}.farmy-affiliate-box .affiliate-subtext{font-size:0.75rem!important;color:#64748b!important;text-align:center!important;margin-top:0.35rem!important;display:block!important}@media screen and (max-width:640px){.farmy-affiliate-box{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:1rem 1rem!important;margin:1rem 0!important;gap:0.6rem!important;border-radius:12px!important;box-sizing:border-box!important}.farmy-affiliate-box .affiliate-badge{font-size:0.7rem!important;padding:.2rem 0.55rem!important;letter-spacing:0.03em!important}.farmy-affiliate-box .affiliate-title{font-size:1rem!important;line-height:1.3!important;margin-top:0.15rem!important}.farmy-affiliate-box .affiliate-desc{font-size:0.825rem!important;line-height:1.4!important;color:#475569!important}.farmy-affiliate-box .affiliate-action{width:100%!important;margin-top:0.4rem!important}.farmy-affiliate-box .affiliate-action a{display:flex!important;width:100%!important;height:46px!important;min-height:46px!important;max-height:46px!important;padding:0 1rem!important;font-size:0.925rem!important;font-weight:700!important;border-radius:10px!important;align-items:center!important;justify-content:center!important;gap:0.4rem!important;box-sizing:border-box!important}.farmy-affiliate-box .affiliate-action a svg{width:18px!important;height:18px!important}.farmy-affiliate-box .affiliate-subtext{font-size:0.7rem!important;margin-top:0.3rem!important;text-align:center!important;opacity:0.8!important}}.mobile-overlay:not(.active):not(.is-visible),.mobile-drawer-backdrop:not(.active):not(.is-visible),.mobile-drawer:not(.active):not(.is-open),#search-results:empty,#search-results:not(.active),.hero-search-results:empty{pointer-events:none!important;visibility:hidden!important}.mobile-overlay.active,.mobile-overlay.is-visible,.mobile-drawer-backdrop.active,.mobile-drawer-backdrop.is-visible,.mobile-drawer.active,.mobile-drawer.is-open,#search-results.active{pointer-events:auto!important;visibility:visible!important}.mobile-menu-toggle{display:none}.mobile-drawer-backdrop,.mobile-overlay{display:none}.mobile-drawer,.mobile-sidebar{display:none}.hamburger-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:20px;height:20px;position:relative}.hamburger-line{display:block;width:18px;height:1.5px;background:currentColor;border-radius:1px;position:absolute;left:50%;transform:translateX(-50%);transition:transform 0.25s ease,opacity 0.2s ease}.hamburger-line--1{top:4px}.hamburger-line--2{top:50%;transform:translate(-50%,-50%)}.hamburger-line--3{bottom:4px}.hamburger-icon.is-active .hamburger-line--1{top:50%;transform:translate(-50%,-50%) rotate(45deg)}.hamburger-icon.is-active .hamburger-line--2{opacity:0;transform:translate(-50%,-50%) scaleX(0)}.hamburger-icon.is-active .hamburger-line--3{bottom:auto;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}body.drawer-is-open{overflow:hidden}@media (max-width:768px){:root{--header-height:48px}.header-nav{display:none}.mobile-menu-toggle{display:inline-flex}.mobile-overlay,.mobile-drawer-backdrop{display:block;position:fixed;inset:0;z-index:9998;background:rgb(0 0 0 / .3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.25s ease,visibility 0.25s ease}.mobile-overlay.active,.mobile-overlay.is-visible,.mobile-drawer-backdrop.active,.mobile-drawer-backdrop.is-visible{opacity:1;visibility:visible;pointer-events:auto}.mobile-drawer,.mobile-sidebar{display:flex;flex-direction:column;justify-content:space-between;position:fixed;top:0;right:0;bottom:0;z-index:9999;width:300px;max-width:85vw;height:100dvh;background-color:var(--bg-card);padding:0;box-shadow:-4px 0 20px rgb(0 0 0 / .1);transform:translateX(100%);transition:transform 0.3s var(--ease-out);overflow-y:auto;overscroll-behavior:contain}.mobile-drawer.active,.mobile-drawer.is-open,.mobile-sidebar.active,.mobile-sidebar.is-open{transform:translateX(0)}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.25rem 1rem;border-bottom:1px solid rgb(0 0 0 / .06);flex-shrink:0}.mobile-brand{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.015em}.mobile-brand .brand-accent{color:var(--apple-blue)}.close-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-full);background:#fff0;border:none;cursor:pointer;color:var(--text-primary);box-sizing:border-box;touch-action:manipulation;transition:background var(--ease-fast)}.close-btn:hover{background:rgb(0 0 0 / .04)}.mobile-drawer-body,.mobile-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:.875rem .625rem;overflow-y:auto}.mobile-nav-links,.mobile-drawer__menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.mobile-nav-links a,.mobile-drawer__menu li a,.mobile-nav a{display:flex;align-items:center;gap:.625rem;padding:.75rem .875rem;font-size:var(--text-md);font-weight:400;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);transition:background var(--ease-fast)}.mobile-nav-links a:hover,.mobile-nav-links a.active,.mobile-drawer__menu li a:hover,.mobile-drawer__menu li.current-menu-item>a,.mobile-nav a:hover,.mobile-nav a.active{background:rgb(0 113 227 / .06);color:var(--apple-blue)}.sidebar-footer,.mobile-drawer__footer{padding:1rem 1.25rem 1.5rem;border-top:1px solid rgb(0 0 0 / .06);flex-shrink:0}.sidebar-footer .btn-cta,.mobile-drawer__footer .ft-btn{width:100%;padding:.8125rem 0}.footer-inner{grid-template-columns:1fr;gap:var(--space-xl)}.footer-bottom{flex-direction:column;text-align:center}.hero-ctas{flex-direction:column;width:100%}.hero-ctas .ft-btn{width:100%}.hero-pills{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;width:100%}.hero-pill,.pill-item{flex-shrink:0}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.home-section{padding:var(--space-2xl) 0}.site-footer{margin-top:var(--space-2xl)}}@media (max-width:480px){.header-search-box{padding:var(--space-sm)}.hero-search-field input{padding:.8125rem .875rem .8125rem 2.5rem}.tool-card{padding:1rem}.blog-card__body,.article-card .card-body{padding:1rem}.home-section{padding:var(--space-xl) 0}.site-footer{margin-top:var(--space-xl)}}@media (max-width:1024px){#tool-app-workspace,.tool-app-workspace,.tool-workspace-container{min-height:unset;height:auto;padding:1rem}.tool-app-ui{width:100%;max-width:100%}.tool-seo-article{max-width:100%;padding:1rem 0}}@media (max-width:767px){#tool-app-workspace,.tool-app-workspace,.tool-workspace-container{min-height:unset;height:auto;padding:.875rem;border-radius:12px}.tool-app-ui{width:100%;overflow-x:auto}.tool-app-ui input,.tool-app-ui select,.tool-app-ui textarea{font-size:16px!important;width:100%;box-sizing:border-box}.tool-app-ui button{width:100%;min-height:48px}.tool-seo-article{max-width:100%;padding:.875rem 0}}@media (max-width:479px){#tool-app-workspace,.tool-app-workspace,.tool-workspace-container{padding:.75rem;border-radius:10px}.tool-header__title{font-size:1.5rem}}