.template-showcase{max-width:1300px;padding-block:40px 65px;scroll-margin-top:24px}.template-showcase header{text-align:center;max-width:760px;margin:0 auto 38px}.template-showcase h2{font-size:clamp(31px,3.3vw,44px);font-weight:550;line-height:1.15;letter-spacing:-.03em;text-wrap:balance}.template-showcase header p{font-size:16px;line-height:1.75;color:#576575;margin-top:20px}.template-showcase__track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:24px;gap:24px}.template-showcase__item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;border-radius:16px;text-decoration:none}.template-showcase__paper{padding:18px;background:#f1f5f8;border-radius:16px;width:100%;aspect-ratio:210/297;overflow:hidden;transition:background .16s ease}.template-showcase__paper .document-sample{background:white;box-shadow:0 8px 18px -12px #0e28464d;border-radius:0}.template-showcase__item h3{font-size:20px;font-weight:550;line-height:1.3;margin:21px 0 10px;letter-spacing:-.02em}.template-showcase__item>p{font-size:13px;line-height:1.75;color:#576575;max-width:27ch;margin:0 0 19px}.template-showcase__choose{display:flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:10px 17px;border-radius:10px;background:var(--navy);color:white;font-size:12px;margin-top:auto}.template-showcase__choose svg{color:var(--lime);width:17px;height:17px}.template-showcase__item:hover .template-showcase__paper{background:#e4ecf2}.template-showcase__item:hover .template-showcase__choose{background:#203e60}.template-showcase__item:focus-visible{outline:2px solid var(--navy);outline-offset:5px}.template-showcase__controls{display:none}@media(min-width:761px) and (max-width:1000px){.template-showcase__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}.template-showcase{max-width:850px}.template-showcase__paper{padding:24px}}@media(max-width:760px){.template-showcase{padding:30px 22px 40px}.template-showcase header{margin-bottom:18px}.template-showcase h2{font-size:31px;max-width:15ch;margin-inline:auto}.template-showcase header p{font-size:14px;line-height:1.75;margin-top:17px}.template-showcase header br{display:none}.template-showcase__controls{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.template-showcase__controls button{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#f1f5f8;color:var(--navy)}.template-showcase__controls button:first-child svg{transform:rotate(180deg)}.template-showcase__controls button:hover:not(:disabled){background:var(--navy);color:var(--lime)}.template-showcase__controls button:disabled{opacity:.35;cursor:default}.template-showcase__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:5px;padding:6px 5px 14px;margin-inline:-5px;scrollbar-width:thin;scrollbar-color:#c3cfd9 transparent;overscroll-behavior-x:contain}.template-showcase__item{flex:0 0 83%;scroll-snap-align:start}.template-showcase__paper{padding:18px;border-radius:15px}.template-showcase__item h3{font-size:21px;margin-top:20px}.template-showcase__item>p{font-size:13px;max-width:27ch}.template-showcase__choose{width:100%;min-height:48px;font-size:13px}}@media(prefers-reduced-motion:reduce){.template-showcase__paper{transition:none}}.template-showcase__paper{position:relative;display:block;text-align:left;cursor:zoom-in;border:0}.template-showcase__paper>span{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border-radius:8px;background:var(--navy);color:white;font-size:11px}.template-showcase__paper>span svg{width:16px;height:16px;color:var(--lime)}.template-showcase__choose:focus-visible,.template-showcase__paper:focus-visible{outline:2px solid var(--navy);outline-offset:4px}.template-zoom{padding:0;border:0;border-radius:18px;background:#edf2f6;width:min(720px,calc(100% - 32px));max-height:90dvh;overflow:auto;color:var(--navy);box-shadow:0 25px 70px -20px #0e284659}.template-zoom::-webkit-backdrop{background:#0e2846a6}.template-zoom::backdrop{background:#0e2846a6}.template-zoom__bar{position:-webkit-sticky;position:sticky;top:0;display:flex;align-items:center;gap:20px;padding:16px 20px;background:white;z-index:1}.template-zoom__bar h3{font-size:19px;font-weight:550;flex:1 1;line-height:1.25}.template-zoom__bar>.btn{min-height:44px;border-radius:9px;font-size:12px;gap:12px}.template-zoom__bar>button{display:grid;place-items:center;min-width:44px;height:44px;border-radius:9px;background:#f1f5f8}.template-zoom__document{padding:24px}.template-zoom__document img{background:white}@media(max-width:760px){.template-zoom{width:calc(100% - 20px);max-height:94dvh;border-radius:14px}.template-zoom__bar{padding:10px;gap:8px}.template-zoom__bar h3{font-size:15px}.template-zoom__bar>.btn{padding:10px;font-size:11px}.template-zoom__document{padding:12px}}