/* Reynslusaga → færsla (2026-10-21) — js/testimonialpost.js */
.tp-overlay{position:fixed;inset:0;z-index:9000;background:rgba(61,61,61,.55);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:16px;box-sizing:border-box}
.tp-panel{background:#FFFFFF;width:100%;max-width:420px;border-radius:16px;padding:18px 16px 20px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;margin:auto 0}
.tp-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tp-top h3{margin:0;font-size:18px;color:#000000}
.tp-x{width:44px;height:44px;border:0;background:transparent;font-size:20px;color:#3D3D3D;cursor:pointer;border-radius:10px}
.tp-x:hover{background:#F4ECE6}
.tp-lbl{font-weight:700;font-size:14px;color:#000000}
#tp-headline{width:100%;box-sizing:border-box;font:inherit;font-size:16px;line-height:1.35;padding:10px 12px;border:1.5px solid #758F60;border-radius:10px;resize:vertical;color:#000000}
.tp-hint{margin:0;font-size:12.5px;color:#3D3D3D;line-height:1.4}
.tp-fmt{display:flex;gap:8px}
.tp-fmt button{flex:1;min-height:44px;border:1.5px solid #757263;background:#FFFFFF;color:#3D3D3D;border-radius:10px;font:inherit;font-size:14px;cursor:pointer}
.tp-fmt button[aria-pressed="true"]{background:#757263;color:#FFFFFF}
.tp-preview{width:100%;max-width:360px;align-self:center;overflow:hidden;box-shadow:0 2px 14px rgba(61,61,61,.18)}
.tp-scale{width:360px;transform-origin:0 0}
.tp-actions{display:flex;gap:10px}
.tp-actions button{flex:1;min-height:46px}
.tp-offscreen{position:fixed;left:-10000px;top:0;pointer-events:none}

/* The post itself — 360 px wide, exported at scale 3.
   2026-10-21: no landscape; big player photo and big testimonial. */
.tp-card{width:360px;background:#FFFFFF;display:flex;flex-direction:column;overflow:hidden;font-family:system-ui,-apple-system,'Helvetica Neue',sans-serif;color:#3D3D3D;box-sizing:border-box}
.tp-feed{height:450px}
.tp-story{height:640px}
.tp-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 22px 0}
.tp-story .tp-bar{padding-top:40px}
.tp-logo{display:block;height:38px;width:auto}
.tp-story .tp-logo{height:54px}
.tp-tag{text-align:right;display:flex;flex-direction:column}
.tp-tag b{font-size:10px;color:#000000}
.tp-tag span{font-size:8.5px;color:#3D3D3D}
.tp-intro{flex:none;display:flex;align-items:center;gap:14px;padding:10px 22px 0}
.tp-story .tp-intro{padding-top:26px;gap:16px}
.tp-photo{flex:none;width:92px;height:92px;background:#E1CCBE;overflow:hidden}
.tp-story .tp-photo{width:130px;height:130px}
.tp-photo img{display:block;width:100%;height:100%;object-fit:cover}
.tp-head{margin:0;font-size:20px;line-height:1.12;font-weight:800;color:#000000;letter-spacing:-.2px;white-space:pre-line}
.tp-story .tp-head{font-size:30px}
.tp-story.tp-has-photo .tp-head{font-size:24px}
.tp-body{flex:1 1 auto;min-height:0;padding:10px 22px 6px;display:flex;flex-direction:column;gap:5px}
.tp-story .tp-body{padding-top:22px;gap:9px}
.tp-quote{overflow:hidden;margin:0;background:#F4ECE6;padding:14px 16px;display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:0}
.tp-quote blockquote{margin:0;font-size:15px;line-height:1.45;color:#000000}
.tp-story .tp-quote blockquote{font-size:19px}
.tp-quote figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.tp-who{min-width:0;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#000000}
.tp-story .tp-who{font-size:13px}
.tp-who .tm-av{width:26px;height:26px;border-radius:0;font-size:12px}
.tp-rate{display:flex;align-items:center;gap:5px}
.tp-rate small{font-size:7px;line-height:1.25;text-align:right;white-space:pre-line;color:#3D3D3D}
.tp-rate b{background:#758F60;color:#FFFFFF;font-size:16px;font-weight:800;padding:4px 7px;line-height:1}
.tp-fine{margin:0;font-size:6.5px;font-weight:300;color:#3D3D3D;flex:none}
.tp-cta{flex:none;background:#757263;color:#FFFFFF;padding:11px 22px 13px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.tp-story .tp-cta{flex-direction:column;align-items:flex-start;padding:16px 22px 30px;gap:6px}
.tp-cta > b{font-size:14px;font-weight:800;white-space:nowrap}
.tp-story .tp-cta > b{font-size:19px}
.tp-cta span{font-size:12.5px;text-align:left;white-space:nowrap}
.tp-story .tp-cta span{font-size:15px;white-space:normal}
.tp-cta .tp-word{white-space:nowrap;font-size:inherit;font-weight:700;background:#FFFFFF;color:#000000;padding:2px 6px}

/* Guide list: post button next to "Afrita texta" */
.tm-g-actions{display:flex;gap:8px;flex-wrap:wrap}