.tpls .tp-sheet{background-image:url(/site/grain.png);background-size:180px 180px;padding:clamp(40px,5vw,76px) 0 clamp(80px,9vw,140px);overflow:visible}.tpls .tp-head{margin-bottom:clamp(32px,4vw,56px)}.tpls .tp-head h1{margin:0 0 var(--s6);color:var(--ink)}.tpls .tp-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(20px,2.4vw,36px);display:grid}.tpls .tp-card{color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}.tpls .tp-page{aspect-ratio:8.5/11;border-radius:var(--r3);border:var(--hairline) solid var(--line);transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);background:#fff;margin-bottom:8px;display:block;overflow:hidden;box-shadow:0 1px 2px #0000000d,0 16px 34px -24px #0000004d}.tpls .tp-page img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.tpls .tp-card:hover .tp-page{transform:translateY(-3px);box-shadow:0 1px 2px #0000000d,0 22px 40px -22px #00000059}.tpls .tp-name{font-size:var(--t-lg);font-weight:var(--w-medium);color:var(--ink)}.tpls .tp-note{font-size:var(--t-md);color:var(--ink-3)}.tpls .tp-one{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.tpls .tp-side{top:calc(var(--h-bar) + var(--s8));position:sticky}.tpls .tp-back{font-size:var(--t-md);color:var(--ink-3);text-decoration:none}.tpls .tp-back:hover{color:var(--ink)}.tpls .tp-side h1{margin:var(--s6) 0 var(--s6);color:var(--ink)}.tpls .tp-side .lead{max-width:none}.tpls .tp-use{height:var(--h-hero);margin-top:var(--s8);border-radius:var(--r4);padding-inline:20px;font-size:15px}.tpls .tp-inside{margin:var(--s8) 0 0;border-top:var(--hairline) solid var(--line);padding:0;list-style:none}.tpls .tp-inside li{padding:var(--s5) 0;border-bottom:var(--hairline) solid var(--line);font-size:var(--t-lg);color:var(--ink-2)}.tpls .tp-pages{gap:var(--s8);flex-direction:column;display:flex}.tpls .tp-pages img{border-radius:var(--r3);border:var(--hairline) solid var(--line);background:#fff;width:100%;height:auto;display:block;box-shadow:0 1px 2px #0000000d,0 24px 50px -30px #00000059}.tpls .tp-more{margin:clamp(64px, 7vw, 110px) 0 var(--s8);font-family:var(--display-face);font-size:var(--d3);font-weight:var(--w-display);letter-spacing:var(--tr-display);color:var(--ink)}@media (max-width:860px){.tpls .tp-one{grid-template-columns:minmax(0,1fr)}.tpls .tp-side{position:static}}