:root{color-scheme:light;--study-bg:#f7f7f7;--study-panel:#fcfcfc;--study-ink:#29292a;--study-muted:#727274;--study-line:#dededf;--study-fill:#ececed;--study-guide:#8795a4;--study-scale:1;--study-measure:480px}
*{box-sizing:border-box}body{margin:0;background:var(--study-bg);color:var(--study-ink);font:16px/1.6 Geist,Arial,sans-serif}button,input,select{font:inherit;color:inherit}a{color:inherit;text-underline-offset:4px}button,select,input{accent-color:var(--study-ink)}button:not(:disabled),select:not(:disabled),label:has(input:not(:disabled)){cursor:pointer}.article-study-page button:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--study-ink);outline-offset:3px}
.article-study-page[data-theme=dark]{color-scheme:dark;--study-bg:#171717;--study-panel:#242424;--study-ink:#ededed;--study-muted:#b0b0b2;--study-line:#454547;--study-fill:#343436;--study-guide:#9facbb}
.article-study-main{max-width:1184px;margin:auto;padding:32px 48px 72px}.article-study-main nav{display:flex;gap:24px;font-size:13px}.article-study-intro{padding:72px 0 40px;max-width:700px}.article-study-eyebrow{font:11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.09em;color:var(--study-muted)}.article-study-intro h1{font-size:clamp(40px,7vw,72px);font-weight:500;line-height:1.04;letter-spacing:-.045em;margin:18px 0 24px}.article-study-intro>p:last-child{max-width:560px;color:var(--study-muted)}.article-study-main>section{padding-block:36px;border-top:1px solid var(--study-line)}.article-study-main h2{font-size:24px;font-weight:500;letter-spacing:-.025em;margin:0 0 24px}.article-study-main h3{font-size:13px;font-weight:500;margin:0 0 16px;color:var(--study-muted)}
.article-study-settings{margin:0 0 32px;padding:20px;background:var(--study-panel);border-radius:12px;box-shadow:0 0 0 .5px var(--study-line)}.article-study-settings fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:16px 24px}.article-study-settings legend{font-size:13px;font-weight:500;margin-bottom:12px}.article-study-settings label{display:grid;gap:6px;font-size:12px}.article-study-settings select{background:var(--study-bg);border:1px solid var(--study-line);border-radius:6px;min-height:36px;padding:4px 28px 4px 10px;max-width:100%}.article-study-settings .article-study-guide-label{display:flex;align-items:center;align-self:end;min-height:36px}.article-study-settings input{width:18px;height:18px}
.article-study-copy{font-family:Geist,'Noto Sans TC',sans-serif;font-synthesis:none;font-size:calc(16px * var(--study-scale));line-height:1.5}.article-study-copy:lang(ja){font-family:Geist,'Noto Sans JP',sans-serif}.article-study-copy:lang(ko){font-family:Geist,'Noto Sans KR',sans-serif}.article-study-copy:lang(zh-CN){font-family:Geist,'Noto Sans SC',sans-serif}.article-study-copy:lang(en){font-family:Geist,Arial,sans-serif}.article-study-copy p{font:inherit}
.article-study-cjk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.article-study-cjk-grid>section,.article-study-specimen{min-width:0;padding:24px;background:var(--study-panel);border-radius:12px}.article-study-cjk-grid p{overflow-wrap:anywhere}.article-study-hint,.article-study-support{font-size:12px;color:var(--study-muted);line-height:1.7}.article-study-support{margin-top:24px}.article-study-metric-line{display:flex;align-items:center;gap:18px;font-size:calc(24px * var(--study-scale));line-height:calc(40px * var(--study-scale));min-height:calc(40px * var(--study-scale));flex-wrap:wrap}.article-study-metric-line>span{background-image:linear-gradient(transparent calc(100% - 1px),var(--study-line) 0)}.article-study-em{display:inline-flex;align-items:center;justify-content:center;inline-size:1em;block-size:1em;outline:1px solid var(--study-guide);background:var(--study-fill)}.article-study-space-off{text-autospace:no-autospace;letter-spacing:0}.article-study-space-on{text-autospace:normal;letter-spacing:0}.article-study-punct-off{text-spacing-trim:space-all;letter-spacing:0}.article-study-punct-on{text-spacing-trim:trim-start;letter-spacing:0}.article-study-wrap{max-inline-size:min(240px,100%);margin-block:12px;padding-inline:0;word-break:normal;overflow-wrap:anywhere;line-break:normal;text-wrap:wrap}.article-study-wrap-chosen:lang(zh),.article-study-wrap-chosen:lang(ja){line-break:strict}.article-study-wrap-chosen:lang(ko){word-break:keep-all;overflow-wrap:normal}.article-study-wrap-chosen:lang(en){text-wrap:pretty}
.article-study-comparisons{display:grid;gap:28px}.article-study-comparisons>section{padding-block:8px}.article-study-row{display:flex;align-items:center;justify-content:space-between;gap:16px;inline-size:min(var(--study-measure),100%);font-size:calc(16px * var(--study-scale));line-height:1.5;background:var(--study-panel)}.article-study-row-label{min-width:0;overflow-wrap:anywhere}.article-study-slot{display:flex;align-items:center;flex:none;font-family:inherit}.article-study-row.article-study-compensated .article-study-slot{margin-block:-6px}.article-study-translated .article-study-slot{transform:translateY(-6px)}.article-study-row.article-study-bounded{min-block-size:48px;padding:8px 12px;inline-size:100%;gap:12px;flex-wrap:wrap}.article-study-bounded .article-study-row-label{flex:1 1 100px}.article-study-row output{font-size:12px}.article-study-comparisons output{display:block;margin-top:12px;color:var(--study-muted);font:11px/1.7 'IBM Plex Mono',monospace}
.article-study-button{display:inline-flex;align-items:center;justify-content:center;vertical-align:baseline;flex:none;font-family:inherit;font-size:calc(16px * var(--study-scale));font-weight:400;line-height:1.5;min-block-size:calc(36px * var(--study-scale));padding:6px 12px;border:0;border-radius:6px;background:var(--study-fill);white-space:nowrap;margin:0}.article-study-button:hover:not(:disabled){background:color-mix(in srgb,var(--study-ink) 14%,var(--study-bg))}.article-study-button:active:not(:disabled){background:color-mix(in srgb,var(--study-ink) 20%,var(--study-bg))}.article-study-button[data-saved=true]{box-shadow:inset 0 0 0 1px var(--study-muted)}.article-study-avatar{display:block;width:32px;height:32px;border-radius:50%;object-fit:cover}.article-study-thumbnail{display:block;width:48px;height:32px;border-radius:5px;object-fit:cover}.article-study-icon{display:inline-block;flex:none;vertical-align:middle}.article-study-badge,.article-study-count{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:2px 8px;font-size:calc(12px * var(--study-scale));line-height:20px;border-radius:5px;background:var(--study-fill);font-variant-numeric:tabular-nums}.article-study-count{min-width:28px;border-radius:20px}.article-study-check-target{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border-radius:6px}.article-study-check-target input{width:18px;height:18px;margin:0}.article-study-check-target>svg{display:none}.article-study-check-target:hover{background:var(--study-fill)}.article-study-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px}.article-study-switch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.article-study-switch span{width:32px;height:20px;border-radius:12px;background:var(--study-muted);pointer-events:none}.article-study-switch span:after{content:'';display:block;width:14px;height:14px;border-radius:50%;background:var(--study-bg);margin:3px}.article-study-switch input:checked+span{background:var(--study-ink)}.article-study-switch input:checked+span:after{transform:translateX(12px)}.article-study-switch:has(:focus-visible){outline:2px solid var(--study-ink);outline-offset:3px}.article-study-input,.article-study-select{display:block;min-width:0;max-width:180px;min-height:36px;font-family:inherit;font-size:calc(16px * var(--study-scale));line-height:1.5;padding:5px 8px;border:1px solid var(--study-muted);border-radius:6px;background:var(--study-panel)}.article-study-input{width:100px}
.article-study-table{border-collapse:collapse;inline-size:min(var(--study-measure),100%);font-size:calc(16px * var(--study-scale));line-height:1.5;table-layout:fixed;background:var(--study-panel)}.article-study-table caption{text-align:start;font-size:12px;color:var(--study-muted);padding-bottom:12px}.article-study-table td{padding:8px 12px;vertical-align:middle;border-block-end:1px solid var(--study-line);overflow-wrap:anywhere}.article-study-table td:last-child{text-align:end}.article-study-table .article-study-button{vertical-align:middle}.article-study-table.article-study-compact .article-study-action-cell{padding-block:2px}
.article-study-inline{inline-size:min(var(--study-measure),100%);margin:16px 0;line-height:1.5;background:var(--study-panel);overflow-wrap:anywhere}.article-study-inline .article-study-button{font:inherit;min-height:0;line-height:1.5;padding:6px 12px}.article-study-inline.article-study-compensated .article-study-button{margin-block:-6px;vertical-align:baseline}.article-study-inline.article-study-translated .article-study-button{transform:translateY(-6px)}.article-study-inline .article-study-avatar{display:inline-block;vertical-align:baseline}.article-study-inline code{font-family:'IBM Plex Mono',monospace;font-size:.875em;padding:3px 5px;background:var(--study-fill);border-radius:4px}.article-study-inline-extras{display:grid;gap:24px}.article-study-inline-extras>section{min-width:0}.article-study-specimens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:24px}.article-study-status{display:block;font-size:13px;margin-top:20px;color:var(--study-muted)}.article-study-page-footer{border-top:1px solid var(--study-line);padding-top:32px;font-size:12px;color:var(--study-muted)}
[data-guides=true] :is(.article-study-row,.article-study-wrap,.article-study-inline){outline:1px dashed var(--study-guide);outline-offset:0}[data-guides=true] .article-study-slot{outline:1px dotted var(--study-muted)}[data-guides=false] .article-study-em{outline:none}[data-guides=true] .article-study-inline{background-image:repeating-linear-gradient(to bottom,transparent 0 calc(1.5em - 1px),var(--study-line) calc(1.5em - 1px) 1.5em)}
.article-study-board{position:relative;width:1440px;height:1000px;padding:64px 72px;background:var(--study-bg);overflow:hidden}.article-study-board header{display:flex;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--study-line)}.article-study-board header>span{font:14px 'IBM Plex Mono',monospace;color:var(--study-muted)}.article-study-board h1{font-size:28px;font-weight:500;letter-spacing:-.025em;margin:0}.article-study-board header>small{margin-left:auto;font:10px 'IBM Plex Mono',monospace;color:var(--study-muted)}.article-study-board footer{position:absolute;left:72px;right:72px;bottom:64px;border-top:1px solid var(--study-line);padding-top:20px;font-size:14px;color:var(--study-muted)}.article-study-board-body{padding:44px 32px}.article-study-board h2{font-size:16px;font-weight:500;margin:0 0 16px}.article-study-board small{font-size:12px;color:var(--study-muted)}.article-study-face-list{display:grid;grid-template-columns:1fr 1fr;gap:40px 80px;padding-top:24px}.article-study-face-list>section{min-height:140px}.article-study-face-list .article-study-metric-line{margin-block:20px;transform:scale(1.5);transform-origin:left center}.article-study-pairs{display:grid;gap:72px;padding-top:60px}.article-study-pair{display:grid;grid-template-columns:1fr 1fr;gap:100px}.article-study-pairs .article-study-copy{font-size:28px;line-height:1.6;margin-block:24px}.article-study-break-list{display:grid;gap:26px}.article-study-break-list .article-study-pair{gap:80px}.article-study-break-list .article-study-wrap{margin:8px 0;font-size:20px;line-height:1.6}.article-study-break-list section{display:grid;grid-template-columns:200px 1fr;align-items:start}.article-study-break-list h2{padding-top:30px}.article-study-row-boards{display:grid;gap:44px;padding-top:24px}.article-study-row-boards section{display:grid;grid-template-columns:260px 1fr;align-items:center;min-height:116px}.article-study-row-boards section>h2{grid-column:1}.article-study-row-boards section>small{grid-column:1;align-self:start}.article-study-row-boards .article-study-row{grid-column:2;grid-row:1/3;transform:scale(1.6);transform-origin:left center;--study-measure:480px}.article-study-anatomy{font-size:13px;color:var(--study-muted);padding-left:260px}.article-study-table-boards{display:grid;gap:40px;padding-top:20px}.article-study-table-boards section{display:grid;grid-template-columns:260px 1fr;align-items:center;min-height:130px}.article-study-table-boards h2{grid-column:1}.article-study-table-boards section>small{grid-column:1}.article-study-table-boards table{grid-column:2;grid-row:1/3;transform:scale(1.5);transform-origin:left center;--study-measure:480px}.article-study-inline-boards{display:grid;gap:40px;padding-top:8px}.article-study-inline-boards section{display:grid;grid-template-columns:260px 1fr;align-items:center;min-height:156px}.article-study-inline-boards h2,.article-study-inline-boards small{grid-column:1}.article-study-inline-boards p{grid-column:2;grid-row:1/3;transform:scale(1.6);transform-origin:left center;--study-measure:480px}
@media(pointer:coarse){.article-study-page :is(.article-study-button,.article-study-check-target,.article-study-switch,.article-study-input,.article-study-select){min-height:44px}.article-study-page .article-study-row.article-study-compensated .article-study-slot{margin-block:0}.article-study-page .article-study-inline.article-study-compensated .article-study-button{margin-block:0}}
@media(max-width:760px){.article-study-main{padding:24px 20px 48px}.article-study-intro{padding:48px 0 32px}.article-study-cjk-grid,.article-study-specimens{grid-template-columns:1fr}.article-study-cjk-grid>section,.article-study-specimen{padding:20px}.article-study-settings{padding:16px}.article-study-settings fieldset{gap:16px}.article-study-settings label{max-width:100%}.article-study-row{gap:12px}.article-study-table td{padding-inline:8px}.article-study-specimen .article-study-copy{overflow-wrap:anywhere}}
@media(forced-colors:active){.article-study-button,.article-study-badge,.article-study-count,.article-study-switch span{border:1px solid ButtonText}.article-study-switch span:after{background:ButtonText}.article-study-switch input:checked+span{background:Highlight}}
.article-study-wrap-default:lang(zh){word-break:break-all}.article-study-wrap-chosen:lang(zh){word-break:normal;line-break:normal}
.article-study-table td{border-block-end:0;box-shadow:inset 0 -1px 0 var(--study-line)}