html:has(.nandi){scroll-padding-top:72px;scroll-padding-bottom:96px}.nandi :where(a,button,summary):focus-visible,.nandi-dialog :where(a,button,summary):focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-fib-md)}.nandi,.nandi-dialog{--nandi-ease: cubic-bezier(.2, .7, .2, 1);--nandi-lift-shadow: 0 8px 30px rgb(0 0 0 / .12), 0 2px 8px rgb(0 0 0 / .06)}.nandi [id]{scroll-margin-top:72px}.nandi :target.nandi-card{outline:3px solid var(--color-primary-container);outline-offset:2px}.nandi-scroll{display:flex;gap:var(--fib-3);overflow-x:auto;scroll-snap-type:x proximity;margin-inline:calc(var(--fib-4) * -1);margin-block:calc(var(--fib-3) - var(--fib-5)) calc(var(--fib-7) * -1);padding:var(--fib-5) var(--fib-4) var(--fib-7);scroll-padding-inline:var(--fib-4);scrollbar-width:none}.nandi-scroll::-webkit-scrollbar{display:none}.nandi-scroll>*{flex:none;scroll-snap-align:start}@media(min-width:640px){.nandi-scroll{margin-inline:calc(var(--fib-5) * -1);padding-inline:var(--fib-5);scroll-padding-inline:var(--fib-5)}}.nandi-tile{width:10rem}@media(min-width:768px){.nandi-scroll--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:var(--fib-3) 0 0;padding:0}.nandi-scroll--grid .nandi-tile{width:auto}}@media(min-width:1024px){.nandi-scroll--grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:var(--fib-5)}}.nandi-field{display:block}.nandi-field__label{display:block;margin-bottom:var(--fib-1);font-weight:700;color:var(--color-on-surface)}.nandi-field__box{display:block;border-bottom:2px solid var(--color-outline-variant);transition:border-color .15s ease}.nandi-field__box:focus-within{border-color:var(--color-primary);outline:3px solid var(--color-primary);outline-offset:2px}.nandi-field__box input{width:100%;min-height:3rem;padding:var(--fib-3) 0;font-weight:600;background:transparent;border:0;color:var(--color-on-surface)}.nandi-check{display:flex;align-items:flex-start;gap:var(--fib-4);min-height:2.75rem;line-height:1.45}.nandi-check input{flex:none;width:1.5rem;height:1.5rem;margin-top:var(--fib-1);accent-color:var(--color-primary-container)}.nandi-check:focus-within{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-fib-md)}.nandi-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.nandi-dialog{margin:auto;padding:0;border:0;background:transparent;color:var(--color-on-surface);max-width:100vw;max-height:100dvh}.nandi-dialog::backdrop{background:#0000009e}.nandi-sheet{display:flex;flex-direction:column;background:var(--color-background);max-height:inherit}.nandi-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:var(--fib-4);padding:var(--fib-4) var(--fib-5);border-bottom:1px solid var(--color-outline-variant)}.nandi-sheet__body{overflow-y:auto;padding:var(--fib-5);overscroll-behavior:contain}.nandi-sheet__foot{padding:var(--fib-4) var(--fib-5) calc(var(--fib-4) + env(safe-area-inset-bottom));border-top:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest)}.nandi-close{flex:none;width:2.75rem;height:2.75rem;color:var(--color-on-surface);display:inline-flex;align-items:center;justify-content:center}.nandi-close:hover{background:var(--color-surface-container-high)}.nandi-detail{width:min(920px,calc(100vw - var(--fib-5)))}.nandi-detail .nandi-sheet{border-radius:var(--radius-fib-lg);max-height:calc(100dvh - var(--fib-5))}.nandi-detail__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--fib-5)}@media(min-width:768px){.nandi-detail__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--fib-6)}}@media(prefers-reduced-motion:reduce){html:has(.nandi){scroll-behavior:auto}}@media(prefers-reduced-motion:no-preference){html.nandi-motion .nandi [data-reveal]{opacity:0;transform:translate3d(0,var(--fib-4),0);transition:opacity .6s var(--nandi-ease),transform .7s var(--nandi-ease);transition-delay:calc(var(--reveal-i, 0) * 70ms)}html.nandi-motion .nandi [data-reveal].is-in{opacity:1;transform:none}html.nandi-motion :is(.nandi,.nandi-dialog) img[loading=lazy]{transition:opacity .45s ease,transform .5s var(--nandi-ease)}html.nandi-motion :is(.nandi,.nandi-dialog) img[loading=lazy]:not(.is-loaded){opacity:0}:is(.nandi,.nandi-dialog) :is(a,button).rounded-full:active{transform:scale(.97)}.nandi-dialog[open]::backdrop{animation:nandi-fade .25s ease-out}.nandi-dialog.nandi-detail[open]{animation:nandi-settle .28s var(--nandi-ease)}@keyframes nandi-fade{0%{opacity:0}}@keyframes nandi-settle{0%{opacity:0;transform:translate3d(0,var(--fib-3),0) scale(.98)}}}@media(prefers-reduced-motion:no-preference)and (hover:hover){.nandi-tile,.nandi-lift{transition:transform .3s var(--nandi-ease),box-shadow .3s var(--nandi-ease)}.nandi-tile:hover,.nandi-lift:hover{transform:translate3d(0,calc(var(--fib-1) * -1),0);box-shadow:var(--nandi-lift-shadow)}.nandi-tile img,.nandi-lift img{transition:transform .5s var(--nandi-ease)}.nandi-tile:hover img,.nandi-lift:hover img{transform:scale(1.05)}.nandi-card{transition:box-shadow .3s var(--nandi-ease)}.nandi-card:hover{box-shadow:var(--nandi-lift-shadow)}:is(.nandi,.nandi-dialog) a.underline{transition:text-underline-offset .2s ease,opacity .2s ease}:is(.nandi,.nandi-dialog) a.underline:hover{text-underline-offset:.35em}}@media print{html.nandi-motion .nandi [data-reveal],html.nandi-motion :is(.nandi,.nandi-dialog) img[loading=lazy]{opacity:1!important;transform:none!important}}
