.tc-detail{max-width:656px;margin:0 auto;padding:24px 16px 48px}.tc-breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--saju-ink-dim);margin-bottom:20px;flex-wrap:wrap}.tc-breadcrumb a{color:var(--saju-ink-dim);text-decoration:none}.tc-breadcrumb a:hover{color:var(--saju-accent)}.tc-breadcrumb__sep{color:var(--saju-ink-dim);opacity:.5}.tc-hero{display:flex;gap:20px;align-items:flex-start;margin-bottom:28px}.tc-hero__visual{flex-shrink:0;width:120px;height:180px;border-radius:12px;overflow:hidden;background:var(--saju-ink);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000026}.tc-hero__visual img{width:100%;height:100%;object-fit:cover}.tc-hero__emoji{font-size:48px;line-height:1}.tc-hero__info{flex:1;min-width:0}.tc-hero__numeral{font-size:var(--fs-xs);color:var(--saju-ink-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.tc-hero__name-th{font-family:var(--font-thai);font-size:var(--fs-4xl);font-weight:700;color:var(--saju-ink);line-height:1.3;margin-bottom:2px}.tc-hero__name-en{font-size:var(--fs-sm);color:var(--saju-ink-dim);margin-bottom:12px}.tc-hero__element{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);padding:4px 10px;border-radius:100px;font-weight:500}.tc-hero__keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tc-hero__kw{font-size:var(--fs-2xs);color:var(--saju-ink-dim);background:var(--saju-cream-dim);padding:3px 8px;border-radius:100px}.tc-section{margin-bottom:28px}.tc-section__title{font-family:var(--font-thai);font-size:var(--fs-lg);font-weight:700;color:var(--saju-ink);margin-bottom:10px;display:flex;align-items:center;gap:8px}.tc-section__body{font-size:var(--fs-base);color:var(--saju-ink);line-height:1.75}.tc-section--upright{background:#3a8a500d;border:1px solid rgba(58,138,80,.12);border-radius:12px;padding:18px 16px}.tc-section--upright .tc-section__title{color:#3a8a50}.tc-section--reversed{background:#d94f300d;border:1px solid rgba(217,79,48,.12);border-radius:12px;padding:18px 16px}.tc-section--reversed .tc-section__title{color:#d94f30}.tc-categories{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.tc-cat-card{background:var(--saju-cream-card);border:1px solid var(--saju-border-light);border-radius:12px;padding:14px}.tc-cat-card__title{font-size:var(--fs-sm);font-weight:600;color:var(--saju-ink);margin-bottom:6px;display:flex;align-items:center;gap:5px}.tc-cat-card__body{font-size:var(--fs-xs);color:var(--saju-ink-dim);line-height:1.65}.tc-related{margin-bottom:28px}.tc-related__title{font-size:var(--fs-lg);font-weight:700;color:var(--saju-ink);margin-bottom:12px}.tc-related__grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.tc-related__card{flex-shrink:0;width:90px;text-decoration:none;text-align:center}.tc-related__card-img{width:90px;height:130px;border-radius:8px;overflow:hidden;background:var(--saju-ink);display:flex;align-items:center;justify-content:center;margin-bottom:6px;box-shadow:0 2px 8px #0000001a}.tc-related__card-img img{width:100%;height:100%;object-fit:cover}.tc-related__card-emoji{font-size:32px}.tc-related__card-name{font-size:var(--fs-2xs);color:var(--saju-ink-dim);line-height:1.3}.tc-cta{background:var(--saju-ink);color:var(--saju-bg);border-radius:16px;padding:24px 20px;text-align:center;margin-bottom:28px}.tc-cta__title{font-size:var(--fs-xl);font-weight:700;margin-bottom:8px}.tc-cta__sub{font-size:var(--fs-sm);color:var(--saju-cream-dim);margin-bottom:16px}.tc-cta__btn{display:inline-block;background:var(--saju-accent);color:#fff;font-size:var(--fs-base);font-weight:600;padding:10px 24px;border-radius:100px;text-decoration:none;transition:opacity .2s}.tc-cta__btn:hover{opacity:.85}.tc-gallery{max-width:656px;margin:0 auto;padding:24px 16px 48px}.tc-gallery__title{font-family:var(--font-thai);font-size:var(--fs-4xl);font-weight:700;color:var(--saju-ink);text-align:center;margin-bottom:6px}.tc-gallery__sub{font-size:var(--fs-sm);color:var(--saju-ink-dim);text-align:center;margin-bottom:24px}.tc-filter{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.tc-filter__pill{font-size:var(--fs-xs);padding:5px 12px;border-radius:100px;border:1px solid var(--saju-border-light);background:transparent;color:var(--saju-ink-dim);cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s,opacity .2s;font-family:var(--font-thai)}.tc-filter__pill--active{background:var(--saju-ink);color:var(--saju-bg);border-color:var(--saju-ink)}.tc-filter__pill--active[data-element=wood]{background:#3a8a50;border-color:#3a8a50;color:#fff}.tc-filter__pill--active[data-element=fire]{background:#d94f30;border-color:#d94f30;color:#fff}.tc-filter__pill--active[data-element=earth]{background:#c09030;border-color:#c09030;color:#fff}.tc-filter__pill--active[data-element=metal]{background:#6a7a8a;border-color:#6a7a8a;color:#fff}.tc-filter__pill--active[data-element=water]{background:#3a6aaa;border-color:#3a6aaa;color:#fff}.tc-filter__pill:not(.tc-filter__pill--active):hover{background:var(--saju-cream-dim);border-color:var(--saju-ink-dim)}.tc-suit{margin-bottom:16px;border:1px solid var(--saju-border-light);border-radius:12px;overflow:hidden}.tc-suit__header{display:flex;align-items:center;gap:8px;padding:14px 16px;cursor:pointer;list-style:none;background:var(--saju-cream-card);transition:background .2s}.tc-suit__header::-webkit-details-marker{display:none}.tc-suit__header:hover{background:var(--saju-cream-dim)}.tc-suit__title{font-size:var(--fs-base);font-weight:700;color:var(--saju-ink);margin:0;flex:1}.tc-suit__count{font-size:var(--fs-xs);color:var(--saju-ink-dim)}.tc-suit__chevron{font-size:var(--fs-lg);color:var(--saju-ink-dim);transition:transform .2s}.tc-suit[open]>.tc-suit__header .tc-suit__chevron{transform:rotate(90deg)}.tc-suit__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:14px 16px 20px}.tc-card-link{--_el-color: var(--saju-ink-dim);text-decoration:none;background:var(--saju-cream-card);border:1px solid var(--saju-border-light);border-radius:14px;padding:14px 10px 12px;text-align:center;transition:box-shadow .2s,transform .15s;border-top:3px solid var(--_el-color)}.tc-card-link[data-element=wood]{--_el-color: #4ade80}.tc-card-link[data-element=fire]{--_el-color: #f87171}.tc-card-link[data-element=earth]{--_el-color: #fbbf24}.tc-card-link[data-element=metal]{--_el-color: #e2e8f0}.tc-card-link[data-element=water]{--_el-color: #60a5fa}.tc-card-link:hover{box-shadow:0 8px 24px #0000001f,0 0 0 2px var(--_el-color);transform:translateY(-4px)}.tc-card-link:hover .tc-card-link__img{transform:scale(1.05)}.tc-card-link__img{width:100px;height:150px;border-radius:8px;overflow:hidden;background:var(--saju-ink);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;box-shadow:0 2px 10px #0000001f;transition:transform .25s ease}.tc-card-link__img img{width:100%;height:100%;object-fit:cover}.tc-card-link__emoji{font-size:40px}.tc-card-link__name{font-size:var(--fs-sm);font-weight:600;color:var(--saju-ink);margin-bottom:4px;line-height:1.3}.tc-nav{display:flex;justify-content:space-between;align-items:stretch;gap:12px;margin-bottom:28px}.tc-nav__link{display:flex;align-items:center;gap:8px;padding:12px 16px;text-decoration:none;background:var(--saju-cream-card);border:1px solid var(--saju-border-light);border-radius:12px;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s,opacity .2s;flex:1;min-width:0}.tc-nav__link:hover{background:var(--saju-cream-dim);box-shadow:0 2px 8px #0000000f}.tc-nav__link--prev{justify-content:flex-start}.tc-nav__link--next{justify-content:flex-end;text-align:right}.tc-nav__arrow{font-size:var(--fs-lg);color:var(--saju-ink-dim);flex-shrink:0}.tc-nav__label{font-size:var(--fs-2xs);color:var(--saju-ink-dim);display:block;margin-bottom:2px}.tc-nav__name{font-size:var(--fs-sm);font-weight:600;color:var(--saju-ink);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-nav__spacer{flex:1}.tc-share{display:flex;align-items:center;gap:8px;margin-bottom:24px}.tc-share__label{font-size:var(--fs-xs);color:var(--saju-ink-dim);font-weight:500}.tc-share__btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:100px;font-size:var(--fs-xs);font-weight:500;text-decoration:none;border:1px solid var(--saju-border-light);background:var(--saju-cream-card);color:var(--saju-ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s,opacity .2s;font-family:var(--font-thai)}.tc-share__btn:hover{background:var(--saju-cream-dim);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.tc-share__btn--fb{border-color:#1877f233;color:#1877f2}.tc-share__btn--fb:hover{background:#1877f20f}.tc-share__btn--line{border-color:#06c75533;color:#06c755}.tc-share__btn--line:hover{background:#06c7550f}.tc-share__btn--copy{border-color:var(--saju-border-light);color:var(--saju-ink-dim)}.tc-watermark{position:fixed;bottom:12px;right:12px;font-size:10px;color:#3a2e2226;font-weight:600;letter-spacing:.05em;pointer-events:none;z-index:0}.tc-card-link__element-badge{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-2xs);font-weight:600;padding:2px 8px;border-radius:100px;margin-top:4px}.tc-card-link__element-badge[data-el=wood]{color:#3a8a50;background:#3a8a501a}.tc-card-link__element-badge[data-el=fire]{color:#d94f30;background:#d94f301a}.tc-card-link__element-badge[data-el=earth]{color:#c09030;background:#c090301a}.tc-card-link__element-badge[data-el=metal]{color:#6a7a8a;background:#7a8a9a1f}.tc-card-link__element-badge[data-el=water]{color:#3a6aaa;background:#3a6aaa1a}@media(max-width:480px){.tc-hero{flex-direction:column;align-items:center;text-align:center}.tc-hero__keywords{justify-content:center}.tc-categories{grid-template-columns:1fr}.tc-suit__grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.tc-card-link{padding:10px 8px;border-top-width:2px}.tc-card-link__img{width:76px;height:114px}.tc-nav__link{padding:10px 12px}.tc-share{flex-wrap:wrap}}.tc-topic-links{margin:24px 0 32px;text-align:center}.tc-topic-links__title{font-family:var(--font-thai);font-size:var(--fs-sm);color:var(--saju-text-mid);font-weight:300;margin-bottom:12px}.tc-topic-links__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tc-topic-links__pill{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;background:var(--saju-cream-card);border:1px solid var(--saju-border-light);border-radius:20px;color:var(--saju-ink);font-family:var(--font-thai);font-size:var(--fs-sm);font-weight:300;text-decoration:none;transition:border-color .2s var(--saju-ease),transform .15s var(--saju-ease)}.tc-topic-links__pill:hover{border-color:var(--saju-accent);color:var(--saju-accent);transform:translateY(-1px)}.tc-section--overall{background:#c090300d;border:1px solid rgba(192,144,48,.12);border-radius:12px;padding:18px 16px}.tc-section--overall .tc-section__title{color:var(--saju-ink)}.tc-section--saju{background:#3a6aaa0a;border:1px solid rgba(58,106,170,.1);border-radius:12px;padding:18px 16px}.tc-section--saju .tc-section__title{color:var(--saju-ink)}@media(prefers-reduced-motion:reduce){.tc-topic-links__pill{transition:none}}