.ptt{max-width:1160px;margin:30px auto 70px;color:#342526;font-family:Inter,"Segoe UI",Arial,sans-serif}.ptt-hero{text-align:center;padding:40px 20px;border:1px solid #ead2b4;border-radius:26px;background:linear-gradient(135deg,#fffdfa,#fff4e5);box-shadow:0 18px 42px #63261412}.ptt-hero span{color:#a56b12;font-size:12px;font-weight:800;letter-spacing:.18em}.ptt-hero h1{margin:8px 0;color:#86191e;font-size:clamp(32px,5vw,52px)}.ptt-hero p{color:#725e55}.ptt-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;padding:22px;border:1px solid #ead6c1;border-radius:20px;background:#fff;box-shadow:0 12px 30px #5a211212}.ptt-form label{display:grid;gap:7px;color:#74191e;font-weight:750}.ptt-form input,.ptt-form select{min-height:48px;border:1px solid #ddc9b8;border-radius:12px;background:#fffaf4;padding:0 13px;font:inherit}.ptt-form button{align-self:end;min-height:48px;border:0;border-radius:12px;background:linear-gradient(110deg,#ae1724,#e58112);color:#fff;font-weight:800;cursor:pointer}.ptt-form.loban{grid-template-columns:1fr 240px}.ptt-result{display:grid;grid-template-columns:210px 1fr;gap:20px;align-items:center;padding:24px;border:1px solid #ead6c1;border-radius:20px;background:#fff}.ptt-result>strong{padding:22px;border-radius:16px;text-align:center}.ptt-result.good>strong{color:#24713d;background:#eaf7ed}.ptt-result.bad>strong{color:#a81922;background:#fff0ef}.ptt-title{text-align:center;color:#86191e;margin:30px 0 14px}.ptt-dirs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ptt-dirs article{display:flex;justify-content:space-between;padding:16px;border:1px solid #ead6c1;border-radius:14px;background:#fff}.ptt-dirs .good span{color:#24713d}.ptt-dirs .bad span{color:#b3262e}.ptt-rulers{display:grid;gap:15px}.ptt-ruler{display:grid;grid-template-columns:1fr auto;gap:10px 20px;padding:20px;border:1px solid #ead6c1;border-radius:19px;background:#fff}.ptt-ruler h2{margin:5px 0;color:#8d1c22}.ptt-ruler>strong{align-self:center;padding:8px 12px;border-radius:99px;background:#feeceb;color:#a51c24}.ptt-ruler.good>strong{background:#eaf7ed;color:#21713b}.track{grid-column:1/-1;height:15px;border-radius:99px;background:repeating-linear-gradient(90deg,#c93438 0 12.5%,#e3ae49 12.5% 25%);position:relative}.track i{position:absolute;top:-7px;width:4px;height:29px;background:#172032}.ptt-ruler small{grid-column:1/-1}.ptt-advice,.ptt-empty{margin-top:22px;padding:22px;border:1px solid #ead6c1;border-radius:19px;background:#fffaf4}.ptt-note{text-align:center;color:#806b63;margin-top:24px;font-size:13px}@media(max-width:760px){.ptt-form,.ptt-form.loban{grid-template-columns:1fr 1fr;padding:15px}.ptt-form button{grid-column:1/-1}.ptt-result{grid-template-columns:1fr}.ptt-dirs{grid-template-columns:1fr 1fr}.ptt-ruler{grid-template-columns:1fr}.ptt-ruler>strong{justify-self:start}}