.article-detail-wrapper{display:flex;flex-direction:column;width:100%;max-width:900px;justify-content:center;margin:clamp(100px,13vh,150px) auto 0;padding-top:20px;gap:10px;font-family:Source Sans Pro,Helvetica,Arial,sans-serif}@media(max-width:500px){.article-detail-wrapper{padding:0 20px}}.article-info{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.article-info .article-thumbnail-wrapper{width:100%;height:550px;position:relative;overflow:hidden;margin-bottom:30px;border-radius:10px;box-shadow:0 10px 10px rgba(0,0,0,.3)}@media(max-width:500px){.article-info .article-thumbnail-wrapper{height:200px}}.article-info .article-thumbnail-wrapper .article-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:10px}.article-info .article-title{font-size:42px;font-weight:700;line-height:1.2em;margin-bottom:30px}@media(max-width:500px){.article-info .article-title{font-size:30px}}.article-info .article-attribute{display:flex;justify-content:center;align-items:center;gap:10px}@media(max-width:500px){.article-info .article-attribute{font-size:14px;white-space:pre-wrap}}.article-info .article-attribute .article-category{font-weight:700;border-radius:10px;background-color:var(--REONA);padding:3px 15px;color:#fff}.article-info .article-attribute .article-pubdate,.article-info .article-attribute .article-update{font-weight:700}.article-markdown-wrapper .article-tags{display:flex;justify-content:center;align-items:center;margin-bottom:20px;text-align:center;vertical-align:middle}@media(max-width:500px){.article-markdown-wrapper .article-tags{justify-content:flex-start;flex-wrap:wrap;height:auto;gap:0}}.article-markdown-wrapper .article-tags .article-tag-wrapper{display:flex;margin:0;height:16px}.article-markdown-wrapper .article-tags .article-tag-wrapper .article-tag{font-size:14px;font-weight:700}@media(max-width:500px){.article-markdown-wrapper .article-tags .article-tag-wrapper .article-tag{font-size:12px;padding:2px 10px}}.article-markdown-wrapper .article-tags .article-tag-wrapper .tag-dot{display:table}.article-markdown-wrapper .article-tags .article-tag-wrapper .tag-dot span{display:table-cell;vertical-align:middle;text-align:center}.article-markdown-wrapper h2{font-size:36px;font-weight:700;margin-top:40px;color:var(--REONA)}@media(max-width:500px){.article-markdown-wrapper h2{font-size:24px;line-height:1.3em}}.article-markdown-wrapper h3{font-size:28px;font-weight:700;margin-top:40px;-webkit-text-decoration-line:underline;text-decoration-line:underline;text-underline-offset:7px}@media(max-width:500px){.article-markdown-wrapper h3{font-size:20px}}.article-markdown-wrapper h4{font-size:22px;font-weight:700;margin-top:30px}@media(max-width:500px){.article-markdown-wrapper h4{font-size:18px}}.article-markdown-wrapper p{font-size:16px;line-height:1.5em;margin-top:20px;margin-bottom:20px;letter-spacing:2px}@media(max-width:500px){.article-markdown-wrapper p{font-size:16px}}.article-markdown-wrapper p.article-tag,.article-markdown-wrapper p.bio-text{margin:0}.article-markdown-wrapper li{font-size:20px}@media(max-width:500px){.article-markdown-wrapper li{font-size:16px}}.article-markdown-wrapper a{font-size:18px;text-decoration:underline;text-underline-offset:3px;color:var(--REONA);word-break:break-all;overflow-wrap:break-word}@media(max-width:500px){.article-markdown-wrapper a{font-size:16px}}.article-markdown-wrapper img{display:block;max-width:90%;height:auto;margin:30px auto;border-radius:10px;box-shadow:0 10px 10px rgba(0,0,0,.3)}.article-markdown-wrapper img.author-image{margin:0}.article-markdown-wrapper #map{width:100%;height:200px;overflow:hidden;display:flex;justify-content:center}.article-markdown-wrapper #map iframe{width:90%;height:500px;margin-top:-150px}.article-markdown-wrapper iframe{width:90%;height:300px}