
.wrg-skills{--wrg-bg:#f2c7c8;--wrg-ink:#555555;--wrg-line:rgba(255,255,255,.95);box-sizing:border-box;background:var(--wrg-bg);padding:32px 36px 48px;width:100%;margin:0 auto}
.wrg-skills,.wrg-skills *{box-sizing:border-box;font-family:"JasonHandwriting1",sans-serif !important;font-size:20px !important;font-weight:700 !important;color:#555555;line-height:1.9 !important}
.wrg-skills .wrg-inner{max-width:1400px;margin:0 auto}
.wrg-skills .wrg-title{font-weight:700 !important;margin:0 0 24px;padding:0;border:0}
.wrg-skills .wrg-index-title{color:#0066CC !important}
.wrg-skills .wrg-route-scroll{position:relative;overflow-x:auto;margin-bottom:24px}
.wrg-skills .wrg-route{width:100%;min-width:1060px;table-layout:fixed;border:1px solid var(--wrg-line);border-collapse:collapse;background:transparent;margin:0;text-align:left}
.wrg-skills .wrg-route th,.wrg-skills .wrg-route td{padding:12px 20px;border:0;background:transparent;text-align:left;vertical-align:middle}
.wrg-skills .wrg-route th{font-weight:700 !important;color:#D93636 !important;letter-spacing:2px !important;line-height:1.5 !important}
.wrg-skills .wrg-route td.wrg-arrow{padding:12px 3px;color:#D93636}
.wrg-skills .wrg-note{margin:0 0 24px;padding:0}
.wrg-skills .wrg-nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 28px;padding:0}
.wrg-skills a,.wrg-skills a:visited{color:#555555 !important;font-weight:700 !important;text-decoration:underline;text-underline-offset:5px}
.wrg-skills .wrg-route a{display:inline-block;text-decoration:none;padding:4px 0;overflow-wrap:anywhere}
.wrg-skills a:hover,.wrg-skills a:focus-visible,.wrg-skills a:active,.wrg-skills a[aria-current="page"]{color:#FF0000 !important;text-decoration:underline}
.wrg-skills a::selection{color:#FF0000;background:white}
.wrg-skills a:focus-visible,.wrg-skills .wrg-route-scroll:focus-visible{outline:2px solid #FF0000;outline-offset:3px}
.wrg-skills .wrg-card{border:1px solid var(--wrg-line);margin:0 0 28px;scroll-margin-top:32px;background:transparent;border-radius:0;box-shadow:none}
.wrg-skills .wrg-skill-title{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0;font-weight:700 !important;color:#D93636 !important;letter-spacing:2px !important;line-height:1.5 !important;overflow-wrap:anywhere;border-bottom:1px solid var(--wrg-line)}
.wrg-skills .wrg-icon{display:block;width:40px;height:40px;min-width:40px;max-width:none;object-fit:contain;image-rendering:pixelated;margin:0;border:0;box-shadow:none}
.wrg-skills .wrg-description{padding:12px 16px;border-bottom:1px solid var(--wrg-line)}
.wrg-skills .wrg-description p{margin:0;padding:0;color:#555555 !important;overflow-wrap:anywhere}
.wrg-skills .wrg-levels{list-style:none;padding:0;margin:0}
.wrg-skills .wrg-levels li{list-style:none;padding:12px 16px;margin:0;border:0;border-bottom:1px solid var(--wrg-line);color:#555555 !important;overflow-wrap:anywhere}
.wrg-skills .wrg-levels li:last-child{border-bottom:0}
.wrg-skills .wrg-back{margin:0 0 20px}
.wrg-skills .wrg-top{margin:0;text-align:right}
.wrg-skills .wrg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.wrg-skills .wrg-route th,.wrg-skills .wrg-route th *,.wrg-skills .wrg-skill-title,.wrg-skills .wrg-skill-title *{font-family:"HanazomeFont",sans-serif !important;font-size:28px !important}
@media(max-width:600px){.wrg-skills{padding:24px 16px 32px}.wrg-skills .wrg-route th,.wrg-skills .wrg-route td{padding:10px 16px}.wrg-skills .wrg-description,.wrg-skills .wrg-levels li,.wrg-skills .wrg-skill-title{padding:10px}}

@font-face{font-family:"WRG Noto Serif TC";src:url("fonts/NotoSerifCJKtc-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
.wrg-skills .wrg-skill-title,.wrg-skills .wrg-skill-title *,.wrg-skills .wrg-nav a{font-family:"WRG Noto Serif TC","Noto Serif TC","Microsoft JhengHei","PingFang TC",serif !important}
