.t-hero{width:100%;max-width:760px;margin:0 auto 1.5rem;border-radius:14px;overflow:hidden;aspect-ratio:3/2;background:#1B3A6B}
.t-hero img{width:100%;height:100%;object-fit:cover;display:block}
.t-meta{color:#B8860B;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;margin:.4rem 0 .2rem}
.t-part{margin:1.5rem 0}
.t-part h2{font-size:clamp(1.3rem,3.5vw,1.7rem);margin-bottom:.8rem}
#tp-progress{display:none;height:4px;background:#E8E0CC;border-radius:3px;max-width:760px;margin:1rem auto 1.5rem}
#tp-bar{height:100%;width:0;background:#B8860B;border-radius:3px;transition:width .35s}
#tp-nav{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2.25rem;flex-wrap:wrap}
.tp-cont{background:#1B3A6B;color:#fff;border:none;padding:12px 26px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-block}
.tp-cont:hover{background:#2D5FA0;text-decoration:none}
.tp-prev{background:none;border:1px solid #E8E0CC;color:#5a5a5a;padding:12px 20px;border-radius:8px;cursor:pointer;font-family:inherit}
.tp-done{background:linear-gradient(135deg,#1a6b3a,#0d4224);color:#fff;border-radius:12px;padding:2rem;text-align:center;margin-top:1.5rem}
.tp-done h3{font-size:1.6rem;margin-bottom:.6rem}.tp-done p{color:rgba(255,255,255,.8);margin-bottom:1.2rem}
.rp-overlay{position:fixed;inset:0;background:rgba(13,20,40,.7);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}
.rp-box{background:#FDFCF9;border-radius:16px;max-width:430px;width:100%;max-height:85vh;overflow-y:auto;padding:1.4rem 1.15rem 1.1rem;position:relative;box-shadow:0 24px 64px rgba(0,0,0,.4)}
.rp-close{position:absolute;top:.4rem;right:.7rem;background:none;border:none;font-size:1.6rem;line-height:1;color:#7A7A7A;cursor:pointer}
.rp-title{font-family:'Cormorant Garamond',serif;color:#1B3A6B;font-size:1.4rem;font-weight:600;text-align:center;line-height:1.25;margin:.2rem 1rem .2rem}
.rp-sub{text-align:center;color:#7A7A7A;font-size:.84rem;margin:0 .5rem 1rem}
.rp-list{display:flex;flex-direction:column;gap:.5rem}
.rp-row{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;background:#F8F4EC;border:1px solid #E8E0CC;border-radius:10px;padding:.45rem;text-decoration:none}
.rp-row:hover{background:#fff;border-color:#B8860B;text-decoration:none}
.rp-th{flex-shrink:0;width:52px;height:52px;border-radius:8px;background-size:cover;background-position:center;background-color:#1B3A6B}
.rp-info{display:flex;flex-direction:column;min-width:0;flex:1}
.rp-cat{color:#B8860B;font-size:.6rem;letter-spacing:.06em;text-transform:uppercase}
.rp-ttl{font-family:'Cormorant Garamond',serif;color:#1B3A6B;font-size:1rem;font-weight:600;line-height:1.18;margin-top:.1rem}
.rp-arrow{flex-shrink:0;color:#B8860B;font-size:1.5rem;padding:0 .2rem}
.t-list{list-style:none;margin-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;padding:0}
.t-list a{display:block;background:#fff;border:1px solid #E8E0CC;border-radius:12px;overflow:hidden;text-decoration:none}
.t-list .thumb{display:block;height:160px;background-size:cover;background-position:center;background-color:#1B3A6B}
.t-list .b{display:block;padding:.9rem 1rem 1.1rem}
.t-list .c{display:block;color:#B8860B;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}
.t-list .t{font-family:'Cormorant Garamond',serif;color:#1B3A6B;font-size:1.25rem;font-weight:600;line-height:1.2;margin-top:.2rem;display:block}
.t-list .h{color:#5a5a5a;font-size:.9rem;margin-top:.4rem;display:block}
@media(max-width:560px){.t-list{grid-template-columns:1fr}}