/* Clear Chinese interface typography; expressive serif lettering stays on the editorial plane. */
:root{--ui-font:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
.ceramic-header nav{gap:32px}
.ceramic-header nav a{display:inline-flex;align-items:center;gap:10px;font:500 14px/1.5 var(--ui-font);letter-spacing:.035em;color:#513a31;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:color .25s}
.ceramic-header nav a .nav-index{font:400 9px/1 Arial,sans-serif;letter-spacing:.06em;color:#8b7865;align-self:center}
.ui-arrow{display:inline-block;width:14px;height:14px;flex:none;vertical-align:middle;stroke:currentColor;stroke-width:1.35;stroke-linecap:square;stroke-linejoin:miter;transition:transform .35s}
.ceramic-header nav a:hover .ui-arrow{transform:translate(2px,-2px)}
.specimen-caption{gap:16px;color:#51362b}
.specimen-caption strong{display:flex;align-items:center;justify-content:space-between;gap:15px;font:500 clamp(21px,1.7vw,29px)/1.45 var(--ui-font);letter-spacing:.045em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.specimen-caption strong .ui-arrow{width:19px;height:19px;stroke-width:1.25}
.specimen-rule{background:#856a4f66}
.specimen-action{font:400 13px/1.6 var(--ui-font);letter-spacing:.055em;color:#674b38}
.specimen-action b{display:flex;align-items:center}
.specimen-action .arrow-horizontal{width:25px;height:21px;stroke-width:1.2}
.specimen-caption>small{font:500 8px/1.7 Arial,sans-serif;letter-spacing:.13em;color:#887058;white-space:normal;max-width:210px}
.specimen-direct{display:inline-flex;align-items:center;gap:12px;font:400 11px/1.7 var(--ui-font);letter-spacing:.035em;color:#70543e;padding:6px 0;border-color:#977b5c66;-webkit-font-smoothing:antialiased}
.specimen-direct .ui-arrow{width:11px;height:11px}
.ceramic-about{font:500 15px/1.6 var(--ui-font);letter-spacing:.035em}
.ceramic-about small{font:400 8px/1.5 Arial,sans-serif;letter-spacing:.09em}
.ceramic-resume{font:500 18px/1.6 var(--ui-font);letter-spacing:.06em}
@media(min-width:1600px){.ceramic-header nav a{font-size:15px}.specimen-action{font-size:14px}.specimen-direct{font-size:12px}.specimen-caption>small{font-size:9px}}
@media(max-width:900px){.ceramic-header nav{gap:20px}.ceramic-header nav a{font-size:13px;gap:7px}.nav-index{display:none}.specimen-caption strong{font-size:20px}.specimen-caption{gap:12px}.specimen-action{font-size:12px}.specimen-direct{font-size:10px}.specimen-caption>small{display:none}}
@media(max-width:600px){.ceramic-header nav{gap:15px}.ceramic-header nav a{font-size:12px;gap:5px}.ceramic-header nav a .ui-arrow{width:10px;height:10px}.specimen-caption strong{font-size:20px;gap:8px}.specimen-caption strong .ui-arrow{width:15px;height:15px}}

/* Avoid unreadable microcopy competing with the entry action. */
.specimen-caption>small{display:none}


/* Keep the direct action clear of the restored three-shard caption. */
.specimen-dock>.specimen-direct{bottom:0}