/*!* ============= Scroll Indicator Landscape (Ferrari-style thin ring) ============= *!*/
/*.sil-indicator {*/
/*    position: fixed;*/
/*    left: 24px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    gap: 16px;*/
/*    z-index: 1000;*/
/*    pointer-events: none;*/
/*    --sil-ring-bg: rgba(255,255,255,0.25);*/
/*}*/

/*!* Column *!*/
/*.sil-indicator .sil-dots {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 14px;*/
/*    pointer-events: auto;*/
/*}*/

/*!* Core dot *!*/
/*.sil-indicator .sil-dot {*/
/*    position: relative;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    border-radius: 50%;*/
/*    background: #0c0c0c; !* dark center *!*/
/*    outline: none;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*    padding: 0;*/
/*    transition: transform .2s ease, background .2s ease, opacity .2s ease;*/
/*    opacity: .9;*/
/*}*/

/*!* Thin progress ring *!*/
/*.sil-indicator .sil-dot::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: -4px;*/
/*    border-radius: 50%;*/
/*    background: conic-gradient(#B12B21 var(--sil-progress, 0%), var(--sil-ring-bg) 0);*/
/*    -webkit-mask:*/
/*            radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0); !* makes ring thin *!*/
/*    mask:*/
/*            radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);*/
/*    transition: background .15s linear;*/
/*}*/

/*!* Active state (white center) *!*/
/*.sil-indicator .sil-dot.is-active {*/
/*    background: #fff;*/
/*    transform: scale(1.05);*/
/*}*/

/*!* ===== Inline section name ===== *!*/
/*.sil-indicator .sil-dot .sil-name {*/
/*    position: absolute;*/
/*    left: 16px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    font-size: 12px;*/
/*    letter-spacing: .08em;*/
/*    text-transform: uppercase;*/
/*    white-space: nowrap;*/
/*    user-select: none;*/
/*    pointer-events: none;*/
/*    opacity: 0;*/
/*    color: #111;*/
/*    transition: opacity .18s ease, color .18s ease;*/
/*}*/

/*.sil-indicator.sil-reveal .sil-dot .sil-name { opacity: .9; }*/
/*.sil-indicator .sil-dot.is-active .sil-name {*/
/*    opacity: 1;*/
/*    color: #B12B21;*/
/*}*/

/*!* Back-to-top *!*/
/*.sil-indicator .sil-top {*/
/*    margin-top: 8px;*/
/*    width: 28px;*/
/*    height: 28px;*/
/*    border-radius: 50%;*/
/*    display: grid;*/
/*    place-items: center;*/
/*    background: rgba(255,255,255,0.08);*/
/*    border: 1px solid rgba(255,255,255,0.2);*/
/*    cursor: pointer;*/
/*    pointer-events: auto;*/
/*    transition: background .2s ease, border-color .2s ease;*/
/*}*/
/*.sil-indicator .sil-top svg { width: 16px; height: 16px; fill: #fff; }*/
/*.sil-indicator .sil-top:hover {*/
/*    background: rgba(255,255,255,0.16);*/
/*    border-color: rgba(255,255,255,0.32);*/
/*}*/

/*!* Light mode *!*/
/*@media (prefers-color-scheme: light) {*/
/*    .sil-indicator { --sil-ring-bg: rgba(25,25,25,0.25); }*/
/*    .sil-indicator .sil-dot { background: #f0f0f0; }*/
/*    .sil-indicator .sil-dot.is-active { background: #111; }*/
/*    .sil-indicator .sil-top { background: rgba(0,0,0,0.06); border-color: rgba(0,0,0,0.18); }*/
/*    .sil-indicator .sil-top:hover { background: rgba(0,0,0,0.1); border-color: rgba(0,0,0,0.28); }*/
/*}*/

/*!* Hidden breakpoint *!*/
/*.sil-indicator.is-hidden { display: none !important; }*/
