.preview-toolbar{position:sticky;top:0;z-index:40;display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:10px 24px;background:#314e43;color:white;font:12px/1.6 Meiryo,sans-serif}.preview-toolbar span{opacity:.8}.preview-toolbar nav{display:flex;gap:20px;margin-left:auto}.preview-toolbar a{text-decoration:underline;text-underline-offset:4px}.preview-add-label{display:inline-block;background:#fff3dd;color:#714119;border:1px solid #e0b878;border-radius:4px;padding:3px 8px;font-size:11px;margin-bottom:14px}.preview-hero-copy{position:relative;margin:20px auto 0;max-width:650px;color:#fff;font-size:15px;line-height:1.9;text-shadow:0 1px 4px #285142}.preview-hero-link{display:inline-flex;align-items:center;margin-left:12px;padding:8px 18px;border:1px solid white;border-radius:6px;color:white;font-size:14px}#preview-addition{scroll-margin-top:80px;padding:55px 28px;background:#f4f8f4;border-top:1px solid #dde7dd;border-bottom:1px solid #dde7dd;color:#263d33}#preview-addition .addition-inner{max-width:1152px;margin:auto}#preview-addition h2{font-size:27px;font-weight:700;text-align:center;margin:0 0 12px}#preview-addition .lead{text-align:center;font-size:14px;line-height:2;margin:0 auto 30px;max-width:760px}#preview-addition .profileline{display:flex;align-items:center;gap:12px;margin-bottom:24px}#preview-addition .avatar{display:grid;place-items:center;border-radius:50%;width:40px;height:40px;background:#dde9d8}#preview-addition .profileline strong{font-size:14px}#preview-addition .profileline small{display:block;font-size:11px;color:#59685d}#preview-addition .samplebadge{margin-left:auto;font-size:10px;border:1px solid #b9cbb6;padding:3px 10px;border-radius:15px}#preview-addition .timeline-scroll{overflow:auto;padding-bottom:12px}#preview-addition .timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;min-width:1000px;position:relative;padding-top:40px}#preview-addition .timeline:before{content:'';position:absolute;top:20px;left:9px;right:9px;height:1px;background:#91ac86}#preview-addition .record{position:relative;text-align:left;background:transparent;border:0;color:inherit;padding:0;cursor:pointer}#preview-addition .record:before{content:'';position:absolute;top:-24px;left:10px;width:9px;height:9px;border-radius:50%;background:#619989}#preview-addition time{position:absolute;top:-35px;left:28px;font-size:11px;color:#526a4a}#preview-addition .thumb{height:130px;border-radius:7px;overflow:hidden}#preview-addition .thumb svg{width:100%;height:100%}#preview-addition .tag{display:block;font-size:11px;color:#527447;margin-top:13px}#preview-addition h3{font-size:15px;line-height:1.7;font-weight:600;margin:5px 0}#preview-addition .record p{font-size:12px;line-height:1.9;color:#526354;margin:7px 0}#preview-addition .source{font-size:11px;color:#53684c}#preview-addition .timeline-note{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#526354;margin:15px 0}#preview-addition .connection-strip{display:flex;gap:16px;font-size:12px;border-top:1px solid #cfdccd;padding-top:16px}#preview-addition .mobile-only{display:none}#preview-addition .meaning{background:#fff;border-left:3px solid #619989;padding:18px 22px;margin-top:26px;font-size:13px;line-height:2}#preview-addition .meaning strong{display:block;font-size:15px;margin-bottom:5px}.preview-toolbar~* a:focus-visible,#preview-addition button:focus-visible{outline:3px solid #b74b26;outline-offset:4px}.preview-addition-footnote{font-size:11px;color:#526354;margin-top:16px}
dialog.preview-dialog{border:1px solid #cad7c6;border-radius:12px;padding:0;width:min(620px,calc(100% - 30px));color:#263d33;background:#fbfcf8;max-height:90vh;overflow:auto}dialog.preview-dialog::backdrop{background:#1b3029a6}.preview-dialog .dialog-inner{padding:26px}.preview-dialog .dialog-top{display:flex;align-items:center;justify-content:space-between;font-size:12px}.preview-dialog .close{border:0;border-radius:50%;background:#e8eddf;width:34px;height:34px;cursor:pointer}.preview-dialog .dialog-art{height:190px;width:100%;background:#e8eedf;border-radius:8px}.preview-dialog h2{font-size:22px;font-weight:600;margin:12px 0}.preview-dialog p{font-size:14px;line-height:1.9;margin:12px 0}.preview-dialog .dialog-meta{font-size:11px;color:#526354}.preview-dialog .note{font-size:12px;background:#edf0e6;padding:15px}.preview-dialog a{text-decoration:underline}.preview-dialog .eyebrow{font-size:11px}
@media(max-width:600px){.preview-toolbar{gap:5px 12px;padding:7px 12px;font-size:10px}.preview-toolbar span{display:none}.preview-toolbar nav{gap:13px;margin-left:0}.preview-hero-copy{font-size:13px;padding:0 10px}.preview-hero-link{font-size:12px;margin-left:8px;padding:8px 10px}#preview-addition{padding:36px 20px;scroll-margin-top:95px}#preview-addition h2{font-size:22px}#preview-addition .lead{font-size:12px;text-align:left}#preview-addition .profileline{flex-wrap:wrap;gap:9px}#preview-addition .profileline strong{font-size:12px}#preview-addition .profileline small{font-size:10px}#preview-addition .samplebadge{font-size:9px}#preview-addition .timeline-scroll{margin-right:-20px;padding-right:20px}#preview-addition .timeline{min-width:970px}#preview-addition .timeline-note{font-size:10px;display:block}#preview-addition .mobile-only{display:inline}#preview-addition .connection-strip{font-size:11px;display:block}#preview-addition .connection-strip span{display:block;margin-top:5px}#preview-addition .meaning{font-size:12px;padding:14px 16px}#preview-addition .meaning strong{font-size:14px}}
/* Shared with the existing core-features title motif. */
.preview-section-title{display:flex;align-items:center;justify-content:center;gap:24px;width:100%}
.preview-title-line{height:6px;min-width:28px;flex:1;background:url('../img/title_line.png') repeat-x center;background-size:30px auto;opacity:.8;position:relative;top:2px}
#preview-addition .preview-section-title h2,#preview-themes .preview-section-title h2{flex:0 1 auto;min-width:0;max-width:85%;font-size:24px;line-height:1.7;letter-spacing:.08em;text-align:center;font-weight:700;color:#262626;margin:0;text-wrap:balance}
#preview-addition .preview-section-caption,#preview-themes .preview-section-caption{text-align:center;font-size:12px;line-height:1.7;color:#737373;margin:8px 0 26px}
#preview-themes{scroll-margin-top:90px;background:#fff;padding:46px 28px 42px;color:#263d33;border-bottom:1px solid #dde7dd}
#preview-themes .themes-inner{max-width:1152px;margin:auto}
#preview-themes .themes-description{text-align:center;font-size:14px;line-height:1.9;color:#526354;margin:0 0 30px}
#preview-themes .theme-tags{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
#preview-themes .theme-tags a{position:relative;display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:62px;padding:12px 17px 12px 12px;border:1px solid #d3dfd5;border-radius:9px 23px 9px 9px;background:linear-gradient(125deg,#fff 25%,#f1f7f1);color:#3a6255;font:14px/1.6 Meiryo,sans-serif;box-shadow:0 3px 0 #e7eee6;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s,border-color .18s}
#preview-themes .theme-tags .theme-icon{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:50%;background:#e9f2e9;color:#548b76;flex-shrink:0;font-size:16px}
#preview-themes .theme-tags .theme-name{white-space:normal;overflow-wrap:anywhere;min-width:0;font-weight:600}
#preview-themes .theme-name small{font-size:11px;color:#8ca591;font-weight:400}
#preview-themes .theme-tags .theme-arrow{font-size:13px;color:#8ba18f;margin-left:2px;transition:transform .18s}
#preview-themes .theme-tags a:hover{background:#edf5ec;border-color:#80aa94;transform:translateY(-3px);box-shadow:0 6px 0 #e7eee6}
#preview-themes .theme-tags a:hover .theme-arrow{transform:translate(2px,-2px)}
#preview-themes .theme-tags a[aria-pressed="true"]{background:#467566;border-color:#467566;color:#fff;box-shadow:0 3px 0 #d8e5d9}
#preview-themes .theme-tags a[aria-pressed="true"] .theme-icon{background:#ffffff24;color:#fff}
#preview-themes .theme-tags a[aria-pressed="true"] small,#preview-themes .theme-tags a[aria-pressed="true"] .theme-arrow{color:#e2f0e4}
#preview-themes .theme-tags a:focus-visible{outline:3px solid #c6512d;outline-offset:5px}
#preview-themes .themes-preview-note{text-align:center;font-size:11px;line-height:1.9;color:#607365;margin:24px 0 0;min-height:22px}
@media(max-width:600px){.preview-section-title{gap:12px}.preview-title-line{min-width:16px}#preview-addition .preview-section-title h2,#preview-themes .preview-section-title h2{font-size:20px;letter-spacing:.05em;max-width:calc(100% - 56px)}#preview-addition .preview-section-caption,#preview-themes .preview-section-caption{font-size:11px;margin:8px 0 22px}#preview-themes{padding:32px 20px;scroll-margin-top:95px}#preview-themes .themes-description{font-size:12px;margin-bottom:24px}#preview-themes .theme-tags{gap:12px 9px}#preview-themes .theme-tags a{font-size:12px;min-height:58px;padding:10px 12px 10px 9px;gap:7px}#preview-themes .theme-tags .theme-icon{width:29px;height:29px;font-size:14px}#preview-themes .theme-tags .theme-arrow{font-size:11px;margin-left:0}#preview-themes .themes-preview-note{font-size:10px;min-height:38px}}
@media(prefers-reduced-motion:reduce){#preview-themes .theme-tags a,#preview-themes .theme-tags .theme-arrow{transition:none}}

.theme-tags a{display:flex;text-decoration:none}#theme-tag-editor button:disabled{opacity:.5} .preview-dialog{max-width:min(640px,92vw)}