:root{--white-pure: var(--white);--light-gray: var(--border);--low-opacity-gray: var(--border-light);--highlight-gray: var(--muted-bg);--dark-gray: var(--muted-fg);--warm-green: var(--green-dark);--light-blue: var(--blue-light);--blue-warm: var(--blue);--blue-warm-vivid-05: var(--accent-light);--dark-blue: var(--blue-dark);--text-color: var(--text);--dark-200: var(--text2);--dark-300: var(--text);--dark-400: var(--text3);--dark-blue-bg: var(--footer-bg);--btn-primary-bg: var(--btn-bg);--btn-primary-text: var(--btn-text);--blue-light-accent: #2670E8;--shadow-blue-sm: rgba(92, 124, 250, .04);--shadow-blue-md: rgba(92, 124, 250, .08);--shadow-blue-lg: rgba(92, 124, 250, .15);--shadow-blue-xl: rgba(92, 124, 250, .3);--accent: #5C7CFA !important;--accent-dark: #4263EB !important;--accent-light: rgba(92, 124, 250, .08) !important}[data-theme=dark]{--accent: #8FA4FF;--shadow-blue-sm: rgba(143, 164, 255, .06);--shadow-blue-md: rgba(143, 164, 255, .12);--shadow-blue-lg: rgba(143, 164, 255, .2);--shadow-blue-xl: rgba(143, 164, 255, .35)}.bc{margin-bottom:1rem;font-size:.8125rem;line-height:1}.bc-list{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.3rem;list-style:none;padding:.5rem .85rem!important;margin:0;background:var(--muted-bg)!important;border-radius:6px!important;border:1px solid var(--border-light)!important}.bc-item{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.bc-sep{width:12px;height:12px;color:var(--text2, #999);opacity:.5;flex-shrink:0}.bc-item a{color:var(--accent, #5C7CFA);text-decoration:none;transition:opacity .15s}.bc-item a:hover{text-decoration:underline;opacity:.8}.bc-item span[aria-current]{color:var(--text, #333);font-weight:600}body{transition:background-color .2s ease,color .2s ease}button,input,textarea,select{font-family:inherit}h1{font-size:2.2rem;font-weight:400;color:var(--dark-300)}h2{font-size:1.5rem;font-weight:400}[id]{scroll-margin-top:80px}.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}.main-content{display:flex;flex:1;flex-direction:column;width:100%;min-height:calc(100vh - 206px);position:relative}.hero{padding:3rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:700px;text-align:center}.hero-badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-light);padding:.35rem 1rem;border-radius:20px}.hero-subtitle{font-size:1.0625rem;text-align:center;color:var(--text2);max-width:540px;line-height:1.6}@media(max-width:767px){.hero{padding:1.5rem 1rem;gap:1.5rem}}.search-box-ciap{display:flex;align-items:center;gap:.5rem;width:100%;max-width:600px;padding:.5rem .5rem .5rem 1rem;border:2px solid var(--light-gray);border-radius:50px;background:var(--white-pure);transition:border-color .2s;position:relative}.search-box-ciap:focus-within{border-color:var(--accent)}.search-input-ciap{flex:1;border:none;outline:none;background:transparent;font-size:.9375rem;font-family:inherit;color:var(--text-color);min-width:0}.search-input-ciap::placeholder{color:var(--gray)}.search-icon{flex-shrink:0;color:var(--gray);pointer-events:none}.search-input{flex:1;border:none;background:transparent;padding:.625rem .5rem;font-size:1rem;font-family:inherit;color:var(--text-color);outline:none}.search-input::placeholder{color:var(--gray)}.search-button-ciap{padding:.5rem 1.5rem;border:none;border-radius:50px;background:var(--accent);color:#fff;font-weight:600;font-size:.875rem;font-family:inherit;cursor:pointer;transition:opacity .15s;flex-shrink:0}.search-button-ciap:hover{opacity:.85}@media(max-width:480px){.search-box-ciap{border-radius:12px;padding:.5rem}.search-button-ciap{padding:.5rem 1rem}}.stats-inner{display:flex;justify-content:center;gap:4rem;max-width:700px;margin:0 auto}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:1.75rem;font-weight:700;color:#fff}.stat-label{font-size:.75rem;color:#ffffffd9;text-transform:uppercase;letter-spacing:.04em;text-align:center}@media(max-width:767px){.stats-inner{gap:2rem;flex-wrap:wrap}.stat-value{font-size:1.35rem}}.chapters-section{width:100%;padding:3rem 2rem;background-color:var(--low-opacity-gray)}.chapters-inner{max-width:960px;margin:0 auto}.chapters-title{font-size:1.75rem;font-weight:700;color:var(--dark-blue);text-align:center;margin-bottom:2rem}.chapters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.chapter-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:var(--white-pure);border:1px solid var(--light-gray);border-radius:8px;border-left:4px solid var(--accent);transition:box-shadow .2s,transform .2s;text-decoration:none;color:inherit}.chapter-card:hover{box-shadow:0 4px 12px var(--shadow-lg);transform:translateY(-1px)}.chapter-letter{font-size:1.25rem;font-weight:700;color:var(--accent);background:var(--accent-light);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chapter-info{display:flex;flex-direction:column;gap:.15rem}.chapter-name{font-size:.875rem;font-weight:600;color:var(--dark-300);line-height:1.4}.chapter-range{font-size:.75rem;color:var(--dark-200);font-family:monospace}@media(max-width:767px){.chapters-section{padding:2rem 1rem}.chapters-grid{grid-template-columns:1fr}}.about-section{width:100%;padding:3rem 2rem}.about-inner{max-width:760px;margin:0 auto}.about-title{font-size:1.75rem;font-weight:700;color:var(--dark-blue);margin-bottom:1.5rem;text-align:center}.about-text{font-size:1rem;color:var(--dark-200);line-height:1.75;margin-bottom:1.25rem}.about-text strong{color:var(--dark-300)}.about-highlight{background:var(--accent-light);border-left:4px solid var(--accent);padding:1.25rem 1.5rem;border-radius:0 8px 8px 0;margin:2rem 0}.about-highlight p{font-size:.9375rem;color:var(--dark-300);line-height:1.65}.site-footer{width:100%;background-color:var(--dark-blue-bg);color:var(--on-dark)}@media(max-width:767px){.footer-link-group{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem}}.page-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--low-opacity-gray)}.page-header-inner{max-width:960px;margin:0 auto}.page-header-desc{font-size:1rem;color:var(--dark-200);line-height:1.65;margin-top:.75rem;max-width:700px}.chapter-header-badge{display:flex;align-items:flex-start;gap:1rem}.chapter-letter-lg{font-size:2.5rem;font-weight:700;color:var(--accent);background:var(--accent-light);width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:767px){.page-header{padding:1.5rem 1rem 1rem}}.chapter-desc{font-size:.75rem;color:var(--dark-200);line-height:1.5;margin-top:.25rem}.rubrics-section{padding:2rem}.rubrics-inner{max-width:960px;margin:0 auto}.rubrics-count{font-size:.875rem;color:var(--dark-200);margin-bottom:1.5rem}.component-group{margin-bottom:2.5rem}.component-group-title{font-size:1.125rem;font-weight:700;color:var(--dark-300);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.component-badge{font-size:.8125rem;font-weight:700;color:var(--on-dark);background:var(--accent);width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.component-codes{font-size:.8125rem;font-weight:400;color:var(--gray)}.rubric-list{display:flex;flex-direction:column;gap:.25rem}.rubric-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:var(--white-pure);border:1px solid var(--low-opacity-gray);border-radius:6px;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}.rubric-item:hover{border-color:var(--accent);box-shadow:0 2px 8px var(--shadow-blue-md)}.rubric-code{font-family:monospace;font-size:.875rem;font-weight:700;color:var(--accent);background:var(--accent-light);padding:.2rem .5rem;border-radius:4px;min-width:3rem;text-align:center}.rubric-name{font-size:.875rem;color:var(--dark-300)}.rubric-list-compact .rubric-item{padding:.5rem .75rem}.component-title{font-size:1.125rem;font-weight:700;color:var(--dark-300);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.component-num{font-size:.8125rem;font-weight:700;color:var(--on-dark);background:var(--accent);width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.rubrics-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.rubrics-list li a{display:block;padding:.625rem 1rem;background:var(--white-pure);border:1px solid var(--low-opacity-gray);border-radius:6px;font-size:.875rem;color:var(--dark-300);text-decoration:none;transition:border-color .2s,box-shadow .2s}.rubrics-list li a:hover{border-color:var(--accent);box-shadow:0 2px 8px var(--shadow-blue-md);opacity:1}.related-chapters-grid{display:flex;flex-wrap:wrap;gap:.5rem}.chapter-card-sm{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--white-pure);border:1px solid var(--light-gray);border-radius:6px;font-size:.8125rem;font-weight:600;color:var(--dark-300);text-decoration:none;transition:border-color .2s}.chapter-card-sm:hover{border-color:var(--accent);opacity:1}.chapter-card-sm .chapter-letter{font-size:.75rem;font-weight:700;color:var(--on-dark);background:var(--accent);width:20px;height:20px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:767px){.rubrics-section{padding:1.5rem 1rem}}.rubric-header{display:flex;align-items:center;gap:1rem}.rubric-code-lg{font-family:monospace;font-size:1.75rem;font-weight:700;color:var(--accent);background:var(--accent-light);padding:.5rem 1rem;border-radius:10px;flex-shrink:0}.breadcrumb{padding:0}.breadcrumb-list{display:flex;align-items:center;gap:.35rem;list-style:none;padding:0;margin:0;font-size:.8125rem;color:var(--dark-200);flex-wrap:wrap}.breadcrumb-item+.breadcrumb-item:before{content:"/";color:var(--gray);margin-right:.35rem}.breadcrumb-item a{color:var(--accent);text-decoration:none}.breadcrumb-item a:hover{text-decoration:underline}.detail-section{padding:2rem}.detail-inner{max-width:960px;margin:0 auto}.detail-card{border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.code-badge{display:inline-block;font-size:1.375rem;font-weight:700;color:var(--accent);background:var(--accent-light);padding:.25rem .75rem;border-radius:6px;margin-bottom:.75rem;letter-spacing:.04em}.meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.cross-ref-card{margin-bottom:1rem;padding:1.25rem 1.5rem;background:var(--low-opacity-gray);border-radius:8px;border-left:4px solid var(--accent)}.cross-ref-card h2{font-size:1rem;font-weight:700;margin-bottom:.35rem}.cross-ref-card p{font-size:.875rem;color:var(--dark-200);margin-bottom:.75rem}.seo-content{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--low-opacity-gray)}.seo-content h2{font-size:1.25rem;font-weight:700;color:var(--dark-blue);margin-bottom:1rem}.seo-content p{font-size:.9375rem;color:var(--dark-200);line-height:1.75;margin-bottom:1rem}.rubric-meta-card{padding:1rem 1.25rem;background:var(--low-opacity-gray);border-radius:8px;display:flex;flex-direction:column;gap:.35rem}.meta-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--gray)}.meta-value{font-size:.9375rem;font-weight:600;color:var(--dark-300);display:flex;align-items:center;gap:.5rem}.meta-link{text-decoration:none;color:var(--accent)}.meta-link:hover{text-decoration:underline}.chapter-letter-sm{font-size:.75rem;font-weight:700;color:var(--accent);background:var(--accent-light);width:24px;height:24px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.component-badge-sm{font-size:.6875rem;font-weight:700;color:var(--on-dark);background:var(--accent);width:22px;height:22px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.rubric-seo-content{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--low-opacity-gray)}.rubric-seo-content h2{font-size:1.25rem;font-weight:700;color:var(--dark-blue);margin-bottom:1rem}.rubric-seo-content p{font-size:.9375rem;color:var(--dark-200);line-height:1.75;margin-bottom:1rem}.rubric-seo-content strong{color:var(--dark-300)}.related-rubrics,.related-chapters{padding:2rem;background:var(--low-opacity-gray)}.related-inner{max-width:960px;margin:0 auto}.related-inner h2{font-size:1.25rem;font-weight:700;color:var(--dark-blue);margin-bottom:1rem}.related-grid{display:flex;flex-wrap:wrap;gap:.5rem}.related-chapter-link{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--white-pure);border:1px solid var(--light-gray);border-radius:6px;font-size:.8125rem;font-weight:600;color:var(--dark-300);text-decoration:none;transition:border-color .2s}.related-chapter-link:hover{border-color:var(--accent)}@media(max-width:767px){.detail-section{padding:1.5rem 1rem}.meta-grid{grid-template-columns:1fr}.related-rubrics,.related-chapters{padding:1.5rem 1rem}}.components-section{padding:2rem}.components-inner{max-width:960px;margin:0 auto}.component-explanation{margin-bottom:2.5rem}.component-explanation h2{font-size:1.5rem;font-weight:700;color:var(--dark-blue);margin-bottom:1rem}.component-explanation p{font-size:.9375rem;color:var(--dark-200);line-height:1.75;margin-bottom:1rem}.code-anatomy{display:flex;gap:2rem;padding:1.5rem;background:var(--accent-light);border-radius:8px;margin:1.5rem 0}.code-part{display:flex;flex-direction:column;gap:.35rem}.code-part-value{font-family:monospace;font-size:2rem;font-weight:700;color:var(--accent)}.code-part-label{font-size:.8125rem;color:var(--dark-200)}.component-detail-card{margin-bottom:2rem;padding:1.5rem;background:var(--white-pure);border:1px solid var(--low-opacity-gray);border-radius:8px;border-left:4px solid var(--accent)}.component-detail-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.component-badge-lg{font-size:1.5rem;font-weight:700;color:var(--on-dark);background:var(--accent);width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.component-detail-header h2{font-size:1.25rem;font-weight:700;color:var(--dark-300);margin:0}.component-code-range{font-size:.8125rem;color:var(--gray);font-family:monospace}.component-detail-desc{font-size:.9375rem;color:var(--dark-200);line-height:1.65;margin-bottom:1rem}.component-examples h3{font-size:.875rem;font-weight:600;color:var(--dark-300);margin-bottom:.5rem}.component-summary{margin-top:2rem;padding:1.5rem;background:var(--accent-light);border-radius:8px}.component-summary h2{font-size:1.25rem;font-weight:700;color:var(--dark-blue);margin-bottom:1rem}.component-summary p{font-size:.9375rem;color:var(--dark-200);line-height:1.65;margin-bottom:.75rem}.component-summary ul{padding-left:1.25rem;list-style:disc}.component-summary li{font-size:.9375rem;color:var(--dark-200);line-height:1.65;margin-bottom:.35rem}.component-summary li strong{color:var(--dark-300)}@media(max-width:767px){.components-section{padding:1.5rem 1rem}.code-anatomy{flex-direction:column;gap:1rem}}.content-section{padding:2rem}.content-inner{max-width:800px;margin:0 auto}.content-inner h2{font-size:1.375rem;font-weight:700;color:var(--dark-blue);margin:2rem 0 1rem}.content-inner h2:first-child{margin-top:0}.content-inner p{font-size:.9375rem;color:var(--dark-200);line-height:1.75;margin-bottom:1rem}.content-inner strong{color:var(--dark-300)}.content-inner a{color:var(--accent);text-decoration:none}.content-inner a:hover{text-decoration:underline}.content-list{padding-left:1.25rem;list-style:disc;margin-bottom:1.5rem}.content-list li{font-size:.9375rem;color:var(--dark-200);line-height:1.65;margin-bottom:.5rem}.content-list li strong{color:var(--dark-300)}.info-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin:1.5rem 0}.info-card{padding:1.25rem;background:var(--low-opacity-gray);border-radius:8px;border-left:4px solid var(--accent)}.info-card h3{font-size:1rem;font-weight:700;color:var(--dark-300);margin-bottom:.5rem}.info-card p{font-size:.875rem}.info-example{font-style:italic;font-size:.8125rem!important;color:var(--gray)!important}.info-example a{color:var(--accent)}.comparison-table-wrapper{overflow-x:auto;margin:1.5rem 0}.comparison-table{width:100%;border-collapse:collapse;font-size:.875rem}.comparison-table th,.comparison-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--low-opacity-gray)}.comparison-table th{font-weight:700;color:var(--dark-300);background:var(--accent-light)}.comparison-table td{color:var(--dark-200)}@media(max-width:767px){.content-section{padding:1.5rem 1rem}.info-cards{grid-template-columns:1fr}}.faq-section{padding:2rem;background:var(--white-pure)}.faq-title-heading{font-size:1.75rem;font-weight:700;color:var(--dark-blue);text-align:center;margin-bottom:2rem}.faq-list{max-width:760px;margin:0 auto}.faq-item,.faq-section details{border:1px solid var(--light-gray);border-radius:8px;margin-bottom:.625rem;overflow:hidden;transition:border-color .2s}.faq-item[open],.faq-section details[open]{border-color:var(--accent)}.faq-item summary,.faq-section details summary{padding:.875rem 1rem;font-weight:600;font-size:.9375rem;color:var(--accent);cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem;user-select:none}.faq-item summary::-webkit-details-marker,.faq-section details summary::-webkit-details-marker{display:none}.faq-item summary:before,.faq-section details summary:before{content:"+";font-size:1.125rem;font-weight:700;flex-shrink:0;width:1.25rem;text-align:center}.faq-item[open] summary:before,.faq-section details[open] summary:before{content:"\2212"}.faq-item summary:hover,.faq-section details summary:hover{background:var(--accent-light)}.faq-item p,.faq-section details p{padding:0 1rem 1rem;font-size:.9rem;line-height:1.7;color:var(--dark-200)}.faq-item p a,.faq-section details p a{color:var(--accent);text-decoration:underline}@media(max-width:767px){.faq-section{padding:1.5rem 1rem}}.legal-page{padding:2rem}.legal-inner{max-width:800px;margin:0 auto}.legal-inner h1{font-size:2rem;font-weight:700;color:var(--dark-blue);margin-bottom:.5rem}.legal-content h2{font-size:1.125rem;font-weight:700;color:var(--dark-300);margin:1.75rem 0 .75rem}.legal-content p{font-size:.9375rem;color:var(--dark-200);line-height:1.65;margin-bottom:.75rem}.legal-content ul{padding-left:1.25rem;list-style:disc;margin-bottom:1rem}.legal-content li{font-size:.9375rem;color:var(--dark-200);line-height:1.65;margin-bottom:.35rem}.legal-content a{color:var(--accent);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-content strong{color:var(--dark-300)}@media(max-width:767px){.legal-page{padding:1.5rem 1rem}}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white-pure);border:1px solid var(--light-gray);border-radius:12px;box-shadow:0 8px 24px var(--shadow-lg);max-height:400px;overflow-y:auto;z-index:50}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;text-decoration:none;color:inherit;border-bottom:1px solid var(--low-opacity-gray);transition:background-color .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--accent-light)}.search-result-code{font-family:monospace;font-size:.875rem;font-weight:700;color:var(--accent);background:var(--accent-light);padding:.15rem .5rem;border-radius:4px;min-width:3rem;text-align:center}.search-result-name{font-size:.875rem;color:var(--dark-300)}.search-no-results{padding:1rem 1.25rem;font-size:.875rem;color:var(--gray);text-align:center}.about-subtitle{font-size:1.25rem;font-weight:700;color:var(--dark-blue);margin:2rem 0 1rem}.top-codes-section{width:100%;padding:3rem 2rem}.top-codes-inner{max-width:960px;margin:0 auto}.top-codes-title{font-size:1.75rem;font-weight:700;color:var(--dark-blue);text-align:center;margin-bottom:.75rem}.top-codes-desc{font-size:.9375rem;color:var(--dark-200);text-align:center;line-height:1.65;max-width:640px;margin:0 auto 2rem}.top-codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.top-code-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;background:var(--white-pure);border:1px solid var(--low-opacity-gray);border-radius:8px;border-left:4px solid var(--accent);text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}.top-code-card:hover{box-shadow:0 4px 12px var(--shadow-lg);transform:translateY(-1px)}.top-code-header{display:flex;align-items:center;gap:.75rem}.top-code-name{font-size:.875rem;font-weight:600;color:var(--dark-300)}.top-code-cid{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;padding-top:.25rem;border-top:1px solid var(--low-opacity-gray)}.top-code-cid-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray)}.top-code-cid-value{font-family:monospace;font-size:.8125rem;font-weight:700;color:var(--warm-green);background:var(--success-bg);padding:.1rem .4rem;border-radius:3px}.top-code-cid-name{font-size:.75rem;color:var(--dark-200)}@media(max-width:767px){.top-codes-section{padding:2rem 1rem}.top-codes-grid{grid-template-columns:1fr}}.components-overview{width:100%;padding:3rem 2rem;background-color:var(--low-opacity-gray)}.components-overview-inner{max-width:960px;margin:0 auto}.components-overview-title{font-size:1.75rem;font-weight:700;color:var(--dark-blue);text-align:center;margin-bottom:.75rem}.components-overview-desc{font-size:.9375rem;color:var(--dark-200);text-align:center;line-height:1.65;max-width:600px;margin:0 auto 2rem}.components-overview-desc strong{color:var(--dark-300)}.components-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.comp-overview-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--white-pure);border:1px solid var(--light-gray);border-radius:8px;text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s}.comp-overview-card:hover{border-color:var(--accent);box-shadow:0 2px 8px var(--shadow-blue-md)}.comp-overview-info{display:flex;flex-direction:column;gap:.1rem}.comp-overview-name{font-size:.8125rem;font-weight:600;color:var(--dark-300)}.comp-overview-codes{font-size:.75rem;color:var(--gray);font-family:monospace}.components-overview-link{text-align:center;margin-top:1.5rem;font-size:.875rem}.components-overview-link a{color:var(--accent);text-decoration:none;font-weight:600}.components-overview-link a:hover{text-decoration:underline}@media(max-width:767px){.components-overview{padding:2rem 1rem}.components-overview-grid{grid-template-columns:1fr}}.cid-mapping-card{margin-top:2rem;padding:1.5rem;background:var(--accent-light);border:1px solid var(--accent);border-radius:8px}.cid-mapping-title{font-size:1.125rem;font-weight:700;color:var(--dark-blue);margin-bottom:1rem}.cid-mapping-content{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.cid-mapping-item{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px}.cid-mapping-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray);min-width:42px}.cid-mapping-code{font-family:monospace;font-size:1rem;font-weight:700;color:var(--accent);background:var(--white-pure);padding:.25rem .6rem;border-radius:4px;flex-shrink:0}.cid-mapping-code-alt{color:var(--warm-green)}.cid-mapping-name{font-size:.875rem;color:var(--dark-300)}.cid-mapping-arrow{color:var(--gray);flex-shrink:0}.cid-mapping-note{font-size:.8125rem;color:var(--dark-200);line-height:1.55;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(92,124,250,.15)}@media(max-width:767px){.cid-mapping-content{flex-direction:column;gap:.75rem}.cid-mapping-arrow{transform:rotate(90deg)}.cid-mapping-item{min-width:auto}}.component-usage-tip{margin:1rem 0;padding:1rem 1.25rem;background:var(--accent-light);border-radius:6px;border-left:3px solid var(--accent)}.component-usage-tip h3{font-size:.875rem;font-weight:700;color:var(--dark-300);margin-bottom:.5rem}.component-usage-tip p{font-size:.875rem;color:var(--dark-200);line-height:1.65;margin:0}.component-usage-tip a{color:var(--accent);text-decoration:none}.component-usage-tip a:hover{text-decoration:underline}@media print{.site-header,.site-footer,.theme-toggle,.nav-button,.search-box-ciap,.search-results,#search-container,.hero-badge{display:none!important}:root,[data-theme=dark]{--white-pure: #ffffff;--text-color: #000000;--dark-300: #000000;--dark-200: #333333;--dark-blue: #000000;--accent: #333333;--accent-light: #f0f0f0;--low-opacity-gray: #eeeeee;--light-gray: #cccccc}body{font-size:11pt;line-height:1.5;color:#000;background:#fff}.main-content{min-height:auto}.rubric-seo-content a:after,.content-inner a:after,.about-text a:after{content:" (" attr(href) ")";font-size:.8em;color:#666}.component-group,.component-detail-card,.faq-item{break-inside:avoid}h1,h2,h3{break-after:avoid}.chapter-card,.rubric-item,.top-code-card,.comp-overview-card,.rubric-meta-card,.info-card,.faq-item{box-shadow:none!important;border:1px solid #ccc!important}.stats-strip{background:#333!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.chapter-card:hover,.rubric-item:hover,.top-code-card:hover{transform:none!important;box-shadow:none!important}.hero{padding:1rem 0}.hero h1{font-size:1.5rem}.chapters-grid,.top-codes-grid,.meta-grid{grid-template-columns:repeat(2,1fr)}.comparison-table th,.comparison-table td{border:1px solid #ccc}.comparison-table th{background:#eee!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cid-mapping-card{border:2px solid #333;background:#f9f9f9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.component-badge,.component-badge-lg,.component-badge-sm{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.pec-guide-section{padding:3rem 2rem}.pec-guide-inner{max-width:900px;margin:0 auto}.pec-intro{margin-bottom:3rem}.pec-steps{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.pec-step{display:flex;gap:1.25rem;align-items:flex-start;background:var(--white-pure);border:1px solid var(--light-gray);border-radius:12px;padding:1.5rem}.pec-step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--mod-accent, #5C7CFA);color:#fff;font-size:1.125rem;font-weight:700}.pec-step-content h3{margin:0 0 .5rem;font-size:1.0625rem}.pec-step-content p{margin:0;color:var(--gray);font-size:.9375rem}.pec-example{margin-top:.75rem;padding:.5rem .75rem;background:var(--highlight-gray);border-radius:6px;font-size:.875rem}.pec-example-label{font-weight:600;color:var(--mod-accent, #5C7CFA)}.pec-example a{color:var(--mod-accent, #5C7CFA);text-decoration:none;font-weight:600}.pec-example a:hover{text-decoration:underline}.pec-cat-title{font-size:1.125rem;font-weight:700;color:var(--mod-accent, #5C7CFA);margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--highlight-gray)}.pec-codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-bottom:1rem}.pec-code-card{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;background:var(--white-pure);border:1px solid var(--light-gray);border-radius:8px;text-decoration:none;transition:border-color .15s,box-shadow .15s}.pec-code-card:hover{border-color:var(--mod-accent, #5C7CFA);box-shadow:0 2px 6px var(--shadow-md)}.pec-code{font-family:monospace;font-size:1rem;font-weight:700;color:var(--mod-accent, #5C7CFA)}.pec-code-name{font-size:.8125rem;color:var(--text-color);line-height:1.3}.pec-code-hint{font-size:.75rem;color:var(--gray)}.pec-tips{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.pec-tip{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--highlight-gray);border-radius:10px}.pec-tip-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--mod-accent, #5C7CFA);color:#fff;font-size:.875rem;font-weight:700}.pec-tip h4{margin:0 0 .25rem;font-size:.9375rem;color:var(--text-color)}.pec-tip p{margin:0;font-size:.8125rem;color:var(--gray);line-height:1.5}.pec-cta-section{padding:2rem}.pec-cta-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:1.5rem;background:var(--highlight-gray);border-radius:12px;padding:1.5rem 2rem;border-left:4px solid var(--mod-accent, #5C7CFA)}.pec-cta-inner svg{flex-shrink:0;stroke:var(--mod-accent, #5C7CFA)}.pec-cta-text h2{font-size:1.125rem;margin:0 0 .25rem;color:var(--text-color)}.pec-cta-text p{font-size:.875rem;color:var(--gray);margin:0}.pec-cta-button{flex-shrink:0;display:inline-block;background:var(--mod-accent, #5C7CFA);color:#fff;padding:.6rem 1.25rem;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:600;transition:opacity .15s}.pec-cta-button:hover{opacity:.85}@media(max-width:640px){.pec-cta-inner{flex-direction:column;text-align:center}}.cid-mapping-link{margin-top:1rem;text-align:right}.cross-ref-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--accent, #5C7CFA);text-decoration:none;transition:opacity .15s}.cross-ref-link:hover{opacity:.75;text-decoration:underline}.cross-ref-section{padding:2.5rem 1rem}.cross-ref-inner{max-width:900px;margin:0 auto}.cross-ref-title{font-size:1.35rem;margin-bottom:.5rem}.cross-ref-desc{color:var(--text-muted, #666);margin-bottom:1.25rem}.cross-ref-links{display:flex;flex-direction:column;gap:.75rem}.cross-ref-card-link{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:.75rem;background:var(--surface-2, #f8f9fa);text-decoration:none;color:inherit;transition:box-shadow .15s}.cross-ref-card-link:hover{box-shadow:0 2px 8px #00000014}.cross-ref-card-link strong{display:block;margin-bottom:.2rem}.cross-ref-card-link span{font-size:.88rem;color:var(--text-muted, #666)}.contact-info-row{display:flex;gap:2rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.contact-info-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.contact-info-item strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text2, var(--gray, #999))}.contact-info-item a,.contact-info-item span{font-size:.875rem;color:var(--text, var(--dark-300, #495057))}.contact-info-item a{color:var(--accent, var(--blue-warm, #1351B4));text-decoration:none}.contact-info-item a:hover{opacity:.75}.contact-system-badge{margin-bottom:1.5rem;padding:1rem;border-radius:8px;background:var(--card-bg, #f8f9fa);border:1px solid var(--border, #dee2e6)}@media(max-width:767px){.contact-info-row{flex-direction:column;align-items:center}}.newsletter-fab-button{background:var(--accent)!important;box-shadow:0 4px 12px #5c7cfa66!important}.newsletter-fab-tooltip-cta{background:var(--accent)!important}.newsletter-fab-tooltip-text strong{color:var(--accent)!important}.drawer-link-tag{margin-left:auto;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:var(--accent-light);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);padding:.15rem .45rem;border-radius:999px}.action-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--light-gray);border-radius:6px;background:transparent;color:var(--accent);font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:none;font-family:inherit;transition:background-color .15s,border-color .15s}.action-btn:hover{background-color:var(--accent-light);border-color:var(--accent)}.action-btn.active,.action-btn.is-active{background-color:var(--accent-light);border-color:var(--accent);color:var(--accent)}.btn-icon{display:inline-flex;align-items:center;flex-shrink:0}.btn-label{white-space:nowrap}.fav-icon-filled{display:none}.btn-favorite-ciap.active .fav-icon-filled,.btn-favorite-ciap.is-active .fav-icon-filled{display:inline-flex}.btn-favorite-ciap.active .fav-icon-outline,.btn-favorite-ciap.is-active .fav-icon-outline{display:none}@media(max-width:480px){.action-buttons{gap:.5rem}.btn-label{display:none}}.page-section{padding:3rem 2rem}.page-inner{max-width:760px;margin:0 auto}.page-inner h1{font-size:1.75rem;font-weight:700;color:var(--dark-blue, #071D41);margin-bottom:.5rem}.page-inner h2{font-size:1.25rem;font-weight:700;color:var(--dark-blue, #071D41);margin-bottom:1.25rem}.section-inner{max-width:760px;margin:0 auto}@media(max-width:767px){.page-section{padding:2rem 1rem}}.compare-bar{position:fixed;bottom:1.5rem;right:calc(2.25rem + 56px);left:auto;z-index:900;background:var(--accent);color:#fff;padding:.75rem 1.25rem;border-radius:12px;width:max-content;box-shadow:0 4px 24px #5c7cfa66;transform:translateY(120%);opacity:0;transition:transform .25s ease,opacity .25s ease;display:flex;flex-direction:row;align-items:center;gap:.875rem}.compare-bar.is-visible{transform:translateY(0);opacity:1}.compare-bar-count{font-size:.9rem;font-weight:600}.compare-bar-btn{padding:.45rem 1.125rem;border-radius:20px;font-size:.8125rem;font-weight:600;text-decoration:none;cursor:pointer;font-family:inherit;border:none;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,opacity .15s;white-space:nowrap}.compare-bar-btn--primary{background:#fff;color:var(--accent)}.compare-bar-btn--primary:hover{background:#ffffffe0}.compare-bar-btn--close{background:none;border:none;color:#fffc;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.compare-bar-btn--close:hover{color:#fff}@media(max-width:600px){.compare-bar{bottom:1rem;right:1rem;left:1rem;width:auto}}