.date-guide-visual{background:radial-gradient(circle at 90% 10%,#6842f421,#0000 35%),#f8f7ff;border:1px solid #ddd6fe;border-radius:22px;margin:34px 0;padding:clamp(20px,4vw,30px);overflow:hidden}.date-guide-visual-header{margin-bottom:22px}.date-guide-visual-header span,.date-related-heading>span{color:#6842f4;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:850;display:block}.date-guide-visual-header strong{color:#111827;margin-top:6px;font-size:clamp(1.15rem,3vw,1.55rem);line-height:1.3;display:block}.date-guide-visual-header p,.date-related-heading p{color:#59667c;margin:8px 0 0;line-height:1.65}.date-guide-svg{width:100%;height:auto;display:block}.date-guide-svg .date-track{stroke:#cec7f4;stroke-width:10px;stroke-linecap:round}.date-guide-svg .date-progress{stroke:#6842f4;stroke-width:10px;stroke-linecap:round}.date-guide-svg .date-node{fill:#fff;stroke:#6842f4;stroke-width:5px}.date-guide-svg .date-label{fill:#111827;font-size:22px;font-weight:850}.date-guide-svg .date-copy{fill:#657188;font-size:17px;font-weight:650}.date-guide-svg .date-value{fill:#6842f4;font-size:25px;font-weight:900}.date-guide-formula{background:#f3f0ff;border:1px solid #ddd6fe;border-radius:17px;margin:25px 0;padding:22px}.date-guide-formula span{color:#6842f4;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:850;display:block}.date-guide-formula strong{color:#111827;margin-top:8px;font-size:clamp(1.12rem,3vw,1.55rem);line-height:1.45;display:block}.date-guide-example-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0;display:grid}.date-guide-example-grid>div{text-align:center;background:#f8f9fc;border:1px solid #e3e6ee;border-radius:16px;padding:18px 14px}.date-guide-example-grid span{color:#657188;text-transform:uppercase;font-size:.77rem;font-weight:750;display:block}.date-guide-example-grid strong{color:#111827;margin-top:7px;font-size:1.25rem;display:block}.date-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:25px 0;display:grid}.date-method-grid article{background:#fafbfc;border:1px solid #e3e5ed;border-radius:17px;padding:21px}.date-method-grid article>span{color:#6842f4;letter-spacing:.07em;text-transform:uppercase;font-size:.73rem;font-weight:850;display:block}.date-method-grid h3{color:#111827;margin:9px 0 8px}.date-method-grid p{color:#657188;margin:0;line-height:1.65}.date-step-list{gap:14px;margin:25px 0;padding:0;list-style:none;display:grid}.date-step-list li{background:#fafbfc;border:1px solid #e3e6ed;border-radius:16px;gap:15px;padding:19px;display:flex}.date-step-list li>span{color:#fff;background:#6842f4;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.date-step-list strong{color:#111827;display:block}.date-step-list p{color:#657188;margin:6px 0 0;line-height:1.6}.date-comparison-table{border-collapse:collapse;border:1px solid #e1e4ed;width:100%;margin:25px 0}.date-comparison-table th,.date-comparison-table td{text-align:left;vertical-align:top;border:1px solid #e1e4ed;padding:14px}.date-comparison-table th{color:#111827;background:#f3f0ff}.date-comparison-table td{color:#647087}.date-guide-related{margin-top:42px}.date-related-heading{margin-bottom:20px}.date-related-heading h2{margin:8px 0}.date-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.date-related-card{min-height:210px;color:inherit;background:#faf9ff;border:1px solid #e1ddf8;border-radius:18px;flex-direction:column;padding:21px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.date-related-card:hover{border-color:#a58cff;transform:translateY(-3px);box-shadow:0 14px 30px #3625781a}.date-related-card>span{color:#6842f4;letter-spacing:.07em;text-transform:uppercase;font-size:.72rem;font-weight:850}.date-related-card strong{color:#111827;margin-top:9px;font-size:1.03rem;line-height:1.4;display:block}.date-related-card p{color:#647087;margin:10px 0 16px;font-size:.91rem;line-height:1.6}.date-related-card small{color:#6842f4;margin-top:auto;font-weight:800}@media (width<=820px){.date-related-grid,.date-guide-example-grid,.date-method-grid{grid-template-columns:1fr}.date-related-card{min-height:0}.date-guide-svg .date-label{font-size:17px}.date-guide-svg .date-copy{font-size:14px}.date-guide-svg .date-value{font-size:19px}.date-comparison-table{display:block;overflow-x:auto}}