/* 僅作用於貼文商品頁，沿用網站字體、色彩與頁首頁尾。 */
.scie-social-page .wp-site-blocks > main{padding-top:0!important;padding-bottom:0!important}
.scie-social-page .wp-block-post-content{max-width:none!important;width:100%}
.scie-social{box-sizing:border-box;width:100%;max-width:1240px!important;margin-inline:auto;padding:0 32px;color:var(--scie-ink,#29312f);font-family:var(--wp--preset--font-family--sans,-apple-system,BlinkMacSystemFont,'Noto Sans TC',sans-serif);line-height:1.75}
.scie-social *{box-sizing:border-box}.scie-social a{color:inherit;text-underline-offset:5px}.scie-social a:focus-visible,.scie-social button:focus-visible{outline:3px solid #8b4a3b;outline-offset:5px}.scie-social [hidden]{display:none!important}
.scie-social .scie-social-hero{padding:64px 0 48px;max-width:740px}
.scie-social .scie-social-eyebrow{font-size:11px;letter-spacing:.18em;color:#8b4a3b;margin:0 0 18px}
.scie-social h1{font-family:var(--wp--preset--font-family--serif-zh,'Songti TC',serif);font-size:clamp(36px,5vw,56px);font-weight:500;line-height:1.45;letter-spacing:.03em;margin:0 0 22px}
.scie-social .scie-social-hero>p:last-child{margin:0;color:#6d736b;font-size:15px}
.scie-social-collection{margin-bottom:48px}.scie-social-collection-head{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid #d8d1c5;padding:27px 0 25px}
.scie-social .scie-social-collection-head h2{font-family:var(--wp--preset--font-family--serif-zh,'Songti TC',serif);font-size:26px;font-weight:500;line-height:1.45;margin:6px 0}
.scie-social .scie-social-collection-head p{font-size:13px;color:#6d736b;margin:0}
.scie-social-filters{display:flex;gap:7px;flex-wrap:wrap}.scie-social .scie-social-filters button{font:inherit;cursor:pointer;border:1px solid #d8d1c5;border-radius:25px;background:transparent;padding:8px 15px;font-size:12px;color:#29312f;min-height:42px}
.scie-social .scie-social-filters button[aria-pressed=true]{background:#29312f;color:#fff}
.scie-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}
.scie-social-card{min-width:0;display:flex;flex-direction:column;border-bottom:1px solid #d8d1c5;padding-bottom:24px}
.scie-social .scie-social-photo{display:block;background:#fbfaf7;aspect-ratio:1/1;overflow:hidden}
.scie-social .scie-social-photo img{display:block;width:100%;height:100%;object-fit:contain;margin:0;max-width:100%}
.scie-social .scie-social-tag{font-size:11px;letter-spacing:.08em;color:#8b4a3b;margin:19px 0 8px}
.scie-social .scie-social-card h3{font:500 18px/1.6 var(--wp--preset--font-family--sans,-apple-system,BlinkMacSystemFont,'Noto Sans TC',sans-serif);margin:0 0 10px}
.scie-social .scie-social-description{font-size:14px;color:#6d736b;margin:0 0 20px}
.scie-social .scie-social-action{margin-top:auto;display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-size:13px;padding:11px 0 0;min-height:44px}.scie-social-action span:last-child{font-size:23px}
.scie-social .scie-social-count{font-size:12px;color:#6d736b;margin:20px 0 0}
.scie-social-routes{margin:55px 0 64px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.scie-social-routes>a{background:#e8e3d8;padding:25px;text-decoration:none}
.scie-social .scie-social-routes h2{font-family:var(--wp--preset--font-family--serif-zh,'Songti TC',serif);font-size:22px;font-weight:500;line-height:1.5;margin:0 0 13px}
.scie-social .scie-social-routes p{font-size:13px;color:#6d736b;margin:0}
@media(max-width:800px){.scie-social{padding:0 24px}.scie-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.scie-social-collection-head{display:block}.scie-social-filters{margin-top:19px}.scie-social .scie-social-hero{padding:42px 0 35px}}
@media(max-width:480px){.scie-social{padding:0 20px}.scie-social-grid{grid-template-columns:1fr;gap:30px}.scie-social-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 17px;padding-bottom:22px;align-items:start}.scie-social-photo{grid-row:1/5;align-self:start}.scie-social .scie-social-tag{margin:0 0 5px;font-size:10px}.scie-social .scie-social-card h3{font-size:16px;margin-bottom:6px}.scie-social .scie-social-description{font-size:13px;margin-bottom:5px}.scie-social .scie-social-action{grid-column:2;font-size:12px;padding:0}.scie-social-routes{grid-template-columns:1fr;gap:12px;margin:35px 0 45px}.scie-social-routes>a{padding:22px}.scie-social h1{font-size:35px}.scie-social .scie-social-hero>p:last-child{font-size:14px}.scie-social .scie-social-collection-head h2{font-size:23px}}
