/* Hao-authorised local reading revision. Locked UI/UX 1.0 is unchanged. */
body{font-size:22px;line-height:34px}
.shell{width:min(1044px,calc(100% - 96px));max-width:none}
.header{min-height:124px;padding-block:28px;justify-content:flex-start}
.brand{gap:14px;font-size:32px;line-height:38px;font-style:normal}
.brand img{width:56px;height:56px}
.brand span{font-style:normal}
.layout{grid-template-columns:280px minmax(0,700px);gap:64px;justify-content:center;padding-top:32px;padding-bottom:80px}
.article{max-width:700px}
.article h1{font-size:64px;line-height:74px;letter-spacing:-.01em;text-wrap:balance;margin-bottom:40px}
.article h2{font-size:40px;line-height:48px;margin-bottom:24px;text-wrap:balance}
.heading-icon{margin-top:12px}
.article h3{margin-top:40px;margin-bottom:20px;line-height:40px;text-wrap:balance}
.article p{margin-bottom:28px}
.article p:last-child{margin-bottom:0}
.article ul{margin-block:28px}
.article ul>li{margin-bottom:20px;min-height:34px}
.article ul>li:before{top:2px}
.divider{height:24px;margin-block:20px}
.urgent-notice{margin-top:32px;margin-bottom:48px;padding:24px}
.record-fields{margin-block:28px}
.record-fields .record-field{margin-bottom:24px}
.record-fields .record-field:last-child{margin-bottom:0}

/* Sources stay in the text flow; their sentence punctuation remains adjacent. */
.article a.source-link{display:inline;min-height:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;vertical-align:baseline;font-size:inherit;line-height:inherit;font-weight:400;font-style:normal;color:var(--forest);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.17em;overflow-wrap:break-word}
.article a.source-link:hover{text-decoration-thickness:2px;border:0}

/* Each inline fragment receives its own native pencil wash and grain. */
.toc nav a{display:block;min-height:64px;padding:12px 8px;line-height:28px}
.toc nav a span{display:inline;padding-inline:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.toc a[aria-current='location'] span:before,.toc a[aria-current='location'] span:after{content:none;display:none}
.toc a[aria-current='location'] span{background-image:url('assets/94-680-imgPencilGrainEditableFineStrokes.svg'),url('assets/94-680-imgPencilWashIrregularFadingEdge.svg');background-repeat:no-repeat;background-size:100% 14px,100% 20px;background-position:left 75%,left 75%}
.toc nav a:hover{background:transparent;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}

/* Product names are real explanatory links, with the approved BTN03 pencil line. */
.product-link{display:inline;font-style:normal;color:var(--forest);text-decoration:none;padding-bottom:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;background-image:url('assets/47-188-imgPencilGrainTextActionUnderline.svg'),url('assets/47-188-imgPencilAccentTextActionUnderline.svg');background-size:100% 3px,100% 5px;background-position:left bottom,left bottom;background-repeat:no-repeat}
.product-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;background-image:url('assets/47-188-imgPencilGrainTextActionUnderline1.svg'),url('assets/47-188-imgPencilAccentTextActionUnderline1.svg')}
.product-link:active{background-image:url('assets/47-188-imgPencilGrainTextActionUnderline2.svg'),url('assets/47-188-imgPencilAccentTextActionUnderline2.svg')}

@media(max-width:1100px){
 .shell{width:min(988px,calc(100% - 80px))}
 .layout{grid-template-columns:240px minmax(0,700px);gap:48px}
 .article h1{font-size:56px;line-height:66px}
}
@media(max-width:900px){
 .shell{width:min(700px,calc(100% - 48px))}
 .header{min-height:104px;padding-block:24px;flex-wrap:nowrap}
 .brand{font-size:28px;line-height:34px;gap:12px}
 .brand img{width:48px;height:48px}
 .layout{display:block;padding-top:24px;padding-bottom:64px}
 .toc{position:static;max-height:none;margin-bottom:40px}
 .toc summary{display:flex;min-height:64px;font-size:22px;line-height:30px;padding:8px}
 .toc summary img{margin-left:auto;flex:none}
 .toc[open] summary img{transform:rotate(180deg)}
 .article h1{font-size:44px;line-height:52px;margin-bottom:32px}
 .article h2{font-size:36px;line-height:44px;gap:12px}
 .article h3{font-size:30px;line-height:38px}
 .heading-icon{margin-top:10px}
}
@media(forced-colors:active){
 .toc a[aria-current='location'] span{background:none;border-bottom:2px solid Highlight}
 .product-link{background:none;text-decoration:underline}
}