.template-detail-hero-section .business-english-preview .preview-topbar{margin-bottom:22px}.template-detail-hero-section .message-planner-card{text-align:start;border-radius:14px;background:linear-gradient(109deg,rgba(0,133,229,.06) 1.22%,rgba(255,0,182,.06) 117.06%);border:1px solid rgba(0,133,229,.12);padding:12px 14px 14px;margin-bottom:12px}.template-detail-hero-section .message-planner-card .planner-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:10px}.template-detail-hero-section .message-planner-card .planner-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#8a94a6}.template-detail-hero-section .message-planner-card .planner-caption{font-size:12px;font-weight:500;color:#64748b}.template-detail-hero-section .message-planner-card .planner-parts{list-style:none;margin:0;padding:0;display:flex;border-radius:11px;overflow:hidden;border:1px solid rgba(0,0,0,.06);background:#fff}.template-detail-hero-section .message-planner-card .planner-part{flex:1 1 0;min-width:0;padding:9px 5px 10px;text-align:center}.template-detail-hero-section .message-planner-card .planner-part:not(:last-child){-webkit-border-end:1px solid rgba(0,0,0,.06);border-inline-end:1px solid rgba(0,0,0,.06)}.template-detail-hero-section .message-planner-card .planner-part .part-mark{display:flex;align-items:center;justify-content:center;height:12px;margin-bottom:3px;color:#0085e5}.template-detail-hero-section .message-planner-card .planner-part .part-mark svg{width:11px;height:11px}.template-detail-hero-section .message-planner-card .planner-part .part-mark .mark-dot{width:6px;height:6px;border-radius:50%;background:#cbd5e1}.template-detail-hero-section .message-planner-card .planner-part .part-label{display:block;font-size:11.5px;font-weight:600;line-height:1.2;color:#64748b;overflow-wrap:anywhere}.template-detail-hero-section .message-planner-card .planner-part .part-hint{display:block;margin-top:3px;font-size:10px;font-weight:500;line-height:1.25;color:#8a94a6;overflow-wrap:anywhere}.template-detail-hero-section .message-planner-card .planner-part.is-done{background:rgba(0,133,229,.05)}.template-detail-hero-section .message-planner-card .planner-part.is-done .part-label{color:#12141d}.template-detail-hero-section .message-planner-card .planner-part.is-active{position:relative;background:rgba(0,133,229,.09)}.template-detail-hero-section .message-planner-card .planner-part.is-active:before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(109deg,#0085e5,#7e4fe0)}.template-detail-hero-section .message-planner-card .planner-part.is-active .part-label{color:#0072c6}.template-detail-hero-section .message-planner-card .planner-part.is-active .part-hint{color:#64748b}.template-detail-hero-section .message-planner-card .planner-part.is-active .mark-dot{background:#0085e5}.template-detail-hero-section .email-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;text-align:start}.template-detail-hero-section .email-compare .compare-side{min-width:0;border-radius:12px;padding:10px 12px 11px;border:1px solid rgba(0,0,0,0)}.template-detail-hero-section .email-compare .compare-label{display:inline-block;margin-bottom:6px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;line-height:1.4}.template-detail-hero-section .email-compare .compare-text{margin:0;font-size:11.5px;font-weight:500;line-height:1.4;color:#12141d;overflow-wrap:anywhere}.template-detail-hero-section .email-compare .is-unclear{background:#f7f8fb;border-color:rgba(0,0,0,.05)}.template-detail-hero-section .email-compare .is-unclear .compare-label{background:rgba(255,106,61,.12);color:#c2461f}.template-detail-hero-section .email-compare .is-unclear .compare-text{color:#64748b}.template-detail-hero-section .email-compare .is-clear{background:rgba(22,163,74,.05);border-color:rgba(22,163,74,.2)}.template-detail-hero-section .email-compare .is-clear .compare-label{background:rgba(22,163,74,.12);color:#15803d}.template-detail-hero-section .phrases-card{top:0;right:0;width:262px;padding:13px 16px 14px;text-align:start;animation:templateDetailFloat 7s ease-in-out infinite}.template-detail-hero-section .phrases-card .phrases-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:8px}.template-detail-hero-section .phrases-card .card-kicker{margin-bottom:0;line-height:1.2}.template-detail-hero-section .phrases-card .phrases-caption{font-size:11.5px;font-weight:500;color:#64748b;line-height:1.2}.template-detail-hero-section .phrases-card .phrase-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.template-detail-hero-section .phrases-card .phrase-row{min-width:0;-webkit-padding-start:9px;padding-inline-start:9px;-webkit-border-start:2px solid #0085e5;border-inline-start:2px solid #0085e5}.template-detail-hero-section .phrases-card .phrase-use{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#0072c6;line-height:1.25}.template-detail-hero-section .phrases-card .phrase-text{display:block;font-size:12px;font-weight:600;color:#12141d;line-height:1.3;text-align:left}.template-detail-hero-section .business-english-scenario{width:270px}@media(min-width:901px){.template-detail-hero-section .phrases-card{top:-28px}}@media(max-width:1250px)and (min-width:901px){.template-detail-hero-section .business-english-scenario{width:235px;left:-36px}.template-detail-hero-section .message-planner-card .planner-parts{display:grid;grid-template-columns:1fr 1fr}.template-detail-hero-section .message-planner-card .planner-part:not(:last-child){-webkit-border-end:none;border-inline-end:none}.template-detail-hero-section .message-planner-card .planner-part:nth-child(odd){-webkit-border-end:1px solid rgba(0,0,0,.06);border-inline-end:1px solid rgba(0,0,0,.06)}.template-detail-hero-section .message-planner-card .planner-part:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.06)}.template-detail-hero-section .email-compare{grid-template-columns:1fr}[dir=rtl] .template-detail-hero-section .business-english-scenario{left:auto;right:-36px}}@media(max-width:600px){.template-detail-hero-section .business-english-scenario,.template-detail-hero-section .phrases-card{width:100%}.template-detail-hero-section .phrases-card{animation:none}.template-detail-hero-section .email-compare{grid-template-columns:1fr}}[dir=rtl] .template-detail-hero-section .phrases-card{right:auto;left:0}[dir=rtl] .template-detail-hero-section .phrases-card .phrase-text{text-align:right}@media(prefers-reduced-motion:reduce){.template-detail-hero-section .phrases-card{animation:none}}