@charset "UTF-8";.examples-section{margin-top:var(--spacing-xl);padding:var(--spacing-xl) 0}.examples-header{text-align:center;margin-bottom:var(--spacing-lg)}.examples-header h2{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.examples-header p{color:var(--text-secondary);font-size:var(--font-size-md)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.example-card{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease;text-align:left;display:flex;flex-direction:column;gap:var(--spacing-sm)}.example-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.example-card.selected{border-color:var(--primary-color);background:var(--primary-color-alpha-10)}.example-card .example-category{display:inline-block;background:var(--primary-color-alpha-10);color:var(--primary-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.example-card .example-text{font-size:var(--font-size-md);color:var(--text-primary);font-style:italic;margin:0;line-height:1.5}.example-card .example-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.example-card .example-action{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:600;margin-top:auto;opacity:0;transition:opacity .2s ease}.example-card:hover .example-action{opacity:1}@media(max-width:768px){.examples-grid{grid-template-columns:1fr}.example-card .example-action{opacity:1}}:root{--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-background: #ffffff;--color-background-alt: #f9fafb;--color-border: #e5e7eb;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #eff6ff;--color-success: #059669;--color-success-light: #d1fae5;--color-error: #dc2626;--color-error-light: #fee2e2}[data-theme=dark]{--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-muted: #9ca3af;--color-background: #111827;--color-background-alt: #1f2937;--color-border: #374151;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-light: #1e3a8a;--color-success: #10b981;--color-success-light: #064e3b;--color-error: #ef4444;--color-error-light: #7f1d1d}.title-case-page{max-width:720px;margin:0 auto;padding:2rem 1rem}@media(max-width:640px){.title-case-page{padding:1.5rem .75rem}}.title-case-header{margin-bottom:2rem}.title-case-header h1{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem;letter-spacing:-.01em}@media(max-width:640px){.title-case-header h1{font-size:1.25rem}}.title-case-header p{font-size:1rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.title-case-main{display:flex;flex-direction:column;gap:2rem}.input-section{display:flex;flex-direction:column;gap:.75rem}.input-section .input-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.25rem}.input-section .text-input{width:100%;padding:1rem;border:2px solid var(--color-border);border-radius:.5rem;font-size:1rem;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background);font-family:inherit;transition:all .15s ease;appearance:none}.input-section .text-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #3b82f626}.input-section .text-input::placeholder{color:var(--color-text-muted)}.input-section .text-input{resize:vertical;min-height:200px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;transition:border-color .15s ease}.input-section .text-input:focus{outline:none;border-color:var(--color-primary)}.input-section .input-hint{font-size:.875rem;color:var(--color-text-muted);margin:0}.input-section .convert-button{display:inline-flex;align-items:center;border:none;border-radius:.375rem;cursor:pointer;font-family:inherit;font-weight:500;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.input-section .convert-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f626}.input-section .convert-button:disabled{opacity:.5;cursor:not-allowed}.input-section .convert-button{background-color:var(--color-primary);color:#fff;padding:.5rem 1rem;font-size:.875rem;gap:.5rem}.input-section .convert-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.input-section .convert-button.copied,.input-section .convert-button.copied:hover{background-color:var(--color-success)}.input-section .convert-button{width:100%;justify-content:center}.output-section .output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border);gap:.75rem}.output-section .output-header .output-title{font-size:1.125rem;font-weight:500;color:var(--color-text-primary);margin:0;flex-shrink:0}.output-section .output-header .copy-all-button{display:inline-flex;align-items:center;border:none;border-radius:.375rem;cursor:pointer;font-family:inherit;font-weight:500;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.output-section .output-header .copy-all-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f626}.output-section .output-header .copy-all-button:disabled{opacity:.5;cursor:not-allowed}.output-section .output-header .copy-all-button{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);width:36px;height:36px;justify-content:center;flex-shrink:0}.output-section .output-header .copy-all-button:hover{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.output-section .output-header .copy-all-button.copied{background-color:var(--color-success-light);color:var(--color-success);border-color:var(--color-success)}.output-section .output-header .copy-all-button{font-size:.875rem;white-space:nowrap;flex-shrink:0;width:auto;height:auto;padding:.5rem .75rem;gap:.5rem}.output-section .output-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.output-section .output-list .output-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.output-section .output-list .output-item:last-child{border-bottom:none}.output-section .output-list .output-item:hover{background-color:var(--color-background-alt);margin:0 -.75rem;padding:.75rem;border-radius:.375rem}.output-section .output-list .output-item .output-text{flex:1;font-size:1rem;color:var(--color-text-primary);word-break:break-word;line-height:1.5}.output-section .output-list .output-item .copy-button{display:inline-flex;align-items:center;border:none;border-radius:.375rem;cursor:pointer;font-family:inherit;font-weight:500;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.output-section .output-list .output-item .copy-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f626}.output-section .output-list .output-item .copy-button:disabled{opacity:.5;cursor:not-allowed}.output-section .output-list .output-item .copy-button{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);width:36px;height:36px;justify-content:center;flex-shrink:0}.output-section .output-list .output-item .copy-button:hover{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.output-section .output-list .output-item .copy-button.copied{background-color:var(--color-success-light);color:var(--color-success);border-color:var(--color-success)}.output-section .output-list .output-item .copy-button{padding:.5rem;min-width:auto}.output-section .output-list .output-item .copy-button.copied{color:var(--color-success)}.examples-section{margin-top:1rem}.examples-section .examples-header{margin-bottom:1rem}.examples-section .examples-header h2{font-size:1.125rem;font-weight:500;color:var(--color-text-primary);margin:0 0 .5rem}.examples-section .examples-header p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.examples-section .examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;gap:.75rem}@media(max-width:640px){.examples-section .examples-grid{grid-template-columns:1fr}}.examples-section .examples-grid .example-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;box-shadow:0 1px 2px #0000000d;transition:all .15s ease}.examples-section .examples-grid .example-card:hover{box-shadow:0 2px 4px #0000000f}.examples-section .examples-grid .example-card{cursor:pointer}.examples-section .examples-grid .example-card:hover{border-color:var(--color-primary);box-shadow:0 2px 4px #0000000f;transform:translateY(-1px)}.examples-section .examples-grid .example-card:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.examples-section .examples-grid .example-card:active{transform:translateY(0)}.examples-section .examples-grid .example-card{padding:.75rem;background-color:transparent;border:1px solid var(--color-border);transition:border-color .15s ease}.examples-section .examples-grid .example-card:hover{border-color:var(--color-primary)}.examples-section .examples-grid .example-card .example-category{display:inline-block;padding:.25rem .5rem;background-color:var(--color-background-alt);color:var(--color-text-secondary);font-size:.75rem;font-weight:500;border-radius:.25rem;margin-bottom:.5rem}.examples-section .examples-grid .example-card .example-text{font-size:.875rem;color:var(--color-text-primary);margin:.5rem 0;line-height:1.4}.examples-section .examples-grid .example-card .example-description{font-size:.75rem;color:var(--color-text-muted);margin:0}.examples-section .examples-grid .example-card .example-action{display:none}.educational-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.educational-section h2{font-size:1.125rem;font-weight:500;color:var(--color-text-primary);margin:0 0 .75rem}.educational-section h3{font-size:1rem;font-weight:500;color:var(--color-text-primary);margin:1.5rem 0 .75rem}.educational-section p{color:var(--color-text-secondary);line-height:1.6;margin:0 0 .75rem}.educational-section .rules-grid,.educational-section .use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}@media(max-width:640px){.educational-section .rules-grid,.educational-section .use-cases-grid{grid-template-columns:1fr}}.educational-section .rules-grid .rule-card h4,.educational-section .rules-grid .use-case-card h4,.educational-section .use-cases-grid .rule-card h4,.educational-section .use-cases-grid .use-case-card h4{font-size:1rem;font-weight:500;color:var(--color-text-primary);margin:0 0 .5rem}.educational-section .rules-grid .rule-card ul,.educational-section .rules-grid .use-case-card ul,.educational-section .use-cases-grid .rule-card ul,.educational-section .use-cases-grid .use-case-card ul{list-style:disc;padding-left:1.25rem;margin:0}.educational-section .rules-grid .rule-card ul li,.educational-section .rules-grid .use-case-card ul li,.educational-section .use-cases-grid .rule-card ul li,.educational-section .use-cases-grid .use-case-card ul li{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.25rem;line-height:1.5}.faq-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.faq-section .faq-header{margin-bottom:1rem}.faq-section .faq-header h2{font-size:1.125rem;font-weight:500;color:var(--color-text-primary);margin:0 0 .5rem}.faq-section .faq-header p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.faq-section .faq-list{display:flex;flex-direction:column;gap:0}.faq-section .faq-list .faq-item{border-bottom:1px solid var(--color-border)}.faq-section .faq-list .faq-item:last-child{border-bottom:none}.faq-section .faq-list .faq-item summary.faq-question{width:100%;text-align:left;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.75rem;transition:background-color .15s ease;font-family:inherit}.faq-section .faq-list .faq-item summary.faq-question:hover{background-color:var(--color-background-alt)}.faq-section .faq-list .faq-item summary.faq-question.active{background-color:var(--color-primary-light)}.faq-section .faq-list .faq-item summary.faq-question{padding:1rem 0;font-size:1rem;font-weight:400;color:var(--color-text-primary);background-color:transparent;transition:color .15s ease;cursor:pointer;list-style:none}.faq-section .faq-list .faq-item summary.faq-question::-webkit-details-marker{display:none}.faq-section .faq-list .faq-item summary.faq-question:hover{color:var(--color-primary)}.faq-section .faq-list .faq-item summary.faq-question:after{content:"+";font-size:1.125rem;color:var(--color-text-muted);transition:transform .15s ease}.faq-section .faq-list .faq-item[open] summary.faq-question{color:var(--color-primary)}.faq-section .faq-list .faq-item[open] summary.faq-question:after{content:"−"}.faq-section .faq-list .faq-item .faq-answer{padding:0 0 1rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.faq-section .faq-list .faq-item .faq-answer p{margin:0 0 .75rem}.faq-section .faq-list .faq-item .faq-answer p:last-child{margin-bottom:0}.faq-section .faq-list .faq-item .faq-answer ul{list-style:disc;padding-left:1.25rem;margin:0 0 .75rem}.faq-section .faq-list .faq-item .faq-answer ul li{margin-bottom:.25rem}.faq-section .faq-list .faq-item .faq-answer ul:last-child{margin-bottom:0}.faq-section .faq-list .faq-item .faq-answer strong{color:var(--color-text-primary);font-weight:500}.icon{width:18px;height:18px;flex-shrink:0}.error-message{display:flex;align-items:center;gap:.5rem;color:var(--color-error);font-size:.875rem;padding:.75rem;background-color:var(--color-error-light);border-radius:.375rem;border:1px solid var(--color-border)}