:root{--primary: #ECA66A;--secondary: #D88A5D;--tertiary: #387D65;--background-primary: #f8f9fa;--background-secondary: #043749;--background-white: #ffffff;--background-overlay: rgba(255, 255, 255, .9);--background-overlay-solid: rgba(255, 255, 255, 1);--text-primary: #333333;--text-secondary: #666666;--text-light: #f0f0f0;--text-accent: #ECA66A;--shadow-black-light: rgba(0, 0, 0, .1);--shadow-black-medium: rgba(0, 0, 0, .15);--shadow-black-heavy: rgba(0, 0, 0, .3);--shadow-primary-light: rgba(236, 166, 106, .2);--shadow-primary-medium: rgba(236, 166, 106, .3);--shadow-primary-border: rgba(236, 166, 106, .4);--shadow-green-primary: #458068;--shadow-green-secondary: #94D0B2;--gradient-primary: linear-gradient(45deg, #043749 0%, #387D65 50%, #D88A5D 100%);--gradient-hero: linear-gradient(135deg, #043749 0%, #387D65 50%, #D88A5D 100%);--gradient-button: linear-gradient(45deg, #ECA66A, #D88A5D);--pale-yellow: #FFDAA7;--pale-yellow-text: #2d1b0e;--pale-yellow-border: rgba(45, 27, 14, .2);--border-light: #e5e7eb;--background-light: #f9fafb;--primary-rgb: 236, 166, 106;--info-button-border: #ccc;--info-button-hover-border: #999;--partly-support-color: #fff300;--overlay-close-color: #666}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);overflow-x:hidden}.fade-in{opacity:0;transform:translateY(30px);transition:all .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-up{opacity:0;transform:translateY(50px);transition:all .8s ease}.slide-up.visible{opacity:1;transform:translateY(0)}.comparison-chart{margin:.25rem 0 .75rem}.back-link{margin-bottom:1rem;text-align:left}.back-link a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease}.back-link a:hover{color:var(--secondary);text-decoration:underline}.filter-controls{background:var(--background-white);border-radius:12px;padding:.75rem;margin-bottom:.75rem;box-shadow:0 3px 15px var(--shadow-black-light)}.filter-sections{display:flex;flex-direction:column;gap:.5rem}.filter-section{border:1px solid var(--border-light);border-radius:8px;overflow:hidden;transition:all .3s ease}.section-header{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--background-light);cursor:pointer;transition:background-color .2s ease}.section-header:hover{background:rgba(var(--primary-rgb),.05)}.toggle-button{background:none;border:none;font-size:1rem;color:var(--primary);cursor:pointer;transition:transform .2s ease;padding:.2rem;flex-shrink:0}.toggle-button.expanded{transform:rotate(90deg)}.section-header h3{margin:0;color:var(--primary);font-size:1rem;font-weight:600;flex-shrink:0}.selected-pills{display:flex;flex-wrap:wrap;gap:.4rem;flex:1;min-height:1.5rem}.selection-tag{background:var(--pale-yellow);color:var(--pale-yellow-text);padding:.2rem .6rem;border-radius:18px;font-size:.75rem;font-weight:500;display:inline-block;box-shadow:0 2px 4px var(--shadow-black-light);transition:all .2s ease;border:1px solid var(--pale-yellow-border);margin:.05rem}.selection-tag:hover{background:var(--pale-yellow);transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-black-medium);border-color:var(--pale-yellow-border)}.section-content{background:var(--background-white);transition:all .3s ease;max-height:0;overflow:hidden}.section-content.expanded{max-height:500px}.checkbox-container{padding:.5rem .75rem}.selection-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.selection-count{color:var(--text-secondary);font-size:.8rem;font-weight:500;padding-left:2.5rem}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;border:1px solid var(--border-light);border-radius:6px;background:var(--background-light)}.filter-option{display:flex;align-items:center;padding:.4rem .6rem;cursor:pointer;border-radius:6px;background:var(--background-white);border:1px solid var(--border-light);transition:all .2s ease;white-space:nowrap}.filter-option:hover{background-color:var(--background-light);border-color:var(--primary)}.filter-option input[type=checkbox]{margin-right:.5rem;transform:scale(1.1)}.filter-option input[type=checkbox]:checked+.filter-label{font-weight:600;color:var(--primary)}.filter-label{font-size:.85rem;line-height:1.3}.select-all-button{padding:.3rem .6rem;background:var(--background-light);color:var(--primary);border:1px solid var(--primary);border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:.5rem}.select-all-button:hover{background:var(--primary);color:var(--text-light);transform:translateY(-1px)}.chart-key{background:var(--background-white);border-radius:12px;padding:1rem;margin-bottom:.75rem;box-shadow:0 3px 15px var(--shadow-black-light);border:1px solid var(--border-light);display:flex;align-items:flex-start;gap:1rem}.key-header{flex-shrink:0;padding-top:.15rem}.key-header h3{margin:0;color:var(--primary);font-size:1rem;font-weight:600;white-space:nowrap}.key-content{flex:1;min-width:0}.key-items{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.key-item{display:flex;align-items:center;gap:.5rem}.key-symbol{font-size:1.2rem;flex-shrink:0}.key-text{font-size:.9rem;color:var(--text-primary);font-weight:500}.platform-header.hidden,.feature-name.hidden,.platform-cell.hidden{display:none}.comparison-grid-wrapper{overflow-x:auto;overflow-y:visible;border-radius:15px;box-shadow:0 10px 30px var(--shadow-black-light);background:var(--background-white)}.comparison-grid{display:grid;grid-template-columns:2fr repeat(var(--platform-count, 4),1fr);grid-auto-rows:auto;min-width:800px;width:100%}.grid-header,.grid-cell{padding:.75rem .5rem;text-align:left;border-bottom:1px solid var(--border-light);display:flex;align-items:center}.grid-header{background:var(--primary);color:var(--text-light);font-weight:600;font-size:clamp(.9rem,2.5vw,1.1rem);height:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.grid-header a{color:inherit;text-decoration:none;display:flex;align-items:center;width:100%;height:100%}.grid-cell.feature-name{font-weight:600;background:var(--background-light);font-size:clamp(.9rem,2vw,1rem);position:relative}.info-button{background:transparent;color:var(--text-primary);border:1px solid var(--info-button-border);border-radius:50%;width:14px;height:14px;font-size:10px;font-weight:700;cursor:pointer;margin-left:4px;display:inline-flex;align-items:center;justify-content:center;vertical-align:super;transition:all .2s ease}.info-button:hover{border-color:var(--info-button-hover-border);transform:scale(1.1)}.grid-header.highlight{background:var(--secondary);font-weight:600}.feature-value{display:flex;align-items:center;gap:.5rem;line-height:1.4}.partly{color:var(--partly-support-color)}.feature-icon{font-size:clamp(1em,2.5vw,1.2em);flex-shrink:0}.feature-description{font-size:clamp(.8rem,1.8vw,.95rem)}.feature-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:none;z-index:1000;pointer-events:none}.feature-overlay.show{display:block}.overlay-content{background:var(--background-white);padding:1rem;border-radius:8px;max-width:300px;width:auto;position:absolute;box-shadow:0 4px 20px var(--shadow-black-medium);border:1px solid var(--border-light);pointer-events:auto}.overlay-close{position:absolute;top:5px;right:5px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--overlay-close-color);padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1}.overlay-close:hover{color:var(--text-primary)}#overlay-description{margin:0;padding-right:25px;line-height:1.4;color:var(--text-primary);font-size:clamp(.8rem,1.8vw,.95rem)}@media (max-width: 1024px){.feature-description,.info-button{display:none}.comparison-grid{grid-template-columns:2fr repeat(var(--platform-count, 4),1fr)}.feature-value{justify-content:center}}@media (max-width: 768px){.filter-controls{padding:.5rem}.filter-sections{gap:.4rem}.section-header,.checkbox-container{padding:.4rem .5rem}.filter-options{gap:.4rem;padding:.4rem}.filter-option{padding:.3rem .5rem;font-size:.8rem}.selected-pills{gap:.3rem}.chart-key{padding:.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.key-header h3{font-size:.9rem}.key-items{gap:.75rem}.key-text{font-size:.8rem}.selection-tag{font-size:.7rem;padding:.15rem .4rem;background:var(--pale-yellow);color:var(--pale-yellow-text);border-radius:16px;box-shadow:0 2px 4px var(--shadow-black-light);border:1px solid var(--pale-yellow-border)}.grid-header,.grid-cell{padding:.5rem .3rem}.grid-header{height:60px;font-size:clamp(.7rem,2.5vw,.9rem)}.grid-cell.feature-name{font-size:clamp(.7rem,2vw,.8rem)}.feature-icon{font-size:clamp(.9em,2vw,1.1em)}}@media (max-width: 480px){.filter-controls{padding:.4rem}.section-header{padding:.3rem .4rem;gap:.4rem}.checkbox-container{padding:.3rem .4rem}.filter-options{gap:.3rem;padding:.3rem}.filter-option{padding:.25rem .4rem;font-size:.75rem}.selection-tag{font-size:.65rem;padding:.1rem .35rem;background:var(--pale-yellow);color:var(--pale-yellow-text);border-radius:14px;box-shadow:0 2px 4px var(--shadow-black-light);border:1px solid var(--pale-yellow-border)}.chart-key{padding:.4rem;flex-direction:column;align-items:flex-start;gap:.4rem}.key-header h3{font-size:.8rem}.key-items{gap:.5rem}.key-text{font-size:.75rem}.key-symbol{font-size:1rem}.grid-header,.grid-cell{padding:.3rem .15rem}.grid-header{height:60px;font-size:clamp(.6rem,2.5vw,.7rem)}.grid-cell.feature-name{font-size:clamp(.6rem,2vw,.7rem)}.feature-icon{font-size:clamp(.8em,1.8vw,1em)}}.hero-section[data-astro-cid-dzmbrdcm]{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);padding:4rem 0 2rem;text-align:center;color:#fff}.hero-section[data-astro-cid-dzmbrdcm] h1[data-astro-cid-dzmbrdcm]{font-size:clamp(1.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem}.hero-subtitle[data-astro-cid-dzmbrdcm]{font-size:clamp(.75rem,3vw,1.5rem);opacity:.9;max-width:600px;margin:0 auto}.site-name[data-astro-cid-dzmbrdcm]{font-family:Patrick Hand;color:var(--tertiary);font-size:1.25em;font-weight:700}.tm-symbol[data-astro-cid-dzmbrdcm]{font-family:sans-serif;font-size:.5em;font-weight:400;vertical-align:super;margin-left:.05em}.comparison-section[data-astro-cid-dzmbrdcm]{padding:2rem 0;background:var(--background-primary)}.disclaimer-note[data-astro-cid-dzmbrdcm]{margin-top:2rem;padding:1rem 1.5rem;background:rgba(var(--primary-rgb),.05);border-left:4px solid var(--primary);border-radius:0 8px 8px 0;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.disclaimer-note[data-astro-cid-dzmbrdcm] p[data-astro-cid-dzmbrdcm]{margin:0}.disclaimer-note[data-astro-cid-dzmbrdcm] strong[data-astro-cid-dzmbrdcm]{color:var(--primary)}.container[data-astro-cid-dzmbrdcm]{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.comparison-section[data-astro-cid-dzmbrdcm]{padding:1.5rem 0}.container[data-astro-cid-dzmbrdcm]{padding:0 1rem}.hero-section[data-astro-cid-dzmbrdcm]{padding:2rem 0 1rem}.disclaimer-note[data-astro-cid-dzmbrdcm]{margin-top:1.5rem;padding:.75rem 1rem;font-size:.85rem}}@media (max-width: 480px){.comparison-section[data-astro-cid-dzmbrdcm]{padding:1rem 0}}@media (max-width: 380px){.comparison-section[data-astro-cid-dzmbrdcm]{padding:.5rem 0}}
