.tagwrap .cat,.tagwrap .tag{background:#333;border-radius:5px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:12px;height:25px;padding:0 10px 1px;width:100%;max-width:max-content}.article{padding:65px 0}.article-inner{margin:0 auto;width:92%;max-width:1000px}.article-head{border-bottom:1px solid #f1f1f1;margin:0 0 45px;padding:0 0 15px}.article-head h1{font-size:36px;font-weight:700}.article-detail__date{color:#ccc;font-size:13px;font-weight:600;margin:0 0 5px}.article-detail__tagline{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:5px;margin:10px 0 0}.article-content{margin:0 auto;width:100%;max-width:760px}.article-content p{font-size:16px;font-weight:500;line-height:1.8em;min-height:25px;margin:0 0 20px}.article-content p:last-of-type{margin:0}.article-content h2{border-left:8px solid #333;font-size:28px;font-weight:700;margin:25px 0;padding:0 0 0 15px}.article-content h3{border-left:6px solid #a4c9d9;font-size:20px;font-weight:700;margin:25px 0;padding:0 0 0 15px}.article-content h4{font-size:16px;font-weight:700;margin:35px 0 10px}.article-content .wp-block-table{margin:35px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-content table{border-collapse:collapse;border-spacing:0;font-size:15px;line-height:1.7;margin:35px 0;min-width:640px;width:100%}.article-content .wp-block-table table{margin:0}.article-content table th,.article-content table td{border:1px solid #dfe5e8;padding:12px 14px;text-align:left;vertical-align:top;word-break:break-word}.article-content table th{background:#f4f7f9;color:#222;font-weight:700}.article-content table td{color:#444}.article-content table tbody tr:nth-child(2n) td{background:#fbfcfd}.article-content table caption,.article-content .wp-block-table figcaption{color:#777;font-size:13px;line-height:1.6;margin-top:10px;text-align:left}.cp_embed_wrapper{aspect-ratio:16 / 9;margin:45px auto}.cp_embed_wrapper iframe{height:100%;width:100%}.wp-block-code code{font-family:var(--ft-code)}.article-learning{padding:0 0 55px}.article-learning-inner{background:#fff;border:1px solid #eadfce;border-radius:8px;box-shadow:0 16px 34px #3c291014;margin:0 auto;padding:26px;width:92%;max-width:1000px}.article-learning-head{margin-bottom:20px}.article-learning__label{color:var(--main-theme-color);font-family:var(--ft-mon);font-size:13px;font-weight:800;margin-bottom:6px}.article-learning-head h2{color:#222;font-size:24px;font-weight:700;line-height:1.45;margin-bottom:6px}.article-learning-head p{color:#5d5a54;font-size:15px;line-height:1.8}.article-read-card{align-items:center;background:#fbf8f2;border:1px solid #eee4d6;border-radius:8px;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px;padding:16px}.article-read-card.is-read{background:#f2fbf5;border-color:#bfe4cc}.article-read-card__label{color:var(--main-theme-color);display:block;font-family:var(--ft-mon);font-size:12px;font-weight:800;margin-bottom:4px}.article-read-card p{color:#4c463c;font-size:14px;font-weight:700;line-height:1.6}.article-read-card__btn,.article-read-card__link{align-items:center;background:#222;border:1px solid #222;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:14px;font-weight:700;height:44px;justify-content:center;padding:0 18px}.article-read-card__btn:disabled{background:#68846f;border-color:#68846f;cursor:default}.article-step-nav{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.article-step-nav__item{background:#fff;border:1px solid #e7ebef;border-radius:8px;color:#222;display:block;min-height:118px;padding:18px;transition:border-color .2s,transform .2s}.article-step-nav__item:not(.article-step-nav__item--empty):hover{border-color:var(--main-theme-color);transform:translateY(-2px)}.article-step-nav__item span{color:var(--main-theme-color);display:block;font-family:var(--ft-mon);font-size:12px;font-weight:800;margin-bottom:8px}.article-step-nav__item strong{display:block;font-size:15px;font-weight:700;line-height:1.7}.article-step-nav__item--empty{background:#f8f8f8;color:#888}.article-step-nav__item--next{text-align:right}.article-learning-more{margin-top:18px;text-align:center}.article-learning-more a{color:var(--main-theme-color);font-size:14px;font-weight:700}@media screen and (max-width: 968px){.article{padding:45px 0}}@media screen and (max-width: 768px){.article{padding:25px 0}.article-content table{font-size:14px;min-width:560px}.article-content table th,.article-content table td{padding:10px 12px}.article-learning-inner{padding:20px 16px}.article-read-card{align-items:stretch;flex-direction:column}.article-read-card__btn,.article-read-card__link{width:100%}.article-step-nav{grid-template-columns:1fr}.article-step-nav__item--next{text-align:left}}.toc{border:2px solid #ccc;margin:0 0 35px;padding:25px;width:100%;max-width:450px}.toc-inner{margin:0 auto;width:100%}.toc-head{border-bottom:2px solid #ccc;margin:0 0 15px;padding:0 0 5px}.toc-ttl{font-size:16px;font-weight:700}.toc-body ul{display:flex;flex-direction:column;gap:5px}.toc-body ul li a{color:#3b5ca1;font-size:14px;font-weight:500}.toc-body ul li ul{gap:2px;margin:5px 0 0 15px}.article-tag-links{padding:0 0 50px}.article-tag-links-inner{margin:0 auto;width:92%;max-width:1000px}.article-tag-links-head{margin:0 0 22px}.article-tag-links-head h2{font-size:24px;font-weight:700}.article-tag-links-body{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.article-tag-card{background:#fff;border:1px solid #e7ebef;border-radius:8px;box-shadow:0 10px 24px #142b370f;color:#222;display:block;min-height:120px;padding:20px}.article-tag-card__name{color:var(--main-theme-color);display:block;font-family:var(--ft-mon);font-size:18px;font-weight:800;margin-bottom:8px}.article-tag-card__text{color:#555;display:block;font-size:14px;font-weight:500;line-height:1.8}.relation{padding:0 0 65px}.relation-inner{margin:0 auto;width:92%;max-width:1000px}.relation-head{margin:0 0 35px}.relation-head h2{font-size:24px;font-weight:700}@media screen and (max-width: 968px){.article-tag-links-body{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 568px){.article-tag-links-body{grid-template-columns:1fr}.article-tag-card{min-height:0}}.skeleton{background:#eee;overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.72) 50%,rgba(255,255,255,0) 100%);content:"";height:100%;position:absolute;top:0;left:0;width:100%}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.post-card--skeleton .post-card__image:after{content:none}.post-card--skeleton .heading,.post-card--skeleton .txt{border-radius:4px;height:18px}.post-card--skeleton .heading{margin-bottom:12px;width:78%}.post-card--skeleton .txt{margin-bottom:8px;width:52%}.post-card--skeleton .txt--wide{width:92%}.post-cards__error{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;color:#555;padding:18px;width:100%}.article-index .post-cards{align-items:stretch}.article-filter{align-items:end;background:#fff;border:1px solid #e7ebef;border-radius:8px;box-shadow:0 14px 32px #142b3712;display:grid;gap:16px;grid-template-columns:minmax(220px,1fr) minmax(170px,220px) minmax(170px,220px) auto;margin:0 0 36px;padding:22px}.article-filter__field{display:flex;flex-direction:column;gap:7px}.article-filter__label{color:#333;font-size:13px;font-weight:700}.article-filter__input,.article-filter__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f8fafb;border:1px solid #dce4e8;border-radius:6px;color:#222;font-size:15px;height:48px;outline:none;padding:0 14px;width:100%}.article-filter__select{background-image:linear-gradient(45deg,transparent 50%,#222 50%),linear-gradient(135deg,#222 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:38px}.article-filter__input:focus,.article-filter__select:focus{border-color:var(--main-theme-color);box-shadow:0 0 0 3px #5cbcd62e}.article-filter__actions{display:flex;gap:10px}.article-filter__btn,.article-filter__reset{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;height:48px;justify-content:center;padding:0 18px;white-space:nowrap}.article-filter__btn{background:#222;border:1px solid #222;color:#fff}.article-filter__reset{background:#fff;border:1px solid #dce4e8;color:#555}.article-index .post-card{width:calc((100% - (25px * 2)) / 3)}.article-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:42px}.article-pagination__btn{display:inline-flex;justify-content:center;align-items:center;min-width:42px;height:42px;padding:0 13px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:6px;color:#222;cursor:pointer;font-family:var(--ft-mon);font-size:13px;font-weight:700}.article-pagination__btn:hover,.article-pagination__btn.is-current{background:#222;border-color:#222;color:#fff}.article-pagination__btn:disabled{cursor:default;opacity:.38}.article-pagination__btn:disabled:hover{background:#fff;border-color:#0000001f;color:#222}.article-pagination__dots{color:#777;font-family:var(--ft-mon);font-size:13px;padding:0 2px}.article-title-skeleton{border-radius:5px;height:44px;margin-bottom:12px;width:min(100%,680px)}.article-date-skeleton{border-radius:4px;height:18px;margin-bottom:12px;width:110px}.article-tags-skeleton{display:flex;gap:6px}.article-tags-skeleton .skeleton{border-radius:5px;height:25px;width:70px}.article-line-skeleton{border-radius:4px;height:20px;margin-bottom:14px;width:100%}.article-line-skeleton:nth-child(2),.article-line-skeleton:nth-child(5){width:74%}.article-block-skeleton{border-radius:8px;height:220px;margin:34px 0;width:100%}@media screen and (max-width: 968px){.article-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.article-filter__field--keyword,.article-filter__actions{grid-column:1 / -1}.article-index .post-card,.relation .post-card{width:calc((100% - 20px)/2)}}@media screen and (max-width: 568px){.article-filter{grid-template-columns:1fr;padding:18px}.article-filter__actions{flex-direction:column}.article-filter__btn,.article-filter__reset,.article-index .post-card,.relation .post-card{width:100%}}.article-content pre,.article-content .wp-block-code{background:#282a36;border-radius:8px;color:#f8f8f2;margin:28px 0;overflow-x:auto;padding:18px}.article-content pre code,.article-content .wp-block-code code{display:block;font-family:var(--ft-code);font-size:14px;line-height:1.7;white-space:pre}.article-content code{font-family:var(--ft-code)}