/* Photo-led Pinterest trend guides for UsedItFirst. */
.trend-guide{--accent:#2f6b4f;--accent-dark:#183d2c;--wash:#f3f8f4;--line:#dce7df;max-width:1240px;margin:0 auto;padding:24px 24px 72px}
.trend-guide.theme-rose{--accent:#9c3f5d;--accent-dark:#532133;--wash:#fff5f7;--line:#f0dce2}
.trend-guide.theme-flower{--accent:#8a4d16;--accent-dark:#4c2a0c;--wash:#fff8ed;--line:#f0dfc4}
.trend-guide.theme-fall{--accent:#a3471f;--accent-dark:#55240f;--wash:#fff5ec;--line:#efd9ca}
.trend-guide.theme-iron{--accent:#465545;--accent-dark:#222d23;--wash:#f3f5f1;--line:#dce2d9}
.trend-guide.theme-living{--accent:#a6422f;--accent-dark:#542219;--wash:#fff4ef;--line:#efd8cf}
.skip{position:absolute;top:-80px;left:12px;background:#fff;padding:14px;z-index:100}.skip:focus{top:8px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.trend-hero{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);gap:clamp(28px,5vw,70px);align-items:center;padding:24px 0 46px}
.trend-photo{position:relative;width:100%;max-width:400px;aspect-ratio:4/5;justify-self:center;margin:0;border-radius:24px;overflow:hidden;background:var(--accent-dark);box-shadow:0 22px 48px color-mix(in srgb,var(--accent-dark) 20%,transparent)}
.trend-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.eyebrow,.section-kicker,.pick-label{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}
.trend-hero h1{font-size:clamp(40px,5.2vw,68px);line-height:1;letter-spacing:-.055em;margin:15px 0 20px;max-width:760px}
.trend-hero .lead{font-size:18px;line-height:1.65;color:var(--soft);max-width:650px}
.byline{display:flex;align-items:center;gap:11px;font-size:14px;color:#64748b;margin:20px 0}.byline img{border-radius:50%}.byline a{text-decoration:underline}
.signal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.signal{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--wash)}.signal b{display:block;font-size:15px;color:#253128}.signal span{display:block;font-size:11px;color:#647067;margin-top:4px}
.trend-guide .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 20px;background:var(--accent);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 25%,transparent)}
.micro,.research-note{font-size:12px;color:#6c746e;line-height:1.55}.trend-hero .micro{margin-top:14px}
.jump{display:flex;gap:10px;overflow:auto;padding:15px 0 28px;border-top:1px solid var(--line);scrollbar-width:thin}.jump a{flex:0 0 auto;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--accent-dark);font-size:13px;font-weight:700;text-decoration:none}.jump a:hover{border-color:var(--accent);color:var(--accent)}
.method-strip{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;padding:34px;border-radius:22px;background:linear-gradient(135deg,var(--accent-dark),var(--accent));color:#fff;margin:8px 0 44px}.method-strip h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em;margin:8px 0 12px}.method-strip p{line-height:1.7;color:#edf5ef;margin:0}.method-strip .section-kicker{color:#dcefe1}.date-box{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.08)}.date-box strong{display:block;font-size:16px}.date-box span{font-size:12px;line-height:1.6;color:#edf5ef;margin-top:7px}
.compare{margin:0 0 44px}.compare h2,.path h2,.faq h2{font-size:clamp(29px,3.5vw,42px);line-height:1.1;letter-spacing:-.035em;margin:8px 0 20px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff}.table-wrap table{border-collapse:collapse;width:100%;min-width:720px}.table-wrap th,.table-wrap td{padding:15px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap th{background:var(--wash);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dark)}.table-wrap td{font-size:14px;line-height:1.5}.table-wrap tr:last-child td{border-bottom:0}.table-wrap a{color:var(--accent);font-weight:750}.star-signal{white-space:nowrap;color:#6d5a12;font-weight:750}
.picks{display:grid;gap:18px}.pick-card{display:grid;grid-template-columns:58px 168px minmax(0,1fr) 190px;gap:22px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(31,48,36,.07)}.pick-card:nth-child(even){background:var(--wash)}.pick-no{font-size:48px;line-height:1;font-weight:850;letter-spacing:-.07em;color:color-mix(in srgb,var(--accent) 58%,white)}.pick-product{margin:0;aspect-ratio:1;border:1px solid #e7e7e7;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 7px 20px rgba(15,17,17,.08)}.pick-product a{display:grid;width:100%;height:100%;place-items:center}.pick-product img{display:block;width:100%;height:100%;padding:10px;object-fit:contain;transition:transform .2s ease}.pick-product a:hover img{transform:scale(1.025)}.pick-copy h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.035em;margin:7px 0 8px}.product-name{font-weight:800;color:var(--accent);font-size:17px}.pick-copy>p{line-height:1.65}.fit,.tradeoff{font-size:14px}.pick-action{text-align:center}.pick-action .cta{width:100%}.pick-action .cta[data-buy]{border:1px solid #f2c200;border-radius:999px;background:#ffd814;color:#0f1111;box-shadow:0 2px 5px rgba(15,17,17,.22);font-size:15px;text-shadow:none}.pick-action .cta[data-buy]:hover{border-color:#e7b900;background:#f7ca00}.pick-action .cta[data-buy]:active{background:#f0b800;box-shadow:0 1px 2px rgba(15,17,17,.2)}.pick-action .cta[data-buy]:focus-visible{outline-color:#007185}.pick-action .micro{margin-top:9px}
.path{margin:46px 0 18px;padding:34px;border-radius:22px;background:var(--wash);border:1px solid var(--line)}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.path-card{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line)}.path-card b{display:block;font-size:16px;color:var(--accent-dark)}.path-card p{font-size:14px;line-height:1.6;margin:8px 0 0}
.faq{margin:48px 0 22px}.faq details{border-top:1px solid var(--line);padding:16px 2px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:800;cursor:pointer}.faq details p{max-width:830px;line-height:1.7;color:#4e5a51}
.cluster-nav{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.cluster-nav a{padding:11px 14px;border-radius:999px;background:var(--wash);border:1px solid var(--line);color:var(--accent-dark);font-size:13px;font-weight:700;text-decoration:none}.research-note{padding:20px;border-left:4px solid var(--accent);background:var(--wash);border-radius:0 14px 14px 0}
@media(max-width:980px){.pick-card{grid-template-columns:50px 148px minmax(0,1fr)}.pick-action{grid-column:3;text-align:left;max-width:220px}}
@media(max-width:820px){.trend-hero{grid-template-columns:1fr}.trend-photo{max-width:280px}.signal-row,.path-grid{grid-template-columns:1fr}.method-strip{grid-template-columns:1fr}.trend-guide{padding:14px 16px 54px}}
@media(max-width:620px){.pick-card{grid-template-columns:52px minmax(0,1fr);padding:22px}.pick-product{max-width:180px}.pick-copy{grid-column:1/-1}.pick-action{grid-column:1/-1;max-width:none}.pick-action .cta{width:100%}}
@media(max-width:520px){.trend-hero h1{font-size:40px}.pick-no{font-size:34px}.method-strip,.path{padding:24px}}