.x-icon{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:24px;height:24px;display:inline-block}.sr-only{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.icon-control{min-width:48px;min-height:48px;color:inherit;cursor:pointer;background:0 0;border:1px solid #c7c9ba;justify-content:center;align-items:center;padding:12px;text-decoration:none;display:inline-flex}.icon-control:hover{background:#e6e9df}.icon-control:focus-visible,[data-tip]:focus-visible{outline-offset:3px;outline:2px solid #315844}[data-tip]{position:relative}[data-tip]:before{content:attr(data-tip);z-index:80;color:#f3f2ed;letter-spacing:0;text-transform:none;text-align:center;pointer-events:none;opacity:0;visibility:hidden;background:#17241e;width:max-content;max-width:min(230px,75vw);padding:8px 10px;font:400 11px/1.5 Arial,sans-serif;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tip]:hover:before,[data-tip]:focus-visible:before{opacity:1;visibility:visible}[data-tip].tip-start:before{left:0;transform:none}[data-tip].tip-end:before{left:auto;right:0;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}:root{color:#17241e;--line:#c7c9ba;background:#f3f2ed;font-family:Arial,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}a{color:inherit}.guide-masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:24px 4vw;display:flex}.guide-masthead>a{letter-spacing:.1em;font-size:20px;font-weight:600;text-decoration:none}.guide-masthead span,.eyebrow,.spec-line,.sample-caption,.catalog-heading>span,.icon-id,.english-label,footer{letter-spacing:.04em;color:#62675e;font:11px/1.7 Consolas,monospace}.guide-masthead nav{gap:24px;font-size:12px;display:flex}.guide-masthead nav a{text-underline-offset:5px;padding-block:12px}main{max-width:1600px;margin:auto}.guide-intro{padding:32px 4vw}.guide-intro h1{margin:0 0 12px;font-size:20px;font-weight:400;line-height:1.4}.guide-intro>p:last-of-type{color:#58624f;max-width:760px;font-size:14px;line-height:1.9}.spec-line{flex-wrap:wrap;gap:24px;padding-top:24px;display:flex}.layout-study{border:1px solid var(--line);background:#e7eade;grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin:0 4vw 32px;padding:24px;display:grid}.layout-study h2{margin:0 0 12px;font-size:16px;font-weight:400}.layout-study p:not(.eyebrow):not(.sample-caption){color:#58624f;max-width:34em;font-size:13px;line-height:1.9}.nav-sample{border:1px solid var(--line);background:#f3f2ed;grid-template-columns:repeat(6,1fr);display:grid}.nav-sample a{place-items:center;min-width:44px;min-height:66px;display:grid;position:relative}.nav-sample .selected{color:#315844;background:#d8dfcf}.nav-sample .selected:after{content:"";background:#315844;height:3px;position:absolute;bottom:0;left:25%;right:25%}.sample-caption{text-align:center;margin-top:18px;font-size:11px}.catalog-section{margin:0 4vw 48px}.catalog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.catalog-heading h2,.usage-notes h2{margin:0;font-size:18px;font-weight:400}.icon-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.icon-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px;padding:24px;display:flex}.icon-specimen{border:1px solid var(--line);color:#315844;background:#e9ece2;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}a.icon-specimen:hover{background:#dbe3d2;border-color:#315844}.icon-specimen .x-icon{width:28px;height:28px}.icon-copy{min-width:0}.icon-id{font-size:9px}.icon-copy h3{margin:6px 0;font-size:14px;font-weight:500;line-height:1.6}.icon-copy p{color:#62675e;margin:0 0 10px;font-size:12px;line-height:1.85}.english-label{font-size:10px}.usage-notes{border-top:1px solid var(--line);background:#e7eade;padding:38px 4vw}.usage-notes ol{color:#58624f;max-width:850px;padding-left:20px;font-size:13px;line-height:2}footer{flex-wrap:wrap;justify-content:space-between;gap:20px;padding:30px 4vw;display:flex}a:focus-visible{outline-offset:4px;outline:2px solid #315844}@media (width<=1000px){.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-study{grid-template-columns:1fr;gap:20px}}@media (width<=600px){.guide-masthead{flex-wrap:wrap;padding:20px}.guide-masthead span{margin-top:5px;display:block}.guide-intro{padding:36px 20px}.layout-study{margin:0 20px 36px;padding:20px}.catalog-section{margin:0 20px 36px}.icon-grid{grid-template-columns:1fr}.icon-card{padding:20px}.catalog-heading{flex-direction:column;align-items:flex-start;gap:5px}.nav-sample a{min-width:0;min-height:50px}.spec-line{gap:10px 20px}}