.document-materials{margin:0 0 48px}.document-materials__heading{margin-bottom:24px}.document-materials__heading h2{font-size:36px;line-height:40px;margin:12px 0}.document-materials__heading>p{font-size:14px;line-height:20px;color:var(--muted);max-width:680px}.document-materials__list{display:grid;gap:24px}.document-material{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0}.document-material__meta{display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:12px;line-height:16px;color:var(--muted)}.document-material__meta>span{color:var(--accent);font-weight:600}.document-material h3{font-family:var(--serif);font-size:24px;line-height:32px;font-weight:600;margin:16px 0 12px}.document-material h3>a:hover{text-decoration:underline;text-underline-offset:4px}.document-material__description{font-size:14px;line-height:20px;color:var(--muted);margin:0 0 16px}.document-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.document-gallery>a{min-width:0;position:relative;display:block;aspect-ratio:3/4;max-height:352px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.document-gallery>a img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform 500ms cubic-bezier(.22,1,.36,1)}.document-gallery>a:hover img{transform:scale(1.02)}.document-gallery>a>span{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#253a29e8;color:#fff;border-radius:8px;font-size:12px;line-height:16px}.document-gallery .nd-icon,.document-material__links .nd-icon,.document-archive .nd-icon{width:16px;height:16px;min-width:16px;flex:none;display:block;fill:currentColor}.document-gallery__note{font-size:12px!important;line-height:16px!important;color:var(--muted);margin:12px 0 0!important}.document-material__links{display:flex;gap:24px;flex-wrap:wrap;margin-top:16px}.document-material__links>a{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:14px;line-height:20px;font-weight:600}.document-materials :is(a,button):focus-visible,.document-archive a:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.document-materials :is(a,button),.document-archive a{transition:transform 500ms cubic-bezier(.22,1,.36,1),color 300ms cubic-bezier(.22,1,.36,1),background-color 300ms cubic-bezier(.22,1,.36,1)}.document-material__links>a:hover{transform:translateX(2px)}.document-filter{display:flex;align-items:end;gap:16px;margin-bottom:24px}.document-filter label{display:grid;gap:8px;flex:1;font-size:14px;line-height:20px}.document-filter select{max-width:680px;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}.document-filter button{font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px}.document-archive__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.document-archive__card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);min-width:0}.document-archive__card:hover{transform:translateY(-2px)}.document-archive__cover{height:200px;background:#fff;display:grid;place-items:center}.document-archive__cover>img{width:100%;height:100%;object-fit:contain}.document-archive__cover>.nd-icon{width:48px;height:48px;color:var(--accent)}.document-archive__card>div:last-child{padding:16px}.document-archive__card small{font-size:12px;line-height:16px;color:var(--accent)}.document-archive__card h2{font-size:20px;line-height:28px;margin:8px 0;font-family:var(--serif);font-weight:600}.document-archive__card p{font-size:14px;line-height:20px;color:var(--muted);margin:0 0 12px}.document-archive__card time{font-size:12px;line-height:16px;color:var(--muted)}.document-archive__count{font-size:14px;line-height:20px;color:var(--muted);margin-bottom:24px}.document-useful{margin-top:64px}.document-useful .document-materials__list{grid-template-columns:1fr 1fr}.document-useful .document-material h3{font-size:20px;line-height:28px}.document-useful .document-gallery>a{max-height:240px}.document-single-gallery{margin-bottom:24px}.document-topic-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.document-topic-links>a{padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--accent);font-size:14px;line-height:20px}.document-single-gallery .document-gallery>a{max-height:560px}@media(max-width:1000px){.document-archive__grid{grid-template-columns:1fr 1fr}.document-useful .document-materials__list{grid-template-columns:1fr}}@media(max-width:640px){.document-material{padding:16px}.document-material__meta{display:block}.document-material__meta>time{display:block;margin-top:8px}.document-material h3{font-size:20px;line-height:28px}.document-gallery{gap:8px}.document-gallery>a{max-height:256px}.document-gallery>a>span{padding:4px 8px;font-size:12px;line-height:16px;right:4px;bottom:4px}.document-gallery>a>span .nd-icon{display:none}.document-materials__heading h2{font-size:30px;line-height:36px}.document-archive__grid{grid-template-columns:1fr}.document-filter{align-items:stretch;flex-direction:column}.document-useful{margin-top:40px}.document-single-gallery .document-gallery{grid-template-columns:1fr}.document-single-gallery .document-gallery>a{max-height:70svh}}
@media(prefers-reduced-motion:reduce){.document-gallery>a:hover img{transform:none}.document-materials *,.document-archive *{transition-property:opacity!important;transition-duration:200ms!important}}
.document-gallery>a[hidden]{display:none}
.document-archive__cover{position:relative;flex:0 0 200px;min-height:0;overflow:hidden}
.document-archive__cover>img{position:absolute;inset:0;min-height:0}