.article-body .tl-em{color:var(--destructive)}.article-body .tl-tier{container-type:inline-size}.article-body .tl-tabs{table-layout:fixed;border:1px solid var(--border);background:var(--secondary);border-bottom:none;width:100%;padding:5px;display:table}.article-body .tl-tabs>div{vertical-align:top;padding:0 2px;display:table-cell}.article-body .tl-tabs>div:first-child{padding-left:0}.article-body .tl-tab{width:100%;color:var(--foreground);text-align:center;cursor:pointer;background:0 0;border-radius:3px;padding:10px 0;font-size:13px;font-weight:700;line-height:1;transition:all .3s;display:block;position:relative}.article-body .tl-tab[aria-selected=true]{color:#fff;background:#0074e0 linear-gradient(#0a7de9 0%,#0074e0 50%,#0069cb 51%,#0074e0 100%)}.article-body .tl-tab[aria-selected=true]:before{content:"";border:5px solid #0000;border-top-color:#0074e0;position:absolute;bottom:-10px;left:calc(50% - 5px)}.article-body .tl-filter{border:1px solid var(--border);background:var(--secondary);border-bottom:none;position:relative}.article-body .tl-filter.is-overflow{padding:0 17px}.article-body .tl-filter-list{scrollbar-width:none;flex-wrap:nowrap;justify-content:safe center;gap:5px;width:100%;padding:5px;display:flex;overflow-x:auto}.article-body .tl-filter-list::-webkit-scrollbar{display:none}.article-body .tl-filter.is-overflow .tl-filter-list{justify-content:flex-start}.article-body .tl-chip{color:#fff;white-space:nowrap;cursor:pointer;background-color:#e5e5e5;border-radius:2px;flex:none;padding:2px 6px;font-size:12px;font-weight:700;line-height:1.5;display:block;box-shadow:inset 0 0 2px #32323233}.article-body .tl-chip[aria-pressed=true]{background:linear-gradient(#606060 0%,#404040 50%,#202020 51%,#505050 100%)}.article-body .tl-filter-arrow{color:#fff;cursor:pointer;background-color:#32323233;height:100%;padding:0 2px;font-size:13px;position:absolute;top:0}.article-body .tl-filter-arrow:active{color:#444}.article-body .tl-filter-arrow[data-dir=left]{left:0}.article-body .tl-filter-arrow[data-dir=right]{right:0}.article-body .tl-table{border:1px solid var(--border);background:var(--background);margin-top:0}.article-body .tl-row{table-layout:fixed;border-bottom:1px solid var(--border);background:var(--background);width:100%;display:table}.article-body .tl-row:last-child{border-bottom:none}.article-body .tl-row>div{vertical-align:middle;display:table-cell}.article-body .tl-label{border-right:1px solid var(--border);background:var(--secondary);text-align:center;width:55px;padding:10px 0}.article-body .tl-label img{border-radius:0;width:40px;margin:0 auto;display:block}.article-body .tl-label-t{color:#fff;letter-spacing:.1em;text-align:center;opacity:.8;border-radius:2px;width:42px;margin:2px auto 0;padding:3px 0 2px;font-size:10px;font-weight:700;line-height:1;transform:scale(.8)}.article-body .tl-label-t[data-color=pink]{background-color:#ff70b3}.article-body .tl-label-t[data-color=red]{background-color:#ff6b5c}.article-body .tl-label-t[data-color=orange]{background-color:#ed8e00}.article-body .tl-label-t[data-color=yellow]{background-color:#ebc000}.article-body .tl-label-t[data-color=green]{background-color:#62d435}.article-body .tl-items{background:var(--background);flex-wrap:wrap;padding:7px 2px 2px 7px;display:flex}.article-body .tl-item{opacity:1;width:25%;max-width:84px;padding-bottom:5px;padding-right:5px;transition:all .3s;display:block;position:relative}.article-body .tl-item.is-invisible{opacity:.3}.article-body .tl-item-link{color:inherit;text-decoration:none;display:block}.article-body .tl-item-link:hover .tl-name{text-decoration:underline}.article-body .tl-item img{border-radius:2px;width:100%;margin:0;display:block}.article-body .tl-name{color:#fff;text-align:center;text-overflow:clip;white-space:nowrap;background-color:#404040;border-top:1px solid gray;padding:2px 0;font-size:8px;font-weight:700;line-height:1;position:relative;top:-1px;overflow:hidden}@container (min-width:451px){.article-body .tl-label{width:75px}.article-body .tl-item{width:14.2%}}.article-body .tl-note{color:var(--muted-foreground);margin-top:.25rem;font-size:.75rem}.article-body .tl-eval{table-layout:fixed;display:table}.article-body .tl-eval th,.article-body .tl-eval td{vertical-align:middle;border-color:#c3cbd8}.article-body .tl-eval th{color:#404040;text-align:center;white-space:normal;background:#eceef3}.dark .article-body .tl-eval th,.dark .article-body .tl-eval td{border-color:var(--border)}.dark .article-body .tl-eval th{background:var(--secondary);color:var(--foreground)}.article-body .tl-eval th:first-child{width:25%}.article-body .tl-eval th:first-child,.article-body .tl-eval td:first-child{padding-left:.25rem;padding-right:.25rem}.article-body .tl-eval td:first-child{text-align:center;overflow-wrap:break-word;font-size:.8125rem;font-weight:700}.article-body .tl-eval td:first-child img{border-radius:2px;width:70px;margin:0 auto 2px;display:block}.article-body .tl-tags{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:5px;margin-bottom:1px;padding-bottom:4px;display:flex}.article-body .tl-tag{color:#404040;background:linear-gradient(#fff,#ececec);border:1px solid #d2d2d2;border-radius:3px;align-items:center;gap:2px;padding:2px 4px;font-size:11px;font-weight:700;line-height:15px;display:inline-flex}.article-body a.tl-tag{text-decoration:none}.article-body a.tl-tag:hover{border-color:var(--link)}.article-body .tl-tag img{border-radius:0;width:18px;height:18px;margin:0}.article-body .tl-points{margin-top:4px;padding-left:0;list-style:none}.article-body .tl-points li{text-indent:-1em;margin-top:0;padding-left:1em}.article-body .tl-points li:before{content:"・"}
.article-body .apx-tip{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:.75rem 1rem}.article-body .apx-tip strong:first-child{margin-bottom:.25rem;display:block}.article-body .apx-list{margin:0;padding-left:1.1rem}.article-body .apx-shot{margin:.75rem 0}.article-body .apx-shot-frame{max-width:36rem;position:relative;container-type:inline-size}.article-body .apx-shot-frame img{border-radius:var(--radius);width:100%;height:auto;margin:0;display:block}.article-body .apx-callout{color:#ff3d8b;text-align:center;white-space:normal;overflow-wrap:anywhere;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;justify-content:center;align-items:center;padding:0 .6cqw;font-size:clamp(10px,2.6cqw,16px);font-weight:800;line-height:1.15;display:flex;position:absolute}.article-body .apx-shot figcaption{color:var(--muted-foreground);margin-top:4px;font-size:.8125rem}