.toc-wrapper{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #dee2e6;border-radius:12px;padding:0;margin:30px 0 40px 0;box-shadow:0 4px 15px rgb(0 0 0 / .08);overflow:hidden}.toc-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px 25px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.toc-title{color:#fff;font-size:1.4em;font-weight:700;margin:0;padding:0;border:none}.toc-toggle{background:rgb(255 255 255 / .2);border:2px solid rgb(255 255 255 / .3);border-radius:6px;color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;font-size:1.5em;font-weight:700}.toc-toggle:hover{background:rgb(255 255 255 / .3);transform:scale(1.1)}.toc-toggle-icon{display:block;line-height:1}.toc-content{overflow:scroll;padding:25px 30px;transition:max-height 0.3s ease,padding 0.3s ease}.toc-content.collapsed{max-height:0;padding:0 30px;overflow:hidden}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:12px;padding-left:25px;position:relative}.toc-item::before{content:"▸";position:absolute;left:5px;top:8px;color:#667eea;font-weight:700;transition:transform 0.2s ease}.toc-item:hover::before{transform:translateX(3px)}.toc-link{color:#2c3e50;text-decoration:none;font-size:1.05em;line-height:1.6;display:block;padding:8px 12px;border-radius:6px;transition:all 0.2s ease;font-weight:500;white-space:normal;word-wrap:break-word}.toc-link:hover{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);color:#667eea;transform:translateX(5px);padding-left:16px}.toc-link:active{background:linear-gradient(135deg,#bbdefb 0%,#90caf9 100%)}.toc-content::-webkit-scrollbar{width:8px}.toc-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.toc-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.toc-content::-webkit-scrollbar-thumb:hover{background:#764ba2}@media (max-width:768px){.toc-wrapper{margin:25px 0 35px 0}.toc-header{padding:18px 20px}.toc-title{font-size:1.2em}.toc-toggle{width:32px;height:32px;font-size:1.3em}.toc-content{padding:20px 25px}.toc-item{margin-bottom:10px;padding-left:18px}.toc-link{font-size:1em;padding:7px 10px}}@media (max-width:480px){.toc-wrapper{margin:20px 0 30px 0;border-radius:10px}.toc-header{padding:15px 18px}.toc-title{font-size:1.1em}.toc-toggle{width:30px;height:30px;font-size:1.2em}.toc-content{padding:18px 20px}.toc-item{margin-bottom:8px;padding-left:15px}.toc-link{font-size:.95em;padding:6px 8px;white-space:normal;word-wrap:break-word}.toc-link:hover{transform:translateX(3px);padding-left:12px}}.json-validator-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.8;color:#2c3e50;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px;margin:0}.json-validator-container{max-width:1200px;margin:0 auto;background:#fff;padding:50px;border-radius:20px;box-shadow:0 20px 60px rgb(0 0 0 / .3)}.json-validator-main-title{color:#667eea;font-size:3em;margin-bottom:30px;text-align:center;font-weight:700;letter-spacing:-1px}.json-validator-section-title{color:#764ba2;font-size:2em;margin-top:50px;margin-bottom:25px;padding-bottom:10px;border-bottom:3px solid #667eea;font-weight:600}.json-validator-subsection-title{color:#555;font-size:1.5em;margin-top:30px;margin-bottom:15px;font-weight:600}.json-validator-wrapper p{margin-bottom:20px;font-size:1.1em;line-height:1.9}.json-validator-wrapper ul{margin:25px 0;padding-left:25px}.json-validator-wrapper li{margin-bottom:12px;font-size:1.05em;line-height:1.7}.json-validator-wrapper strong{color:#764ba2;font-weight:600}.json-validator-wrapper em{background:#fff3cd;padding:2px 6px;border-radius:3px;font-style:italic}.json-validator-code-block{background:#eef2ff;color:#000;padding:25px;border-radius:12px;margin:30px 0;overflow-x:auto;font-family:'Courier New',Courier,monospace;font-size:.95em;line-height:1.6;box-shadow:0 8px 20px rgb(0 0 0 / .15);border-left:5px solid #667eea;height:unset}.json-validator-highlight-box{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left:5px solid #2196f3;padding:25px;margin:30px 0;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.json-validator-definition-box{background:linear-gradient(135deg,#fff9e6 0%,#ffe9a6 100%);border:3px solid #ffc107;padding:30px;margin:35px 0;border-radius:15px;text-align:center;box-shadow:0 8px 20px rgb(255 193 7 / .2)}.json-validator-definition-box strong{display:block;font-size:1.3em;margin-bottom:15px;color:#f57c00}.json-validator-tool-link{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:15px 30px;border-radius:8px;text-decoration:none;display:inline-block;margin:20px 0;font-weight:600;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 15px rgb(102 126 234 / .3)}.json-validator-tool-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .4)}.json-validator-checkmark-list li::marker{content:"✔ ";color:#27ae60;font-weight:700}.json-validator-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.json-validator-comparison-box{padding:25px;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.json-validator-error-box{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border:3px solid #e57373}.json-validator-valid-box{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:3px solid #66bb6a}.json-validator-comparison-title{font-weight:700;font-size:1.3em;margin-bottom:15px;text-align:center}.json-validator-error-box .json-validator-comparison-title{color:#c62828}.json-validator-valid-box .json-validator-comparison-title{color:#2e7d32}.json-validator-emoji-title{font-size:1.1em}.json-validator-analogy-box{background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);color:#2c3e50;padding:35px;border-radius:15px;margin:40px 0;box-shadow:0 10px 30px rgb(255 107 107 / .4)}.json-validator-analogy-box .json-validator-section-title{color:#2c3e50;border-bottom:3px solid rgb(44 62 80 / .3);margin-top:0}.json-validator-analogy-box ul{list-style:none;padding-left:0}.json-validator-analogy-box li{padding-left:30px;position:relative;margin-bottom:15px}.json-validator-analogy-box li::before{content:"→";position:absolute;left:0;color:#e74c3c;font-weight:700;font-size:1.3em}.json-validator-conclusion-box{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#fff;padding:40px;border-radius:15px;margin:50px 0 0 0;box-shadow:0 15px 40px rgb(0 0 0 / .3)}.json-validator-conclusion-box .json-validator-section-title{color:#fff;border-bottom:3px solid rgb(255 255 255 / .3);margin-top:0}.json-validator-conclusion-box strong{color:#3498db}.json-validator-conclusion-box ul{list-style:none;padding-left:0}.json-validator-conclusion-box li{padding-left:35px;position:relative;margin-bottom:12px}.json-validator-conclusion-box li::before{content:"✓";position:absolute;left:0;color:#2ecc71;font-weight:700;font-size:1.5em}.json-validator-key-value-box{background:#f8f9fa;border:2px dashed #6c757d;padding:20px;margin:25px 0;border-radius:10px}.json-validator-key-value-box p{margin-bottom:10px}.json-validator-error-message{background:#ffe5e5;border-left:4px solid #f44;padding:15px;margin:15px 0;border-radius:5px;font-family:'Courier New',Courier,monospace;color:#c00}.json-validator-success-message{background:#e8f5e9;border-left:4px solid #4caf50;padding:15px;margin:15px 0;border-radius:5px;font-family:'Courier New',Courier,monospace;color:#2e7d32}@media (max-width:1024px){.json-validator-container{padding:40px 30px}.json-validator-main-title{font-size:2.5em}.json-validator-section-title{font-size:1.8em}.json-validator-subsection-title{font-size:1.4em}}@media (max-width:768px){.json-validator-wrapper{padding:20px 15px}.json-validator-container{padding:30px 20px;border-radius:15px}.json-validator-main-title{font-size:2em;margin-bottom:25px}.json-validator-section-title{font-size:1.6em;margin-top:40px;margin-bottom:20px}.json-validator-subsection-title{font-size:1.3em;margin-top:25px}.json-validator-wrapper p{font-size:1.05em}.json-validator-comparison{grid-template-columns:1fr;gap:15px}.json-validator-code-block{font-size:.85em;padding:15px;border-radius:8px}.json-validator-definition-box{padding:25px 20px}.json-validator-highlight-box,.json-validator-analogy-box,.json-validator-conclusion-box{padding:25px 20px;border-radius:10px}.json-validator-wrapper ul{padding-left:20px}}@media (max-width:480px){.json-validator-wrapper{padding:15px 10px}.json-validator-container{padding:25px 15px;border-radius:10px}.json-validator-main-title{font-size:1.8em;margin-bottom:20px;letter-spacing:0}.json-validator-section-title{font-size:1.4em;margin-top:35px;margin-bottom:18px}.json-validator-subsection-title{font-size:1.2em;margin-top:20px;margin-bottom:12px}.json-validator-wrapper p{font-size:1em;margin-bottom:15px}.json-validator-wrapper li{font-size:1em;margin-bottom:10px}.json-validator-code-block{font-size:.75em;padding:12px;margin:20px 0;border-radius:6px;overflow-x:auto}.json-validator-definition-box{padding:20px 15px}.json-validator-definition-box strong{font-size:1.1em;margin-bottom:10px}.json-validator-highlight-box{padding:20px 15px;margin:20px 0}.json-validator-key-value-box{padding:15px;margin:20px 0}.json-validator-comparison-box{padding:15px}.json-validator-comparison-title{font-size:1.1em;margin-bottom:12px}.json-validator-analogy-box,.json-validator-conclusion-box{padding:20px 15px;margin:30px 0}.json-validator-analogy-box .json-validator-section-title,.json-validator-conclusion-box .json-validator-section-title{font-size:1.4em;margin-top:0;margin-bottom:15px}.json-validator-analogy-box li,.json-validator-conclusion-box li{padding-left:25px;font-size:.95em}.json-validator-analogy-box li::before{font-size:1.2em}.json-validator-wrapper ul{padding-left:15px;margin:15px 0}.json-validator-tool-link{padding:12px 20px;font-size:.95em}}@media (max-width:360px){.json-validator-container{padding:20px 12px}.json-validator-main-title{font-size:1.6em}.json-validator-section-title{font-size:1.3em}.json-validator-subsection-title{font-size:1.1em}.json-validator-wrapper p,.json-validator-wrapper li{font-size:.95em}.json-validator-code-block{font-size:.7em;padding:10px}}.json-xml-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.8;color:#2c3e50;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px;margin:0}.json-xml-container{max-width:1200px;margin:0 auto;background:#fff;padding:50px;border-radius:20px;box-shadow:0 20px 60px rgb(0 0 0 / .3)}.json-xml-main-title{color:#667eea;font-size:3em;margin-bottom:30px;text-align:center;font-weight:700;letter-spacing:-1px}.json-xml-section-title{color:#764ba2;font-size:2em;margin-top:50px;margin-bottom:25px;padding-bottom:10px;border-bottom:3px solid #667eea;font-weight:600}.json-xml-subsection-title{color:#555;font-size:1.5em;margin-top:30px;margin-bottom:15px;font-weight:600}.json-xml-wrapper p{margin-bottom:20px;font-size:1.1em;line-height:1.9}.json-xml-wrapper ul{margin:25px 0;padding-left:25px}.json-xml-wrapper ol{margin:25px 0;padding-left:25px}.json-xml-wrapper li{margin-bottom:12px;font-size:1.05em;line-height:1.7}.json-xml-wrapper strong{color:#764ba2;font-weight:600}.json-xml-wrapper em{background:#fff3cd;padding:2px 6px;border-radius:3px;font-style:italic}.json-xml-code-block{background:#eef2ff;color:#000;padding:25px;border-radius:12px;margin:30px 0;overflow-x:auto;font-family:'Courier New',Courier,monospace;font-size:.95em;line-height:1.6;box-shadow:0 8px 20px rgb(0 0 0 / .15);border-left:5px solid #667eea;height:unset}.json-xml-highlight-box{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left:5px solid #2196f3;padding:25px;margin:30px 0;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.json-xml-definition-box{background:linear-gradient(135deg,#fff9e6 0%,#ffe9a6 100%);border:3px solid #ffc107;padding:30px;margin:35px 0;border-radius:15px;text-align:center;box-shadow:0 8px 20px rgb(255 193 7 / .2)}.json-xml-definition-box strong{display:block;font-size:1.3em;margin-bottom:15px;color:#f57c00}.json-xml-tool-link{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:15px 30px;border-radius:8px;text-decoration:none;display:inline-block;margin:20px 0;font-weight:600;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 15px rgb(102 126 234 / .3)}.json-xml-tool-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .4)}.json-xml-checkmark-list li::marker{content:"✔ ";color:#27ae60;font-weight:700}.json-xml-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.json-xml-comparison-box{padding:25px;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.json-xml-json-box{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:3px solid #66bb6a}.json-xml-xml-box{background:linear-gradient(135deg,#fff3e0 0%,#ffcc80 100%);border:3px solid #ff9800}.json-xml-comparison-title{font-weight:700;font-size:1.3em;margin-bottom:15px;text-align:center}.json-xml-json-box .json-xml-comparison-title{color:#2e7d32}.json-xml-xml-box .json-xml-comparison-title{color:#e65100}.json-xml-emoji-title{font-size:1.1em}.json-xml-analogy-box{background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);color:#2c3e50;padding:35px;border-radius:15px;margin:40px 0;box-shadow:0 10px 30px rgb(255 107 107 / .4)}.json-xml-analogy-box .json-xml-section-title{color:#2c3e50;border-bottom:3px solid rgb(44 62 80 / .3);margin-top:0}.json-xml-analogy-box ul{list-style:none;padding-left:0}.json-xml-analogy-box li{padding-left:30px;position:relative;margin-bottom:15px}.json-xml-analogy-box li::before{content:"→";position:absolute;left:0;color:#e74c3c;font-weight:700;font-size:1.3em}.json-xml-conclusion-box{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#fff;padding:40px;border-radius:15px;margin:50px 0 0 0;box-shadow:0 15px 40px rgb(0 0 0 / .3)}.json-xml-conclusion-box .json-xml-section-title{color:#fff;border-bottom:3px solid rgb(255 255 255 / .3);margin-top:0}.json-xml-conclusion-box strong{color:#3498db}.json-xml-conclusion-box ul{list-style:none;padding-left:0}.json-xml-conclusion-box li{padding-left:35px;position:relative;margin-bottom:12px}.json-xml-conclusion-box li::before{content:"✓";position:absolute;left:0;color:#2ecc71;font-weight:700;font-size:1.5em}.json-xml-key-value-box{background:#f8f9fa;border:2px dashed #6c757d;padding:20px;margin:25px 0;border-radius:10px}.json-xml-key-value-box p{margin-bottom:10px}.json-xml-warning-box{background:#fff3cd;border-left:4px solid #ffc107;padding:20px;margin:25px 0;border-radius:8px}.json-xml-info-box{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left:5px solid #2196f3;padding:25px;margin:30px 0;border-radius:10px}@media (max-width:1024px){.json-xml-container{padding:40px 30px}.json-xml-main-title{font-size:2.5em}.json-xml-section-title{font-size:1.8em}.json-xml-subsection-title{font-size:1.4em}}@media (max-width:768px){.json-xml-wrapper{padding:20px 15px}.json-xml-container{padding:30px 20px;border-radius:15px}.json-xml-main-title{font-size:2em;margin-bottom:25px}.json-xml-section-title{font-size:1.6em;margin-top:40px;margin-bottom:20px}.json-xml-subsection-title{font-size:1.3em;margin-top:25px}.json-xml-wrapper p{font-size:1.05em}.json-xml-comparison{grid-template-columns:1fr;gap:15px}.json-xml-code-block{font-size:.85em;padding:15px;border-radius:8px}.json-xml-definition-box{padding:25px 20px}.json-xml-highlight-box,.json-xml-analogy-box,.json-xml-conclusion-box{padding:25px 20px;border-radius:10px}.json-xml-wrapper ul{padding-left:20px}}@media (max-width:480px){.json-xml-wrapper{padding:15px 10px}.json-xml-container{padding:25px 15px;border-radius:10px}.json-xml-main-title{font-size:1.8em;margin-bottom:20px;letter-spacing:0}.json-xml-section-title{font-size:1.4em;margin-top:35px;margin-bottom:18px}.json-xml-subsection-title{font-size:1.2em;margin-top:20px;margin-bottom:12px}.json-xml-wrapper p{font-size:1em;margin-bottom:15px}.json-xml-wrapper li{font-size:1em;margin-bottom:10px}.json-xml-code-block{font-size:.75em;padding:12px;margin:20px 0;border-radius:6px;overflow-x:auto}.json-xml-definition-box{padding:20px 15px}.json-xml-definition-box strong{font-size:1.1em;margin-bottom:10px}.json-xml-highlight-box{padding:20px 15px;margin:20px 0}.json-xml-key-value-box{padding:15px;margin:20px 0}.json-xml-comparison-box{padding:15px}.json-xml-comparison-title{font-size:1.1em;margin-bottom:12px}.json-xml-analogy-box,.json-xml-conclusion-box{padding:20px 15px;margin:30px 0}.json-xml-analogy-box .json-xml-section-title,.json-xml-conclusion-box .json-xml-section-title{font-size:1.4em;margin-top:0;margin-bottom:15px}.json-xml-analogy-box li,.json-xml-conclusion-box li{padding-left:25px;font-size:.95em}.json-xml-analogy-box li::before{font-size:1.2em}.json-xml-wrapper ul{padding-left:15px;margin:15px 0}.json-xml-tool-link{padding:12px 20px;font-size:.95em}}@media (max-width:360px){.json-xml-container{padding:20px 12px}.json-xml-main-title{font-size:1.6em}.json-xml-section-title{font-size:1.3em}.json-xml-subsection-title{font-size:1.1em}.json-xml-wrapper p,.json-xml-wrapper li{font-size:.95em}.json-xml-code-block{font-size:.7em;padding:10px}}.json-yaml-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.8;color:#2c3e50;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px;margin:0}.json-yaml-container{max-width:1200px;margin:0 auto;background:#fff;padding:50px;border-radius:20px;box-shadow:0 20px 60px rgb(0 0 0 / .3)}.json-yaml-main-title{color:#667eea;font-size:3em;margin-bottom:30px;text-align:center;font-weight:700;letter-spacing:-1px}.json-yaml-section-title{color:#764ba2;font-size:2em;margin-top:50px;margin-bottom:25px;padding-bottom:10px;border-bottom:3px solid #667eea;font-weight:600}.json-yaml-subsection-title{color:#555;font-size:1.5em;margin-top:30px;margin-bottom:15px;font-weight:600}.json-yaml-wrapper p{margin-bottom:20px;font-size:1.1em;line-height:1.9}.json-yaml-wrapper ul{margin:25px 0;padding-left:25px}.json-yaml-wrapper ol{margin:25px 0;padding-left:25px}.json-yaml-wrapper li{margin-bottom:12px;font-size:1.05em;line-height:1.7}.json-yaml-wrapper strong{color:#764ba2;font-weight:600}.json-yaml-wrapper em{background:#fff3cd;padding:2px 6px;border-radius:3px;font-style:italic}.json-yaml-code-block{background:#eef2ff;color:#000;padding:25px;border-radius:12px;margin:30px 0;overflow-x:auto;font-family:'Courier New',Courier,monospace;font-size:.95em;line-height:1.6;box-shadow:0 8px 20px rgb(0 0 0 / .15);border-left:5px solid #667eea;height:unset}.json-yaml-highlight-box{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left:5px solid #2196f3;padding:25px;margin:30px 0;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.json-yaml-definition-box{background:linear-gradient(135deg,#fff9e6 0%,#ffe9a6 100%);border:3px solid #ffc107;padding:30px;margin:35px 0;border-radius:15px;text-align:center;box-shadow:0 8px 20px rgb(255 193 7 / .2)}.json-yaml-definition-box strong{display:block;font-size:1.3em;margin-bottom:15px;color:#f57c00}.json-yaml-tool-link{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:15px 30px;border-radius:8px;text-decoration:none;display:inline-block;margin:20px 0;font-weight:600;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 15px rgb(102 126 234 / .3)}.json-yaml-tool-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .4)}.json-yaml-checkmark-list li::marker{content:"✔ ";color:#27ae60;font-weight:700}.json-yaml-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.json-yaml-comparison-box{padding:25px;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.json-yaml-json-box{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:3px solid #66bb6a}.json-yaml-yaml-box{background:linear-gradient(135deg,#f3e5f5 0%,#e1bee7 100%);border:3px solid #ab47bc}.json-yaml-comparison-title{font-weight:700;font-size:1.3em;margin-bottom:15px;text-align:center}.json-yaml-json-box .json-yaml-comparison-title{color:#2e7d32}.json-yaml-yaml-box .json-yaml-comparison-title{color:#6a1b9a}.json-yaml-emoji-title{font-size:1.1em}.json-yaml-analogy-box{background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);color:#2c3e50;padding:35px;border-radius:15px;margin:40px 0;box-shadow:0 10px 30px rgb(255 107 107 / .4)}.json-yaml-analogy-box .json-yaml-section-title{color:#2c3e50;border-bottom:3px solid rgb(44 62 80 / .3);margin-top:0}.json-yaml-analogy-box ul{list-style:none;padding-left:0}.json-yaml-analogy-box li{padding-left:30px;position:relative;margin-bottom:15px}.json-yaml-analogy-box li::before{content:"→";position:absolute;left:0;color:#e74c3c;font-weight:700;font-size:1.3em}.json-yaml-conclusion-box{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#fff;padding:40px;border-radius:15px;margin:50px 0 0 0;box-shadow:0 15px 40px rgb(0 0 0 / .3)}.json-yaml-conclusion-box .json-yaml-section-title{color:#fff;border-bottom:3px solid rgb(255 255 255 / .3);margin-top:0}.json-yaml-conclusion-box strong{color:#3498db}.json-yaml-conclusion-box ul{list-style:none;padding-left:0}.json-yaml-conclusion-box li{padding-left:35px;position:relative;margin-bottom:12px}.json-yaml-conclusion-box li::before{content:"✓";position:absolute;left:0;color:#2ecc71;font-weight:700;font-size:1.5em}.json-yaml-key-value-box{background:#f8f9fa;border:2px dashed #6c757d;padding:20px;margin:25px 0;border-radius:10px}.json-yaml-key-value-box p{margin-bottom:10px}.json-yaml-warning-box{background:#fff3cd;border-left:4px solid #ffc107;padding:20px;margin:25px 0;border-radius:8px}.json-yaml-info-box{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left:5px solid #2196f3;padding:25px;margin:30px 0;border-radius:10px}@media (max-width:1024px){.json-yaml-container{padding:40px 30px}.json-yaml-main-title{font-size:2.5em}.json-yaml-section-title{font-size:1.8em}.json-yaml-subsection-title{font-size:1.4em}}@media (max-width:768px){.json-yaml-wrapper{padding:20px 15px}.json-yaml-container{padding:30px 20px;border-radius:15px}.json-yaml-main-title{font-size:2em;margin-bottom:25px}.json-yaml-section-title{font-size:1.6em;margin-top:40px;margin-bottom:20px}.json-yaml-subsection-title{font-size:1.3em;margin-top:25px}.json-yaml-wrapper p{font-size:1.05em}.json-yaml-comparison{grid-template-columns:1fr;gap:15px}.json-yaml-code-block{font-size:.85em;padding:15px;border-radius:8px}.json-yaml-definition-box{padding:25px 20px}.json-yaml-highlight-box,.json-yaml-analogy-box,.json-yaml-conclusion-box{padding:25px 20px;border-radius:10px}.json-yaml-wrapper ul{padding-left:20px}}@media (max-width:480px){.json-yaml-wrapper{padding:15px 10px}.json-yaml-container{padding:25px 15px;border-radius:10px}.json-yaml-main-title{font-size:1.8em;margin-bottom:20px;letter-spacing:0}.json-yaml-section-title{font-size:1.4em;margin-top:35px;margin-bottom:18px}.json-yaml-subsection-title{font-size:1.2em;margin-top:20px;margin-bottom:12px}.json-yaml-wrapper p{font-size:1em;margin-bottom:15px}.json-yaml-wrapper li{font-size:1em;margin-bottom:10px}.json-yaml-code-block{font-size:.75em;padding:12px;margin:20px 0;border-radius:6px;overflow-x:auto}.json-yaml-definition-box{padding:20px 15px}.json-yaml-definition-box strong{font-size:1.1em;margin-bottom:10px}.json-yaml-highlight-box{padding:20px 15px;margin:20px 0}.json-yaml-key-value-box{padding:15px;margin:20px 0}.json-yaml-comparison-box{padding:15px}.json-yaml-comparison-title{font-size:1.1em;margin-bottom:12px}.json-yaml-analogy-box,.json-yaml-conclusion-box{padding:20px 15px;margin:30px 0}.json-yaml-analogy-box .json-yaml-section-title,.json-yaml-conclusion-box .json-yaml-section-title{font-size:1.4em;margin-top:0;margin-bottom:15px}.json-yaml-analogy-box li,.json-yaml-conclusion-box li{padding-left:25px;font-size:.95em}.json-yaml-analogy-box li::before{font-size:1.2em}.json-yaml-wrapper ul{padding-left:15px;margin:15px 0}.json-yaml-tool-link{padding:12px 20px;font-size:.95em}}@media (max-width:360px){.json-yaml-container{padding:20px 12px}.json-yaml-main-title{font-size:1.6em}.json-yaml-section-title{font-size:1.3em}.json-yaml-subsection-title{font-size:1.1em}.json-yaml-wrapper p,.json-yaml-wrapper li{font-size:.95em}.json-yaml-code-block{font-size:.7em;padding:10px}}.slug-article-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.8;color:#2c3e50;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px;margin:0}.slug-article-container{max-width:1200px;margin:0 auto;background:#fff;padding:50px;border-radius:20px;box-shadow:0 20px 60px rgb(0 0 0 / .3)}.slug-article-main-title{color:#667eea;font-size:3em;margin-bottom:30px;text-align:center;font-weight:700;letter-spacing:-1px}.slug-article-section-title{color:#764ba2;font-size:2em;margin-top:50px;margin-bottom:25px;padding-bottom:10px;border-bottom:3px solid #667eea;font-weight:600}.slug-article-subsection-title{color:#555;font-size:1.5em;margin-top:30px;margin-bottom:15px;font-weight:600}.slug-article-wrapper p{margin-bottom:20px;font-size:1.1em;line-height:1.9}.slug-article-wrapper ul,.slug-article-wrapper ol{margin:25px 0;padding-left:25px}.slug-article-wrapper li{margin-bottom:12px;font-size:1.05em;line-height:1.7}.slug-article-wrapper strong{color:#764ba2;font-weight:600}.slug-article-wrapper em{background:#fff3cd;padding:2px 6px;border-radius:3px;font-style:italic}.slug-article-code-block{background:#eef2ff;color:#000;padding:25px;border-radius:12px;margin:30px 0;overflow-x:auto;font-family:'Courier New',Courier,monospace;font-size:.95em;line-height:1.6;box-shadow:0 8px 20px rgb(0 0 0 / .15);border-left:5px solid #667eea}.slug-article-highlight-box{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left:5px solid #2196f3;padding:25px;margin:30px 0;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.slug-article-definition-box{background:linear-gradient(135deg,#fff9e6 0%,#ffe9a6 100%);border:3px solid #ffc107;padding:30px;margin:35px 0;border-radius:15px;text-align:center;box-shadow:0 8px 20px rgb(255 193 7 / .2)}.slug-article-definition-box strong{display:block;font-size:1.3em;margin-bottom:15px;color:#f57c00}.slug-article-checkmark-list li::marker{content:"✔ ";color:#27ae60;font-weight:700}.slug-article-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.slug-article-comparison-box{padding:25px;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.slug-article-bad-box{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border:3px solid #e57373}.slug-article-good-box{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:3px solid #66bb6a}.slug-article-comparison-title{font-weight:700;font-size:1.3em;margin-bottom:15px;text-align:center}.slug-article-bad-box .slug-article-comparison-title{color:#c62828}.slug-article-good-box .slug-article-comparison-title{color:#2e7d32}.slug-article-emoji-title{font-size:1.1em}.slug-article-analogy-box{background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);color:#2c3e50;padding:35px;border-radius:15px;margin:40px 0;box-shadow:0 10px 30px rgb(255 107 107 / .4)}.slug-article-analogy-box .slug-article-section-title{color:#2c3e50;border-bottom:3px solid rgb(44 62 80 / .3);margin-top:0}.slug-article-analogy-box ul{list-style:none;padding-left:0}.slug-article-analogy-box li{padding-left:30px;position:relative;margin-bottom:15px}.slug-article-analogy-box li::before{content:"→";position:absolute;left:0;color:#e74c3c;font-weight:700;font-size:1.3em}.slug-article-conclusion-box{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#fff;padding:40px;border-radius:15px;margin:50px 0 0 0;box-shadow:0 15px 40px rgb(0 0 0 / .3)}.slug-article-conclusion-box .slug-article-section-title{color:#fff;border-bottom:3px solid rgb(255 255 255 / .3);margin-top:0}.slug-article-conclusion-box strong{color:#3498db}.slug-article-conclusion-box ul{list-style:none;padding-left:0}.slug-article-conclusion-box li{padding-left:35px;position:relative;margin-bottom:12px}.slug-article-conclusion-box li::before{content:"✓";position:absolute;left:0;color:#2ecc71;font-weight:700;font-size:1.5em}.slug-article-key-value-box{background:#f8f9fa;border:2px dashed #6c757d;padding:20px;margin:25px 0;border-radius:10px}.slug-article-key-value-box p{margin-bottom:10px}.slug-article-tool-link{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 15px rgb(102 126 234 / .4)}.slug-article-tool-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .6)}.slug-article-rules-box{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:3px solid #66bb6a;padding:30px;margin:35px 0;border-radius:15px;box-shadow:0 8px 20px rgb(102 187 106 / .2)}@media (max-width:1024px){.slug-article-container{padding:40px 30px}.slug-article-main-title{font-size:2.5em}.slug-article-section-title{font-size:1.8em}.slug-article-subsection-title{font-size:1.4em}}@media (max-width:768px){.slug-article-wrapper{padding:20px 15px}.slug-article-container{padding:30px 20px;border-radius:15px}.slug-article-main-title{font-size:2em;margin-bottom:25px}.slug-article-section-title{font-size:1.6em;margin-top:40px;margin-bottom:20px}.slug-article-subsection-title{font-size:1.3em;margin-top:25px}.slug-article-wrapper p{font-size:1.05em}.slug-article-comparison{grid-template-columns:1fr;gap:15px}.slug-article-code-block{font-size:.85em;padding:15px;border-radius:8px}.slug-article-definition-box{padding:25px 20px}.slug-article-highlight-box,.slug-article-analogy-box,.slug-article-conclusion-box{padding:25px 20px;border-radius:10px}.slug-article-wrapper ul,.slug-article-wrapper ol{padding-left:20px}}@media (max-width:480px){.slug-article-wrapper{padding:15px 10px}.slug-article-container{padding:25px 15px;border-radius:10px}.slug-article-main-title{font-size:1.8em;margin-bottom:20px;letter-spacing:0}.slug-article-section-title{font-size:1.4em;margin-top:35px;margin-bottom:18px}.slug-article-subsection-title{font-size:1.2em;margin-top:20px;margin-bottom:12px}.slug-article-wrapper p{font-size:1em;margin-bottom:15px}.slug-article-wrapper li{font-size:1em;margin-bottom:10px}.slug-article-code-block{font-size:.75em;padding:12px;margin:20px 0;border-radius:6px;overflow-x:auto}.slug-article-definition-box{padding:20px 15px}.slug-article-highlight-box{padding:20px 15px;margin:20px 0}.slug-article-key-value-box{padding:15px;margin:20px 0}.slug-article-comparison-box{padding:15px}.slug-article-comparison-title{font-size:1.1em;margin-bottom:12px}.slug-article-analogy-box,.slug-article-conclusion-box{padding:20px 15px;margin:30px 0}.slug-article-analogy-box .slug-article-section-title,.slug-article-conclusion-box .slug-article-section-title{font-size:1.4em;margin-top:0;margin-bottom:15px}.slug-article-analogy-box li,.slug-article-conclusion-box li{padding-left:25px;font-size:.95em}.slug-article-analogy-box li::before{font-size:1.2em}.slug-article-wrapper ul,.slug-article-wrapper ol{padding-left:15px;margin:15px 0}}@media (max-width:360px){.slug-article-container{padding:20px 12px}.slug-article-main-title{font-size:1.6em}.slug-article-section-title{font-size:1.3em}.slug-article-subsection-title{font-size:1.1em}.slug-article-wrapper p,.slug-article-wrapper li{font-size:.95em}.slug-article-code-block{font-size:.7em;padding:10px}}.case-article-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.8;color:#2c3e50;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px;margin:0}.case-article-container{max-width:1200px;margin:0 auto;background:#fff;padding:50px;border-radius:20px;box-shadow:0 20px 60px rgb(0 0 0 / .3)}.case-article-main-title{color:#667eea;font-size:3em;margin-bottom:30px;text-align:center;font-weight:700;letter-spacing:-1px}.case-article-section-title{color:#764ba2;font-size:2em;margin-top:50px;margin-bottom:25px;padding-bottom:10px;border-bottom:3px solid #667eea;font-weight:600}.case-article-subsection-title{color:#555;font-size:1.5em;margin-top:30px;margin-bottom:15px;font-weight:600}.case-article-wrapper p{margin-bottom:20px;font-size:1.1em;line-height:1.9}.case-article-wrapper ul,.case-article-wrapper ol{margin:25px 0;padding-left:25px}.case-article-wrapper li{margin-bottom:12px;font-size:1.05em;line-height:1.7}.case-article-wrapper strong{color:#764ba2;font-weight:600}.case-article-wrapper em{background:#fff3cd;padding:2px 6px;border-radius:3px;font-style:italic}.case-article-code-block{background:#eef2ff;color:#000;padding:25px;border-radius:12px;margin:30px 0;overflow-x:auto;font-family:'Courier New',Courier,monospace;font-size:.95em;line-height:1.6;box-shadow:0 8px 20px rgb(0 0 0 / .15);border-left:5px solid #667eea}.case-article-highlight-box{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left:5px solid #2196f3;padding:25px;margin:30px 0;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.case-article-definition-box{background:linear-gradient(135deg,#fff9e6 0%,#ffe9a6 100%);border:3px solid #ffc107;padding:30px;margin:35px 0;border-radius:15px;text-align:center;box-shadow:0 8px 20px rgb(255 193 7 / .2)}.case-article-definition-box strong{display:block;font-size:1.3em;margin-bottom:15px;color:#f57c00}.case-article-checkmark-list li::marker{content:"✔ ";color:#27ae60;font-weight:700}.case-article-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.case-article-comparison-box{padding:25px;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.case-article-before-box{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border:3px solid #e57373}.case-article-after-box{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:3px solid #66bb6a}.case-article-comparison-title{font-weight:700;font-size:1.3em;margin-bottom:15px;text-align:center}.case-article-before-box .case-article-comparison-title{color:#c62828}.case-article-after-box .case-article-comparison-title{color:#2e7d32}.case-article-emoji-title{font-size:1.1em}.case-article-analogy-box{background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);color:#2c3e50;padding:35px;border-radius:15px;margin:40px 0;box-shadow:0 10px 30px rgb(255 107 107 / .4)}.case-article-analogy-box .case-article-section-title{color:#2c3e50;border-bottom:3px solid rgb(44 62 80 / .3);margin-top:0}.case-article-analogy-box ul{list-style:none;padding-left:0}.case-article-analogy-box li{padding-left:30px;position:relative;margin-bottom:15px}.case-article-analogy-box li::before{content:"→";position:absolute;left:0;color:#e74c3c;font-weight:700;font-size:1.3em}.case-article-conclusion-box{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#fff;padding:40px;border-radius:15px;margin:50px 0 0 0;box-shadow:0 15px 40px rgb(0 0 0 / .3)}.case-article-conclusion-box .case-article-section-title{color:#fff;border-bottom:3px solid rgb(255 255 255 / .3);margin-top:0}.case-article-conclusion-box strong{color:#3498db}.case-article-conclusion-box ul{list-style:none;padding-left:0}.case-article-conclusion-box li{padding-left:35px;position:relative;margin-bottom:12px}.case-article-conclusion-box li::before{content:"✓";position:absolute;left:0;color:#2ecc71;font-weight:700;font-size:1.5em}.case-article-key-value-box{background:#f8f9fa;border:2px dashed #6c757d;padding:20px;margin:25px 0;border-radius:10px}.case-article-key-value-box p{margin-bottom:10px}.case-article-tool-link{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 15px rgb(102 126 234 / .4)}.case-article-tool-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .6)}.case-article-types-grid{display:grid;grid-template-columns:1fr;gap:20px;margin:35px 0}.case-article-type-box{background:linear-gradient(135deg,#f3e5f5 0%,#e1bee7 100%);border:3px solid #ab47bc;padding:25px;border-radius:12px;box-shadow:0 4px 15px rgb(171 71 188 / .2)}.case-article-type-title{color:#6a1b9a;font-weight:700;font-size:1.3em;margin-bottom:15px}.case-article-exercise-box{background:#f8f9fa;border:3px dashed #6c757d;padding:25px;margin:25px 0;border-radius:10px}.case-article-exercise-box h3{color:#667eea;margin-top:0}@media (max-width:1024px){.case-article-container{padding:40px 30px}.case-article-main-title{font-size:2.5em}.case-article-section-title{font-size:1.8em}.case-article-subsection-title{font-size:1.4em}}@media (max-width:768px){.case-article-wrapper{padding:20px 15px}.case-article-container{padding:30px 20px;border-radius:15px}.case-article-main-title{font-size:2em;margin-bottom:25px}.case-article-section-title{font-size:1.6em;margin-top:40px;margin-bottom:20px}.case-article-subsection-title{font-size:1.3em;margin-top:25px}.case-article-wrapper p{font-size:1.05em}.case-article-comparison{grid-template-columns:1fr;gap:15px}.case-article-code-block{font-size:.85em;padding:15px;border-radius:8px}.case-article-definition-box{padding:25px 20px}.case-article-highlight-box,.case-article-analogy-box,.case-article-conclusion-box{padding:25px 20px;border-radius:10px}.case-article-wrapper ul,.case-article-wrapper ol{padding-left:20px}}@media (max-width:480px){.case-article-wrapper{padding:15px 10px}.case-article-container{padding:25px 15px;border-radius:10px}.case-article-main-title{font-size:1.8em;margin-bottom:20px;letter-spacing:0}.case-article-section-title{font-size:1.4em;margin-top:35px;margin-bottom:18px}.case-article-subsection-title{font-size:1.2em;margin-top:20px;margin-bottom:12px}.case-article-wrapper p{font-size:1em;margin-bottom:15px}.case-article-wrapper li{font-size:1em;margin-bottom:10px}.case-article-code-block{font-size:.75em;padding:12px;margin:20px 0;border-radius:6px;overflow-x:auto}.case-article-definition-box{padding:20px 15px}.case-article-highlight-box{padding:20px 15px;margin:20px 0}.case-article-key-value-box{padding:15px;margin:20px 0}.case-article-comparison-box{padding:15px}.case-article-comparison-title{font-size:1.1em;margin-bottom:12px}.case-article-analogy-box,.case-article-conclusion-box{padding:20px 15px;margin:30px 0}.case-article-analogy-box .case-article-section-title,.case-article-conclusion-box .case-article-section-title{font-size:1.4em;margin-top:0;margin-bottom:15px}.case-article-analogy-box li,.case-article-conclusion-box li{padding-left:25px;font-size:.95em}.case-article-analogy-box li::before{font-size:1.2em}.case-article-wrapper ul,.case-article-wrapper ol{padding-left:15px;margin:15px 0}}@media (max-width:360px){.case-article-container{padding:20px 12px}.case-article-main-title{font-size:1.6em}.case-article-section-title{font-size:1.3em}.case-article-subsection-title{font-size:1.1em}.case-article-wrapper p,.case-article-wrapper li{font-size:.95em}.case-article-code-block{font-size:.7em;padding:10px}}.text-repeater-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.8;color:#2c3e50;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px;margin:0}.text-repeater-container{max-width:1200px;margin:0 auto;background:#fff;padding:50px;border-radius:20px;box-shadow:0 20px 60px rgb(0 0 0 / .3)}.text-repeater-main-title{color:#667eea;font-size:3em;margin-bottom:30px;text-align:center;font-weight:700;letter-spacing:-1px}.text-repeater-section-title{color:#764ba2;font-size:2em;margin-top:50px;margin-bottom:25px;padding-bottom:10px;border-bottom:3px solid #667eea;font-weight:600}.text-repeater-subsection-title{color:#555;font-size:1.5em;margin-top:30px;margin-bottom:15px;font-weight:600}.text-repeater-wrapper p{margin-bottom:20px;font-size:1.1em;line-height:1.9}.text-repeater-wrapper ul{margin:25px 0;padding-left:25px}.text-repeater-wrapper ol{margin:25px 0;padding-left:25px}.text-repeater-wrapper li{margin-bottom:12px;font-size:1.05em;line-height:1.7}.text-repeater-wrapper strong{color:#764ba2;font-weight:600}.text-repeater-wrapper em{background:#fff3cd;padding:2px 6px;border-radius:3px;font-style:italic}.text-repeater-code-block{background:#eef2ff;color:#000;padding:25px;border-radius:12px;margin:30px 0;overflow-x:auto;font-family:'Courier New',Courier,monospace;font-size:.95em;line-height:1.6;box-shadow:0 8px 20px rgb(0 0 0 / .15);border-left:5px solid #667eea}.text-repeater-highlight-box{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left:5px solid #2196f3;padding:25px;margin:30px 0;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.text-repeater-definition-box{background:linear-gradient(135deg,#fff9e6 0%,#ffe9a6 100%);border:3px solid #ffc107;padding:30px;margin:35px 0;border-radius:15px;text-align:center;box-shadow:0 8px 20px rgb(255 193 7 / .2)}.text-repeater-definition-box strong{display:block;font-size:1.3em;margin-bottom:15px;color:#f57c00}.text-repeater-checkmark-list li::marker{content:"✔ ";color:#27ae60;font-weight:700}.text-repeater-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.text-repeater-comparison-box{padding:25px;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.text-repeater-before-box{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border:3px solid #e57373}.text-repeater-after-box{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:3px solid #66bb6a}.text-repeater-comparison-title{font-weight:700;font-size:1.3em;margin-bottom:15px;text-align:center}.text-repeater-before-box .text-repeater-comparison-title{color:#c62828}.text-repeater-after-box .text-repeater-comparison-title{color:#2e7d32}.text-repeater-emoji-title{font-size:1.1em}.text-repeater-analogy-box{background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);color:#2c3e50;padding:35px;border-radius:15px;margin:40px 0;box-shadow:0 10px 30px rgb(255 107 107 / .4)}.text-repeater-analogy-box .text-repeater-section-title{color:#2c3e50;border-bottom:3px solid rgb(44 62 80 / .3);margin-top:0}.text-repeater-analogy-box ul{list-style:none;padding-left:0}.text-repeater-analogy-box li{padding-left:30px;position:relative;margin-bottom:15px}.text-repeater-analogy-box li::before{content:"→";position:absolute;left:0;color:#e74c3c;font-weight:700;font-size:1.3em}.text-repeater-conclusion-box{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#fff;padding:40px;border-radius:15px;margin:50px 0 0 0;box-shadow:0 15px 40px rgb(0 0 0 / .3)}.text-repeater-conclusion-box .text-repeater-section-title{color:#fff;border-bottom:3px solid rgb(255 255 255 / .3);margin-top:0}.text-repeater-conclusion-box strong{color:#3498db}.text-repeater-conclusion-box ul{list-style:none;padding-left:0}.text-repeater-conclusion-box li{padding-left:35px;position:relative;margin-bottom:12px}.text-repeater-conclusion-box li::before{content:"✓";position:absolute;left:0;color:#2ecc71;font-weight:700;font-size:1.5em}.text-repeater-example-box{background:#f8f9fa;border:2px dashed #6c757d;padding:20px;margin:25px 0;border-radius:10px}.text-repeater-example-box p{margin-bottom:10px}.text-repeater-tool-link{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 15px rgb(102 126 234 / .3)}.text-repeater-tool-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .4);color:#fff;text-decoration:none}.text-repeater-exercise-box{background:#f8f9fa;border-radius:8px;padding:15px;margin:20px 0}.text-repeater-exercise-box summary{cursor:pointer;font-weight:600;padding:10px;user-select:none}.text-repeater-exercise-box summary:hover{background:#e9ecef;border-radius:5px}.text-repeater-exercise-box[open] summary{margin-bottom:15px}@media (max-width:1024px){.text-repeater-container{padding:40px 30px}.text-repeater-main-title{font-size:2.5em}.text-repeater-section-title{font-size:1.8em}.text-repeater-subsection-title{font-size:1.4em}}@media (max-width:768px){.text-repeater-wrapper{padding:20px 15px}.text-repeater-container{padding:30px 20px;border-radius:15px}.text-repeater-main-title{font-size:2em;margin-bottom:25px}.text-repeater-section-title{font-size:1.6em;margin-top:40px;margin-bottom:20px}.text-repeater-subsection-title{font-size:1.3em;margin-top:25px}.text-repeater-wrapper p{font-size:1.05em}.text-repeater-comparison{grid-template-columns:1fr;gap:15px}.text-repeater-code-block{font-size:.85em;padding:15px;border-radius:8px}.text-repeater-definition-box{padding:25px 20px}.text-repeater-highlight-box,.text-repeater-analogy-box,.text-repeater-conclusion-box{padding:25px 20px;border-radius:10px}.text-repeater-wrapper ul,.text-repeater-wrapper ol{padding-left:20px}}@media (max-width:480px){.text-repeater-wrapper{padding:15px 10px}.text-repeater-container{padding:25px 15px;border-radius:10px}.text-repeater-main-title{font-size:1.8em;margin-bottom:20px;letter-spacing:0}.text-repeater-section-title{font-size:1.4em;margin-top:35px;margin-bottom:18px}.text-repeater-subsection-title{font-size:1.2em;margin-top:20px;margin-bottom:12px}.text-repeater-wrapper p{font-size:1em;margin-bottom:15px}.text-repeater-wrapper li{font-size:1em;margin-bottom:10px}.text-repeater-code-block{font-size:.75em;padding:12px;margin:20px 0;border-radius:6px;overflow-x:auto}.text-repeater-definition-box{padding:20px 15px}.text-repeater-definition-box strong{font-size:1.1em;margin-bottom:10px}.text-repeater-highlight-box{padding:20px 15px;margin:20px 0}.text-repeater-example-box{padding:15px;margin:20px 0}.text-repeater-comparison-box{padding:15px}.text-repeater-comparison-title{font-size:1.1em;margin-bottom:12px}.text-repeater-analogy-box,.text-repeater-conclusion-box{padding:20px 15px;margin:30px 0}.text-repeater-analogy-box .text-repeater-section-title,.text-repeater-conclusion-box .text-repeater-section-title{font-size:1.4em;margin-top:0;margin-bottom:15px}.text-repeater-analogy-box li,.text-repeater-conclusion-box li{padding-left:25px;font-size:.95em}.text-repeater-analogy-box li::before{font-size:1.2em}.text-repeater-wrapper ul,.text-repeater-wrapper ol{padding-left:15px;margin:15px 0}}@media (max-width:360px){.text-repeater-container{padding:20px 12px}.text-repeater-main-title{font-size:1.6em}.text-repeater-section-title{font-size:1.3em}.text-repeater-subsection-title{font-size:1.1em}.text-repeater-wrapper p,.text-repeater-wrapper li{font-size:.95em}.text-repeater-code-block{font-size:.7em;padding:10px}}.age-diff-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.8;color:#2c3e50;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px;margin:0}.age-diff-container{max-width:1200px;margin:0 auto;background:#fff;padding:50px;border-radius:20px;box-shadow:0 20px 60px rgb(0 0 0 / .3)}.age-diff-main-title{color:#667eea;font-size:3em;margin-bottom:30px;text-align:center;font-weight:700;letter-spacing:-1px}.age-diff-section-title{color:#764ba2;font-size:2em;margin-top:50px;margin-bottom:25px;padding-bottom:10px;border-bottom:3px solid #667eea;font-weight:600}.age-diff-subsection-title{color:#555;font-size:1.5em;margin-top:30px;margin-bottom:15px;font-weight:600}.age-diff-wrapper p{margin-bottom:20px;font-size:1.1em;line-height:1.9}.age-diff-wrapper ul,.age-diff-wrapper ol{margin:25px 0;padding-left:25px}.age-diff-wrapper li{margin-bottom:12px;font-size:1.05em;line-height:1.7}.age-diff-wrapper strong{color:#764ba2;font-weight:600}.age-diff-wrapper em{background:#fff3cd;padding:2px 6px;border-radius:3px;font-style:italic}.age-diff-code-block{background:#eef2ff;color:#000;padding:25px;border-radius:12px;margin:30px 0;overflow-x:auto;font-family:'Courier New',Courier,monospace;font-size:.95em;line-height:1.6;box-shadow:0 8px 20px rgb(0 0 0 / .15);border-left:5px solid #667eea}.age-diff-highlight-box{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left:5px solid #2196f3;padding:25px;margin:30px 0;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.age-diff-definition-box{background:linear-gradient(135deg,#fff9e6 0%,#ffe9a6 100%);border:3px solid #ffc107;padding:30px;margin:35px 0;border-radius:15px;text-align:center;box-shadow:0 8px 20px rgb(255 193 7 / .2)}.age-diff-definition-box strong{display:block;font-size:1.3em;margin-bottom:15px;color:#f57c00}.age-diff-checkmark-list li::marker{content:"✔ ";color:#27ae60;font-weight:700}.age-diff-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.age-diff-comparison-box{padding:25px;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.age-diff-example-box{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:3px solid #66bb6a}.age-diff-comparison-title{font-weight:700;font-size:1.3em;margin-bottom:15px;text-align:center;color:#2e7d32}.age-diff-emoji-title{font-size:1.1em}.age-diff-analogy-box{background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);color:#2c3e50;padding:35px;border-radius:15px;margin:40px 0;box-shadow:0 10px 30px rgb(255 107 107 / .4)}.age-diff-analogy-box .age-diff-section-title{color:#2c3e50;border-bottom:3px solid rgb(44 62 80 / .3);margin-top:0}.age-diff-analogy-box ul{list-style:none;padding-left:0}.age-diff-analogy-box li{padding-left:30px;position:relative;margin-bottom:15px}.age-diff-analogy-box li::before{content:"→";position:absolute;left:0;color:#e74c3c;font-weight:700;font-size:1.3em}.age-diff-conclusion-box{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#fff;padding:40px;border-radius:15px;margin:50px 0 0 0;box-shadow:0 15px 40px rgb(0 0 0 / .3)}.age-diff-conclusion-box .age-diff-section-title{color:#fff;border-bottom:3px solid rgb(255 255 255 / .3);margin-top:0}.age-diff-conclusion-box strong{color:#3498db}.age-diff-conclusion-box ul{list-style:none;padding-left:0}.age-diff-conclusion-box li{padding-left:35px;position:relative;margin-bottom:12px}.age-diff-conclusion-box li::before{content:"✓";position:absolute;left:0;color:#2ecc71;font-weight:700;font-size:1.5em}.age-diff-steps-box{background:#f8f9fa;border:2px dashed #6c757d;padding:20px;margin:25px 0;border-radius:10px}.age-diff-steps-box p{margin-bottom:10px}.age-diff-tool-link{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 24px;text-decoration:none;border-radius:8px;font-weight:600;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 15px rgb(102 126 234 / .4)}.age-diff-tool-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .6)}.age-diff-exercise{margin:30px 0;padding:20px;background:#f8f9fa;border-radius:10px;border-left:5px solid #667eea}.age-diff-exercise details{margin-top:15px;padding:15px;background:#fff;border-radius:8px;cursor:pointer}.age-diff-exercise summary{font-weight:600;color:#667eea;cursor:pointer;user-select:none}.age-diff-exercise summary:hover{color:#764ba2}.age-diff-cta-box{text-align:center;margin:40px 0;padding:30px;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:15px}.age-diff-cta-box h3{color:#667eea;margin-bottom:20px}.age-diff-cta-box p{margin-bottom:20px;color:#2c3e50}@media (max-width:1024px){.age-diff-container{padding:40px 30px}.age-diff-main-title{font-size:2.5em}.age-diff-section-title{font-size:1.8em}.age-diff-subsection-title{font-size:1.4em}}@media (max-width:768px){.age-diff-wrapper{padding:20px 15px}.age-diff-container{padding:30px 20px;border-radius:15px}.age-diff-main-title{font-size:2em;margin-bottom:25px}.age-diff-section-title{font-size:1.6em;margin-top:40px;margin-bottom:20px}.age-diff-subsection-title{font-size:1.3em;margin-top:25px}.age-diff-wrapper p{font-size:1.05em}.age-diff-comparison{grid-template-columns:1fr;gap:15px}.age-diff-code-block{font-size:.85em;padding:15px;border-radius:8px}.age-diff-definition-box{padding:25px 20px}.age-diff-highlight-box,.age-diff-analogy-box,.age-diff-conclusion-box{padding:25px 20px;border-radius:10px}.age-diff-wrapper ul,.age-diff-wrapper ol{padding-left:20px}}@media (max-width:480px){.age-diff-wrapper{padding:15px 10px}.age-diff-container{padding:25px 15px;border-radius:10px}.age-diff-main-title{font-size:1.8em;margin-bottom:20px;letter-spacing:0}.age-diff-section-title{font-size:1.4em;margin-top:35px;margin-bottom:18px}.age-diff-subsection-title{font-size:1.2em;margin-top:20px;margin-bottom:12px}.age-diff-wrapper p{font-size:1em;margin-bottom:15px}.age-diff-wrapper li{font-size:1em;margin-bottom:10px}.age-diff-code-block{font-size:.75em;padding:12px;margin:20px 0;border-radius:6px}.age-diff-definition-box{padding:20px 15px}.age-diff-highlight-box{padding:20px 15px;margin:20px 0}.age-diff-steps-box{padding:15px;margin:20px 0}.age-diff-comparison-box{padding:15px}.age-diff-comparison-title{font-size:1.1em;margin-bottom:12px}.age-diff-analogy-box,.age-diff-conclusion-box{padding:20px 15px;margin:30px 0}.age-diff-analogy-box .age-diff-section-title,.age-diff-conclusion-box .age-diff-section-title{font-size:1.4em;margin-top:0;margin-bottom:15px}.age-diff-analogy-box li,.age-diff-conclusion-box li{padding-left:25px;font-size:.95em}.age-diff-analogy-box li::before{font-size:1.2em}.age-diff-wrapper ul,.age-diff-wrapper ol{padding-left:15px;margin:15px 0}.age-diff-tool-link{padding:10px 20px;font-size:.95em}}@media (max-width:360px){.age-diff-container{padding:20px 12px}.age-diff-main-title{font-size:1.6em}.age-diff-section-title{font-size:1.3em}.age-diff-subsection-title{font-size:1.1em}.age-diff-wrapper p,.age-diff-wrapper li{font-size:.95em}.age-diff-code-block{font-size:.7em;padding:10px}}.text-diff-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.8;color:#2c3e50;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px;margin:0}.text-diff-container{max-width:1200px;margin:0 auto;background:#fff;padding:50px;border-radius:20px;box-shadow:0 20px 60px rgb(0 0 0 / .3)}.text-diff-main-title{color:#667eea;font-size:3em;margin-bottom:30px;text-align:center;font-weight:700;letter-spacing:-1px}.text-diff-section-title{color:#764ba2;font-size:2em;margin-top:50px;margin-bottom:25px;padding-bottom:10px;border-bottom:3px solid #667eea;font-weight:600}.text-diff-subsection-title{color:#555;font-size:1.5em;margin-top:30px;margin-bottom:15px;font-weight:600}.text-diff-wrapper p{margin-bottom:20px;font-size:1.1em;line-height:1.9}.text-diff-wrapper ul,.text-diff-wrapper ol{margin:25px 0;padding-left:25px}.text-diff-wrapper li{margin-bottom:12px;font-size:1.05em;line-height:1.7}.text-diff-wrapper strong{color:#764ba2;font-weight:600}.text-diff-wrapper em{background:#fff3cd;padding:2px 6px;border-radius:3px;font-style:italic}.text-diff-code-block{background:#eef2ff;color:#000;padding:25px;border-radius:12px;margin:30px 0;overflow-x:auto;font-family:'Courier New',Courier,monospace;font-size:.95em;line-height:1.6;box-shadow:0 8px 20px rgb(0 0 0 / .15);border-left:5px solid #667eea}.text-diff-highlight-box{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left:5px solid #2196f3;padding:25px;margin:30px 0;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.text-diff-definition-box{background:linear-gradient(135deg,#fff9e6 0%,#ffe9a6 100%);border:3px solid #ffc107;padding:30px;margin:35px 0;border-radius:15px;text-align:center;box-shadow:0 8px 20px rgb(255 193 7 / .2)}.text-diff-definition-box strong{display:block;font-size:1.3em;margin-bottom:15px;color:#f57c00}.text-diff-checkmark-list li::marker{content:"✔ ";color:#27ae60;font-weight:700}.text-diff-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.text-diff-comparison-box{padding:25px;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.text-diff-before-box{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border:3px solid #e57373}.text-diff-after-box{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:3px solid #66bb6a}.text-diff-comparison-title{font-weight:700;font-size:1.3em;margin-bottom:15px;text-align:center}.text-diff-before-box .text-diff-comparison-title{color:#c62828}.text-diff-after-box .text-diff-comparison-title{color:#2e7d32}.text-diff-emoji-title{font-size:1.1em}.text-diff-analogy-box{background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);color:#2c3e50;padding:35px;border-radius:15px;margin:40px 0;box-shadow:0 10px 30px rgb(255 107 107 / .4)}.text-diff-analogy-box .text-diff-section-title{color:#2c3e50;border-bottom:3px solid rgb(44 62 80 / .3);margin-top:0}.text-diff-analogy-box ul{list-style:none;padding-left:0}.text-diff-analogy-box li{padding-left:30px;position:relative;margin-bottom:15px}.text-diff-analogy-box li::before{content:"→";position:absolute;left:0;color:#e74c3c;font-weight:700;font-size:1.3em}.text-diff-conclusion-box{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#fff;padding:40px;border-radius:15px;margin:50px 0 0 0;box-shadow:0 15px 40px rgb(0 0 0 / .3)}.text-diff-conclusion-box .text-diff-section-title{color:#fff;border-bottom:3px solid rgb(255 255 255 / .3);margin-top:0}.text-diff-conclusion-box strong{color:#3498db}.text-diff-conclusion-box ul{list-style:none;padding-left:0}.text-diff-conclusion-box li{padding-left:35px;position:relative;margin-bottom:12px}.text-diff-conclusion-box li::before{content:"✓";position:absolute;left:0;color:#2ecc71;font-weight:700;font-size:1.5em}.text-diff-steps-box{background:#f8f9fa;border:2px dashed #6c757d;padding:20px;margin:25px 0;border-radius:10px}.text-diff-steps-box p{margin-bottom:10px}.text-diff-tool-link{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 24px;text-decoration:none;border-radius:8px;font-weight:600;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 15px rgb(102 126 234 / .4)}.text-diff-tool-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .6)}.text-diff-exercise{margin:30px 0;padding:20px;background:#f8f9fa;border-radius:10px;border-left:5px solid #667eea}.text-diff-exercise details{margin-top:15px;padding:15px;background:#fff;border-radius:8px;cursor:pointer}.text-diff-exercise summary{font-weight:600;color:#667eea;cursor:pointer;user-select:none}.text-diff-exercise summary:hover{color:#764ba2}.text-diff-cta-box{text-align:center;margin:40px 0;padding:30px;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:15px}.text-diff-cta-box h3{color:#667eea;margin-bottom:20px}.text-diff-cta-box p{margin-bottom:20px;color:#2c3e50}.text-diff-color-demo{display:inline-block;padding:5px 10px;border-radius:5px;margin:0 5px;font-weight:600}.text-diff-added{background:#c8e6c9;color:#2e7d32}.text-diff-removed{background:#ffcdd2;color:#c62828;text-decoration:line-through}.text-diff-modified{background:#fff9c4;color:#f57f17}@media (max-width:1024px){.text-diff-container{padding:40px 30px}.text-diff-main-title{font-size:2.5em}.text-diff-section-title{font-size:1.8em}.text-diff-subsection-title{font-size:1.4em}}@media (max-width:768px){.text-diff-wrapper{padding:20px 15px}.text-diff-container{padding:30px 20px;border-radius:15px}.text-diff-main-title{font-size:2em;margin-bottom:25px}.text-diff-section-title{font-size:1.6em;margin-top:40px;margin-bottom:20px}.text-diff-subsection-title{font-size:1.3em;margin-top:25px}.text-diff-wrapper p{font-size:1.05em}.text-diff-comparison{grid-template-columns:1fr;gap:15px}.text-diff-code-block{font-size:.85em;padding:15px;border-radius:8px}.text-diff-definition-box{padding:25px 20px}.text-diff-highlight-box,.text-diff-analogy-box,.text-diff-conclusion-box{padding:25px 20px;border-radius:10px}.text-diff-wrapper ul,.text-diff-wrapper ol{padding-left:20px}}@media (max-width:480px){.text-diff-wrapper{padding:15px 10px}.text-diff-container{padding:25px 15px;border-radius:10px}.text-diff-main-title{font-size:1.8em;margin-bottom:20px;letter-spacing:0}.text-diff-section-title{font-size:1.4em;margin-top:35px;margin-bottom:18px}.text-diff-subsection-title{font-size:1.2em;margin-top:20px;margin-bottom:12px}.text-diff-wrapper p{font-size:1em;margin-bottom:15px}.text-diff-wrapper li{font-size:1em;margin-bottom:10px}.text-diff-code-block{font-size:.75em;padding:12px;margin:20px 0;border-radius:6px}.text-diff-definition-box{padding:20px 15px}.text-diff-highlight-box{padding:20px 15px;margin:20px 0}.text-diff-steps-box{padding:15px;margin:20px 0}.text-diff-comparison-box{padding:15px}.text-diff-comparison-title{font-size:1.1em;margin-bottom:12px}.text-diff-analogy-box,.text-diff-conclusion-box{padding:20px 15px;margin:30px 0}.text-diff-analogy-box .text-diff-section-title,.text-diff-conclusion-box .text-diff-section-title{font-size:1.4em;margin-top:0;margin-bottom:15px}.text-diff-analogy-box li,.text-diff-conclusion-box li{padding-left:25px;font-size:.95em}.text-diff-analogy-box li::before{font-size:1.2em}.text-diff-wrapper ul,.text-diff-wrapper ol{padding-left:15px;margin:15px 0}.text-diff-tool-link{padding:10px 20px;font-size:.95em}.text-diff-color-demo{display:block;margin:10px 0}}@media (max-width:360px){.text-diff-container{padding:20px 12px}.text-diff-main-title{font-size:1.6em}.text-diff-section-title{font-size:1.3em}.text-diff-subsection-title{font-size:1.1em}.text-diff-wrapper p,.text-diff-wrapper li{font-size:.95em}.text-diff-code-block{font-size:.7em;padding:10px}}