.themed-home {
  color-scheme:light;
  --white:#fff;
  --ink:#242830;
  --muted:#6a707b;
  --blue:#135edb;
  --pale:#eff5ff;
  --line:#e0e5eb;
  --soft:#f7f9fc;
  --serif:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;
  font-family:var(--sans);
  font-size:14px;
  background:white;
  color:var(--ink)
}
.themed-home * {
  box-sizing:border-box
}
.themed-home {
  margin:0
}
.themed-home h1, .themed-home h2, .themed-home h3, .themed-home p, .themed-home figure {
  margin:0
}
.themed-home a {
  color:inherit;
  text-decoration:none
}
.themed-home button {
  font:inherit;
  border:0;
  background:none;
  color:inherit;
  cursor:pointer
}
.themed-home button, .themed-home a, .themed-home summary {
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent
}
.themed-home a, .themed-home button, .themed-home summary {
  transition:color 160ms ease,background-color 160ms ease,transform 160ms ease,border-color 160ms ease
}
.themed-home svg {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  vertical-align:middle;
  flex-shrink:0
}
.themed-home :focus-visible {
  outline:3px solid #7fb4ff;
  outline-offset:5px
}
.themed-home img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}
.themed-home p {
  line-height:1.8
}
.themed-home .skip-link {
  position:fixed;
  top:-80px;
  left:20px;
  z-index:20;
  padding:12px 20px;
  background:var(--ink);
  color:white;
  border-radius:8px
}
.themed-home .skip-link:focus {
  top:12px
}
.themed-home .loading {
  padding:40px
}
.themed-home .design-review {
  background:#f6f7f9;
  border-bottom:1px solid #e7e9ed
}
.themed-home .review-inner {
  max-width:1320px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:24px;
  min-height:64px;
  padding:10px 38px
}
.themed-home .review-inner>strong {
  font-size:13px;
  font-weight:550;
  white-space:nowrap;
  color:#69707a
}
.themed-home .scheme-switch {
  display:flex;
  gap:5px
}
.themed-home .scheme-switch button {
  border:1px solid transparent;
  display:flex;
  gap:9px;
  align-items:center;
  min-height:37px;
  padding:8px 14px;
  border-radius:8px;
  color:#70757f;
  font-size:13px;
  white-space:nowrap
}
.themed-home .scheme-switch button>span {
  font-size:12px;
  opacity:.65
}
.themed-home .scheme-switch button[aria-pressed=true] {
  background:white;
  border-color:#dce2eb;
  color:#174b9b;
  box-shadow:0 2px 4px #1f375506
}
.themed-home .review-inner>a {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#626b77
}
.themed-home .review-inner>a svg {
  width:15px;
  height:15px
}
.themed-home .site-shell {
  max-width:1320px;
  margin:auto;
  padding:0 56px
}
.themed-home .site-header {
  min-height:110px;
  display:flex;
  align-items:center;
  gap:35px;
  border-bottom:1px solid var(--line);
  position:relative
}
.themed-home .wordmark {
  display:flex;
  align-items:baseline;
  font-size:25px;
  letter-spacing:-1.3px;
  white-space:nowrap;
  gap:4px
}
.themed-home .wordmark>span:first-child {
  font-family:var(--serif);
  font-style:italic
}
.themed-home .wordmark>span:last-child {
  font-weight:600
}
.themed-home .wordmark-dot {
  color:var(--blue)
}
.themed-home .site-header nav {
  display:flex;
  align-items:center;
  gap:27px;
  margin-left:auto
}
.themed-home .site-header nav a {
  padding:12px 0;
  font-size:13px;
  color:var(--muted);
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:6px
}
.themed-home .site-header nav a.current {
  color:var(--blue)
}
.themed-home .nav-count {
  font-size:11px;
  border-radius:50%;
  background:var(--pale);
  color:var(--blue);
  min-width:19px;
  height:19px;
  display:grid;
  place-items:center
}
.themed-home .search-link {
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--ink)
}
.themed-home .search-link>span {
  display:none
}
.themed-home .menu-toggle {
  display:none
}
.themed-home .page-heading {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:18px;
  margin:27px 0 22px
}
.themed-home .page-heading h1 {
  font-size:16px;
  font-weight:550;
  letter-spacing:.05em
}
.themed-home .page-heading>span {
  font-size:12px;
  color:var(--muted)
}
.themed-home .article-meta {
  display:flex;
  align-items:center;
  gap:9px 13px;
  flex-wrap:wrap;
  font-size:12px;
  color:var(--muted)
}
.themed-home .level {
  color:var(--blue);
  font-weight:600
}
.themed-home .article-zh {
  color:var(--muted);
  font-size:16px;
  line-height:1.8
}
.themed-home .start {
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  background:var(--blue);
  color:white;
  padding:12px 21px;
  border-radius:3px;
  font-size:14px
}
.themed-home .start svg {
  width:20px;
  height:20px
}
.themed-home .section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:23px
}
.themed-home .section-heading h2 {
  font-size:17px;
  font-weight:550
}
.themed-home .section-heading>a {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  color:var(--muted)
}
.themed-home .section-heading svg {
  width:16px;
  height:16px
}
.themed-home .recommendations {
  margin:45px 0
}
.themed-home .recommendation-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:35px
}
.themed-home .recommendation {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0
}
.themed-home .recommendation-photo {
  width:100%;
  height:185px;
  overflow:hidden
}
.themed-home .recommendation-photo img {
  transition:transform 450ms cubic-bezier(.2,.65,.3,1)
}
.themed-home .recommendation-meta {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  font-size:12px;
  color:var(--muted);
  margin-top:18px
}
.themed-home .recommendation-meta>span:nth-child(4) {
  display:none
}
.themed-home .recommendation h3 {
  font:500 26px/1.2 var(--serif);
  margin:12px 0 8px;
  letter-spacing:-.5px;
  overflow-wrap:anywhere
}
.themed-home .recommendation>p {
  font-size:13px;
  color:var(--muted);
  margin-bottom:20px
}
.themed-home .article-status {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  width:100%;
  border-top:1px solid var(--line);
  padding-top:12px;
  margin-top:auto;
  color:var(--muted);
  font-size:12px
}
.themed-home .article-status svg {
  width:17px
}
.themed-home .study-line {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border-block:1px solid var(--line);
  padding:24px 0;
  margin:34px 0
}
.themed-home .study-line>a {
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px 20px;
  padding:0 28px;
  border-right:1px solid var(--line);
  min-width:0
}
.themed-home .study-line>a:first-child {
  padding-left:0
}
.themed-home .study-line>a:last-child {
  padding-right:0;
  border:0
}
.themed-home .study-label {
  color:var(--muted);
  font-size:12px;
  align-self:center
}
.themed-home .study-line strong {
  font-size:26px;
  font-weight:450;
  line-height:1;
  white-space:nowrap
}
.themed-home .study-line small {
  font-size:12px;
  color:var(--muted);
  font-weight:400
}
.themed-home .progress-line {
  height:2px;
  background:#e7ecf3;
  grid-column:1/-1;
  align-self:center
}
.themed-home .progress-line i {
  height:100%;
  display:block;
  background:var(--blue)
}
.themed-home .study-action {
  font-size:12px;
  color:var(--blue);
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:16px
}
.themed-home .study-action svg {
  height:15px;
  width:15px
}
.themed-home .collections {
  margin:45px 0
}
.themed-home .word-collection {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px
}
.themed-home .collected-word {
  position:relative;
  padding:18px 25px 18px 0;
  border-top:1px solid var(--line);
  min-width:0
}
.themed-home .collected-word>strong {
  font:400 23px/1.5 var(--serif);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  overflow-wrap:anywhere
}
.themed-home .collected-word>span {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:var(--muted);
  font-size:13px;
  line-height:1.8;
  margin-top:7px
}
.themed-home .collected-word svg {
  position:absolute;
  right:0;
  top:24px;
  width:16px
}
.themed-home .empty-note {
  color:var(--muted);
  font-size:13px;
  line-height:1.9;
  grid-column:1/-1;
  padding:12px 0
}
.themed-home .site-footer {
  display:flex;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid var(--line);
  padding:28px 0;
  color:var(--muted);
  font-size:12px
}
.themed-home .site-footer>div {
  display:flex;
  gap:23px
}
.themed-home .scheme-description {
  padding:30px 30px 38px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:10px;
  background:#f6f7f9;
  border-top:1px solid #e7e9ed;
  color:#626b77
}
.themed-home .scheme-description strong {
  font-size:14px;
  font-weight:550;
  color:#303d51
}
.themed-home .scheme-description p {
  font-size:13px;
  max-width:680px
}
.themed-home .scheme-description>a {
  font-size:12px;
  display:flex;
  gap:7px;
  align-items:center;
  margin-top:7px
}
.themed-home .scheme-description svg {
  width:14px;
  height:14px
}
.themed-home .storage-notice {
  background:var(--pale);
  padding:14px;
  border-radius:8px;
  font-size:13px
}
/* A / open folio. A physical spread, with a central binding and a vocabulary margin. */
.themed-home[data-scheme=folio] {
  --ink:#263449;
  --blue:#1e5eb9;
  --muted:#6d7682;
  --serif:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif
}
.themed-home .folio-spread {
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:490px;
  border:1px solid #e2e6eb;
  box-shadow:0 15px 35px #253b5710,0 2px 4px #253b5705;
  background:white
}
.themed-home .folio-spread:after {
  content:'';
  position:absolute;
  inset:0 auto 0 50%;
  width:1px;
  background:#dce3eb;
  box-shadow:-5px 0 12px 2px #18385a0d;
  pointer-events:none
}
.themed-home .folio-left {
  padding:36px 42px 30px;
  display:flex;
  flex-direction:column;
  align-items:flex-start
}
.themed-home .folio-label {
  width:100%;
  display:flex;
  flex-direction:column;
  gap:16px
}
.themed-home .folio-label>span {
  font-size:12px;
  color:var(--blue);
  font-weight:550
}
.themed-home .folio-left h2 {
  font:400 clamp(36px,3.65vw,55px)/1.08 var(--serif);
  letter-spacing:-1.8px;
  margin:29px 0 17px;
  max-width:13ch;
  overflow-wrap:anywhere
}
.themed-home .folio-left .article-zh {
  font-size:15px;
  max-width:30ch
}
.themed-home .folio-left .start {
  margin-top:27px;
  background:none;
  padding:9px 0;
  min-width:145px;
  border-bottom:1px solid var(--blue);
  border-radius:0;
  color:var(--blue)
}
.themed-home .folio-note {
  display:flex;
  align-items:baseline;
  gap:15px;
  border-left:2px solid #c3d8f5;
  padding:2px 0 2px 14px;
  margin-top:35px
}
.themed-home .folio-note>span {
  font-size:11px;
  color:var(--muted);
  white-space:nowrap
}
.themed-home .folio-note a {
  display:flex;
  align-items:baseline;
  gap:13px;
  flex-wrap:wrap
}
.themed-home .folio-note strong {
  font:italic 22px/1.4 var(--serif);
  font-weight:400;
  color:var(--blue)
}
.themed-home .folio-note small {
  font-size:12px;
  color:var(--muted)
}
.themed-home .folio-right {
  display:flex;
  flex-direction:column;
  padding:32px 32px 30px
}
.themed-home .folio-right figure {
  margin:0
}
.themed-home .folio-photo {
  height:252px;
  object-position:center
}
.themed-home .folio-right figcaption {
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:11px;
  line-height:1.7;
  margin-top:9px
}
.themed-home .folio-excerpt {
  padding-top:25px;
  margin-top:auto
}
.themed-home .folio-excerpt>span {
  font-size:11px;
  color:var(--muted)
}
.themed-home .folio-excerpt p {
  font:italic 22px/1.65 var(--serif);
  color:#425165;
  margin-top:9px;
  max-width:34ch
}
.themed-home .folio-spread+.study-line {
  border-top:0;
  padding-top:0;
  margin-top:29px
}
.themed-home .folio-spread~.recommendations .recommendation-photo {
  height:145px
}
.themed-home .folio-spread~.recommendations .recommendation {
  display:grid;
  grid-template-columns:110px 1fr;
  grid-template-rows:auto auto auto 1fr;
  gap:0 18px
}
.themed-home .folio-spread~.recommendations .recommendation-photo {
  grid-column:1;
  grid-row:1/5;
  height:100%;
  min-height:175px
}
.themed-home .folio-spread~.recommendations .recommendation-meta {
  margin-top:0;
  gap:7px
}
.themed-home .folio-spread~.recommendations .recommendation-meta>span:nth-child(3) {
  display:none
}
.themed-home .folio-spread~.recommendations h3 {
  font-size:23px;
  margin-top:9px
}
.themed-home .folio-spread~.recommendations .article-status {
  padding-top:8px
}
/* B / photo gallery. Image frame and large humanist type carry the identity. */
.themed-home[data-scheme=gallery] {
  --ink:#252c35;
  --blue:#144fda;
  --muted:#727781
}
.themed-home .gallery-feature {
  display:grid;
  grid-template-columns:1.03fr 1fr;
  gap:70px;
  align-items:center;
  padding:2px 0 25px
}
.themed-home .gallery-frame {
  min-width:0;
  position:relative;
  padding:0 0 0 20px
}
.themed-home .gallery-frame:before {
  content:'';
  position:absolute;
  inset:14px 20px 34px 0;
  border:1px solid #d8e0eb;
  border-radius:100px 0 0 0;
  pointer-events:none
}
.themed-home .gallery-photo-wrap {
  height:445px;
  border-radius:100px 0 0 0;
  overflow:hidden;
  position:relative
}
.themed-home .gallery-photo {
  object-position:center
}
.themed-home .gallery-frame figcaption {
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:var(--muted);
  font-size:11px;
  line-height:1.8;
  margin-top:15px;
  flex-wrap:wrap
}
.themed-home .gallery-copy {
  padding:10px 0 26px;
  min-width:0
}
.themed-home .gallery-tag {
  font-size:12px;
  color:var(--blue);
  display:flex;
  align-items:center;
  gap:22px
}
.themed-home .gallery-tag>span {
  font-size:11px;
  color:var(--muted);
  border-left:1px solid #d9dee6;
  padding-left:22px
}
.themed-home .gallery-copy h2 {
  font-family:'Segoe UI',Arial,sans-serif;
  font-size:clamp(38px,4.05vw,60px);
  font-weight:350;
  line-height:1.03;
  letter-spacing:-2.6px;
  margin:23px 0 18px;
  max-width:13ch;
  overflow-wrap:anywhere
}
.themed-home .gallery-copy .article-zh {
  font-size:16px;
  margin-bottom:18px
}
.themed-home .gallery-excerpt {
  font:18px/1.7 var(--serif);
  color:#68717b;
  max-width:38ch;
  margin-top:23px
}
.themed-home .circle-start {
  background:transparent;
  color:var(--ink);
  display:flex;
  flex-direction:row-reverse;
  justify-content:flex-end;
  gap:16px;
  padding:0;
  min-height:48px;
  margin-top:25px;
  border-radius:0
}
.themed-home .circle-start svg {
  width:48px;
  height:48px;
  border:1px solid var(--blue);
  padding:13px;
  border-radius:50%;
  color:var(--blue);
  transition:background-color 180ms,color 180ms
}
.themed-home .gallery-feature+.recommendations {
  margin-top:28px
}
.themed-home .gallery-feature+.recommendations .recommendation-grid {
  gap:34px
}
.themed-home .gallery-feature+.recommendations .recommendation-photo {
  height:195px
}
.themed-home .gallery-feature+.recommendations .recommendation:nth-child(2) {
  padding-top:33px
}
.themed-home .gallery-feature+.recommendations .recommendation:nth-child(3) {
  padding-top:65px
}
.themed-home .gallery-feature+.recommendations h3 {
  font-family:'Segoe UI',Arial,sans-serif;
  font-size:24px;
  font-weight:450;
  line-height:1.25;
  letter-spacing:-.6px
}
.themed-home .gallery-feature~.study-line {
  margin-top:53px
}
/* C / reading path. Text and meaningful learning order replace a dashboard grid. */
.themed-home[data-scheme=pathway] {
  --ink:#26303f;
  --blue:#2453c4;
  --muted:#717a87;
  --line:#e3e7ed
}
.themed-home .reading-path {
  position:relative
}
.themed-home .path-feature {
  display:grid;
  grid-template-columns:95px minmax(0,1fr) 245px;
  gap:28px;
  min-height:350px;
  align-items:start;
  padding:14px 0 38px;
  border-bottom:1px solid var(--line)
}
.themed-home .path-step {
  display:flex;
  align-items:center;
  flex-direction:column;
  position:relative;
  height:100%;
  gap:14px
}
.themed-home .path-step>span {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid #cedcf5;
  border-radius:50%;
  font-size:14px;
  color:var(--blue);
  background:white;
  position:relative;
  z-index:1
}
.themed-home .path-step>p {
  font-size:12px;
  color:var(--muted);
  writing-mode:vertical-rl;
  letter-spacing:4px;
  background:white;
  z-index:1;
  padding-bottom:12px
}
.themed-home .path-step:before {
  content:'';
  position:absolute;
  inset:0 50% -39px auto;
  width:1px;
  background:#dbe4f3
}
.themed-home .path-feature h2 {
  font:350 clamp(37px,4.4vw,63px)/1.08 'Segoe UI',Arial,sans-serif;
  letter-spacing:-2px;
  margin:22px 0 16px;
  max-width:16ch;
  overflow-wrap:anywhere
}
.themed-home .path-feature .article-zh {
  font-size:15px
}
.themed-home .path-feature .article-meta {
  gap:11px
}
.themed-home .path-excerpt {
  font:20px/1.65 var(--serif);
  margin-top:21px;
  color:#5e697a;
  max-width:43ch
}
.themed-home .path-feature .start {
  background:none;
  color:var(--blue);
  padding:10px 0;
  border-bottom:1px solid #bacdef;
  border-radius:0;
  margin-top:22px;
  gap:55px
}
.themed-home .path-photo {
  height:330px;
  margin-left:5px;
  border-radius:125px 125px 3px 3px;
  overflow:hidden;
  margin-top:13px
}
.themed-home .path-next, .themed-home .path-collection {
  display:grid;
  grid-template-columns:95px minmax(0,1fr) auto;
  gap:28px;
  padding:28px 0;
  border-bottom:1px solid var(--line);
  align-items:center
}
.themed-home .path-next .path-step, .themed-home .path-collection .path-step {
  min-height:90px
}
.themed-home .path-next>div:nth-child(2)>p {
  font-size:12px;
  color:var(--muted)
}
.themed-home .path-next h2 {
  font-size:17px;
  font-weight:400;
  margin-top:8px
}
.themed-home .path-next h2 strong {
  font-size:35px;
  font-weight:350;
  margin-right:10px
}
.themed-home .path-link {
  display:flex;
  align-items:center;
  gap:14px;
  color:var(--blue);
  font-size:13px;
  min-height:44px;
  white-space:nowrap
}
.themed-home .path-link svg {
  width:18px
}
.themed-home .path-collection .path-step:before {
  display:none
}
.themed-home .path-words {
  display:flex;
  gap:14px 30px;
  flex-wrap:wrap;
  align-items:flex-start;
  min-width:0
}
.themed-home .path-words>a {
  min-width:0;
  flex:1;
  max-width:250px;
  flex-basis:140px
}
.themed-home .path-words strong {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font:italic 22px/1.35 var(--serif);
  overflow-wrap:anywhere;
  color:#405777
}
.themed-home .path-words a>span {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:12px;
  line-height:1.8;
  color:var(--muted);
  margin-top:7px
}
.themed-home .reading-index {
  margin:45px 0
}
.themed-home .index-row {
  border-top:1px solid var(--line)
}
.themed-home .index-row:last-child {
  border-bottom:1px solid var(--line)
}
.themed-home .index-row summary {
  display:flex;
  align-items:center;
  gap:27px;
  cursor:pointer;
  padding:25px 2px;
  list-style:none
}
.themed-home .index-row summary::-webkit-details-marker {
  display:none
}
.themed-home .index-row summary>div {
  flex:1;
  min-width:0
}
.themed-home .index-row h3 {
  font:400 29px/1.2 'Segoe UI',Arial,sans-serif;
  letter-spacing:-.75px;
  overflow-wrap:anywhere
}
.themed-home .index-row summary p {
  font-size:13px;
  color:var(--muted);
  margin-top:9px
}
.themed-home .index-meta {
  font-size:12px;
  color:var(--muted);
  white-space:nowrap
}
.themed-home .index-toggle {
  width:35px;
  height:35px;
  border:1px solid var(--line);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--blue);
  flex-shrink:0
}
.themed-home .index-toggle svg {
  width:16px;
  height:16px;
  transition:transform 180ms
}
.themed-home .index-row[open] .index-toggle svg {
  transform:rotate(45deg)
}
.themed-home .index-preview {
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:30px;
  padding:0 60px 28px 2px
}
.themed-home .index-preview>img {
  height:180px
}
.themed-home .index-preview>div>p {
  font:21px/1.65 var(--serif);
  margin:15px 0;
  color:#576578;
  max-width:55ch
}
.themed-home .index-preview .start {
  min-height:40px;
  padding:8px 0;
  background:none;
  color:var(--blue);
  gap:30px
}
@media(hover:hover) and (pointer:fine)  {
  .themed-home a:hover {
    color:var(--blue)
  }
  .themed-home .scheme-switch button:hover {
    background:#e9eef5
  }
  .themed-home .start:hover {
    background:#1249b5;
    color:white
  }
  .themed-home .folio-left .start:hover, .themed-home .path-feature .start:hover, .themed-home .index-preview .start:hover {
    color:#13458c;
    background:transparent;
    border-color:#13458c
  }
  .themed-home .recommendation:hover img {
    transform:scale(1.035)
  }
  .themed-home .recommendation:hover h3 {
    color:var(--blue)
  }
  .themed-home .circle-start:hover {
    background:none;
    color:var(--blue)
  }
  .themed-home .circle-start:hover svg {
    background:var(--blue);
    color:white
  }
  .themed-home .index-row summary:hover h3 {
    color:var(--blue)
  }
}
@media(min-width:1600px)  {
  .themed-home .site-shell {
    max-width:1390px
  }
  .themed-home .folio-left {
    padding:42px 50px
  }
  .themed-home .folio-right {
    padding:38px 40px
  }
  .themed-home .folio-photo {
    height:280px
  }
  .themed-home .folio-left h2 {
    font-size:60px
  }
  .themed-home .folio-spread {
    min-height:530px
  }
}
@media(max-width:1200px)  {
  .themed-home .site-shell {
    padding:0 38px
  }
  .themed-home .site-header {
    gap:22px;
    min-height:96px
  }
  .themed-home .site-header nav {
    gap:21px
  }
  .themed-home .wordmark {
    font-size:23px
  }
  .themed-home .folio-left {
    padding:30px
  }
  .themed-home .folio-right {
    padding:28px
  }
  .themed-home .folio-photo {
    height:230px
  }
  .themed-home .folio-spread {
    min-height:480px
  }
  .themed-home .folio-spread~.recommendations .recommendation {
    grid-template-columns:90px 1fr;
    gap:0 14px
  }
  .themed-home .folio-spread~.recommendations h3 {
    font-size:22px
  }
  .themed-home .recommendation-grid {
    gap:24px
  }
  .themed-home .gallery-feature {
    gap:45px
  }
  .themed-home .gallery-photo-wrap {
    height:405px
  }
  .themed-home .gallery-copy h2 {
    font-size:52px
  }
  .themed-home .study-line>a {
    padding-inline:23px
  }
  .themed-home .path-feature {
    grid-template-columns:75px minmax(0,1fr) 220px;
    gap:25px
  }
  .themed-home .path-next, .themed-home .path-collection {
    grid-template-columns:75px minmax(0,1fr) auto;
    gap:25px
  }
  .themed-home .path-feature h2 {
    font-size:55px
  }
  .themed-home .path-photo {
    height:310px
  }
}
@media(max-width:950px)  {
  .themed-home .site-shell {
    padding:0 30px
  }
  .themed-home .site-header {
    gap:22px;
    flex-wrap:wrap;
    padding:23px 0 0
  }
  .themed-home .wordmark {
    font-size:25px
  }
  .themed-home .site-header nav {
    order:3;
    width:100%;
    justify-content:space-between;
    gap:15px;
    padding-top:3px
  }
  .themed-home .site-header nav a {
    font-size:13px;
    padding-bottom:17px
  }
  .themed-home .search-link {
    margin-left:auto
  }
  .themed-home .review-inner {
    gap:15px;
    padding-inline:24px
  }
  .themed-home .scheme-switch button {
    padding:8px 11px
  }
  .themed-home .review-inner>a {
    font-size:11px
  }
  .themed-home .folio-spread {
    min-height:450px
  }
  .themed-home .folio-left {
    padding:29px 25px
  }
  .themed-home .folio-left h2 {
    font-size:42px;
    letter-spacing:-1.3px
  }
  .themed-home .folio-right {
    padding:25px 23px
  }
  .themed-home .folio-photo {
    height:210px
  }
  .themed-home .folio-excerpt p {
    font-size:21px
  }
  .themed-home .folio-note {
    gap:10px;
    padding-left:10px;
    flex-wrap:wrap;
    margin-top:28px
  }
  .themed-home .folio-note a {
    gap:8px
  }
  .themed-home .folio-spread~.recommendations .recommendation {
    display:flex
  }
  .themed-home .folio-spread~.recommendations .recommendation-photo {
    width:100%;
    height:150px;
    min-height:0;
    margin-bottom:15px
  }
  .themed-home .recommendation-grid {
    gap:21px
  }
  .themed-home .recommendation h3 {
    font-size:23px
  }
  .themed-home .recommendation-photo {
    height:155px
  }
  .themed-home .study-line>a {
    padding-inline:19px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:12px
  }
  .themed-home .study-line strong {
    font-size:24px
  }
  .themed-home .study-line small {
    font-size:11px
  }
  .themed-home .progress-line, .themed-home .study-action {
    width:100%;
    min-width:100%
  }
  .themed-home .study-line .study-label {
    width:100%;
    font-size:12px
  }
  .themed-home .study-action {
    font-size:12px
  }
  .themed-home .gallery-feature {
    gap:34px;
    grid-template-columns:1fr 1fr
  }
  .themed-home .gallery-frame {
    padding-left:13px
  }
  .themed-home .gallery-frame:before {
    inset:12px 12px 38px 0;
    border-top-left-radius:70px
  }
  .themed-home .gallery-photo-wrap {
    height:370px;
    border-top-left-radius:70px
  }
  .themed-home .gallery-copy h2 {
    font-size:43px;
    letter-spacing:-1.9px
  }
  .themed-home .gallery-excerpt {
    font-size:17px
  }
  .themed-home .gallery-frame figcaption {
    font-size:11px;
    gap:5px
  }
  .themed-home .gallery-feature+.recommendations .recommendation-photo {
    height:155px
  }
  .themed-home .gallery-feature+.recommendations h3 {
    font-size:22px
  }
  .themed-home .path-feature {
    grid-template-columns:54px minmax(0,1fr) 175px;
    gap:22px
  }
  .themed-home .path-next, .themed-home .path-collection {
    grid-template-columns:54px minmax(0,1fr) auto;
    gap:22px
  }
  .themed-home .path-feature h2 {
    font-size:45px;
    letter-spacing:-1.7px
  }
  .themed-home .path-photo {
    height:290px
  }
  .themed-home .path-excerpt {
    font-size:18px
  }
  .themed-home .path-collection {
    grid-template-columns:54px minmax(0,1fr)
  }
  .themed-home .path-collection>.path-link {
    grid-column:2
  }
  .themed-home .path-collection .path-step {
    grid-row:1/3;
    align-self:stretch
  }
  .themed-home .path-words {
    gap:15px
  }
  .themed-home .path-words>a {
    max-width:none;
    flex-basis:120px
  }
  .themed-home .path-words strong {
    font-size:21px
  }
  .themed-home .index-row h3 {
    font-size:26px
  }
  .themed-home .index-preview {
    grid-template-columns:155px minmax(0,1fr);
    gap:23px;
    padding-right:0
  }
  .themed-home .word-collection {
    gap:22px
  }
}
@media(max-width:650px)  {
  .themed-home .review-inner {
    padding:12px 16px;
    gap:8px;
    flex-wrap:wrap;
    justify-content:space-between
  }
  .themed-home .review-inner>strong {
    font-size:12px;
    order:0
  }
  .themed-home .review-inner>a {
    order:1;
    font-size:12px
  }
  .themed-home .scheme-switch {
    order:2;
    width:100%;
    gap:4px;
    margin-top:3px
  }
  .themed-home .scheme-switch button {
    flex:1;
    justify-content:center;
    padding:9px 6px;
    font-size:13px;
    gap:6px;
    min-height:40px
  }
  .themed-home .site-shell {
    padding:0 22px
  }
  .themed-home .site-header {
    min-height:90px;
    padding:20px 0;
    flex-wrap:nowrap;
    gap:15px
  }
  .themed-home .wordmark {
    font-size:26px;
    gap:4px;
    letter-spacing:-1.3px
  }
  .themed-home .site-header nav {
    display:none;
    position:absolute;
    inset:90px -7px auto;
    padding:13px 20px;
    z-index:4;
    background:white;
    border:1px solid var(--line);
    box-shadow:0 10px 20px #263c5812;
    border-radius:10px;
    flex-direction:column;
    align-items:stretch;
    gap:0
  }
  .themed-home .site-header nav.open {
    display:flex
  }
  .themed-home .site-header nav a {
    padding:13px 0;
    font-size:14px
  }
  .themed-home .menu-toggle {
    display:flex;
    justify-content:center;
    align-items:center;
    min-width:40px;
    height:40px;
    margin-left:auto;
    border:1px solid var(--line);
    border-radius:50%
  }
  .themed-home .menu-toggle svg {
    width:18px;
    height:18px
  }
  .themed-home .search-link {
    width:40px;
    height:40px;
    margin-left:0;
    flex-shrink:0
  }
  .themed-home .search-link svg {
    width:18px;
    height:18px
  }
  .themed-home .page-heading {
    margin:24px 0 21px;
    gap:10px
  }
  .themed-home .page-heading h1 {
    font-size:15px
  }
  .themed-home .page-heading>span {
    font-size:11px
  }
  .themed-home .article-meta {
    font-size:12px;
    gap:8px 12px
  }
  .themed-home .article-zh {
    font-size:15px
  }
  .themed-home .start {
    min-height:46px;
    font-size:14px
  }
  .themed-home .section-heading {
    margin-bottom:21px
  }
  .themed-home .section-heading h2 {
    font-size:17px
  }
  .themed-home .section-heading>a {
    font-size:12px
  }
  .themed-home .recommendations {
    margin:35px 0
  }
  .themed-home .recommendation-grid {
    grid-template-columns:1fr;
    gap:27px
  }
  .themed-home .recommendation {
    display:grid;
    grid-template-columns:105px minmax(0,1fr);
    grid-template-rows:auto auto auto 1fr;
    gap:0 17px
  }
  .themed-home .recommendation-photo {
    grid-column:1;
    grid-row:1/5;
    height:100%;
    min-height:165px
  }
  .themed-home .recommendation-meta {
    margin-top:0;
    gap:10px
  }
  .themed-home .recommendation-meta>span:nth-child(3) {
    display:none
  }
  .themed-home .recommendation h3 {
    font-size:24px;
    margin-top:11px
  }
  .themed-home .recommendation>p {
    font-size:13px;
    margin-bottom:15px
  }
  .themed-home .article-status {
    padding-top:9px
  }
  .themed-home .study-line {
    display:grid;
    grid-template-columns:1fr 1fr;
    margin:30px 0;
    padding:21px 0;
    gap:23px 18px
  }
  .themed-home .study-line>a {
    padding:0;
    border:0;
    display:flex;
    gap:13px
  }
  .themed-home .study-line>a:first-child {
    border-right:1px solid var(--line);
    padding-right:18px
  }
  .themed-home .study-line>.study-record {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr auto;
    border-top:1px solid var(--line);
    padding-top:20px;
    gap:16px
  }
  .themed-home .study-record .study-label {
    width:auto
  }
  .themed-home .study-line strong {
    font-size:26px
  }
  .themed-home .study-line small {
    font-size:12px
  }
  .themed-home .study-line .study-label {
    font-size:12px
  }
  .themed-home .study-line .study-action {
    align-self:end;
    min-height:21px
  }
  .themed-home .study-line .progress-line {
    align-self:center
  }
  .themed-home .word-collection {
    grid-template-columns:1fr;
    gap:0
  }
  .themed-home .collected-word {
    padding:17px 30px 17px 0
  }
  .themed-home .collected-word>strong {
    font-size:23px;
    -webkit-line-clamp:2
  }
  .themed-home .collected-word>span {
    font-size:13px
  }
  .themed-home .collections {
    margin:35px 0
  }
  .themed-home .site-footer {
    flex-wrap:wrap;
    gap:20px;
    padding:24px 0;
    font-size:12px
  }
  .themed-home .site-footer>div {
    width:100%;
    gap:25px
  }
  .themed-home .scheme-description {
    padding:28px 22px
  }
  .themed-home .scheme-description p {
    font-size:13px
  }
  .themed-home .folio-spread {
    grid-template-columns:1fr;
    min-height:0
  }
  .themed-home .folio-spread:after {
    display:none
  }
  .themed-home .folio-left {
    padding:27px 26px 25px;
    position:relative
  }
  .themed-home .folio-left h2 {
    font-size:43px;
    letter-spacing:-1.5px;
    margin:26px 0 16px;
    max-width:13ch
  }
  .themed-home .folio-left .article-zh {
    font-size:15px
  }
  .themed-home .folio-note {
    margin-top:25px;
    gap:12px
  }
  .themed-home .folio-note>span {
    font-size:12px
  }
  .themed-home .folio-note strong {
    font-size:22px
  }
  .themed-home .folio-right {
    padding:24px 25px 27px;
    border-top:1px solid var(--line)
  }
  .themed-home .folio-photo {
    height:190px
  }
  .themed-home .folio-excerpt {
    padding-top:21px
  }
  .themed-home .folio-excerpt>span {
    font-size:12px
  }
  .themed-home .folio-excerpt p {
    font-size:22px;
    line-height:1.6
  }
  .themed-home .folio-right figcaption {
    font-size:11px
  }
  .themed-home .folio-spread+.study-line {
    padding-top:0;
    margin-top:24px
  }
  .themed-home .folio-spread~.recommendations .recommendation {
    display:grid;
    grid-template-columns:100px minmax(0,1fr);
    gap:0 17px
  }
  .themed-home .folio-spread~.recommendations .recommendation-photo {
    height:100%;
    min-height:165px;
    margin:0
  }
  .themed-home .folio-spread~.recommendations h3 {
    font-size:24px
  }
  .themed-home .gallery-feature {
    grid-template-columns:1fr;
    gap:26px;
    padding-top:0;
    padding-bottom:0
  }
  .themed-home .gallery-frame {
    padding-left:13px;
    max-width:100%;
    order:1
  }
  .themed-home .gallery-frame:before {
    inset:12px 12px 42px 0;
    border-top-left-radius:80px
  }
  .themed-home .gallery-photo-wrap {
    height:290px;
    border-top-left-radius:80px
  }
  .themed-home .gallery-frame figcaption {
    font-size:11px;
    gap:4px;
    justify-content:flex-start
  }
  .themed-home .gallery-frame figcaption>a {
    width:100%
  }
  .themed-home .gallery-copy {
    order:0;
    padding:0 0 4px
  }
  .themed-home .gallery-copy h2 {
    font-size:47px;
    line-height:1.04;
    letter-spacing:-2px;
    margin:21px 0 16px;
    max-width:13ch
  }
  .themed-home .gallery-copy .article-zh {
    font-size:15px;
    margin-bottom:17px
  }
  .themed-home .gallery-excerpt {
    font-size:18px;
    margin-top:20px
  }
  .themed-home .gallery-tag {
    font-size:12px
  }
  .themed-home .circle-start {
    margin-top:22px
  }
  .themed-home .gallery-feature+.recommendations {
    margin-top:38px
  }
  .themed-home .gallery-feature+.recommendations .recommendation-grid {
    gap:31px
  }
  .themed-home .gallery-feature+.recommendations .recommendation {
    display:flex;
    padding:0!important
  }
  .themed-home .gallery-feature+.recommendations .recommendation-photo {
    height:200px;
    min-height:0;
    aspect-ratio:3/2;
    margin-bottom:15px
  }
  .themed-home .gallery-feature+.recommendations .recommendation:nth-child(2) .recommendation-photo {
    width:86%;
    align-self:flex-end
  }
  .themed-home .gallery-feature+.recommendations .recommendation:nth-child(2) .recommendation-meta, .themed-home .gallery-feature+.recommendations .recommendation:nth-child(2) h3, .themed-home .gallery-feature+.recommendations .recommendation:nth-child(2)>p, .themed-home .gallery-feature+.recommendations .recommendation:nth-child(2) .article-status {
    width:86%;
    align-self:flex-end
  }
  .themed-home .gallery-feature+.recommendations h3 {
    font-size:27px
  }
  .themed-home .gallery-feature+.recommendations .recommendation-meta>span:nth-child(3) {
    display:inline
  }
  .themed-home .gallery-feature~.study-line {
    margin-top:36px
  }
  .themed-home .path-feature {
    grid-template-columns:35px minmax(0,1fr);
    gap:17px;
    padding:4px 0 25px
  }
  .themed-home .path-step>span {
    width:32px;
    height:32px;
    font-size:13px
  }
  .themed-home .path-step>p {
    font-size:12px;
    letter-spacing:3px
  }
  .themed-home .path-feature>.path-step {
    grid-row:1/3
  }
  .themed-home .path-feature h2 {
    font-size:44px;
    line-height:1.09;
    letter-spacing:-1.7px;
    margin-top:22px
  }
  .themed-home .path-feature .article-zh {
    font-size:15px
  }
  .themed-home .path-feature .article-meta {
    font-size:12px;
    gap:9px 11px
  }
  .themed-home .path-feature .article-meta>span:last-child {
    display:none
  }
  .themed-home .path-excerpt {
    font-size:19px;
    line-height:1.7;
    margin-top:18px
  }
  .themed-home .path-photo {
    grid-column:2;
    height:205px;
    border-radius:110px 110px 2px 2px;
    width:72%;
    justify-self:end;
    margin-top:15px
  }
  .themed-home .path-feature .start {
    margin-top:18px
  }
  .themed-home .path-next {
    grid-template-columns:35px minmax(0,1fr);
    gap:13px 17px;
    padding:24px 0
  }
  .themed-home .path-next .path-step {
    grid-row:1/3;
    min-height:125px
  }
  .themed-home .path-next .path-link {
    grid-column:2;
    justify-self:start
  }
  .themed-home .path-next h2 strong {
    font-size:35px
  }
  .themed-home .path-collection {
    grid-template-columns:35px minmax(0,1fr);
    gap:15px 17px;
    padding:24px 0
  }
  .themed-home .path-collection .path-step {
    grid-row:1/3;
    min-height:125px
  }
  .themed-home .path-words {
    display:grid;
    gap:18px
  }
  .themed-home .path-words>a {
    max-width:100%
  }
  .themed-home .path-words strong {
    font-size:23px
  }
  .themed-home .path-words a>span {
    font-size:13px
  }
  .themed-home .path-link {
    font-size:13px
  }
  .themed-home .reading-index {
    margin:35px 0
  }
  .themed-home .index-row summary {
    gap:12px;
    padding:21px 0;
    align-items:flex-start;
    flex-wrap:wrap
  }
  .themed-home .index-row summary>div {
    width:calc(100% - 45px);
    flex:none
  }
  .themed-home .index-row h3 {
    font-size:27px;
    line-height:1.2;
    letter-spacing:-.6px
  }
  .themed-home .index-row summary p {
    font-size:13px;
    margin-top:9px
  }
  .themed-home .index-toggle {
    order:1;
    width:31px;
    height:31px
  }
  .themed-home .index-meta {
    order:2;
    padding-right:40px;
    width:100%;
    font-size:12px
  }
  .themed-home .index-preview {
    grid-template-columns:100px minmax(0,1fr);
    gap:17px;
    padding:0 0 25px
  }
  .themed-home .index-preview>img {
    height:145px
  }
  .themed-home .index-preview>div>p {
    font-size:18px;
    line-height:1.7;
    margin-top:12px
  }
  .themed-home .index-preview .article-meta>span:nth-child(n+3) {
    display:none
  }
  .themed-home .index-preview .start {
    font-size:13px;
    gap:15px
  }
}
@media(prefers-reduced-motion:reduce)  {
  .themed-home *, .themed-home *::before, .themed-home *::after {
    transition:none!important;
    animation:none!important;
    scroll-behavior:auto!important
  }
}
@media(max-width:650px)  {
  .themed-home .gallery-frame {
    order:0
  }
  .themed-home .gallery-copy {
    order:1
  }
  .themed-home .gallery-photo-wrap {
    height:245px
  }
  .themed-home .gallery-copy h2 {
    font-size:44px
  }
}
.themed-home .study-line.goals-only {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:650px)  {
  .themed-home .study-line.goals-only>.study-record {
    grid-column:auto;
    display:flex;
    border:0;
    padding:0;
  }
}
/* Settings live outside the home wrapper; these selectors affect only the theme picker. */
.has-themed-home #toast { left:50%; }
.themed-home .settings-link { font-size:13px; color:var(--muted); padding:12px 0; }
.themed-home .skip-link { position:absolute; }
.theme-settings>.subtle { margin:9px 0 19px; }
.theme-options { border:0; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.theme-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.theme-option { display:block; position:relative; border:1px solid var(--line); border-radius:14px; background:#fff; cursor:pointer; min-width:0; overflow:hidden; transition:border-color 150ms,background-color 150ms; }
.theme-option:has(input:checked) { background:#f6faff; border-color:#7ab2f7; box-shadow:0 0 0 1px #7ab2f7; }
.theme-option:focus-within { outline:3px solid #bad7ff; outline-offset:3px; }
.theme-option input { position:absolute; top:15px; right:15px; width:17px; height:17px; min-height:0; padding:0; margin:0; accent-color:var(--accent); z-index:1; }
.theme-option-body { display:block; padding:18px; }
.theme-option-title { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin:14px 0 7px; }
.theme-option-title strong { font-size:15px; font-weight:600; }
.theme-option-title small { font-size:11px; background:var(--accent-soft); color:var(--accent); padding:2px 6px; border-radius:5px; }
.theme-option-description { display:block; font-size:13px; line-height:1.7; color:var(--muted); }
.theme-preview { display:block; width:134px; height:73px; position:relative; border:1px solid #dce2eb; border-radius:5px; background:white; overflow:hidden; }
.theme-preview i { position:absolute; display:block; border-radius:2px; background:#dbe5f3; }
.theme-preview .mini-nav { left:0; top:0; width:100%; height:10px; background:#f0f4fa; border-bottom:1px solid #e2e9f3; }
.theme-preview .mini-heading { left:14px; top:25px; width:46px; height:5px; background:#7e9bc5; }
.theme-preview .mini-line { left:14px; top:35px; width:38px; height:3px; }
.theme-preview .mini-detail { left:14px; top:48px; width:23px; height:5px; background:#7ba9e8; }
.theme-preview .mini-photo { right:11px; top:20px; width:45px; height:38px; background:#cbd8e8; }
.theme-preview[data-preview=current] .mini-nav { width:23px; height:100%; border-right:1px solid #e2e9f3; }
.theme-preview[data-preview=current] .mini-heading { left:32px; top:20px; width:34px; }
.theme-preview[data-preview=current] .mini-line { left:32px; top:30px; width:27px; }
.theme-preview[data-preview=current] .mini-detail { left:32px; top:47px; width:52px; height:13px; background:repeating-linear-gradient(90deg,#e9eff7 0px,#e9eff7 14px,white 14px,white 18px); }
.theme-preview[data-preview=current] .mini-photo { right:11px; top:18px; width:26px; height:22px; }
.theme-preview[data-preview=folio] { border-radius:0; }
.theme-preview[data-preview=folio]:after { content:''; position:absolute; left:50%; top:10px; bottom:0; width:1px; background:#dfe6ef; }
.theme-preview[data-preview=folio] .mini-heading { left:11px; width:43px; }
.theme-preview[data-preview=folio] .mini-line { left:11px; width:32px; }
.theme-preview[data-preview=folio] .mini-detail { left:11px; width:22px; height:2px; }
.theme-preview[data-preview=folio] .mini-photo { right:9px; top:19px; width:47px; height:24px; }
.theme-preview[data-preview=gallery] .mini-photo { left:11px; top:19px; width:48px; height:42px; border-radius:13px 0 0 0; }
.theme-preview[data-preview=gallery] .mini-heading { left:71px; top:25px; width:43px; }
.theme-preview[data-preview=gallery] .mini-line { left:71px; top:35px; width:36px; }
.theme-preview[data-preview=gallery] .mini-detail { left:71px; top:49px; width:12px; height:12px; border-radius:50%; background:white; border:1px solid #7ba9e8; }
.theme-preview[data-preview=pathway] .mini-nav { width:1px; height:53px; top:15px; left:12px; background:#c9d8ee; }
.theme-preview[data-preview=pathway] .mini-heading { left:25px; top:22px; width:49px; }
.theme-preview[data-preview=pathway] .mini-line { left:25px; top:33px; width:35px; }
.theme-preview[data-preview=pathway] .mini-detail { left:25px; top:52px; width:65px; height:2px; }
.theme-preview[data-preview=pathway] .mini-photo { right:10px; top:18px; width:26px; height:33px; border-radius:15px 15px 0 0; }
@media(hover:hover) and (pointer:fine) { .theme-option:hover { border-color:#8eb6e9; } }
@media(max-width:650px) {
  .themed-home .site-header { gap:9px; }
  .themed-home .settings-link { font-size:12px; }
  .theme-options { gap:12px; }
  .theme-option-body { padding:14px 12px; }
  .theme-preview { width:100%; max-width:134px; height:73px; margin-top:15px; }
  .theme-option input { top:10px; right:10px; width:16px; height:16px; }
  .theme-option-title { gap:6px; }
  .theme-option-title strong { font-size:14px; }
  .theme-option-description { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .theme-option { transition:none; } }