.tokod-docs {
  --td-list-bg:transparent; --td-item-bg:transparent; --td-item-hover:rgba(245,196,0,.055); --td-title:#181818; --td-description:#686868; --td-meta:#8a8a8a;
  --td-pdf:#e94b45; --td-word:#4385d5; --td-excel:#37a866; --td-powerpoint:#e87838; --td-image:#995bc8; --td-archive:#7b6f62; --td-other:#f5c400;
  --td-button-bg:#f5c400; --td-button-text:#111; --td-button-hover:#111; --td-button-hover-text:#fff; --td-button-radius:8px; --td-separator:#c8c8c8;
  --td-separator-width:1px; --td-icon-size:64px; --td-gap:28px; --td-radius:10px;
  width:100%; padding:0; background:var(--td-list-bg); font-family:Arial,Helvetica,sans-serif;
}
.tokod-docs *, .tokod-docs *::before, .tokod-docs *::after { box-sizing:border-box; }
.tokod-docs__item { position:relative; display:grid; grid-template-columns:var(--td-icon-size) minmax(0,1fr) auto; align-items:center; gap:var(--td-gap); padding:28px 18px; background:var(--td-item-bg); border-radius:var(--td-radius); transition:background-color .28s ease,transform .28s cubic-bezier(.22,1,.36,1); }
.tokod-docs__item:hover { background:var(--td-item-hover); transform:translateX(5px); }
.tokod-docs__item:not(:last-child)::after { position:absolute; right:18px; bottom:calc(var(--td-separator-width) / -2); left:18px; height:var(--td-separator-width); background:repeating-linear-gradient(90deg,var(--td-separator) 0 9px,transparent 9px 17px); content:""; }
.tokod-docs__icon { display:block; width:var(--td-icon-size); color:var(--td-other); line-height:0; filter:drop-shadow(0 8px 13px rgba(0,0,0,.12)); transition:transform .3s cubic-bezier(.22,1,.36,1),filter .3s ease; }
.tokod-docs__item:hover .tokod-docs__icon { filter:drop-shadow(0 12px 18px color-mix(in srgb,currentColor 25%,transparent)); transform:translateY(-4px) rotate(-2deg); }
.tokod-docs__icon svg { display:block; width:100%; height:auto; overflow:visible; }
.tokod-docs__paper { fill:color-mix(in srgb,currentColor 10%,#fff); stroke:currentColor; stroke-width:2.2; stroke-linejoin:round; }
.tokod-docs__fold { fill:none; stroke:currentColor; stroke-width:2.2; stroke-linejoin:round; }
.tokod-docs__badge { fill:currentColor; }.tokod-docs__icon text { fill:#fff; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:900; letter-spacing:.03em; }
.tokod-docs__icon--pdf { color:var(--td-pdf); }.tokod-docs__icon--word { color:var(--td-word); }.tokod-docs__icon--excel { color:var(--td-excel); }
.tokod-docs__icon--powerpoint { color:var(--td-powerpoint); }.tokod-docs__icon--image { color:var(--td-image); }.tokod-docs__icon--archive { color:var(--td-archive); }
.tokod-docs__icon--text,.tokod-docs__icon--other { color:var(--td-other); }
.tokod-docs__content { min-width:0; }
.tokod-docs__title { margin:0 0 9px; color:var(--td-title); font-size:clamp(21px,2vw,28px); font-weight:850; line-height:1.14; overflow-wrap:anywhere; }
.tokod-docs__description { color:var(--td-description); font-size:16px; line-height:1.55; }
.tokod-docs__description p { margin:0 0 9px; }.tokod-docs__description p:last-child { margin-bottom:0; }.tokod-docs__description a { color:inherit; text-decoration:underline; }
.tokod-docs__meta { margin-top:10px; color:var(--td-meta); font-size:12px; font-weight:800; letter-spacing:.12em; }
.tokod-docs__download { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:11px; min-width:156px; min-height:50px; padding:11px 20px; overflow:hidden; color:var(--td-button-text)!important; background:var(--td-button-bg); border:2px solid var(--td-button-bg); border-radius:var(--td-button-radius); font-size:14px; font-weight:900; letter-spacing:.075em; text-decoration:none!important; transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
.tokod-docs__download::before { position:absolute; inset:-80% auto -80% -35%; width:18%; background:rgba(255,255,255,.55); content:""; transform:rotate(18deg); transition:left .55s ease; }
.tokod-docs__download span,.tokod-docs__download svg { position:relative; z-index:1; }.tokod-docs__download svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s ease; }
.tokod-docs__download:hover,.tokod-docs__download:focus-visible { color:var(--td-button-hover-text)!important; background:var(--td-button-hover); border-color:var(--td-button-hover); box-shadow:0 13px 30px rgba(0,0,0,.2); outline:none; transform:translateY(-3px); }
.tokod-docs__download:hover::before,.tokod-docs__download:focus-visible::before { left:120%; }.tokod-docs__download:hover svg,.tokod-docs__download:focus-visible svg { transform:translateY(3px); }
.tokod-docs__empty { padding:25px; color:var(--td-description,#686868); border:1px dashed var(--td-separator,#c8c8c8); border-radius:var(--td-radius,10px); text-align:center; }
@media (max-width:767px) { .tokod-docs__item { grid-template-columns:52px minmax(0,1fr); gap:18px; }.tokod-docs__icon { width:52px; }.tokod-docs__download { grid-column:1/-1; width:100%; }.tokod-docs__item:hover { transform:none; } }
@media (prefers-reduced-motion:reduce) { .tokod-docs *,.tokod-docs *::before,.tokod-docs *::after { animation:none!important; transition-duration:.01ms!important; }.tokod-docs__item:hover,.tokod-docs__item:hover .tokod-docs__icon,.tokod-docs__download:hover { transform:none; } }