.st-shell{max-width:1400px;margin:auto;color:#41364e}.st-hero{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:38px;border:1px solid #e8d9eb;border-radius:20px;background:radial-gradient(ellipse at 90% 0,#f8e6cd,transparent 55%),linear-gradient(120deg,#fbf6ff,#f2e9fa)}.st-hero small{font-size:10px;letter-spacing:3px;color:#ab7a9d}.st-hero h2{font-size:30px;margin:15px 0;color:#624666}.st-hero p{font-size:13px;color:#9b8199}.st-hero nav{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.st-hero nav a{font-size:12px;color:#8f6d91;text-decoration:none}.st-hero-count{display:flex;gap:30px;padding:10px 25px}.st-hero-count strong{font:40px Georgia,serif;color:#ac7d88}.st-hero-count span{display:block;font:11px Arial,sans-serif;color:#a58e9e;margin-top:8px;white-space:nowrap}.st-section{margin-top:28px;padding:28px;background:#fff;border:1px solid #eee4f0;border-radius:16px;scroll-margin-top:200px}.st-section-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}.st-section-heading>small{font:22px Georgia,serif;color:#c2a1bc}.st-section-heading h3{font-size:18px;margin:0}.st-section-heading>span{margin-left:auto;font-size:12px;color:#a386a2}.st-principle-lead{font-size:14px;line-height:1.9;color:#88718b;margin-bottom:24px}.st-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.st-principles article{background:#faf6fd;border-radius:12px;padding:22px;position:relative}.st-principles article>b{position:absolute;right:20px;top:15px;font:30px Georgia,serif;color:#e0cde2}.st-principles h4{font-size:17px;margin:0 40px 15px 0}.st-principles p{font-size:13px;line-height:1.95;white-space:pre-wrap}.st-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.st-flow article{padding:18px 12px;background:#fcf7f2;border-top:3px solid #d6b09e;border-radius:0 0 9px 9px}.st-flow span{font:22px Georgia,serif;color:#b78a7c}.st-flow p{font-size:13px;line-height:1.7;margin:12px 0 0;white-space:pre-wrap}.st-full-example{margin-top:22px;padding:18px;background:#faf7fc;border-radius:10px}.st-full-example summary,.st-original summary{cursor:pointer;font-size:12px;color:#92749d}.st-full-example p{font-size:14px;line-height:1.9;white-space:pre-wrap}.st-filters{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;flex-wrap:wrap}.st-filters>div{display:flex;gap:8px;flex-wrap:wrap}.st-filters button{padding:9px 14px;border:1px solid #e9dfed;background:#fff;border-radius:8px;color:#977d9f;cursor:pointer;font-size:12px}.st-filters button[aria-pressed=true]{background:#f4eafb;border-color:#d8bce8;color:#78528f}.st-filters input{max-width:260px}.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.st-skill{padding:24px;border:1px solid #e9e0ed;border-radius:12px}.st-skill-top{display:flex;justify-content:space-between;font-size:10px;color:#b59abe}.st-skill-top span{padding:4px 8px;background:#f8f1fc;border-radius:4px}.st-skill h3{font-size:17px;margin:15px 0;color:#76587f}.st-skill h4{font-size:11px;margin:18px 0 8px;color:#b095b6}.st-example{font-size:14px;line-height:1.95;color:#65556e;white-space:pre-wrap;max-height:340px;overflow:auto}.st-explanation{font-size:12px;line-height:1.8;color:#a18aa9;padding-left:12px;border-left:2px solid #e1cbe6;white-space:pre-wrap}.st-skill>.btn{font-size:11px;margin-top:14px}.st-original{margin-top:14px}.st-original p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.85;color:#9b86a3;padding:14px;background:#faf7fc;border-radius:8px;max-height:360px;overflow:auto}.st-muted{color:#a58ead;font-size:12px}.st-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.st-scenarios article{background:#fcf8f3;border:1px solid #efe4db;border-radius:12px;padding:22px}.st-scenarios article>span{font:24px Georgia,serif;color:#d2b39e}.st-scenarios h4{margin:12px 0;font-size:17px;color:#94745f}.st-scenarios ol{padding-left:20px;color:#a18b7d;font-size:13px;line-height:2}.st-scenarios p{font-size:12px;color:#ad9684;line-height:1.8}.st-footer{margin-top:25px;font-size:11px;color:#b4a2bb;line-height:1.8}.st-empty{padding:30px;color:#a18aa9}@media(max-width:1000px){.st-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.st-hero-count{padding:0}}@media(max-width:700px){.st-hero{padding:24px;display:block}.st-hero h2{font-size:24px}.st-hero-count{margin-top:20px}.st-section{padding:20px}.st-principles,.st-grid,.st-scenarios{grid-template-columns:1fr}.st-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.st-filters input{max-width:none;width:100%}}