/* A: two columns, three rows; a larger illustration at the right of each theme. */
body.wf-wide #theme .theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,4vw,72px)}
body.wf-wide:not(.sp) #theme .theme,body.sp #theme .theme{display:grid;grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:24px;min-height:164px;padding:24px 8px 24px 0;border:0;border-bottom:1px solid #dce5df;border-radius:0;background:#fff;box-shadow:none;text-decoration:none}
body.wf-wide #theme .t-body{grid-column:1;grid-row:1;display:block;min-width:0;padding:0}
body.wf-wide #theme .t-illustration{grid-column:2;grid-row:1;display:block;width:104px;height:104px;flex:none;justify-self:end}
body.wf-wide #theme .t-illustration img{display:block;width:100%;height:100%;object-fit:contain;flex:none}
body.wf-wide #theme .t-no{display:none}
body.wf-wide:not(.sp) #theme .t-name,body.sp #theme .t-name{display:block;font-size:clamp(20px,1.7vw,26px);font-weight:700;line-height:1.55;color:#294455;letter-spacing:.015em}
body.wf-wide #theme .t-word{display:inline-block;white-space:nowrap}
body.wf-wide:not(.sp) #theme .t-subs,body.sp #theme .t-subs{display:block;font-size:13px;line-height:1.8;color:#73817b;margin:7px 0 10px;overflow-wrap:anywhere}
body.wf-wide #theme .t-count{position:static;display:inline-flex;margin:0;font-size:12px}
body.wf-wide #theme .theme:hover .t-name{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
body.wf-wide #theme .theme:focus-visible{outline:2px solid #568b87;outline-offset:4px}
@container site (max-width:820px){body.wf-wide #theme .theme-grid{column-gap:28px}body.wf-wide:not(.sp) #theme .theme{grid-template-columns:minmax(0,1fr) 88px;gap:16px}body.wf-wide #theme .t-illustration{width:88px;height:88px}body.wf-wide:not(.sp) #theme .t-name{font-size:20px}}
@container site (max-width:620px){body.wf-wide #theme .theme-grid{grid-template-columns:1fr}body.wf-wide:not(.sp) #theme .theme{min-height:136px;padding-block:20px}}
@media(max-width:620px){body.wf-wide #theme .theme-grid{grid-template-columns:1fr}body.wf-wide:not(.sp) #theme .theme{grid-template-columns:minmax(0,1fr) 80px;gap:16px;min-height:136px;padding-block:20px}body.wf-wide #theme .t-illustration{width:80px;height:80px}body.wf-wide:not(.sp) #theme .t-name{font-size:20px}}
body.sp #theme .theme-grid{grid-template-columns:1fr}
body.sp #theme .theme{grid-template-columns:minmax(0,1fr) 80px;gap:16px;min-height:136px;padding-block:20px}
body.sp #theme .t-illustration{width:80px;height:80px}
body.sp #theme .t-name{font-size:20px}