.calc-card{border-radius:var(--radius-lg);box-sizing:border-box;max-width:100%;padding:clamp(1.25rem,3vw,2.25rem)}.calc-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;width:100%;display:grid}@media (width>=992px){.calc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.calc-form{flex-direction:column;gap:1rem;width:100%;display:flex}.form-group{flex-direction:column;gap:.45rem;display:flex}.input-label{color:var(--color-text);font-size:.95rem;font-weight:700}.editor-textarea{width:100%;min-height:160px;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:1rem;font-size:1rem;line-height:1.5}.editor-textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #6366f126}.format-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-alt);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);padding:.25rem .5rem;font-size:.75rem;font-weight:600}.format-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.filter-toolbar{flex-direction:column;gap:.35rem;display:flex}.filter-label{color:var(--color-text-muted);font-size:.8rem;font-weight:700}.filter-pills{flex-wrap:wrap;gap:.35rem;display:flex}.filter-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-alt);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);padding:.3rem .6rem;font-size:.78rem;font-weight:600}.filter-btn:hover{color:var(--color-text);border-color:var(--color-border-hover)}.filter-btn.active{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.main-actions-row{gap:.75rem;width:100%;margin-top:.5rem;display:flex}.calc-btn-primary{color:#fff;background:var(--gradient-brand);border-radius:var(--radius-md);cursor:pointer;min-height:48px;transition:transform var(--transition-fast), opacity var(--transition-fast), box-shadow var(--transition-fast);border:none;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #6366f140}.calc-btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}.calc-btn-secondary{min-height:48px;color:var(--color-text);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;display:inline-flex}.calc-btn-secondary:hover{border-color:var(--color-border-hover);background:var(--color-bg)}.btn-svg{width:18px;height:18px}.calc-results{flex-direction:column;gap:1rem;width:100%;display:flex}.feed-header-row{justify-content:space-between;align-items:center;display:flex}.feed-title{color:var(--color-text);font-size:1rem}.feed-badge{color:var(--color-brand);border-radius:var(--radius-sm);background:#6366f11a;padding:.2rem .6rem;font-size:.78rem;font-weight:700;& .font-cards-feed{flex-direction:column;gap:.75rem;max-height:560px;padding-right:.35rem;display:flex;overflow-y:auto}& .font-style-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-alt);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.15rem;display:flex}& .font-style-card:hover{border-color:#6366f14d}& .font-info-wrap{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}& .font-name-label{color:var(--color-text-muted);text-transform:capitalize;font-size:.75rem;font-weight:600}& .font-sample-text{color:var(--color-text);word-break:break-word;font-size:1.05rem;font-weight:700;line-height:1.4}& .copy-style-btn{border-radius:var(--radius-md)!important;background:var(--color-bg-alt)!important;min-height:36px!important;color:var(--color-brand)!important;cursor:pointer!important;white-space:nowrap!important;transition:all var(--transition-fast)!important;border:1px solid #6366f166!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:.45rem!important;padding:.5rem 1rem!important;font-size:.85rem!important;font-weight:600!important;line-height:1!important;display:inline-flex!important}& .copy-style-btn:hover{border-color:var(--color-brand)!important;background:#6366f114!important;transform:translateY(-1px)!important}& .copy-style-btn.copied-state{color:#10b981!important;background:#10b98114!important;border-color:#10b981!important}@media (width<=576px){& .font-style-card{flex-direction:column;align-items:stretch;gap:.75rem}& .copy-style-btn{width:100%!important;min-height:40px!important}}& .compatibility-note-box{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-alt);flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex}& .note-header-row{color:var(--color-text);align-items:center;gap:.4rem;font-size:.85rem;display:flex}& .note-desc-text{color:var(--color-text-muted);margin:0;font-size:.78rem;line-height:1.4}& .editorial-section{padding-top:1.5rem}& .editorial-section h2{margin-top:2rem;margin-bottom:1rem}& .editorial-section p{color:var(--color-text);margin-bottom:1.25rem}& .editorial-section ul,& .editorial-section ol{margin-bottom:1.5rem;padding-left:1.5rem}& .editorial-section li{margin-bottom:.5rem;line-height:1.6}& .editorial-section code{background:var(--color-bg-alt);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:.15rem .4rem;font-size:.875rem}& .table-responsive{margin:1.5rem 0;overflow-x:auto}& .editorial-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}& .editorial-table th,& .editorial-table td{border:1px solid var(--color-border);padding:.75rem 1rem}& .editorial-table th{background:var(--color-bg-alt);font-weight:700}& .editorial-table tr:nth-child(2n){background:var(--color-bg-alt)}& .internal-links-grid{grid-template-columns:1fr;gap:1rem;margin-top:1.25rem;display:grid}@media (width>=640px){& .internal-links-grid{grid-template-columns:repeat(2,1fr)}}& .tool-link-card{border-radius:var(--radius-md);border:1px solid var(--color-border);color:inherit;transition:transform var(--transition-fast), border-color var(--transition-fast);padding:1.1rem;text-decoration:none;display:block}& .tool-link-card:hover{border-color:var(--color-brand);transform:translateY(-2px)}& .tool-link-title{color:var(--color-brand);margin-bottom:.35rem;font-weight:700}& .tool-link-desc{color:var(--color-text-muted);font-size:.825rem;line-height:1.4}}