/* TrustFem — tips */
body.tips-page{background:#FBF7F4}
.tips-page{--ink:#1C1433;--ink-2:#4E4668;--muted:#8C84A6;--line:rgba(28,20,51,.08);--accent:#6A4CF0;--rose:#E2366B;--r:22px;--shadow:0 1px 1px rgba(28,20,51,.03),0 10px 28px -14px rgba(60,40,120,.18)}
.tp-hero{background:radial-gradient(120% 140% at 0% 0%,#FFE0D2 0%,#FFD1DC 40%,#E9E2FF 100%);padding:44px 16px 48px}
.tp-hero.sm{padding:30px 16px 34px}
.tp-hero-in{max-width:1120px;margin:0 auto}
.tp-hero h1{font:650 clamp(2rem,5vw,3.2rem)/1.05 var(--f-display);color:var(--ink);margin:0 0 12px;letter-spacing:-.02em;max-width:22ch}
.tp-hero.sm h1{font-size:clamp(1.7rem,3.8vw,2.5rem)}
.tp-hero p{margin:0 0 20px;max-width:60ch;color:var(--ink-2);font-size:1.05rem} .tp-hero.sm p{margin:0}
.tp-hero-ico{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff;color:var(--rose);font-size:1.3rem;margin-bottom:14px;box-shadow:0 8px 20px -10px rgba(226,54,107,.6)}
.tp-wrap{max-width:1120px!important;padding-top:26px;padding-bottom:56px}
.tp-group{margin-bottom:30px} .tp-group > h2{font:650 1.4rem var(--f-display);color:var(--ink);margin:0 0 12px}
.tp-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.tp-topic{display:flex;gap:14px;align-items:center;padding:14px 16px;background:#fff;border-radius:18px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.tp-topic:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--accent),var(--shadow)}
.tp-ico{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;background:#FFEDF2;color:var(--rose)}
.tp-topic b{display:block;font-size:.96rem} .tp-topic small{color:var(--muted);font-size:.8rem;font-weight:600}
.tp-two{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.tp-research > h2,.tp-c-head h2{font:650 1.5rem var(--f-display);color:var(--ink);margin:0 0 14px}
.tp-cur{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cur{position:relative;background:#fff;border-radius:var(--r);padding:20px 20px 18px;box-shadow:var(--shadow);border-top:4px solid var(--evc,#C9BEFF)}
.cur .ev{display:inline-block;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--evb,#EEE9FE);color:var(--evt,#4B37C2)}
.cur h3{font:800 1.04rem/1.3 var(--f-text);color:var(--ink);margin:10px 0 6px;letter-spacing:-.01em}
.cur p{margin:0;font-size:.92rem;line-height:1.6;color:var(--ink-2)}
.cur-src{display:inline-flex;gap:6px;align-items:center;margin-top:10px;font-size:.82rem;font-weight:700;color:var(--accent);text-decoration:none} .cur-src:hover{text-decoration:underline}
.ev-strong{--evc:#12B5A6;--evb:#D3F6F0;--evt:#0B6E62} .ev-some{--evc:#7C6CF2;--evb:#ECE9FE;--evt:#4B37C2} .ev-small{--evc:#F0A35E;--evb:#FFF0E0;--evt:#9A520F}
.ev-tip{--evc:#FF8FA8;--evb:#FFE6EC;--evt:#B01E43} .ev-doc{--evc:#E2366B;--evb:#FFE1E8;--evt:#A3173F}
.tp-disclaim{margin:12px 0 0;font-size:.82rem;color:var(--muted)} .tp-disclaim i{margin-right:6px}
.tp-community{margin-top:34px}
.tp-c-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.tp-c-head h2 span{font:800 .9rem var(--f-text);color:var(--muted);vertical-align:4px;margin-left:4px}
.tp-sort{display:flex;gap:4px;background:#F1ECF6;border-radius:999px;padding:4px}
.tp-sort a{padding:7px 14px;border-radius:999px;font-weight:700;font-size:.85rem;color:var(--ink-2);text-decoration:none} .tp-sort a.on{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(28,20,51,.1)}
.tp-add{background:#fff;border-radius:var(--r);padding:18px;box-shadow:var(--shadow);margin-bottom:14px}
.tp-add label[for]{display:block;margin-bottom:8px;color:var(--ink)} .tp-add label[for] span{color:var(--muted);font-size:.9rem}
.tp-add textarea{width:100%;border:1.5px solid #E7E0EE;border-radius:14px;padding:12px 14px;font:inherit;resize:vertical;background:#FDFBFF}
.tp-add textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(106,76,240,.15)}
.tp-add-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.tp-list{display:grid;gap:10px}
.tip{background:#fff;border-radius:18px;padding:16px 18px;box-shadow:var(--shadow);scroll-margin-top:90px}
.tip:target{box-shadow:0 0 0 3px var(--accent),var(--shadow)}
.tip-body{font-size:.98rem;line-height:1.6;color:var(--ink)} .tip-body p{margin:0 0 .5em} .tip-body p:last-child{margin:0}
.tip footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:.84rem}
.tip-who{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink-2);text-decoration:none} a.tip-who:hover{color:var(--accent)}
.tip-who .avatar{width:28px!important;height:28px!important;border-radius:50%;object-fit:cover;display:inline-grid}
.tip-when{color:var(--muted)}
.tip-help{margin-left:auto;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;padding:8px 14px;background:#FFF0F4;color:#B01E43;font:700 .84rem var(--f-text);cursor:pointer;transition:background .15s,transform .12s}
.tip-help:hover{background:#FFE1E8} .tip-help:active{transform:scale(.95)} .tip-help:disabled{opacity:.55;cursor:default}
.tip-help.on{background:linear-gradient(135deg,#FF6B8B,#E0315F);color:#fff} .tip-help b{font-variant-numeric:tabular-nums}
.tip .report{font-size:.8rem}
.tp-ctx > a{display:inline-flex;gap:6px;align-items:center;font-size:.8rem;font-weight:800;color:var(--rose);text-decoration:none;margin:0 0 6px 6px}
.tp-empty{display:flex;gap:14px;align-items:center;padding:20px;border-radius:18px;background:repeating-linear-gradient(135deg,#FFF5F8 0 12px,#FFFBFC 12px 24px);color:var(--ink-2)}
.tp-empty i{font-size:1.4rem;color:var(--rose)} .tp-empty p{margin:0}
.tp-rules{margin-top:14px}
.tp-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:84px}
.tp-promo{display:block;padding:18px;border-radius:var(--r);background:linear-gradient(135deg,#2A1F4A,#6A4CF0);color:#fff;text-decoration:none;box-shadow:var(--shadow)}
.tp-promo i{font-size:1.2rem;color:#FFB3C6} .tp-promo b{display:block;margin:10px 0 4px;font-size:1.02rem} .tp-promo span{font-size:.88rem;color:rgba(255,255,255,.85)}
.tp-more{background:#fff;border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
.tp-more h2{font:800 1rem var(--f-text);margin:0 0 10px;color:var(--ink)}
.tp-more ul{list-style:none;padding:0;margin:0 0 8px} .tp-more li a{display:flex;gap:10px;align-items:center;padding:7px 0;color:var(--ink-2);font-weight:600;text-decoration:none;font-size:.92rem} .tp-more li a:hover{color:var(--accent)}
.tp-more li i{width:18px;text-align:center;color:var(--rose)}
.tp-more .pt-link{font-weight:700;color:var(--accent);text-decoration:none;font-size:.9rem}
@media (max-width:900px){.tp-two{grid-template-columns:1fr}.tp-side{position:static}.tp-cur{grid-template-columns:1fr}}