/* WTH 404 & author components — extracted from index.php */

/* --- wth-404-dynamic-style-inline-css --- */

.wth-404-title-b014f3 {
         font-size: 7.2rem;
         font-weight: 900;
         color: #000000;
         text-transform: uppercase;
         letter-spacing: 0.12em;
         margin: 2.8rem 0 3.6rem 0;
         text-align: center;
         background: linear-gradient(135deg, #000000 0%, #B6B09F 45%, #000000 100%);
         background-clip: text;
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         text-shadow: 
         0.05em 0.05em 0 #EAE4D5,
         0.1em 0.1em 0 #B6B09F,
         0.15em 0.15em 0.3em rgba(0, 0, 0, 0.4),
         0 0 2rem rgba(182, 176, 159, 0.6);
         position: relative;
         filter: drop-shadow(0.2em 0.2em 0.4em rgba(0, 0, 0, 0.3));
         }
         .wth-404-title-b014f3::before {
         content: '';
         position: absolute;
         top: -0.8rem;
         left: -0.8rem;
         right: -0.8rem;
         bottom: -0.8rem;
         background: radial-gradient(ellipse at center, rgba(182, 176, 159, 0.15) 0%, transparent 70%);
         z-index: -1;
         border-radius: 1.2rem;
         }
         @media (max-width: 768px) {
         .wth-404-title-b014f3 {
         font-size: 3.8rem;
         letter-spacing: 0.08em;
         margin: 1.8rem 0 2.4rem 0;
         text-shadow: 
         0.03em 0.03em 0 #EAE4D5,
         0.06em 0.06em 0 #B6B09F,
         0.09em 0.09em 0.2em rgba(0, 0, 0, 0.3);
         filter: drop-shadow(0.1em 0.1em 0.2em rgba(0, 0, 0, 0.25));
         }
         .wth-404-title-b014f3::before {
         top: -0.4rem;
         left: -0.4rem;
         right: -0.4rem;
         bottom: -0.4rem;
         }
         }

/* --- wth-author-dynamic-style-inline-css --- */

.wth-author-section-b014f3 {
         background: linear-gradient(135deg, #F2F2F2, #EAE4D5);
         padding: 42px;
         border-radius: 20px;
         display: flex;
         flex-direction: row;
         align-items: center;
         gap: 25px;
         margin: 35px auto;
         width: auto;
         transition: all 0.3s ease;
         }
         .wth-author-section-b014f3:hover {
         transform: rotate(1deg);
         box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
         }
         .wth-author-section-b014f3__avatar {
         border-radius: 50%;
         width: 90px;
         height: 90px;
         border: 3px solid #B6B09F;
         object-fit: cover;
         flex-shrink: 0;
         overflow: hidden;
         }
         .wth-author-section-b014f3__content {
         flex: 1;
         display: flex;
         flex-direction: column;
         gap: 8px;
         }
         .wth-author-section-b014f3__name {
         font-size: 1.4rem;
         font-weight: 600;
         text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
         color: #000000;
         margin: 0;
         }
         .wth-author-section-b014f3__position {
         font-size: 0.9rem;
         font-weight: 600;
         background: linear-gradient(45deg, #B6B09F, #000000);
         background-clip: text;
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         margin: 0;
         }
         .wth-author-section-b014f3__bio {
         font-size: 0.95rem;
         line-height: 1.5;
         padding-left: 15px;
         border-left: 2px solid #B6B09F;
         color: #000000;
         margin: 0;
         }
         .wth-author-section-b014f3__date {
         font-size: 0.8rem;
         opacity: 0.75;
         color: #B6B09F;
         margin: 0;
         }
         .wth-author-section-b014f3__date::before {
         content: "🕒 ";
         margin-right: 5px;
         }
         .wth-author-section-b014f3__socials {
         display: flex;
         gap: 12px;
         align-items: center;
         margin-top: 16px;
         }
         .wth-author-section-b014f3__social-icon {
         display: inline-flex !important;
         align-items: center;
         justify-content: center;
         width: 32px;
         height: 32px;
         cursor: pointer;
         transition: all 0.3s ease;
         border: 2px solid #B6B09F;
         border-radius: 50%;
         padding: 4px;
         }
         .wth-author-section-b014f3__social-icon svg {
         width: 24px;
         height: 24px;
         fill: #000000 !important;
         transition: fill 0.3s ease;
         }
         .wth-author-section-b014f3__social-icon:hover {
         border-color: #000000;
         transform: scale(1.1);
         }
         .wth-author-section-b014f3__social-icon:hover svg {
         fill: #B6B09F !important;
         }
         @media (max-width: 768px) {
         .wth-author-section-b014f3 {
         flex-direction: column;
         align-items: center;
         padding: 20px;
         max-width: 100%;
         gap: 20px;
         }
         .wth-author-section-b014f3__avatar {
         width: 70px;
         height: 70px;
         }
         .wth-author-section-b014f3__name {
         font-size: 1.2rem;
         text-align: center;
         }
         .wth-author-section-b014f3__position {
         font-size: 0.8rem;
         text-align: center;
         }
         .wth-author-section-b014f3__bio {
         font-size: 0.85rem;
         text-align: center;
         border-left: none;
         padding-left: 0;
         }
         .wth-author-section-b014f3__date {
         font-size: 0.72rem;
         text-align: center;
         }
         .wth-author-section-b014f3__socials {
         gap: 8px;
         justify-content: center;
         }
         .wth-author-section-b014f3__social-icon {
         width: 28px;
         height: 28px;
         }
         }