.timeline {max-width: 100%;margin: 40px auto;padding: 20px;background: #f8f9fa;border-radius: 8px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}.timeline h2 {display:block;padding-left:3px;text-align:left;}.timeline dl {display: grid;grid-template-columns: min-content auto;gap: 16px 16px;margin: 12px 12px 0 0;align-items: flex-start;}.ani-dt-dl {display: contents;}.timeline dt {margin-top:20px;padding-left: 12px;min-width:10ch;font-size: 1.4rem;color: var(--color-primary);border-left: 8px solid var(--color-primary);transition: border-left 0.3s ease;}.timeline dd {margin: 0;padding: 8px 12px;line-height: 1.5;font-size: 1rem;background: #ffffff;border: 1px solid #e8e7e7;border-radius: 5px;transition: border 0.3s ease, background 0.3s ease, border 0.3s ease;}.timeline dd h3 {all: unset;display: block;margin: 8px 4px 0 6px;font-size:1.4rem;font-weight: normal;color: var(--color-primary);}.timeline dd p {margin: 0 0 6px;padding: 6px;font-size: 1.04rem;line-height: 1.4;}.timeline dd ul {font-weight:lighter !important;margin-top: 6px;padding-left: 16px;list-style: none;color: #6e6e6e;}.timeline dd li {position: relative;margin-bottom: 4px;padding-left: 16px;font-size: 1rem;hyphens: unset !important;}.timeline dd li::before {content: "\f054";position: absolute;top: 0;left: 0;font-family: 'FontAwesome';font-weight: 1;font-size: 1rem;color: var(--color-primary);}.ani-dt-dl:hover dt {border-left: 8px solid #ff0000;}.ani-dt-dl:hover dd {border: 1px solid #ccc;background: #f0f0f0;}.timeline dd figure {position: relative;display: block;width: 100%;overflow: hidden;border-radius: 5px;}.timeline dd figure img {display: block;width: 100%;height: auto;border-radius: 6px;}.timeline dd figure figcaption {position: absolute;bottom: 16px;left: 0;width: 100%;background: rgba(100, 100, 100, 0.5);color: white;font-size: 0.8rem;padding: 6px;text-align: center;border: 1px solid rgba(100, 100, 100, 0.6);border: 1px 0 0 0;border-radius: 0 0 6px 6px;opacity: 0;transform: translateY(100%);transition: opacity 0.3s ease, transform 0.3s ease;}.timeline dd figure:hover figcaption {opacity: 1;transform: translateY(0);}.timeline dd .img-float-right {float: right;margin: -4px 0 6px 16px;max-width: 33%;height: auto;border-radius: 6px;}.timeline dd .img-full-width {display: block;clear: both;width: 100%;max-width: 100%;height: auto;margin: 0 0 0 0;border-radius: 6px;}.timeline dd .custom-links {text-decoration: none;position: relative;}@media (max-width: 768px) {.timeline dl {grid-template-columns: 1fr;margin: 12px 2px 0 0;}.timeline dt {padding-left: 10px;}.timeline dd figure figcaption {display: none;}}