.sp-intro{padding-bottom:24px}.sp-lead{margin-top:16px;font-size:18px;line-height:1.5;color:var(--ts-muted)}.sp-filters{min-width:0;margin:0 0 32px;padding:0;border:0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.sp-chip{height:40px;padding:0 16px;border:1px solid var(--ts-border-hover);border-radius:999px;background:var(--ts-card);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ts-ease),border-color .15s var(--ts-ease),color .15s var(--ts-ease)}.sp-chip span{margin-left:6px;font-weight:400;color:var(--ts-muted)}.sp-chip:hover{border-color:var(--ts-primary)}.sp-chip[aria-pressed=true]{border-color:var(--ts-primary);background:var(--ts-primary);color:var(--ts-on-primary)}.sp-chip[aria-pressed=true] span{color:#ffffffa6}.sp-chip:focus-visible,.sp-card:focus-visible,.sp-pin:focus-visible,.sp-tab:focus-visible,.sp-icon-button:focus-visible,.sp-related-card:focus-visible{outline:2px solid var(--ts-focus);outline-offset:3px}.sp-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 16px}.sp-card{display:block;min-width:0;padding:0;border:0;border-radius:16px;background:none;color:inherit;text-align:left;cursor:pointer}.sp-card[hidden]{display:none}.sp-card-media{position:relative;display:block;overflow:hidden;border:1px solid var(--ts-border);border-radius:16px;background:var(--ts-card);transition:border-color .18s var(--ts-ease),box-shadow .24s var(--ts-ease),transform .24s var(--ts-ease)}.sp-card-design{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:contain;padding:12px;transition:transform .32s var(--ts-ease)}.sp-card-inset{position:absolute;right:10px;bottom:10px;width:34%;aspect-ratio:2 / 3;overflow:hidden;border:3px solid var(--ts-card);border-radius:10px;box-shadow:0 4px 14px #080b112e;transition:transform .24s var(--ts-ease)}.sp-card-inset img{width:100%;height:100%;object-fit:cover}.sp-card-zoom{position:absolute;top:10px;right:10px;color:var(--ts-muted);opacity:0;transition:opacity .18s var(--ts-ease)}@media(hover:hover){.sp-card:hover .sp-card-media{border-color:var(--ts-border-hover);box-shadow:var(--ts-shadow-card-hover);transform:translateY(-2px)}.sp-card:hover .sp-card-design{transform:scale(1.02)}.sp-card:hover .sp-card-inset{transform:translateY(-3px) rotate(-2deg)}.sp-card:hover .sp-card-zoom{opacity:1}}.sp-card-meta{display:flex;flex-direction:column;padding:12px 4px 0}.sp-card-name{font-weight:500;line-height:1.4}.sp-card-place{font-size:14px;line-height:1.6;color:var(--ts-muted);white-space:nowrap}.sp-ai-note{margin-top:32px;text-align:center;font-size:14px;color:var(--ts-muted)}.sp-detail-dialog{width:min(920px,calc(100vw - 32px));max-width:min(920px,calc(100vw - 32px))!important;gap:20px}.sp-detail-head{display:flex;align-items:baseline;gap:12px;padding-right:40px}.sp-detail-head h2{font-size:24px;font-weight:600;line-height:1.3}.sp-detail-head span{color:var(--ts-muted)}.sp-detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sp-detail-pair figure{margin:0}.sp-detail-pair img{width:100%;height:60vh;max-height:640px;object-fit:contain;border-radius:12px;background:var(--ts-surface)}.sp-detail-pair figure:first-child img{border:1px solid var(--ts-border);background:var(--ts-card)}.sp-detail-pair figcaption{margin-top:8px;text-align:center;font-size:14px;color:var(--ts-muted)}.sp-detail-foot{display:flex;align-items:center;gap:12px}.sp-icon-button{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ts-control-border);border-radius:var(--ts-radius-control);background:var(--ts-card);cursor:pointer;transition:background-color .15s var(--ts-ease)}.sp-icon-button:hover{background:var(--ts-surface)}.sp-detail-count{font-size:14px;color:var(--ts-muted)}.sp-detail-cta{margin-left:auto}.sp-section{margin-top:var(--ts-section-gap, 80px);padding-top:var(--ts-section-gap, 80px);border-top:1px solid var(--ts-border)}.sp-section-head{max-width:var(--ts-reading-width);margin-bottom:40px}.sp-anatomy{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center}.sp-anatomy-figure{position:relative;justify-self:center;width:100%;max-width:460px;padding:16px;border:1px solid var(--ts-border);border-radius:16px;background:var(--ts-card)}.sp-anatomy-figure img{width:100%;height:auto}.sp-pin{position:absolute;width:32px;height:32px;padding:0;border:2px solid var(--ts-card);border-radius:50%;background:var(--ts-primary);color:var(--ts-on-primary);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #080b114d;transform:translate(-50%,-50%);transition:transform .2s var(--ts-ease),background-color .2s var(--ts-ease),color .2s var(--ts-ease)}.sp-pin:before{content:"";position:absolute;inset:-8px}.sp-pin[aria-pressed=true]{background:var(--ts-accent);color:var(--ts-on-accent);transform:translate(-50%,-50%) scale(1.15)}.sp-traits{display:grid;gap:4px;margin:32px 0 0;padding:0;list-style:none}.sp-trait{display:grid;grid-template-columns:28px 1fr;gap:16px;padding:14px 16px;border-radius:12px;transition:background-color .2s var(--ts-ease)}.sp-trait[data-active=true]{background:var(--ts-surface)}.sp-trait-number{width:28px;height:28px;border-radius:50%;background:var(--ts-primary);color:var(--ts-on-primary);font-size:13px;font-weight:600;line-height:28px;text-align:center;transition:background-color .2s var(--ts-ease),color .2s var(--ts-ease)}.sp-trait[data-active=true] .sp-trait-number{background:var(--ts-accent);color:var(--ts-on-accent)}.sp-trait h3{font-size:16px;font-weight:600;line-height:1.5}.sp-trait p{margin-top:2px;font-size:15px;color:var(--ts-muted)}.sp-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sp-compare{overflow:hidden;border:1px solid var(--ts-border);border-radius:16px;background:var(--ts-card)}.sp-compare-images{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ts-border)}.sp-compare-images figure{margin:0;padding:24px 24px 16px}.sp-compare-images figure+figure{border-left:1px solid var(--ts-border)}.sp-compare-images img{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:contain}.sp-compare-images figcaption{margin-top:8px;text-align:center;font-size:13px;font-weight:500;color:var(--ts-muted)}.sp-compare-images figure+figure figcaption{color:var(--ts-text)}.sp-compare-body{padding:16px 24px 20px}.sp-compare-body h3,.sp-personal-copy h3,.sp-placement-copy h3,.sp-related h3{font-size:20px;font-weight:600;line-height:1.3}.sp-compare-body p{margin-top:4px;font-size:15px;color:var(--ts-muted)}.sp-table-wrap{margin-top:32px;overflow-x:auto;border:1px solid var(--ts-border);border-radius:16px;background:var(--ts-card)}.sp-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:15px}.sp-table th,.sp-table td{padding:14px 20px;text-align:left;vertical-align:top}.sp-table tbody tr{border-top:1px solid var(--ts-border)}.sp-table thead{background:var(--ts-surface)}.sp-table thead th{font-size:14px;font-weight:600}.sp-table thead td{width:16%}.sp-table thead th{width:42%}.sp-table tbody th{font-weight:600}.sp-table tbody td:last-child{background:var(--ts-accent-soft)}.sp-motif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sp-motif-card{overflow:hidden;border:1px solid var(--ts-border);border-radius:16px;background:var(--ts-card)}.sp-motif-images{display:flex;gap:8px;padding:16px}.sp-motif-images img{flex:1;width:0;min-width:0;height:280px;object-fit:contain}.sp-motif-card:not(:has(.sp-motif-images)){grid-column:1 / -1;order:1;border-color:transparent;background:var(--ts-surface)}.sp-motif-copy{padding:20px}.sp-motif-copy h3{font-size:20px;font-weight:600;line-height:1.3}.sp-motif-copy p{margin-top:12px;font-size:15px;color:var(--ts-muted)}.sp-motif-copy .sp-motif-caption{font-size:14px;font-style:italic}.sp-motif-meanings{margin-top:32px}.sp-motif-note{font-size:14px;color:var(--ts-muted)}.sp-motif-meanings .sp-table-wrap{margin-top:16px}.sp-motif-table thead th{width:50%}.sp-motif-table tbody td:last-child{background:transparent}@media(max-width:767px){.sp-motif-images img{height:220px}.sp-motif-section .sp-motif-table{min-width:0}}@media(max-width:1023px){.sp-motif-grid{grid-template-columns:minmax(0,1fr)}}.sp-personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sp-personal-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ts-border);border-radius:16px;background:var(--ts-card)}.sp-personal-images{display:flex;gap:8px;padding:16px 16px 0}.sp-personal-images img{flex:1;min-width:0;height:auto;aspect-ratio:2 / 3;object-fit:contain;border-radius:10px}.sp-personal-copy{padding:20px}.sp-personal-copy ul{display:grid;gap:6px;margin-top:12px;padding-left:18px;list-style:disc;font-size:15px;color:var(--ts-muted)}.sp-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;margin-bottom:24px;padding:4px;border-radius:14px;background:var(--ts-surface)}.sp-tab{height:40px;padding:0 16px;border:0;border-radius:10px;background:transparent;font-size:14px;font-weight:500;color:var(--ts-muted);cursor:pointer;transition:background-color .2s var(--ts-ease),color .2s var(--ts-ease)}.sp-tab span{margin-left:6px;opacity:.7}.sp-tab[aria-selected=true]{background:var(--ts-card);color:var(--ts-text);box-shadow:var(--ts-shadow-card)}.sp-placement{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}.sp-placement-copy p{margin-top:12px;color:var(--ts-muted)}.sp-placement-copy strong{font-weight:600;color:var(--ts-text)}.sp-placement-copy .sp-placement-note{margin-top:24px;padding-top:16px;border-top:1px solid var(--ts-border);font-size:14px}.sp-placement-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px) / 3);gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;animation:sp-fade-in .24s var(--ts-ease)}.sp-placement-row figure{margin:0;scroll-snap-align:start}.sp-placement-row img{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;border-radius:16px;background:var(--ts-surface)}.sp-placement-row figcaption{margin-top:8px;font-size:14px;color:var(--ts-muted)}@keyframes sp-fade-in{0%{opacity:0}}.sp-faq-title{margin-bottom:24px;text-align:center}.sp-faq{max-width:var(--ts-reading-width);margin-inline:auto}.sp-cta{margin-top:0}.sp-related{margin-top:48px}.sp-related h3{margin-bottom:16px}.sp-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.sp-related-card{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid var(--ts-border);border-radius:16px;background:var(--ts-card);transition:border-color .18s var(--ts-ease),box-shadow .24s var(--ts-ease),transform .24s var(--ts-ease)}@media(hover:hover){.sp-related-card:hover{border-color:var(--ts-border-hover);box-shadow:var(--ts-shadow-card-hover);transform:translateY(-2px)}}.sp-related-card img{flex:none;width:72px;height:72px;object-fit:contain;border-radius:10px}.sp-related-card strong{display:block;font-weight:600}.sp-related-card span span{font-size:14px;color:var(--ts-muted)}@media(max-width:1023px){.sp-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-anatomy,.sp-placement{grid-template-columns:minmax(0,1fr);gap:40px}.sp-personal-grid{grid-template-columns:minmax(0,1fr)}.sp-personal-card{flex-direction:row}.sp-personal-images{width:45%;padding:16px}}@media(max-width:767px){.sp-lead{font-size:16px}.sp-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-inline:-24px;padding-inline:24px;scrollbar-width:none}.sp-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.sp-card-design{padding:8px}.sp-card-inset{right:6px;bottom:6px;border-width:2px;border-radius:8px}.sp-card-meta{padding-inline:0;font-size:14px}.sp-section{margin-top:48px;padding-top:48px}.sp-section-head{margin-bottom:24px}.sp-anatomy-figure{max-width:360px}.sp-compare-grid{grid-template-columns:minmax(0,1fr);gap:16px}.sp-compare-images figure{padding:16px 12px 12px}.sp-table{font-size:14px}.sp-table{min-width:520px}.sp-table th,.sp-table td{padding:12px}.sp-personal-card{flex-direction:column}.sp-personal-images{width:auto;padding:16px 16px 0}.sp-placement-row{grid-auto-columns:70%}.sp-detail-pair{gap:8px}.sp-detail-pair img{height:44vh}.sp-detail-foot{flex-wrap:wrap}.sp-detail-cta{width:100%;margin-left:0;white-space:normal}.sp-related-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.sp-card-media,.sp-card-design,.sp-card-inset,.sp-pin,.sp-related-card{transition:none}.sp-card:hover .sp-card-media,.sp-card:hover .sp-card-design,.sp-card:hover .sp-card-inset,.sp-related-card:hover{transform:none}.sp-placement-row{animation:none}}.sp-card-inset[data-orientation=landscape]{width:46%;aspect-ratio:4 / 3}.sp-loupe-source{position:relative}.sp-loupe-source>img{display:block}.sp-loupe-mark{position:absolute;inset:0;z-index:1;pointer-events:none}.sp-loupe-mark[data-active=true]{z-index:2}.sp-loupe-marker{position:absolute;aspect-ratio:1;border:1.5px solid rgb(8 11 17 / 70%);border-radius:50%;box-shadow:0 0 0 1px #fff;transform:translate(-50%,-50%);transition:transform .2s var(--ts-ease),border-color .2s var(--ts-ease)}.sp-loupe-marker[data-active=true]{border:3px solid var(--ts-accent);transform:translate(-50%,-50%) scale(1.05);z-index:2}.sp-loupe-mark .sp-pin{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--ts-primary);background:var(--ts-card);color:var(--ts-primary);font-size:12px;font-weight:600;line-height:1;box-shadow:none;transform:translate(-50%,-50%);z-index:3;cursor:default}.sp-loupe-mark[data-active=true] .sp-pin{background:var(--ts-accent);color:var(--ts-on-accent)}.sp-loupes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.sp-loupe img{display:block;width:min(160px,28vw);max-width:100%;aspect-ratio:1;border:1px solid var(--ts-border);border-radius:50%;object-fit:cover}.sp-loupe h3{margin-top:12px;font-size:16px;font-weight:600}.sp-loupe p{margin-top:4px;color:var(--ts-muted);font-size:15px}.sp-loupe:focus-visible{outline:2px solid var(--ts-focus);outline-offset:3px;border-radius:8px}.sp-facts .sp-trait{display:block;border-left:3px solid var(--ts-accent);border-radius:0}.sp-pairs-lead{margin-bottom:32px}.sp-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sp-notes-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-lead a,.sp-note a{text-decoration:underline;text-underline-offset:4px}.sp-lead a:hover,.sp-note a:hover{text-decoration-thickness:2px}.sp-note{background:var(--ts-card);border:1px solid var(--ts-border);border-radius:16px;padding:24px}.sp-note h3{font-size:16px;font-weight:600}.sp-note p{margin-top:8px;color:var(--ts-muted)}@media(max-width:767px){.sp-loupes{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-notes-grid,.sp-notes-grid-3{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.sp-loupe-marker{transition:none}}