.journal-page{--bg:#080d11;--panel:#11171c;--text:#e1e4e8;--muted:#d6bbae;--gold:#dfbc3d;--peach:#ffad82;background:var(--bg);color:var(--text);min-height:100vh}.jr-header{height:157px;max-width:1440px;margin:auto;position:relative;background:#0e1318;border-bottom:1px solid rgba(223,188,61,.12)}.jr-logo{position:absolute;left:70px;top:5px;width:130px;height:130px}.jr-logo img{width:100%;height:100%;object-fit:contain}.jr-header nav{position:absolute;left:617px;right:0;top:53px;height:81px;padding:0 80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(223,188,61,.12);font-size:14px;color:var(--muted)}.jr-header nav>a:first-child{color:var(--peach)}.jr-profile{width:32px;height:32px;display:grid;place-items:center;border-radius:12px;background:var(--peach)}.jr-profile img{width:12px}.journal-page main,.jr-footer{width:min(1280px,100%);margin:auto}.journal-page main{background:#11171c}.journal-hero{height:485px;padding:95px 70px 0;text-align:center;background:radial-gradient(circle at 50% 15%,rgba(93,69,57,.12),transparent 50%),#151a1f}.archive-pill{display:inline-block;padding:7px 18px;border:1px solid rgba(255,173,130,.25);border-radius:10px;color:var(--peach);font:700 12px "Libre Caslon Text",serif;letter-spacing:1.4px}.journal-hero h1{position:static;margin:38px 0 25px;font:700 54px "Libre Caslon Text",serif}.journal-hero p{margin:0;color:var(--muted);font-size:16px;line-height:25px}.journal-tabs{height:58px;margin-top:43px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;background:#10161b;border-top:1px solid rgba(223,188,61,.1);border-bottom:1px solid rgba(223,188,61,.1);box-shadow:0 12px 24px rgba(0,0,0,.18)}.journal-tabs button{height:100%;border:0;background:transparent;color:var(--muted);font:700 12px "Libre Caslon Text",serif}.journal-tabs .active{color:var(--peach)}.record-grid{padding:50px 70px 65px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:#10161b}.record{height:465px;position:relative;overflow:hidden;border:1px solid rgba(223,188,61,.12);border-radius:7px;background:#171d22}.record .category{position:absolute;z-index:3;left:20px;top:18px;padding:5px 10px;border:1px solid rgba(255,173,130,.3);background:rgba(12,18,22,.72);color:var(--peach);font:10px "Libre Caslon Text",serif;letter-spacing:.7px}.record-image{height:220px;background-size:cover;background-position:center;filter:grayscale(1) brightness(.45)}.legacy .record-image{background-image:url('/images/figma/image-02.jpg')}.character .record-image{background-image:url('/images/figma/character-umro.png')}.strength .record-image{background-image:url('/images/figma/character-hamza.png')}.road .record-image{background-image:url('/images/figma/world-fort.png')}.record-body{padding:22px}.record-body small{color:rgba(255,173,130,.58);font:10px "Libre Caslon Text",serif;letter-spacing:1px}.record-body h2{margin:18px 0 14px;font-size:23px;line-height:29px;font-weight:400}.record-body p{margin:0;color:var(--muted);font-size:15px;line-height:22px}.record-body>a:not(.field){position:absolute;left:22px;bottom:22px;color:var(--peach);font:700 13px "Libre Caslon Text",serif}.text-record{height:390px}.text-record>b{position:absolute;right:22px;top:20px;color:rgba(255,173,130,.6);font-size:24px}.text-record .record-body{padding-top:82px}.text-record .record-body h2{font-size:23px}.field{position:absolute;left:22px;right:22px;bottom:22px;padding:14px;border:1px solid rgba(255,173,130,.22);color:var(--peach);font:700 12px "Libre Caslon Text",serif}.field i{float:right;font-style:normal;font-size:18px}.jr-footer{padding:90px 80px 45px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;border-top:1px solid rgba(86,67,56,.18);background:#080d11}.jr-footer img{width:64px;height:64px;object-fit:contain}.jr-footer p{width:290px;color:var(--muted);font:14px/22px "Libre Caslon Text",serif}.jr-footer h3{margin:0 0 20px;color:var(--gold);font-size:22px}.jr-footer a{display:block;margin:12px 0;color:var(--muted);font-family:"Libre Caslon Text",serif}.jr-footer small{grid-column:1/4;margin-top:58px;padding-top:28px;text-align:center;border-top:1px solid rgba(86,67,56,.18);color:var(--muted)}
@media(max-width:900px){.jr-header{height:92px}.jr-logo{left:20px;top:6px;width:80px;height:80px}.jr-header nav{left:auto;right:20px;top:30px;height:auto;padding:0;border:0}.jr-header nav>a:not(.jr-profile){display:none}.journal-hero{height:auto;padding:65px 24px 35px}.journal-hero h1{font-size:42px}.journal-hero p br{display:none}.journal-tabs{height:auto;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:8px;overflow:visible}.journal-tabs button{width:100%;min-height:44px;height:auto;padding:8px 5px;white-space:normal;line-height:1.25}.record-grid{padding:35px 24px 60px;grid-template-columns:1fr;gap:18px}.record,.text-record{height:430px}.record-image{height:195px}.jr-footer{padding:70px 24px 40px;grid-template-columns:1fr}.jr-footer small{grid-column:1}}
@media(max-width:420px){.journal-hero{padding-left:16px;padding-right:16px}.journal-tabs{grid-template-columns:1fr}.record-grid{padding-left:16px;padding-right:16px}.jr-footer{padding-left:16px;padding-right:16px}}
.journal-result-count{margin:10px 0 0;color:rgba(255,173,130,.72)!important;font:11px/18px "Roboto Mono",monospace!important}.record[hidden]{display:none!important}.journal-empty{grid-column:1/-1;margin:30px 0;padding:32px;border:1px solid rgba(223,188,61,.14);border-radius:7px;text-align:center;color:var(--muted)}.journal-empty[hidden]{display:none!important}.journal-tabs button{cursor:pointer}.journal-tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}
@media(min-width:901px) and (max-width:1100px){.record-grid{padding:45px 48px 65px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.record,.text-record{height:auto;min-height:480px}.record-body{padding-bottom:72px}}
@media(max-width:900px){.record,.text-record{height:auto;min-height:430px}.record-body{padding-bottom:72px}}

/* Content-safe journal cards: summaries and actions must never overlap or clip. */
.record-grid{align-items:stretch}
.record,.text-record{height:auto;min-height:520px;display:flex;flex-direction:column}
.record-image{flex:0 0 220px}
.record-body{min-width:0;flex:1;padding:22px;display:flex;flex-direction:column}
.record-body small{line-height:1.6}
.record-body p{margin:0 0 24px}
.record-body>a:not(.field),.field{position:static;align-self:stretch;margin-top:auto}
.record-body>a:not(.field){align-self:flex-start}
.text-record{min-height:390px}
@media(min-width:901px) and (max-width:1100px){.record,.text-record{min-height:480px}.record-body{padding-bottom:22px}}
@media(max-width:900px){.record,.text-record{min-height:430px}.record-image{flex-basis:195px}.record-body{padding-bottom:22px}}