:root{--color-blue-50:#eff3fe;--color-blue-100:#dfe7fc;--color-blue-200:#b0c0f5;--color-blue-300:#8296df;--color-blue-400:#5d77d5;--color-blue-500:#3959cc;--color-blue-600:#283f91;--color-blue-700:#203374;--color-green-50:#eefbf5;--color-green-100:#cbf3e5;--color-green-300:#27cc91;--color-green-500:#167453;--color-red-50:#fef2f5;--color-red-100:#fce0e7;--color-red-200:#f5a8ba;--color-red-400:#e32e55;--color-red-500:#a1213c;--color-red-600:#811a30;--color-orange-50:#fff9f0;--color-orange-100:#ffe8c8;--color-orange-200:#ffc46f;--color-orange-400:#ffa11a;--color-orange-600:#915c0f;--color-gray-0:#fff;--color-gray-50:#f8f9fa;--color-gray-100:#f1f3f5;--color-gray-200:#e9ecef;--color-gray-300:#dee2e6;--color-gray-400:#adb5bd;--color-gray-500:#868e96;--color-gray-600:#686a6d;--color-gray-700:#495057;--color-gray-800:#393c41;--color-gray-900:#32353a;--color-text-main:var(--color-gray-900);--color-text-sub:var(--color-gray-600);--color-text-hint:var(--color-gray-500);--color-text-white:#fff;--color-text-link:var(--color-blue-500);--color-text-error:var(--color-red-500);--color-bg-primary:var(--color-gray-0);--color-bg-secondary:var(--color-gray-50);--color-bg-muted:var(--color-gray-100);--color-border:var(--color-gray-200);--color-border-focus:var(--color-blue-500);--font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "BIZ UDPGothic", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--spacing-xxl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-family);color:var(--color-text-main);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;vertical-align:middle}.icon-sm{font-size:20px}.icon-md{font-size:24px}.icon-lg{font-size:28px}.header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:10px var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.header-logo{color:var(--color-text-main);align-items:center;gap:6px;text-decoration:none;display:flex}.header-logo:hover{text-decoration:none}.header-logo-icon{color:var(--color-blue-500)}.header-logo-text{letter-spacing:-.02em;font-size:18px;font-weight:700}.container{max-width:640px;padding:0 var(--spacing-md);margin:0 auto}.footer{text-align:center;padding:var(--spacing-lg) var(--spacing-md);color:var(--color-text-hint);border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);font-size:12px;line-height:1.6}.footer p{margin:2px 0}.breadcrumb{padding:var(--spacing-sm) 0;color:var(--color-text-hint);align-items:center;gap:4px;font-size:13px;display:flex}.breadcrumb a{color:var(--color-text-link);font-size:13px}.breadcrumb-sep{color:var(--color-gray-400);font-size:16px}.section-banner{background:var(--color-bg-muted);padding:var(--spacing-lg) var(--spacing-lg);margin:0 calc(-1 * var(--spacing-md));margin-bottom:var(--spacing-md)}.section-banner h1{margin:0 0 var(--spacing-xs);font-size:20px;font-weight:700;line-height:1.4}.section-banner p{color:var(--color-text-sub);margin:0;font-size:14px}.list-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-blue-500);border-radius:var(--radius-full);color:var(--color-text-main);cursor:pointer;text-decoration:none;transition:background .15s;display:flex}.list-item:hover{background:var(--color-blue-50);color:var(--color-text-main);text-decoration:none}.list-item-icon{color:var(--color-blue-500);flex-shrink:0}.list-item-text{flex:1;font-size:15px;font-weight:600}.list-item-sub{color:var(--color-text-sub);margin-top:2px;font-size:13px;font-weight:400;display:block}.list-item-chevron{color:var(--color-blue-500);flex-shrink:0}.list-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.section-title{color:var(--color-text-main);margin:var(--spacing-lg) 0 var(--spacing-sm);font-size:15px;font-weight:700;line-height:1.4}.pet-tabs{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);display:flex}.pet-tab{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-sub);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;font-size:15px;font-weight:600;transition:all .15s;display:flex}.pet-tab:hover{border-color:var(--color-blue-300)}.pet-tab--active,.pet-tab[aria-pressed=true]{border-color:var(--color-blue-500);color:var(--color-blue-500);background:var(--color-blue-50)}.btn-primary{width:100%;height:52px;padding:0 var(--spacing-lg);background:var(--color-blue-500);color:var(--color-text-white);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s;display:flex}.btn-primary:hover{background:var(--color-blue-600);color:var(--color-text-white);text-decoration:none}.btn-secondary{width:100%;height:52px;padding:0 var(--spacing-lg);background:var(--color-bg-primary);color:var(--color-blue-500);border:1px solid var(--color-blue-500);border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s;display:flex}.btn-secondary:hover{background:var(--color-blue-50);color:var(--color-blue-500);text-decoration:none}.btn-choice{width:100%;padding:var(--spacing-md) var(--spacing-md);background:var(--color-bg-primary);color:var(--color-blue-500);border:1px solid var(--color-blue-500);border-radius:var(--radius-md);text-align:left;cursor:pointer;align-items:center;font-size:16px;font-weight:600;transition:background .15s;display:flex}.btn-choice:hover{background:var(--color-blue-50)}.btn-back{margin-bottom:var(--spacing-md);color:var(--color-text-sub);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:6px 0;font-size:13px;display:inline-flex}.btn-back:hover{color:var(--color-text-main)}.progress{margin-bottom:var(--spacing-lg)}.progress-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.progress-label{color:var(--color-text-sub);font-size:13px}.progress-bar{background:var(--color-gray-200);border-radius:2px;height:3px;overflow:hidden}.progress-bar-fill{background:var(--color-blue-500);border-radius:2px;height:100%;transition:width .3s}.question-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.question-text{margin:0 0 var(--spacing-xs);font-size:18px;font-weight:700;line-height:1.5}.question-help{color:var(--color-text-sub);margin:0;font-size:13px;line-height:1.6}.choices{gap:var(--spacing-xs);flex-direction:column;display:flex}.result-card{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.result-card--emergency{background:var(--color-red-50);border:1px solid var(--color-red-200)}.result-card--semi-urgent{background:var(--color-orange-50);border:1px solid var(--color-orange-200)}.result-card--observe{background:var(--color-green-50);border:1px solid var(--color-green-100)}.urgency-badge{border-radius:var(--radius-full);color:var(--color-text-white);align-items:center;gap:4px;padding:3px 10px;font-size:13px;font-weight:700;line-height:1.4;display:inline-flex}.urgency-badge--emergency{background:var(--color-red-400)}.urgency-badge--semi-urgent{background:var(--color-orange-400)}.urgency-badge--observe{background:var(--color-green-300)}.result-reason{margin:0;font-size:15px;line-height:1.7}.result-reason--emergency{color:var(--color-red-600)}.result-reason--semi-urgent{color:var(--color-orange-600)}.result-reason--observe{color:var(--color-green-500)}.info-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.info-card-title{margin:0 0 var(--spacing-xs);align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.info-card-text{color:var(--color-text-sub);margin:0;font-size:14px;line-height:1.7}.info-card-list{margin:0;padding-left:20px}.info-card-list li{color:var(--color-text-sub);margin-bottom:2px;font-size:14px}.warning-card{background:var(--color-red-50);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-red-200);margin-bottom:var(--spacing-md)}.warning-card-title{margin:0 0 var(--spacing-xs);color:var(--color-red-500);align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.warning-card-text{color:var(--color-red-600);margin:0;font-size:14px;line-height:1.7}.disclaimer{background:var(--color-bg-muted);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.disclaimer-text{color:var(--color-text-hint);margin:0;font-size:12px;line-height:1.6}.actions{gap:var(--spacing-xs);flex-direction:column;display:flex}.notice-box{background:var(--color-bg-muted);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-md)}.notice-box p{color:var(--color-text-sub);margin:0;font-size:13px;line-height:1.6}.trust-row{justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;color:var(--color-text-hint);font-size:13px;display:flex}.trust-item{align-items:center;gap:4px;display:flex}.trust-item .material-symbols-outlined{font-size:18px}.article-hero{margin:0 calc(-1 * var(--spacing-md));border-radius:var(--radius-lg);overflow:hidden}.article-hero-img{aspect-ratio:1200/630;object-fit:cover;width:100%;display:block}.article-header{padding:var(--spacing-lg) 0 var(--spacing-md)}.article-tags-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.article-title{margin:0 0 var(--spacing-xs);font-size:22px;font-weight:700;line-height:1.4}.article-meta{color:var(--color-text-hint);font-size:13px}.article-body p{color:var(--color-text-sub);margin:0 0 var(--spacing-md);font-size:15px;line-height:1.8}.cta-banner{background:var(--color-blue-50);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-xl) 0;text-align:center}.cta-banner-title{margin:0 0 var(--spacing-xs);font-size:16px;font-weight:700}.cta-banner-sub{color:var(--color-text-sub);margin:0 0 var(--spacing-md);font-size:14px}.lp-hero{text-align:center;padding:var(--spacing-xxl) var(--spacing-md) var(--spacing-xl)}.lp-hero-icon{color:var(--color-blue-500);margin-bottom:var(--spacing-md);font-size:48px;display:block}.lp-hero-title{margin:0 0 var(--spacing-sm);font-size:24px;font-weight:700;line-height:1.5}.lp-hero-sub{color:var(--color-text-sub);margin:0 0 var(--spacing-lg);font-size:15px;line-height:1.7}.lp-hero-cta{max-width:320px;margin:0 auto}.lp-seo-section{padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border);margin-top:var(--spacing-lg)}.lp-seo-title{margin:0 0 var(--spacing-sm);color:var(--color-text-sub);font-size:15px;font-weight:700}.lp-seo-links{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.lp-seo-link{border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-sub);align-items:center;padding:6px 12px;font-size:13px;text-decoration:none;transition:background .15s;display:inline-flex}.lp-seo-link:hover{background:var(--color-bg-muted);color:var(--color-text-main);text-decoration:none}.step-progress{gap:var(--spacing-xxs);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md);display:flex}.step-progress-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.step-progress-bar{border-radius:2px;width:100%}.step-progress-bar--active{background:var(--color-blue-500);height:4px}.step-progress-bar--completed{background:var(--color-blue-300);height:3px}.step-progress-bar--pending{background:var(--color-gray-200);height:3px}.step-progress-label{white-space:nowrap;font-size:11px;font-weight:600}.step-progress-label--active{color:var(--color-blue-500)}.step-progress-label--completed,.step-progress-label--pending{color:var(--color-text-hint)}.btn-choice-gray{width:100%;padding:var(--spacing-md) var(--spacing-md);background:var(--color-bg-primary);color:var(--color-text-main);border-radius:var(--radius-md);text-align:left;cursor:pointer;border:1px solid #dedede;align-items:center;font-size:16px;font-weight:500;transition:background .15s;display:flex}.btn-choice-gray:hover{background:var(--color-gray-50)}.pet-type-svg{flex-shrink:0;margin-right:8px}.profile-card{border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);background:#edeefc;display:flex}.profile-card-label{color:var(--color-text-hint);flex-shrink:0;font-size:12px}.profile-card-value{color:var(--color-text-main);font-size:14px;font-weight:700}.slider-input{padding:var(--spacing-md) 0}.slider-input-label{color:var(--color-text-sub);margin:0 0 var(--spacing-sm);font-size:14px}.slider-input-display{text-align:center;margin-bottom:var(--spacing-md)}.slider-input-value{color:var(--color-text-main);font-size:40px;font-weight:700;line-height:1.2}.slider-input-unit{color:var(--color-text-sub);font-size:20px;font-weight:500}.slider-input-controls{align-items:center;gap:var(--spacing-sm);display:flex}.slider-input-btn{border-radius:var(--radius-full);border:2px solid var(--color-blue-500);background:var(--color-bg-primary);width:40px;height:40px;color:var(--color-blue-500);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.slider-input-btn:hover:not(:disabled){background:var(--color-blue-50)}.slider-input-btn:disabled{border-color:var(--color-gray-300);color:var(--color-gray-300);cursor:not-allowed}.slider-input-btn .material-symbols-outlined{font-size:20px}.slider-input-range{appearance:none;background:var(--color-gray-200);border-radius:2px;outline:none;flex:1;height:4px}.slider-input-range::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-full);background:var(--color-blue-500);cursor:pointer;border:2px solid #fff;width:20px;height:20px;box-shadow:0 1px 3px #0003}.slider-input-range::-moz-range-thumb{border-radius:var(--radius-full);background:var(--color-blue-500);cursor:pointer;border:2px solid #fff;width:20px;height:20px;box-shadow:0 1px 3px #0003}.slider-input-next-row{margin-top:var(--spacing-lg);justify-content:flex-end;display:flex}.slider-input-next{background:var(--color-blue-500);color:var(--color-text-white);border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:4px;padding:10px 24px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.slider-input-next:hover{background:var(--color-blue-600)}.symptom-search-wrap{margin-bottom:var(--spacing-md);position:relative}.symptom-search-icon{color:var(--color-text-hint);pointer-events:none;font-size:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.symptom-search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);width:100%;color:var(--color-text-main);box-sizing:border-box;outline:none;padding:10px 40px;font-size:15px;transition:border-color .15s}.symptom-search-input:focus{border-color:var(--color-blue-400)}.symptom-search-input::placeholder{color:var(--color-text-hint)}.symptom-search-clear{cursor:pointer;color:var(--color-text-hint);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.symptom-search-empty{text-align:center;color:var(--color-text-hint);padding:var(--spacing-lg) 0;font-size:14px}.popular-tags{margin-bottom:var(--spacing-md)}.popular-tags-label{color:var(--color-text-hint);margin:0 0 var(--spacing-xs);font-size:13px}.popular-tags-list{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.popular-tag{border:1px solid var(--color-blue-200);border-radius:var(--radius-full);background:var(--color-blue-50);color:var(--color-blue-600);cursor:pointer;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.popular-tag:hover{background:var(--color-blue-100)}.qa-symptom-label{color:var(--color-text-sub);margin-bottom:var(--spacing-sm);align-items:center;font-size:13px;display:flex}.condition-link{color:var(--color-text-link);align-items:center;text-decoration:none;display:inline-flex}.condition-link:hover{text-decoration:underline}.vet-summary{background:var(--color-bg-primary);border:1px solid var(--color-blue-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.vet-summary-title{color:var(--color-blue-600);align-items:center;gap:6px;margin:0 0 4px;font-size:15px;font-weight:700;display:flex}.vet-summary-hint{color:var(--color-text-hint);margin:0 0 var(--spacing-md);font-size:12px}.vet-summary-table{border-collapse:collapse;width:100%;font-size:14px}.vet-summary-table th{text-align:left;color:var(--color-text-sub);white-space:nowrap;vertical-align:top;border-bottom:1px solid var(--color-gray-100);width:110px;padding:6px 12px 6px 0;font-weight:600}.vet-summary-table td{color:var(--color-text-main);border-bottom:1px solid var(--color-gray-100);padding:6px 0}.vet-summary-table tr:last-child th,.vet-summary-table tr:last-child td{border-bottom:none}.vet-summary-qa{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.vet-summary-qa-label{color:var(--color-text-sub);margin:0 0 var(--spacing-xs);font-size:13px;font-weight:600}.vet-summary-qa-list{margin:0}.vet-summary-qa-item{border-bottom:1px solid var(--color-gray-100);padding:4px 0}.vet-summary-qa-item:last-child{border-bottom:none}.vet-summary-qa-item dt{color:var(--color-text-sub);margin:0;font-size:13px}.vet-summary-qa-item dd{color:var(--color-text-main);margin:2px 0 0;font-size:14px;font-weight:600}.result-header{padding:var(--spacing-md) 0;margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.result-header-label{margin:0 0 4px;font-size:18px;font-weight:700}.result-header-time{color:var(--color-text-hint);margin:0 0 4px;font-size:13px}.result-header-symptom{color:var(--color-text-sub);margin:0;font-size:14px}.urgency-gauge{padding:var(--spacing-lg) 0}.urgency-gauge-title{margin:0 0 var(--spacing-sm);text-align:center;font-size:15px;font-weight:700}.urgency-gauge-bar{height:8px;margin-bottom:var(--spacing-xs);background:linear-gradient(90deg,#27cc91 0%,#ffa11a 50%,#e32e55 100%);border-radius:4px;position:relative}.urgency-gauge-fill{display:none}.urgency-gauge-indicator{border:3px solid var(--color-gray-800);background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 1px 3px #0003}.urgency-gauge-labels{justify-content:space-between;margin-top:4px;display:flex}.urgency-gauge-label{font-size:11px;font-weight:600}.urgency-gauge-label--green{color:#167453}.urgency-gauge-label--yellow{color:#915c0f}.urgency-gauge-label--red{color:#a1213c}.result-advice{margin:0 0 var(--spacing-xs);color:var(--color-text-main);font-size:14px;font-weight:600}.info-card-sub{color:var(--color-text-hint);margin:0 0 var(--spacing-xs);font-size:13px}.duration-unit-tabs{justify-content:center;gap:8px;margin-top:16px;display:flex}.duration-unit-tab{cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .15s}.duration-unit-tab:hover{border-color:var(--color-blue-300)}.duration-unit-tab--active{border-color:var(--color-blue-500);background:var(--color-blue-50);color:var(--color-blue-500);font-weight:600}.duration-description{text-align:center;color:var(--color-text-sub);margin:0 0 var(--spacing-xs);font-size:15px}.checkbox-choice{cursor:pointer;text-align:left;background:#fff;border:1px solid #dedede;border-radius:8px;align-items:center;gap:12px;width:100%;padding:16px;font-size:16px;transition:all .15s;display:flex}.checkbox-choice:hover{background:var(--color-gray-50)}.checkbox-choice--checked{border-color:var(--color-blue-500);background:var(--color-blue-50)}.checkbox-icon{border:2px solid #c8c8c8;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.checkbox-icon--checked{background:var(--color-blue-500);border-color:var(--color-blue-500);color:#fff}.next-button-row{margin-top:var(--spacing-lg);justify-content:flex-end;display:flex}.btn-next{background:var(--color-blue-500);color:var(--color-text-white);border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:4px;padding:10px 24px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.btn-next:hover{background:var(--color-blue-600)}.condition-common-in{gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.condition-common-in-tag{border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-sub);align-items:center;padding:3px 10px;font-size:12px;display:inline-flex}.bottom-tabs{background:var(--color-bg-primary);border-top:1px solid var(--color-border);z-index:100;align-items:stretch;height:56px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-tab{color:var(--color-text-hint);padding:var(--spacing-xxs) 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:color .15s;display:flex}.bottom-tab:hover{color:var(--color-text-sub);text-decoration:none}.bottom-tab--active,.bottom-tab--active:hover{color:var(--color-blue-500)}.bottom-tab-icon{font-size:24px}.bottom-tab-label{font-size:10px;font-weight:600;line-height:1}.records-page-title{margin:var(--spacing-lg) 0 var(--spacing-md);font-size:20px;font-weight:700}.records-empty{text-align:center;padding:var(--spacing-xxl) 0}.records-empty-icon{color:var(--color-gray-300);margin-bottom:var(--spacing-md);font-size:48px;display:block}.records-empty-text{color:var(--color-text-sub);margin:0 0 var(--spacing-lg);font-size:15px}.records-empty-cta{background:var(--color-blue-500);color:var(--color-text-white);border-radius:var(--radius-full);border:none;align-items:center;gap:4px;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.records-empty-cta:hover{background:var(--color-blue-600);color:var(--color-text-white);text-decoration:none}.record-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.record-card-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.record-card-date{color:var(--color-text-hint);font-size:13px}.record-card-title{margin:0 0 var(--spacing-xxs);align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.record-card-conditions{color:var(--color-text-sub);margin:0 0 var(--spacing-xs);font-size:13px;line-height:1.5}.record-card-footer{justify-content:flex-end;align-items:center;display:flex}.record-card-link{color:var(--color-text-link);align-items:center;gap:2px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.record-card-link:hover{text-decoration:underline}.records-pet-selector{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xxs);display:flex;overflow-x:auto}.records-pet-chip{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-primary);color:var(--color-text-sub);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.records-pet-chip:hover{border-color:var(--color-blue-300)}.records-pet-chip--active{border-color:var(--color-blue-500);color:var(--color-blue-500);background:var(--color-blue-50)}.settings-page-title{margin:var(--spacing-lg) 0 var(--spacing-md);font-size:20px;font-weight:700}.settings-section{margin-bottom:var(--spacing-lg)}.settings-section-title{color:var(--color-text-sub);margin:0 0 var(--spacing-sm);align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.settings-pet-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.settings-pet-info{align-items:center;gap:var(--spacing-sm);display:flex}.settings-pet-name{font-size:15px;font-weight:700}.settings-pet-detail{color:var(--color-text-sub);font-size:13px}.settings-pet-actions{gap:var(--spacing-xs);display:flex}.settings-btn-icon{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-primary);width:36px;height:36px;color:var(--color-text-sub);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.settings-btn-icon:hover{border-color:var(--color-blue-300);color:var(--color-blue-500)}.pet-form{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.pet-form-title{margin:0 0 var(--spacing-md);font-size:16px;font-weight:700}.pet-form-field{margin-bottom:var(--spacing-md)}.pet-form-label{color:var(--color-text-sub);margin-bottom:var(--spacing-xxs);font-size:13px;font-weight:600;display:block}.pet-form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-main);outline:none;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .15s}.pet-form-input:focus{border-color:var(--color-border-focus)}.pet-form-select{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-main);background:var(--color-bg-primary);appearance:none;outline:none;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .15s}.pet-form-select:focus{border-color:var(--color-border-focus)}.pet-form-row{gap:var(--spacing-xs);display:flex}.pet-form-row>*{flex:1}.pet-form-actions{gap:var(--spacing-xs);margin-top:var(--spacing-md);display:flex}.pet-form-actions>*{flex:1}.settings-danger{border:1px solid var(--color-red-200);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.settings-danger-title{color:var(--color-red-500);margin:0 0 var(--spacing-xs);font-size:15px;font-weight:700}.settings-danger-text{color:var(--color-text-sub);margin:0 0 var(--spacing-md);font-size:13px}.btn-danger{width:100%;height:44px;padding:0 var(--spacing-lg);background:var(--color-bg-primary);color:var(--color-red-400);border:1px solid var(--color-red-200);border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .15s;display:flex}.btn-danger:hover{background:var(--color-red-50)}.saved-pets-section{background:var(--color-blue-50);border:1px solid var(--color-blue-200);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.saved-pets-title{color:var(--color-blue-600);margin:0 0 var(--spacing-xs);align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.saved-pets-list{gap:var(--spacing-xxs);margin-bottom:var(--spacing-xs);flex-direction:column;display:flex}.saved-pet-btn{align-items:center;gap:var(--spacing-xs);background:var(--color-bg-primary);border:1px solid var(--color-blue-200);border-radius:var(--radius-md);width:100%;color:var(--color-text-main);cursor:pointer;text-align:left;padding:10px 12px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.saved-pet-btn:hover{border-color:var(--color-blue-500);background:var(--color-blue-50)}.saved-pet-btn-detail{color:var(--color-text-hint);font-size:12px;font-weight:400}.saved-pets-new{color:var(--color-text-link);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.saved-pets-new:hover{text-decoration:underline}.article-content{margin-bottom:var(--spacing-lg)}.article-content h1{margin:var(--spacing-lg) 0 var(--spacing-sm);color:var(--color-text-main);border-bottom:2px solid var(--color-blue-100);padding-bottom:var(--spacing-xs);font-size:22px;font-weight:700;line-height:1.4}.article-content h2{margin:var(--spacing-lg) 0 var(--spacing-sm);color:var(--color-text-main);padding-left:var(--spacing-sm);border-left:4px solid var(--color-blue-500);font-size:18px;font-weight:700;line-height:1.4}.article-content h3{margin:var(--spacing-md) 0 var(--spacing-xs);color:var(--color-text-main);font-size:16px;font-weight:700;line-height:1.4}.article-content p{color:var(--color-text-sub);margin:0 0 var(--spacing-md);font-size:15px;line-height:1.8}.article-content ul,.article-content ol{margin:0 0 var(--spacing-md);padding-left:var(--spacing-lg)}.article-content li{color:var(--color-text-sub);margin-bottom:var(--spacing-xxs);font-size:15px;line-height:1.7}.article-content ul.checklist{padding-left:0;list-style:none}.article-content ul.checklist li.checklist-item{align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xxs) 0;display:flex}.article-content ul.checklist .checklist-icon{border-radius:var(--radius-sm);background:var(--color-blue-100);width:20px;height:20px;color:var(--color-blue-600);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:12px;font-weight:700;display:flex}.article-content blockquote{background:var(--color-bg-muted);border-left:4px solid var(--color-blue-300);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--spacing-sm) var(--spacing-md);margin:0 0 var(--spacing-md);color:var(--color-text-sub);font-size:14px;font-style:italic}.article-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-lg) 0}.article-content a{color:var(--color-text-link);text-decoration:underline}.article-content strong{color:var(--color-text-main);font-weight:700}.article-content code{background:var(--color-bg-muted);border-radius:var(--radius-sm);padding:2px 6px;font-size:13px}.article-content .table-wrap{margin:0 0 var(--spacing-md);-webkit-overflow-scrolling:touch;overflow-x:auto}.article-content table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6}.article-content th{background:var(--color-bg-muted);color:var(--color-text-main);text-align:left;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);white-space:nowrap;font-weight:700}.article-content td{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);color:var(--color-text-sub);vertical-align:top}.article-content tbody tr:nth-child(2n){background:var(--color-bg-secondary)}.toc{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg)}.toc-title{align-items:center;gap:var(--spacing-xs);color:var(--color-text-main);margin:0 0 var(--spacing-sm);font-size:15px;font-weight:700;display:flex}.toc-list{padding-left:var(--spacing-lg);margin:0}.toc-list li{margin-bottom:var(--spacing-xxs)}.toc-link{color:var(--color-text-link);font-size:14px;line-height:1.6;text-decoration:none}.toc-link:hover{text-decoration:underline}.articles-page-header{padding:var(--spacing-md) 0 var(--spacing-xs)}.articles-page-title{margin:0 0 var(--spacing-xxs);align-items:center;font-size:20px;font-weight:700;line-height:1.4;display:flex}.articles-page-desc{color:var(--color-text-sub);margin:0;font-size:14px;line-height:1.6}.articles-count{color:var(--color-text-hint);margin:0 0 var(--spacing-md);font-size:13px}.articles-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.article-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-main);text-decoration:none;transition:background .15s,border-color .15s;display:block;overflow:hidden}.article-card:hover{background:var(--color-blue-50);border-color:var(--color-blue-300);color:var(--color-text-main);text-decoration:none}.article-card-thumb{aspect-ratio:1200/630;background:var(--color-bg-muted);width:100%;overflow:hidden}.article-card-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.article-card-body{padding:var(--spacing-md)}.article-card-badges{gap:var(--spacing-xxs);margin-bottom:var(--spacing-xs);flex-wrap:wrap;display:flex}.article-card-title{margin:0 0 var(--spacing-xxs);color:var(--color-text-main);font-size:15px;font-weight:700;line-height:1.4}.article-card-desc{color:var(--color-text-sub);margin:0 0 var(--spacing-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.article-card-more{color:var(--color-text-link);align-items:center;font-size:13px;font-weight:600;display:inline-flex}.articles-layout{gap:var(--spacing-lg);flex-direction:column;display:flex}.articles-main{min-width:0}.articles-sidebar{gap:var(--spacing-md);flex-direction:column;display:flex}@media (width>=960px){.container:has(.articles-layout){max-width:1060px}.articles-layout{gap:var(--spacing-lg);grid-template-columns:1fr 300px;align-items:start;display:grid}.articles-sidebar{gap:var(--spacing-md);flex-direction:column;order:0;display:flex}}.sidebar-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.sidebar-section-title{margin:0 0 var(--spacing-sm);color:var(--color-text-main);align-items:center;gap:6px;font-size:14px;font-weight:700;line-height:1.4;display:flex}.sidebar-subsection-title{color:var(--color-text-hint);margin:var(--spacing-sm) 0 var(--spacing-xs);font-size:12px;font-weight:700}.sidebar-article-list{gap:var(--spacing-xxs);flex-direction:column;display:flex}.sidebar-article-item{align-items:stretch;gap:var(--spacing-xs);padding:var(--spacing-xxs);border-radius:var(--radius-md);color:var(--color-text-main);text-decoration:none;transition:background .15s;display:flex}.sidebar-article-item:hover{background:var(--color-bg-secondary);color:var(--color-text-main);text-decoration:none}.sidebar-article-thumb{aspect-ratio:1200/630;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-bg-muted);width:72px;min-width:72px}.sidebar-article-body{flex-direction:column;justify-content:center;gap:3px;min-width:0;display:flex}.sidebar-article-body .urgency-badge{align-self:flex-start}.sidebar-article-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.sidebar-category-list{flex-direction:column;gap:2px;display:flex}.sidebar-category-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-xxs);border-radius:var(--radius-md);display:flex}.sidebar-category-name{color:var(--color-text-sub);flex:1;font-size:13px;font-weight:600}.sidebar-category-count{color:var(--color-text-hint);background:var(--color-bg-muted);border-radius:var(--radius-full);padding:1px 8px;font-size:12px;font-weight:600}.pagination{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg) 0;display:flex}.pagination-btn{border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-sub);align-items:center;gap:2px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.pagination-btn:hover{border-color:var(--color-blue-300);color:var(--color-blue-500);text-decoration:none}.pagination-pages{gap:var(--spacing-xxs);display:flex}.pagination-page{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-sub);justify-content:center;align-items:center;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.pagination-page:hover{background:var(--color-bg-muted);color:var(--color-text-main);text-decoration:none}.pagination-page--active{background:var(--color-blue-500);color:var(--color-text-white)}.pagination-page--active:hover{background:var(--color-blue-600);color:var(--color-text-white)}.sidebar-category-link{color:inherit;cursor:pointer;border-radius:var(--radius-md);text-decoration:none;transition:background .15s}.sidebar-category-link:hover{background:var(--color-bg-secondary);color:inherit;text-decoration:none}.articles-active-filter{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-blue-50);border:1px solid var(--color-blue-200);border-radius:var(--radius-full);width:fit-content;display:flex}.articles-active-filter-label{color:var(--color-blue-600);font-size:13px;font-weight:600}.articles-active-filter-clear{color:var(--color-text-hint);align-items:center;gap:2px;font-size:12px;text-decoration:none;display:inline-flex}.articles-active-filter-clear:hover{color:var(--color-text-sub);text-decoration:none}.sidebar-cta{background:var(--color-blue-50);border:1px solid var(--color-blue-200);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center}.sidebar-cta-title{margin:0 0 var(--spacing-xxs);font-size:14px;font-weight:700}.sidebar-cta-desc{color:var(--color-text-sub);margin:0 0 var(--spacing-sm);font-size:13px}.related-articles-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.related-article-card{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--radius-md);color:var(--color-text-main);text-decoration:none;transition:background .15s;display:flex}.related-article-card:hover{background:var(--color-bg-secondary);color:var(--color-text-main);text-decoration:none}.related-article-thumb{aspect-ratio:1200/630;object-fit:cover;border-radius:var(--radius-sm);width:64px;min-width:64px}.related-article-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}