.tp-toolkit-section{background:#f3f8fb}.tp-toolkit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.tp-toolkit-card{background:white;border:1px solid #e3edf2;border-radius:18px;padding:28px;overflow:hidden}.tp-toolkit-card h3{font-size:28px;margin-bottom:16px}.tp-toolkit-card p{font-size:12px;line-height:1.9;margin-bottom:22px}.tp-toolkit-card>.tp-eyebrow{font-size:8px;margin:20px 0 16px}.tp-toolkit-card .tp-text-link{font-size:11px}.tp-format-demo,.tp-reference-demo,.tp-quality-demo{height:160px;background:linear-gradient(135deg,#f1f9fc,#f6fbfd);border:1px solid #e6f1f6;border-radius:12px;padding:20px;display:flex;justify-content:center;align-items:center;gap:10px}.tp-format-demo>span{display:flex;align-items:center;justify-content:center;border:1px solid #a7caec;border-radius:6px;font-size:10px;color:#356ea6;box-shadow:3px 5px 12px #55b4b910}.tp-demo-portrait{height:90px;width:59px;background:#daeef7;transform:rotate(-7deg)}.tp-demo-square{width:75px;height:75px;background:#e0f1f8;z-index:1}.tp-demo-landscape{width:90px;height:59px;background:#d5edf8;transform:rotate(7deg)}.tp-reference-demo img{width:77px;height:90px;border:4px solid white;border-radius:8px;object-fit:cover;transform:rotate(-8deg);box-shadow:0 5px 10px #385f8715}.tp-reference-demo>span{color:#92d5d9;font-size:20px}.tp-reference-demo>div{display:flex;flex-direction:column;gap:14px;background:white;border:1px solid #dde9ee;border-radius:8px;padding:16px;font-size:9px;color:#79acaf;transform:rotate(5deg)}.tp-reference-demo i{color:#98cfd2;font-size:16px}.tp-quality-demo{flex-direction:column;gap:18px}.tp-quality-demo>span{font-size:10px;color:#83b0b2}.tp-quality-demo>div{display:flex;gap:6px;align-items:end;height:45px;width:100%;justify-content:center}.tp-quality-demo i{width:20px;height:18px;background:linear-gradient(#88b7e6,#206ebc);border-radius:3px}.tp-quality-demo i:nth-child(2){height:22px}.tp-quality-demo i:nth-child(3){height:27px}.tp-quality-demo i:nth-child(4){height:31px}.tp-quality-demo i:nth-child(5){height:35px}.tp-quality-demo i:nth-child(6){height:39px}.tp-quality-demo i:nth-child(7){height:43px;background:#d8ecf6}.tp-quality-demo i:nth-child(8){height:47px;background:#d8ecf6}.tp-quality-demo small{display:flex;justify-content:space-between;width:100%;font-size:7px;color:#a0c0c2;letter-spacing:.06em}.tp-quality-demo b{font-weight:600;color:#62b5b9}.tp-style-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.tp-style-copy h2{font-size:46px;margin-bottom:24px}.tp-style-copy>p{font-size:14px;max-width:425px;line-height:1.9}.tp-style-options{display:flex;flex-direction:column;gap:10px;margin-top:27px}.tp-style-options button{display:flex;align-items:center;text-align:left;gap:16px;padding:18px 20px;border:1px solid #e3ecf0;border-radius:12px;background:white}.tp-style-options button[aria-pressed=true]{background:#f7fbfd;border-color:#84b4e5}.tp-mood-dot{width:30px;height:30px;border-radius:50%;flex-shrink:0}.tp-mood-violet{background:linear-gradient(135deg,#056ed6,#0dc4ce)}.tp-mood-gold{background:linear-gradient(135deg,#db9d56,#fceac3)}.tp-mood-cyan{background:linear-gradient(135deg,#10cadd,#85b5e5)}.tp-style-options strong{display:block;font-size:13px;font-weight:600;color:#445260;margin-bottom:3px}.tp-style-options small{display:block;font-size:10px;color:#939ea8}.tp-mood-arrow{margin-left:auto;color:#71babe}.tp-style-copy>.tp-style-note{font-size:10px;margin-top:15px;color:#9aa9aa}.tp-style-preview{position:relative;overflow:hidden;border-radius:21px;background:#162432;height:600px;box-shadow:0 15px 45px #35597e15}.tp-style-preview>img{width:100%;height:100%;object-fit:cover}.tp-style-preview:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#122233ed);pointer-events:none}.tp-style-caption{position:absolute;left:31px;right:31px;bottom:30px;z-index:1}.tp-style-caption>span{font-size:8px;letter-spacing:.14em;color:#bceef1}.tp-site .tp-style-caption h3{font-size:29px;color:white;margin:14px 0}.tp-site .tp-style-caption p{font-size:12px;color:#d6ecf6;line-height:1.8;margin-bottom:20px}.tp-style-caption .tp-button{background:#fff;color:#399da2;font-size:11px}.tp-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tp-audience-card{padding:27px 23px;background:white;border:1px solid #e4edf1;border-radius:15px;display:flex;flex-direction:column;align-items:start}.tp-audience-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:11px;background:#edf7fb;color:#306eab;font-size:18px;margin-bottom:27px}.tp-audience-card:nth-child(2) .tp-audience-icon{background:#e6f5ff;color:#429bc1}.tp-audience-card:nth-child(3) .tp-audience-icon{background:#ebf6fb;color:#64b9bd}.tp-audience-card:nth-child(4) .tp-audience-icon{background:#fff3e1;color:#c99c54}.tp-audience-card h3{font-size:21px;margin-bottom:13px}.tp-audience-card p{font-size:12px;line-height:1.9}.tp-audience-tag{font-size:8px;padding:5px 8px;border-radius:20px;background:#f3f8fa;color:#8cabad;margin:3px 0 24px}.tp-audience-card button{padding:0;background:none;border:0;color:#389ea4;font-size:10px;margin-top:auto;text-align:left}.tp-audience-card button:hover{color:#2161a2}.tp-prompt-guide{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.tp-prompt-recipe{padding:33px;border:1px solid #daebf3;border-radius:18px;background:linear-gradient(135deg,#f3f9fc,#f4f9fc)}.tp-recipe-label{font-size:9px;letter-spacing:.12em;color:#8bb7b9}.tp-recipe-parts{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:25px 0}.tp-recipe-parts span{padding:7px 10px;border:1px solid #daeaf1;border-radius:7px;background:#ffffffb0;font-size:10px;color:#70a5a8}.tp-recipe-parts b{color:#9bc7c9;font-size:11px;font-weight:400}.tp-site .tp-prompt-recipe>p{font-family:Outfit,Arial,sans-serif;font-size:27px;line-height:1.65;color:#456381;margin:0 0 27px}.tp-prompt-recipe em,.tp-prompt-recipe i{font-style:normal}.tp-prompt-recipe em{color:#427eae}.tp-prompt-recipe strong{font-weight:400;color:#5aadb1}.tp-prompt-recipe i{color:#7291b1}.tp-recipe-foot{border-top:1px solid #dfebf0;padding-top:23px;display:flex;justify-content:space-between;gap:20px;align-items:center}.tp-recipe-foot>span{font-size:10px;max-width:190px;color:#94b1b3;line-height:1.8}.tp-recipe-foot .tp-button{font-size:10px;padding:11px 14px}.tp-prompt-tips>div{display:flex;gap:20px;margin:24px 0}.tp-prompt-tips>div>span{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #dfebf1;background:#f5fafc;border-radius:9px;color:#7ebcbf;font-size:10px}.tp-prompt-tips h3{font-size:19px;margin-bottom:10px}.tp-prompt-tips p{font-size:12px;line-height:1.9;margin:0}
@media(max-width:1000px){.tp-toolkit-card{padding:23px}.tp-format-demo,.tp-reference-demo,.tp-quality-demo{padding:16px;gap:6px}.tp-toolkit-card h3{font-size:25px}.tp-style-layout{gap:45px}.tp-style-copy h2{font-size:38px}.tp-style-preview{height:580px}.tp-audience-grid{grid-template-columns:repeat(2,1fr)}.tp-prompt-guide{gap:35px}.tp-recipe-parts{gap:5px}.tp-recipe-foot{flex-direction:column;align-items:start}.tp-recipe-foot>span{max-width:none}}
@media(max-width:768px){.tp-toolkit-grid{grid-template-columns:1fr}.tp-toolkit-card{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.tp-toolkit-card>div{grid-row:1/5;height:100%;min-height:210px}.tp-toolkit-card>.tp-eyebrow{margin-top:0}.tp-style-layout{gap:30px}.tp-style-copy h2{font-size:34px}.tp-style-preview{height:610px}.tp-style-caption{left:22px;right:22px}.tp-site .tp-style-caption h3{font-size:25px}.tp-style-options button{padding:15px 12px;gap:12px}.tp-style-options small{font-size:9px}.tp-prompt-guide{grid-template-columns:1fr;gap:22px}.tp-recipe-foot{flex-direction:row;align-items:center}}
@media(max-width:640px){.tp-toolkit-card{display:block;padding:25px}.tp-toolkit-card>div{min-height:0;height:155px;margin-bottom:25px}.tp-toolkit-card h3{font-size:27px}.tp-toolkit-card>.tp-eyebrow{font-size:8px}.tp-style-layout{grid-template-columns:1fr;gap:25px}.tp-style-copy h2{font-size:35px}.tp-style-copy>p{font-size:13px}.tp-style-preview{height:480px}.tp-style-caption{left:25px;right:25px;bottom:25px}.tp-style-caption .tp-button{font-size:10px;padding:12px 16px}.tp-style-options button{padding:16px}.tp-style-options small{font-size:10px}.tp-audience-grid{grid-template-columns:1fr 1fr;gap:12px}.tp-audience-card{padding:22px 17px}.tp-audience-card h3{font-size:20px}.tp-audience-card p{font-size:11px}.tp-audience-icon{margin-bottom:22px}.tp-audience-tag{font-size:7px;padding:5px 7px;border-radius:7px}.tp-audience-card button{font-size:10px;line-height:1.8}.tp-prompt-recipe{padding:25px 21px}.tp-recipe-parts{gap:4px}.tp-recipe-parts span{font-size:9px;padding:7px 8px}.tp-site .tp-prompt-recipe>p{font-size:24px}.tp-recipe-foot{flex-direction:column;align-items:start;gap:13px}.tp-recipe-foot>span{font-size:9px}.tp-prompt-tips>div{gap:17px}}

/* Homepage previews use the same titles and artwork as the blog. */
.tp-home-journal .tp-section-heading { gap: 32px; margin-bottom: 36px; }
.tp-home-journal-intro { max-width: 650px; }
.tp-home-journal-intro > p { max-width: 550px; margin: 20px 0 0; font-size: 14px; line-height: 1.8; }
.tp-home-journal-all { flex-shrink: 0; min-height: 44px; }
.tp-home-journal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.tp-home-journal-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #e2ebef; border-radius: 18px; background: #fff; box-shadow: 0 8px 28px #203a5506; transition: border-color .2s, box-shadow .2s; }
.tp-home-journal-card:hover, .tp-home-journal-card:focus-within { border-color: #b9d4ef; box-shadow: 0 12px 32px #355e8712; }
.tp-home-journal .tp-home-journal-image { display: block; flex-shrink: 0; aspect-ratio: 3 / 2; overflow: hidden; background: #ebf3f7; border-bottom: 1px solid #e2ebef; }
.tp-home-journal .tp-home-journal-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.tp-home-journal-content { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 26px; }
.tp-home-journal-card .tp-eyebrow { margin-bottom: 16px; font-size: 10px; letter-spacing: .1em; line-height: 1.5; }
.tp-home-journal-card h3 { margin: 0 0 14px; font-size: 24px; line-height: 1.3 !important; }
.tp-home-journal-card h3 a { color: var(--tp-ink); }
.tp-home-journal-card h3 a:hover { color: var(--tp-violet); }
.tp-home-journal-card p { margin: 0 0 24px; font-size: 13px; line-height: 1.85; }
.tp-home-journal-card .tp-home-journal-read { justify-content: space-between; width: 100%; min-height: 44px; margin-top: auto; padding: 17px 0 0; border: 0; border-top: 1px solid #e8f0f4; border-radius: 0; background: transparent; color: #4378ae; font-size: 12px; }
.tp-home-journal-card .tp-home-journal-read:hover { color: var(--tp-violet); }
.tp-home-journal-read > span { font-size: 20px; line-height: 1; }
@media (max-width: 1000px) {
    .tp-home-journal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    .tp-home-journal-content { padding: 24px; }
    .tp-home-journal-card h3 { font-size: 23px; }
}
@media (max-width: 640px) {
    .tp-home-journal .tp-section-heading { gap: 22px; margin-bottom: 28px; }
    .tp-home-journal-intro > p { margin-top: 16px; font-size: 13px; }
    .tp-home-journal-grid { grid-template-columns: minmax(0, 1fr); }
    .tp-home-journal-content { padding: 24px; }
    .tp-home-journal-card h3 { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    .tp-home-journal-card { transition: none; }
}