.xyr-sample-cover>header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;border-top:2px solid #b89c58;border-bottom:1px solid #b9c0a4;padding:20px 0}.xyr-sample-cover h1{font-size:clamp(35px,4.1vw,54px)!important}.xyr-sample-cover>div{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px;padding-top:25px}.xyr-sample-cover aside{padding:5px 0}.xyr-sample-cover .xyr-scene{width:100%;height:345px;border-left:7px solid #c1aa6b}.xyr-sample-cover .xyr-note{border-color:#a6b492}.xyr-sample-cover .xyr-note>p{padding-bottom:18px}.xyr-license-lead>header{border-left:3px solid #b69851;padding-left:23px}.xyr-license-lead h2{font-size:33px!important;margin:13px 0 17px!important;max-width:1020px}.xyr-sample-first{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:31px;padding-top:25px}.xyr-sample-first>.xyr-thumb{width:100%;aspect-ratio:16/10}.xyr-sample-first>section{padding:24px 27px;background:#e9e7ce}.xyr-sample-first .xyr-summary{font-size:16px;line-height:1.95;color:#5f6b4e;margin-bottom:15px}.xyr-license-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px}.xyr-license-entries .xyr-entry{padding:22px 0 15px;border-top:2px solid #baa568;border-bottom:1px solid #bdc5aa}.xyr-sample-heading{display:grid;grid-template-columns:98px minmax(0,1fr);gap:18px;align-items:start;margin-bottom:19px}.xyr-sample-heading>.xyr-thumb{width:98px;aspect-ratio:4/3}.xyr-sample-heading>.xyr-meta{display:flex;flex-direction:column;font-size:11px;gap:5px;border-left:1px solid #b6b993;padding-left:12px}.xyr-license-entries .xyr-entry>h3{font-size:24px!important;margin-bottom:15px!important}.xyr-license-entries .xyr-abstract>summary{font-size:12px;min-height:42px;border-bottom:1px dashed #c3c7aa}.xyr-license-entries .xyr-summary{font-size:14px;margin:12px 0!important}.xyr-license-entries .xyr-entry>footer{padding-top:5px}.xyr-sample-title>div{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);background:#e1d3a1}.xyr-sample-title>div>section{padding:30px 34px}.xyr-sample-title h1{font-size:clamp(32px,3.8vw,50px)!important;margin:18px 0 22px!important}.xyr-sample-title .xyr-standfirst{font-size:15px;line-height:1.95;color:#5c6344}.xyr-sample-title .xyr-scene{width:100%;height:100%;min-height:390px}.xyr-sample-title>.xyr-meta{background:#1e3d2c;color:#d1d5b8;padding:17px 30px;position:relative}.xyr-sample-title>.xyr-meta:before{content:"";position:absolute;bottom:0;left:30px;right:30px;height:1px;background:#b79d54;transform-origin:left;animation:xyr-route .9s ease}.xyr-license-reading{grid-template-columns:minmax(210px,1fr) minmax(0,720px)}.xyr-license-reading .xyr-reading-side{background:#eee3bc;border-top:0;border-left:3px solid #a98e43}.xyr-license-reading .xyr-side-label{color:#827039}.xyr-license-reading .xyr-toc a{border-left-color:#c6b578}
@media(max-width:1000px){.xyr-sample-cover>div{gap:25px}.xyr-sample-cover .xyr-scene{height:330px}.xyr-license-entries{gap:29px 21px}.xyr-sample-heading{grid-template-columns:77px minmax(0,1fr);gap:14px}.xyr-sample-heading>.xyr-thumb{width:77px}.xyr-license-entries .xyr-entry>h3{font-size:22px!important}.xyr-sample-title>div>section{padding:26px}.xyr-sample-title h1{font-size:37px!important}}
@media(max-width:760px){.xyr-sample-cover>header{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 0}.xyr-sample-cover h1{font-size:34px!important}.xyr-sample-cover>div{display:flex;flex-direction:column-reverse;gap:20px;padding-top:20px}.xyr-sample-cover .xyr-scene{height:210px;border-left-width:5px}.xyr-sample-cover aside{padding:0}.xyr-license-lead>header{padding-left:18px}.xyr-license-lead h2{font-size:25px!important}.xyr-sample-first{display:flex;flex-direction:column;gap:20px;padding-top:20px}.xyr-sample-first>.xyr-thumb{aspect-ratio:2/1}.xyr-sample-first>section{padding:21px}.xyr-license-entries{grid-template-columns:1fr;gap:27px}.xyr-sample-heading{grid-template-columns:100px minmax(0,1fr);gap:20px}.xyr-sample-heading>.xyr-thumb{width:100px;aspect-ratio:4/3}.xyr-sample-heading>.xyr-meta{font-size:12px;gap:7px;padding-left:16px}.xyr-license-entries .xyr-entry>h3{font-size:24px!important}.xyr-sample-title>div{display:flex;flex-direction:column}.xyr-sample-title>div>section{padding:24px 22px}.xyr-sample-title h1{font-size:30px!important}.xyr-sample-title .xyr-scene{height:220px;min-height:0}.xyr-sample-title>.xyr-meta{padding:17px 22px}}