.ospt-types-page{max-width:1180px;margin:auto;padding:20px 28px 50px;color:#675368}.ospt-types-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:13px}.ospt-types-nav a{color:inherit;text-decoration:none}.ospt-types-nav a:first-child{font-family:var(--journal-hand),sans-serif;font-size:22px}.ospt-types-hero{text-align:center;padding:55px 12px 48px}.ospt-types-hero>p:first-child{color:#aa7b90;font-weight:700;letter-spacing:.12em;font-size:14px}.ospt-types-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.6;letter-spacing:.04em;margin:16px 0}.ospt-types-hero p{font-size:14px;line-height:1.9}.ospt-start-link{display:inline-block;margin-top:18px;background:#795b80;color:white;border-radius:28px;padding:13px 25px;font-size:14px;text-decoration:none;box-shadow:0 4px 0 #decbd9}.ospt-type-family{--accent:#aa7088;--wash:#faeef0;margin:18px 0 38px;border-radius:30px 18px 28px 20px;padding:28px 24px;background:var(--wash)}.ospt-honey{--accent:#a6853b;--wash:#faf4e5}.ospt-lavender{--accent:#8872ad;--wash:#f0ecf7}.ospt-mint{--accent:#588e87;--wash:#eaf3ef}.ospt-type-family>header{display:flex;align-items:center;gap:18px;margin:0 10px 25px}.ospt-type-family>header>span{font-family:var(--journal-hand),sans-serif;color:var(--accent);font-size:42px}.ospt-type-family h2{font-size:23px;color:var(--accent);margin:0 0 5px}.ospt-type-family header p{font-size:12px;line-height:1.7;margin:0}.ospt-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.ospt-type-card{text-align:center;min-width:0;padding:12px 10px 20px;background:#fffdf9;border-radius:16px 20px 13px 18px}.ospt-type-art{height:270px;display:flex;justify-content:center;align-items:center}.ospt-type-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.ospt-type-card .ospt-type-code{font-size:12px;letter-spacing:.18em;color:var(--accent);font-weight:700;margin:13px 0 4px}.ospt-type-card h3{font-size:18px;margin:0 0 12px;color:var(--accent)}.ospt-type-card>p:last-child{font-size:12px;line-height:1.9;margin:0}.ospt-types-end{text-align:center;padding:12px}.ospt-types-end h2{font-size:25px}.ospt-types-end p{font-size:14px;line-height:1.8}.ospt-types-end small{display:block;font-size:11px;color:#8e7c8b;margin-top:28px}.ospt-types-page a:focus-visible{outline:3px solid #9f739d;outline-offset:5px}@media(max-width:850px){.ospt-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ospt-type-art{height:280px}}@media(max-width:480px){.ospt-types-page{padding:16px 14px 35px}.ospt-types-nav{font-size:11px}.ospt-types-hero{padding:32px 2px}.ospt-types-hero p{font-size:12px}.ospt-type-family{padding:20px 12px;margin-bottom:24px}.ospt-type-family>header{gap:10px;margin:0 0 18px}.ospt-type-family>header>span{font-size:30px}.ospt-type-family h2{font-size:17px}.ospt-type-family header p{font-size:11px}.ospt-type-grid{gap:10px}.ospt-type-card{padding:9px 7px 15px}.ospt-type-art{height:205px}.ospt-type-card h3{font-size:15px}.ospt-type-card>p:last-child{font-size:11px}.ospt-types-end h2{font-size:21px}}.ospt-how{max-width:850px;margin:0 auto 38px;padding:24px 28px;border:1px dashed #d7c4d0;border-radius:22px;background:#fffaf6}.ospt-how h2{text-align:center;font-size:23px;margin:0 0 16px}.ospt-how p{font-size:14px;line-height:1.9}.ospt-how dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px 24px;gap:16px 24px;margin:22px 0}.ospt-how dt{font-size:12px;color:#8e7588;margin-bottom:6px}.ospt-how dd{margin:0;display:flex;gap:12px;font-size:14px;align-items:center}.ospt-how b{color:#a47190;margin-right:4px}@media(max-width:600px){.ospt-how{padding:20px 18px}.ospt-how h2{font-size:20px}.ospt-how p{font-size:13px}.ospt-how dl{grid-template-columns:1fr;gap:13px}}