.dir-card{background:var(--panel-2);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;padding:.75rem;transition:box-shadow .25s,transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.dir-card:hover{box-shadow:var(--shadow)}@media (prefers-reduced-motion:no-preference){.dir-card:hover{transform:translateY(-3px)}}.dir-link{overflow-wrap:anywhere;outline:none;flex:1 0 100%;margin-bottom:.25rem;padding-right:1.5rem;font-weight:600}.dir-link:before{content:"";border-radius:1rem;position:absolute;inset:0}.dir-link:focus-visible:before{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent)}.dir-link:after{content:"";background:var(--ink-3);width:1rem;height:1rem;transition:transform .15s,background-color .15s;position:absolute;top:.85rem;right:.75rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.dir-card:hover .dir-link:after{background:var(--sapphire);transform:translate(2px)}.dir-sub{color:var(--ink-3);font-size:.875rem;font-weight:400;line-height:1.25rem;display:block}.dir-btn{border:1px solid var(--line);background:var(--panel);white-space:nowrap;height:2rem;color:var(--ink);border-radius:9999px;outline:none;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.75rem;font-weight:600;line-height:1;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.dir-btn:hover{background:var(--sky);color:var(--sky-ink)}.dir-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent)}.dir-btn-book{background:var(--sapphire);color:#fff;border-color:#0000;box-shadow:0 .4em 1.2em -.5em #0e65cc99}.dir-btn-book:hover{background:var(--royal);color:#fff}.dir-btn-book:before,.dir-btn-book:after{content:"";background:currentColor;flex:none;width:.875rem;height:.875rem;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.dir-btn-book:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M13 5v2M13 17v2M13 11v2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M13 5v2M13 17v2M13 11v2'/%3E%3C/svg%3E")}.dir-btn-book:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10M7 17 17 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10M7 17 17 7'/%3E%3C/svg%3E")}