*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1a5276;--primary-light: #2e86c1;--gold: #d4ac0d;--gold-light: #f9e79f;--dark: #0d1b2a;--surface: #ffffff;--surface2: #f8f9fa;--text: #1c2833;--text-muted: #5d6d7e;--border: #e5e8ea;--radius: 16px;--radius-sm: 10px;--shadow: 0 4px 20px rgba(0,0,0,.1);--shadow-lg: 0 8px 40px rgba(0,0,0,.15)}html{font-size:16px;scroll-behavior:smooth}body{font-family:Cairo,Segoe UI,sans-serif;direction:rtl;background:#f0f4f8;color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app-container{max-width:680px;margin:0 auto;min-height:100vh;background:#f0f4f8}.home-page{padding-bottom:2rem}.app-header{position:relative;background:linear-gradient(160deg,#0d2137,#1a5276,#21618c);color:#fff;padding:2.5rem 1.5rem 2rem;text-align:center;overflow:hidden}.header-decoration{position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:#ffffff0d}.header-decoration:after{content:"";position:absolute;bottom:-80px;left:-80px;width:200px;height:200px;border-radius:50%;background:#ffffff0a}.header-icon{font-size:3.5rem;margin-bottom:.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.app-header h1{font-size:2rem;font-weight:900;letter-spacing:-.5px;margin-bottom:.3rem}.app-header p{font-size:.95rem;opacity:.8;margin-bottom:1rem}.bismillah{font-family:Amiri,serif;font-size:1.2rem;color:var(--gold-light);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:.5rem 1.5rem;display:inline-block}.stats-bar{display:flex;align-items:center;justify-content:center;background:#fff;margin:1rem;border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);gap:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1}.stat-number{font-size:1.8rem;font-weight:900;color:var(--primary);line-height:1}.stat-label{font-size:.75rem;color:var(--text-muted);margin-top:2px}.stat-divider{width:1px;height:40px;background:var(--border)}.section-title{padding:1.2rem 1.2rem .5rem}.section-title h2{font-size:1.2rem;font-weight:700;color:var(--text)}.section-title p{font-size:.85rem;color:var(--text-muted)}.categories-grid{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 1rem}.category-card{display:flex;align-items:center;gap:1rem;background:#fff;border:none;border-radius:var(--radius);padding:1rem 1.2rem;text-align:right;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;border-right:5px solid var(--card-color, var(--primary));width:100%}.category-card:active{transform:scale(.98);box-shadow:0 2px 10px #0000001a}.card-icon-wrap{width:54px;height:54px;border-radius:14px;background:var(--card-bg, #d6eaf8);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon-arabic{font-family:Amiri,serif;font-size:1.8rem;font-weight:700;color:var(--card-color, var(--primary))}.card-body{flex:1}.card-body h3{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:2px;line-height:1.3}.card-subtitle{font-size:.72rem;color:var(--text-muted);display:block}.card-rules-count{font-size:.72rem;color:var(--card-color, var(--primary));font-weight:600;margin-top:4px}.card-arrow{font-size:1.4rem;color:var(--card-color, var(--primary));opacity:.6}.quiz-section{padding:.5rem 1rem 1rem}.quiz-card{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#1a5276,#2980b9);border-radius:var(--radius);padding:1.2rem 1.5rem;color:#fff;cursor:pointer;box-shadow:0 6px 20px #1a527666;transition:transform .2s}.quiz-card:active{transform:scale(.98)}.quiz-icon{font-size:2.2rem}.quiz-text h3{font-size:1.05rem;font-weight:700}.quiz-text p{font-size:.8rem;opacity:.85}.quiz-arrow{font-size:1.5rem;margin-right:auto;opacity:.8}.app-footer{text-align:center;padding:1.5rem;color:var(--text-muted)}.app-footer p{font-family:Amiri,serif;font-size:1rem;color:var(--primary)}.app-footer small{font-size:.75rem;color:var(--text-muted)}.rule-page{min-height:100vh;background:#f0f4f8}.rule-nav{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;color:#fff;position:sticky;top:0;z-index:10}.back-btn{background:#fff3;border:none;color:#fff;padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-family:Cairo,sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s}.back-btn:active{background:#ffffff59}.rule-nav-title{font-size:.9rem;font-weight:700;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-tabs{display:flex;gap:.5rem;padding:.8rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid var(--border)}.rule-tabs::-webkit-scrollbar{display:none}.rule-tab{flex-shrink:0;background:#f0f4f8;border:2px solid transparent;border-radius:20px;padding:.45rem 1rem;font-size:.8rem;font-family:Cairo,sans-serif;font-weight:600;cursor:pointer;color:var(--text-muted);transition:all .2s}.rule-tab.active{background:var(--tab-color, var(--primary));color:#fff;border-color:var(--tab-color, var(--primary))}.rule-select-hint{margin:1.25rem 1rem;padding:1rem;text-align:center;color:var(--text-muted);background:#fff;border:1px dashed var(--border);border-radius:var(--radius)}.rule-detail{padding:1rem}.rule-header{border-radius:var(--radius);padding:1.2rem;color:#fff;display:flex;align-items:center;gap:1rem;margin-bottom:1rem;box-shadow:var(--shadow)}.rule-header-icon{font-size:2.5rem;flex-shrink:0}.rule-header-text h2{font-size:1.2rem;font-weight:800}.rule-subtitle-en{font-size:.8rem;opacity:.85}.rule-section{background:#fff;border-radius:var(--radius);padding:1.2rem;margin-bottom:.75rem;box-shadow:0 2px 10px #0000000d}.section-badge{display:inline-block;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .9rem;border-radius:20px;margin-bottom:.8rem}.rule-description{font-size:.95rem;line-height:1.7;color:var(--text)}.rule-details-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.detail-item{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;line-height:1.6}.detail-dot{color:var(--primary);font-size:.6rem;margin-top:5px;flex-shrink:0}.examples-grid{display:flex;flex-direction:column;gap:.8rem}.example-card{background:#f8f9fa;border-radius:var(--radius-sm);padding:1rem;border-right:3px solid var(--primary)}.example-arabic{font-family:Amiri,serif;font-size:1.5rem;color:var(--primary);font-weight:700;margin-bottom:4px;line-height:1.6}.example-transliteration{font-size:.8rem;color:var(--text-muted);font-style:italic;margin-bottom:4px}.example-explanation{font-size:.85rem;color:var(--text)}.example-highlight{margin-top:6px;background:#fff9e6;border-radius:6px;padding:.3rem .6rem;display:inline-flex;gap:4px;align-items:center}.highlight-label{font-size:.72rem;color:var(--text-muted)}.highlight-text{font-family:Amiri,serif;font-size:1rem;color:#c0392b;font-weight:700}.rule-tip{background:linear-gradient(135deg,#fffde7,#fff8e1);border:1px solid #f9ca24;border-radius:var(--radius);padding:1rem 1.2rem;display:flex;gap:.8rem;align-items:flex-start;margin-bottom:.75rem}.tip-icon{font-size:1.4rem;flex-shrink:0}.rule-tip p{font-size:.9rem;line-height:1.6;color:#7d6608;font-weight:600}.quiz-page{min-height:100vh;background:#f0f4f8;padding-bottom:2rem}.quiz-nav{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:var(--primary);color:#fff;position:sticky;top:0;z-index:10}.quiz-nav h2{font-size:1rem;font-weight:700;flex:1;text-align:center}.quiz-progress{padding:1rem 1.2rem .5rem;background:#fff;border-bottom:1px solid var(--border)}.progress-text{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:8px}.progress-bar{background:#e9ecef;border-radius:10px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--primary-light));height:100%;border-radius:10px;transition:width .4s ease}.question-container{margin:1rem;background:#fff;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.question-number{font-size:.75rem;font-weight:700;color:var(--primary);background:#d6eaf8;display:inline-block;padding:.2rem .8rem;border-radius:20px;margin-bottom:.8rem}.question-text{font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.6;margin-bottom:1.2rem}.options-list{display:flex;flex-direction:column;gap:.6rem}.option-btn{display:flex;align-items:center;gap:.8rem;background:#f8f9fa;border:2px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem;font-family:Cairo,sans-serif;font-size:.9rem;cursor:pointer;text-align:right;transition:all .2s;width:100%}.option-btn:hover:not(:disabled){border-color:var(--primary);background:#eaf4fb}.option-btn.selected{border-color:var(--primary);background:#d6eaf8}.option-btn.correct{border-color:#27ae60;background:#eafaf1;color:#1e8449}.option-btn.wrong{border-color:#e74c3c;background:#fdedec;color:#922b21}.option-letter{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.option-btn.correct .option-letter{background:#27ae60}.option-btn.wrong .option-letter{background:#e74c3c}.option-text{flex:1}.option-icon{font-size:1.1rem;margin-right:auto}.answer-feedback{margin-top:1rem;padding:.8rem 1rem;border-radius:var(--radius-sm);font-size:.88rem;line-height:1.6}.answer-feedback span{display:block;font-weight:700;margin-bottom:4px}.feedback-correct{background:#eafaf1;border:1px solid #27ae60;color:#1e8449}.feedback-wrong{background:#fdedec;border:1px solid #e74c3c;color:#922b21}.quiz-nav-btns{display:flex;gap:.75rem;padding:.5rem 1rem 1rem}.btn-nav{flex:1;padding:.85rem;border:2px solid var(--border);background:#fff;border-radius:var(--radius-sm);font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;color:var(--text)}.btn-nav:disabled{opacity:.4;cursor:default}.btn-nav.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-nav.primary:disabled{background:#a9cce3;border-color:#a9cce3}.result-container{padding:1rem}.result-circle{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));margin:1rem auto;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 30px #1a527666}.result-score{font-size:2rem;font-weight:900;line-height:1}.result-percent{font-size:1rem;opacity:.85}.result-grade{text-align:center;font-size:1.3rem;font-weight:800;color:var(--primary);margin-bottom:1.2rem}.result-answers{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.result-item{display:flex;gap:.75rem;align-items:flex-start;background:#fff;border-radius:var(--radius-sm);padding:.8rem 1rem;box-shadow:0 2px 8px #0000000d}.result-item.correct{border-right:4px solid #27ae60}.result-item.wrong{border-right:4px solid #e74c3c}.result-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px}.result-q{font-size:.88rem;font-weight:600;color:var(--text);line-height:1.5}.result-explanation{font-size:.8rem;color:#922b21;margin-top:4px;line-height:1.5}.result-actions{display:flex;flex-direction:column;gap:.75rem}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:1rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;width:100%;transition:background .2s}.btn-primary:active{background:#154360}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-sm);padding:.9rem;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;width:100%;transition:all .2s}@media (min-width: 480px){.app-header h1{font-size:2.3rem}.examples-grid{display:grid;grid-template-columns:1fr 1fr}.result-actions{flex-direction:row}}@media (min-width: 640px){.app-header{padding:3rem 2rem 2.5rem}.category-card{padding:1.2rem 1.5rem}.quiz-nav-btns{padding:1rem 1.5rem}}@supports (padding: max(0px)){.quiz-nav-btns{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.makhaarij-chart{margin-top:.75rem}.makhaarij-title{margin-bottom:.75rem}.makhaarij-zones{display:flex;flex-direction:column;gap:.75rem}.makhaarij-zone{border-radius:var(--radius);border:2px solid;overflow:hidden;box-shadow:0 2px 10px #00000012}.zone-header{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;color:#fff}.zone-icon{font-size:1.4rem}.zone-name{display:block;font-size:1rem;font-weight:800;line-height:1.2}.zone-name-en{display:block;font-size:.72rem;opacity:.85}.zone-letters{padding:.6rem .8rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.zone-letter-item{display:flex;align-items:center;gap:.5rem;background:#ffffffb3;border-radius:8px;padding:.4rem .6rem}.zone-letter-ar{font-family:Amiri,serif;font-size:1.5rem;font-weight:700;min-width:28px;text-align:center;line-height:1}.zone-letter-info{display:flex;flex-direction:column}.zone-letter-name{font-size:.78rem;font-weight:700;color:var(--text);line-height:1.2}.zone-letter-note{font-size:.68rem;color:var(--text-muted);line-height:1.3}@media (min-width: 480px){.zone-letters{grid-template-columns:repeat(3,1fr)}}.sifaat-container{margin-top:.75rem}.sifaat-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;background:#f8f9fa;border-radius:var(--radius-sm);padding:.6rem .9rem;margin-bottom:.75rem;font-size:.78rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:4px}.legend-yes{font-size:1rem}.legend-no{font-size:1rem;color:#aaa}.shidda-dot{font-size:1rem;font-weight:900}.shidda-shad{color:#b71c1c}.shidda-mid{color:#e65100}.shidda-soft{color:#1b5e20}.sifaat-filters{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.6rem}.sifaat-search{width:100%;padding:.6rem .9rem;border:2px solid var(--border);border-radius:30px;font-family:Cairo,sans-serif;font-size:.9rem;outline:none;direction:rtl;transition:border-color .2s}.sifaat-search:focus{border-color:var(--primary)}.filter-chips{display:flex;flex-wrap:wrap;gap:.4rem}.filter-chip{background:#f0f4f8;border:1.5px solid var(--border);border-radius:20px;padding:.3rem .75rem;font-family:Cairo,sans-serif;font-size:.75rem;cursor:pointer;color:var(--text-muted);transition:all .18s;white-space:nowrap}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sifaat-count{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem;padding:0 .2rem}.sifaat-cards{display:flex;flex-direction:column;gap:.55rem}.sifaa-card{background:#fff;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000000f;overflow:hidden;border:1.5px solid var(--border)}.sifaa-card-header{display:flex;align-items:center;gap:.7rem;padding:.75rem .9rem;width:100%;background:none;border:none;text-align:right;cursor:pointer;font-family:Cairo,sans-serif}.sifaa-letter{font-family:Amiri,serif;font-size:1.9rem;font-weight:700;color:var(--primary);min-width:38px;text-align:center;line-height:1}.sifaa-card-info{flex:1;display:flex;flex-direction:column;align-items:flex-start}.sifaa-name{font-size:.9rem;font-weight:700;color:var(--text);line-height:1.3}.sifaa-makhraj{font-size:.7rem;color:var(--text-muted);line-height:1.4}.sifaa-card-badges{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.badge-jahr{font-size:.68rem;font-weight:700;border-radius:10px;padding:2px 7px;white-space:nowrap}.badge-jahr.jahr{background:#e8f5e9;color:#1b5e20}.badge-jahr.hams{background:#fce4ec;color:#880e4f}.badge-shidda{font-size:.68rem;font-weight:700;border-radius:10px;padding:2px 7px;white-space:nowrap}.expand-arrow{font-size:.7rem;color:var(--text-muted);margin-right:2px}.sifaa-card-body{background:#f8f9fa;border-top:1px solid var(--border);padding:.75rem .9rem}.sifaa-group-title{font-size:.72rem;font-weight:700;color:var(--primary);background:#d6eaf8;border-radius:10px;padding:2px 8px;display:inline-block;margin-bottom:.45rem}.sifaa-attrs{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.sifaa-attr{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:7px;padding:.3rem .6rem;border:1px solid var(--border);gap:4px}.sifaa-attr.has-sifa{background:#eafaf1;border-color:#a9dfbf}.attr-label{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.attr-val{font-size:.85rem}.attr-val.yes{color:#1e8449}.attr-val.no{color:#ccc}.attr-shidda-badge{font-size:.7rem;font-weight:700;border-radius:8px;padding:2px 6px}.sifaat-table-wrap{display:none;overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.sifaat-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:860px;direction:rtl}.sifaat-table thead tr:first-child{background:#1a5276;color:#fff}.sifaat-table thead tr:last-child{background:#2e86c1;color:#fff}.th-letter,.th-makhraj{padding:.6rem .8rem;text-align:right;font-weight:700;white-space:nowrap}.th-group{text-align:center;padding:.5rem;font-weight:700;border-left:2px solid rgba(255,255,255,.3)}.th-group.group-1{background:#1a5276}.th-group.group-2{background:#154360}.th-sifa{text-align:center;padding:.4rem .3rem;font-size:.72rem;font-weight:600;white-space:nowrap;cursor:help}.td-letter{padding:.5rem .7rem;white-space:nowrap}.tbl-letter{font-family:Amiri,serif;font-size:1.4rem;font-weight:700;color:var(--primary);display:block;line-height:1}.tbl-name{font-size:.7rem;color:var(--text-muted);display:block}.td-makhraj{padding:.5rem .7rem;font-size:.75rem;color:var(--text-muted);min-width:140px;line-height:1.4}.td-sifa{text-align:center;padding:.4rem .3rem;font-size:.9rem}.td-yes{background:#eafaf1}.td-no{color:#ccc}.shidda-badge{display:inline-block;font-size:.9rem;font-weight:700;border-radius:6px;padding:1px 5px;cursor:help}.tr-even{background:#fff}.tr-odd{background:#f8f9fa}.tr-even:hover,.tr-odd:hover{background:#eaf4fb}.sifaat-empty{text-align:center;padding:2rem;color:var(--text-muted);font-size:.95rem}@media (min-width: 700px){.sifaat-cards{display:none}.sifaat-table-wrap{display:block}}.makhaarij-diagram{margin-top:.75rem}.diagram-header{background:linear-gradient(135deg,#5d4037,#8d6e63);border-radius:var(--radius);padding:1rem 1.2rem;color:#fff;margin-bottom:.75rem;box-shadow:var(--shadow)}.diagram-header h3{font-size:1rem;font-weight:800;margin-bottom:4px}.diagram-subtitle{font-size:.8rem;opacity:.85}.diagram-tabs{display:flex;gap:.5rem;margin-bottom:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.diagram-tabs::-webkit-scrollbar{display:none}.dtab{flex-shrink:0;background:#fff;border:2px solid var(--border);border-radius:20px;padding:.45rem .9rem;font-family:Cairo,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--text-muted);transition:all .2s}.dtab.active{background:#5d4037;color:#fff;border-color:#5d4037}.diagram-body{display:flex;flex-direction:column;gap:.75rem;background:#fff;border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);margin-bottom:.75rem}.svg-wrapper{width:100%}.mouth-svg{width:100%;height:auto;display:block;border-radius:var(--radius-sm)}.zone-selector{display:flex;flex-direction:column;gap:.4rem}.zone-selector-label{font-size:.8rem;font-weight:700;color:var(--text-muted);margin-bottom:4px}.zone-btn{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:#f8f9fa;border:2px solid var(--border);border-radius:10px;padding:.4rem .8rem;font-family:Cairo,sans-serif;font-size:.78rem;cursor:pointer;text-align:right;transition:all .2s;color:var(--text)}.zone-btn.active{background:var(--zone-color, var(--primary));color:#fff;border-color:var(--zone-color, var(--primary))}.zone-btn-label{font-weight:700}.zone-btn-letters{font-family:Amiri,serif;font-size:.88rem;opacity:.8}.clear-zone{background:#fce4e4;border:1.5px solid #e57373;border-radius:10px;padding:.35rem .8rem;font-family:Cairo,sans-serif;font-size:.78rem;cursor:pointer;color:#c62828;font-weight:600;transition:all .2s;margin-top:4px}.five-zones{background:#fff;border-radius:var(--radius);padding:1rem 1.2rem;box-shadow:var(--shadow);margin-bottom:.75rem}.five-zones h4{font-size:.92rem;font-weight:800;color:var(--text);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.five-zones-grid{display:flex;flex-direction:column;gap:.5rem}.zone-card-mini{display:flex;align-items:center;gap:.75rem;border-radius:var(--radius-sm);border:2px solid;padding:.6rem .8rem}.zone-num{width:28px;height:28px;border-radius:50%;color:#fff;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.zone-info{display:flex;flex-direction:column;gap:1px}.zone-info strong{font-size:.88rem}.zone-info span{font-size:.75rem;color:var(--text-muted)}.zone-ltrs{font-family:Amiri,serif;font-size:.92rem!important;color:var(--text)!important}@media (min-width: 600px){.diagram-body{flex-direction:row}.svg-wrapper{flex:1.4}.zone-selector{flex:1}.five-zones-grid{display:grid;grid-template-columns:1fr 1fr}}