.sf2 .cur-herogrid{grid-template-columns:1.05fr .82fr;align-items:center;gap:52px;display:grid}.sf2 .cur-glance{background:var(--gradient-sky);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);color:#fff;padding:30px 32px;position:relative;overflow:hidden}.sf2 .cur-glance .ar{font-family:var(--font-serif);color:#ffffff1a;pointer-events:none;font-size:156px;line-height:1;position:absolute;bottom:-52px;right:-16px}.sf2 .cur-glance .gt{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--amber-300);margin:0 0 14px;font-size:11px;font-weight:700;position:relative}.sf2 .cur-glance .grow{border-top:1px solid #ffffff29;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;display:flex;position:relative}.sf2 .cur-glance .grow:first-of-type{border-top:0}.sf2 .cur-glance .gl{font-family:var(--font-ui);color:#ffffffd1;font-size:13.5px}.sf2 .cur-glance .gv{font-family:var(--font-serif);text-align:right;font-size:17px;font-weight:600;line-height:1.25}@media (max-width:1000px){.sf2 .cur-herogrid{grid-template-columns:1fr;gap:32px}.sf2 .cur-glance{max-width:460px}}.sf2 .cur-intro{grid-template-columns:1.15fr .85fr;align-items:end;gap:48px;display:grid}.sf2 .cur-legend{flex-direction:column;gap:10px;display:flex}.sf2 .cur-legend .lg{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);align-items:center;gap:12px;padding:13px 16px;display:flex}.sf2 .cur-legend .sw{border-radius:3px;flex:none;width:12px;height:12px}.sf2 .cur-legend .lt{font-family:var(--font-ui);color:var(--color-text);font-size:14.5px;font-weight:600}.sf2 .cur-legend .ls{color:var(--color-text-subtle);margin-left:auto;font-size:12.5px}.sw--geloofsleer{background:var(--green-600)}.sw--fiqh{background:var(--blue-600)}.sw--steun{background:var(--amber-500)}.sf2 .cur-arclabel{font-family:var(--font-ui);color:var(--color-text-muted);margin-bottom:10px;font-size:13px;font-weight:600;display:block}.sf2 .cur-arc{grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 14px;display:grid}.sf2 .cur-arc button{text-align:left;background:var(--color-surface);border:1.5px solid var(--color-border-soft);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-ui);box-shadow:var(--shadow-xs);transition:border-color .18s var(--ease-standard), background .18s, box-shadow .18s, transform .18s;padding:18px 20px;position:relative}.sf2 .cur-arc button:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.sf2 .cur-arc button .yr{font-family:var(--font-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--color-text-subtle);align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.sf2 .cur-arc button .yr .no{background:var(--color-bg-sunken);width:22px;height:22px;color:var(--color-text-muted);letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:background .18s,color .18s;display:inline-flex}.sf2 .cur-arc button .th{font-family:var(--font-serif);color:var(--color-text);margin-top:9px;font-size:19px;font-weight:600;line-height:1.2;display:block}.sf2 .cur-arc button .sb{color:var(--color-text-muted);margin-top:6px;font-size:13px;line-height:1.5;display:block}.sf2 .cur-arc button[aria-selected=true]{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:var(--shadow-sm)}.sf2 .cur-arc button[aria-selected=true] .no{background:var(--color-primary);color:var(--color-on-primary)}.sf2 .cur-arc button[aria-selected=true] .th{color:var(--color-primary-active)}.sf2 .cur-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin:30px 0 6px;display:flex}.sf2 .cur-toolbar .lbl{font-family:var(--font-ui);color:var(--color-text-muted);font-size:13px;font-weight:600}.sf2 .cur-filters{flex-wrap:wrap;gap:8px;display:inline-flex}.sf2 .cur-fbtn{font-family:var(--font-ui);color:var(--color-text-muted);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:8px;padding:8px 15px;font-size:13.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.sf2 .cur-fbtn .sw{border-radius:3px;flex:none;width:10px;height:10px}.sf2 .cur-fbtn:hover{border-color:var(--color-border-strong)}.sf2 .cur-fbtn[aria-pressed=true]{color:var(--color-text);background:var(--color-bg-sunken);border-color:var(--color-border-strong)}.sf2 .cur-hint{color:var(--color-text-subtle);font-size:12.5px}.sf2 .cur-panel{display:none}.sf2 .cur-panel.is-active{display:block}.sf2 .cur-timeline{margin-top:26px;position:relative}.sf2 .cur-timeline:before{content:"";background:linear-gradient(var(--color-primary-border), var(--color-border-soft));width:2px;position:absolute;top:14px;bottom:14px;left:23px}.sf2 .cur-block{opacity:1;grid-template-columns:48px 1fr;gap:22px;padding-bottom:22px;display:grid;position:relative}.sf2 .cur-block:last-child{padding-bottom:0}.sf2 .cur-node{z-index:1;background:var(--color-surface);border:2px solid var(--color-primary-border);width:48px;height:48px;box-shadow:var(--shadow-xs);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.sf2 .cur-node .nlabel{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle);font-size:8px;font-weight:700;line-height:1}.sf2 .cur-node .nnum{font-family:var(--font-serif);color:var(--color-primary);margin-top:1px;font-size:20px;font-weight:600;line-height:1}.sf2 .cur-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow .18s,border-color .18s;overflow:hidden}.sf2 .cur-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border)}.sf2 .cur-cells{grid-template-columns:repeat(3,1fr);display:grid}.sf2 .cur-cell{transition:opacity .2s var(--ease-standard), background .18s;border-left:3px solid #0000;padding:18px 20px;position:relative}.sf2 .cur-cell+.cur-cell{box-shadow:-1px 0 0 var(--color-border-soft);border-top:0}.sf2 .cur-cell[data-disc=geloofsleer]{border-left-color:var(--green-500)}.sf2 .cur-cell[data-disc=fiqh]{border-left-color:var(--blue-500)}.sf2 .cur-cell[data-disc=steun]{border-left-color:var(--amber-400)}.sf2 .cur-cell .ck{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.sf2 .cur-cell[data-disc=geloofsleer] .ck{color:var(--green-600)}.sf2 .cur-cell[data-disc=fiqh] .ck{color:var(--blue-600)}.sf2 .cur-cell[data-disc=steun] .ck{color:var(--amber-700)}.sf2 .cur-cell .cn{font-family:var(--font-serif);color:var(--color-text);font-size:16px;font-weight:600;line-height:1.3}.sf2 .cur-meta{align-items:center;gap:10px;min-height:8px;margin-top:11px;display:flex}.sf2 .cur-dots{gap:4px;display:inline-flex}.sf2 .cur-dots i{background:var(--color-border-strong);border-radius:50%;width:6px;height:6px}.sf2 .cur-cell[data-disc=geloofsleer] .cur-dots i.on{background:var(--green-500)}.sf2 .cur-cell[data-disc=fiqh] .cur-dots i.on{background:var(--blue-500)}.sf2 .cur-cell[data-disc=steun] .cur-dots i.on{background:var(--amber-500)}.sf2 .cur-part{font-family:var(--font-mono);color:var(--color-text-subtle);font-size:11px;font-weight:500}.sf2 .cur-single{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-subtle);font-size:10.5px;font-weight:500}.sf2 .cur-timeline[data-focus] .cur-cell{opacity:.26}.sf2 .cur-timeline[data-focus=geloofsleer] .cur-cell[data-disc=geloofsleer],.sf2 .cur-timeline[data-focus=fiqh] .cur-cell[data-disc=fiqh],.sf2 .cur-timeline[data-focus=steun] .cur-cell[data-disc=steun]{opacity:1}.sf2 .cur-note{background:var(--color-primary-soft);border:1px solid var(--color-primary-border);border-radius:var(--radius-lg);align-items:flex-start;gap:13px;margin-top:30px;padding:18px 20px;display:flex}.sf2 .cur-note svg{color:var(--color-primary);flex:none;margin-top:1px}.sf2 .cur-note p{color:var(--green-800);margin:0;font-size:14px;line-height:1.6}.sf2 .cur-note b{font-weight:600}@media (max-width:900px){.sf2 .cur-intro{grid-template-columns:1fr;gap:28px}.sf2 .cur-legend{display:none}.sf2 .cur-arc,.sf2 .cur-cells{grid-template-columns:1fr}.sf2 .cur-cell+.cur-cell{box-shadow:none;border-top:1px solid var(--color-border-soft)}.sf2 .cur-block{grid-template-columns:40px 1fr;gap:16px}.sf2 .cur-node{width:40px;height:40px}.sf2 .cur-timeline:before{left:19px}}
