/* A page's presentation belongs to its author, not the viewer's site theme. */
html[data-my-page-theme],#rb-my-page{--mp-bg:#eee9df;--mp-panel:#fffcf6;--mp-text:#29261f;--mp-muted:#625d52;--mp-border:#d4ccbd;--mp-accent:#85611e;--mp-soft:#eee4cc;color-scheme:light;max-width:70rem;margin:0 auto;padding:clamp(.65rem,2vw,1.25rem);border-radius:.75rem;background-color:var(--mp-bg);background-size:cover;background-position:center;font:16px/1.55 'Trebuchet MS',Verdana,sans-serif;color:var(--mp-text);isolation:isolate;overflow-wrap:anywhere}
html[data-my-page-theme=midnight],#rb-my-page[data-page-theme=midnight]{--mp-bg:#0b0e12;--mp-panel:#171c23;--mp-text:#f3f4f6;--mp-muted:#b0bac7;--mp-border:#38414d;--mp-accent:#ffdd53;--mp-soft:#333022;color-scheme:dark}
html[data-my-page-theme=ocean],#rb-my-page[data-page-theme=ocean]{--mp-bg:#e4eff1;--mp-panel:#f8fdfd;--mp-text:#18393e;--mp-muted:#47646a;--mp-border:#aecad0;--mp-accent:#126477;--mp-soft:#d8edf0}
html[data-my-page-theme=forest],#rb-my-page[data-page-theme=forest]{--mp-bg:#14251e;--mp-panel:#20362b;--mp-text:#edf3e8;--mp-muted:#b8caba;--mp-border:#4b6755;--mp-accent:#b9db8d;--mp-soft:#324c38;color-scheme:dark}
html[data-my-page-theme=rose],#rb-my-page[data-page-theme=rose]{--mp-bg:#f1e5e5;--mp-panel:#fff9f8;--mp-text:#492b36;--mp-muted:#785763;--mp-border:#d7b8c1;--mp-accent:#953d61;--mp-soft:#f4dde5}
#rb-my-page[data-page-font=editorial]{font-family:Palatino,'Palatino Linotype','Book Antiqua',Georgia,serif}
#rb-my-page[data-page-font=mono]{font-family:'Courier New',monospace}
#rb-my-page :is(h1,h2,h3,p,a,figure,figcaption,button){font-family:inherit;text-shadow:none;letter-spacing:normal}
#rb-my-page :is(h1,h2,h3){color:var(--mp-text);background:none;margin:0;line-height:1.25}
#rb-my-page h1{font-size:clamp(1.35rem,3vw,2rem);font-weight:800;margin:.2rem 0 .3rem}
#rb-my-page h2{font-size:1.08rem;font-weight:800;margin-bottom:.75rem}
#rb-my-page h3{font-size:1.08rem;font-weight:700;margin:.25rem 0 .7rem}
#rb-my-page a{color:var(--mp-accent);text-decoration:none}#rb-my-page a:hover{text-decoration:underline}
#rb-my-page :is(a,button):focus-visible{outline:3px solid var(--mp-accent);outline-offset:4px}
#rb-my-page button{padding:0;margin:0;display:block;width:100%;border:0;background:transparent;color:inherit;cursor:pointer}
#rb-my-page .mp-hero{background:var(--mp-panel);border:1px solid var(--mp-border);border-radius:.65rem;overflow:hidden}
#rb-my-page .mp-cover{width:100%;height:clamp(8rem,22vw,17rem);object-fit:cover;display:block}
#rb-my-page .mp-identity{display:flex;gap:1rem;align-items:center;padding:1.1rem;position:relative;border-top:3px solid var(--mp-accent)}
#rb-my-page .mp-avatar{width:5.75rem;height:5.75rem;flex:0 0 5.75rem;object-fit:cover;border:3px solid var(--mp-panel);outline:1px solid var(--mp-border);border-radius:50%;background:var(--mp-soft)}
#rb-my-page .mp-initial{display:grid;place-items:center;font-size:2rem;font-weight:bold;color:var(--mp-accent)}
#rb-my-page .mp-name{min-width:0;flex:1}#rb-my-page .mp-name a span{font-size:.8rem;color:var(--mp-muted)}
#rb-my-page .mp-eyebrow{font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--mp-muted);margin:0}
#rb-my-page .mp-status{margin:.5rem 0 0;font-size:.9rem;color:var(--mp-text)}
#rb-my-page .mp-edit{font-size:.8rem;padding:.35rem .65rem;border:1px solid var(--mp-border);border-radius:.4rem;white-space:nowrap;background:var(--mp-soft)}
#rb-my-page .mp-featured{margin:1.2rem 0 1rem;padding:.25rem}
#rb-my-page .mp-photo-fan{display:flex;justify-content:center;align-items:start;gap:.75rem}
#rb-my-page .mp-featured-photo{margin:0;padding:.4rem;background:var(--mp-panel);border:1px solid var(--mp-border);border-radius:.25rem;width:30%;max-width:16rem;position:relative;min-width:0}
#rb-my-page .mp-featured-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#rb-my-page figcaption{font-size:.8rem;color:var(--mp-muted);padding:.45rem .15rem .1rem;line-height:1.35}
#rb-my-page[data-layout=fan] .mp-featured{padding:1.7rem .3rem 1.6rem}
#rb-my-page[data-layout=fan] .mp-photo-fan{gap:0;align-items:center}
#rb-my-page[data-layout=fan] .mp-featured-photo{box-shadow:0 .3rem .8rem #0002;width:33%;transition:transform .16s ease}
#rb-my-page[data-layout=fan] .mp-featured-photo:nth-child(1){transform:rotate(-9deg);margin-right:-2%;z-index:1}
#rb-my-page[data-layout=fan] .mp-featured-photo:nth-child(2){transform:translateY(-.6rem);z-index:3}
#rb-my-page[data-layout=fan] .mp-featured-photo:nth-child(3){transform:rotate(9deg);margin-left:-2%;z-index:2}
#rb-my-page[data-layout=fan] .mp-featured-photo:focus-within{z-index:4;transform:rotate(0deg) translateY(-.5rem)}
#rb-my-page .mp-content{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(0,2fr);gap:.9rem;margin-top:.9rem;align-items:start}
#rb-my-page .mp-panel{padding:1rem;background:var(--mp-panel);border:1px solid var(--mp-border);border-radius:.55rem;min-width:0}
#rb-my-page .mp-about-column,#rb-my-page .mp-main-column{display:flex;flex-direction:column;gap:.9rem;min-width:0}
#rb-my-page .mp-prose{white-space:pre-wrap;overflow-wrap:anywhere}
#rb-my-page .mp-links{list-style:none;padding:0;margin:0}#rb-my-page .mp-links li+li{margin-top:.45rem}
#rb-my-page .mp-interests{display:flex;flex-wrap:wrap;gap:.35rem}#rb-my-page .mp-interests span{padding:.16rem .5rem;background:var(--mp-soft);border-radius:1rem;font-size:.8rem}
#rb-my-page .mp-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
#rb-my-page .mp-gallery figure{margin:0;min-width:0}#rb-my-page .mp-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.3rem}
#rb-my-page .mp-entry+.mp-entry{border-top:1px solid var(--mp-border);margin-top:1.1rem;padding-top:1.1rem}#rb-my-page .mp-entry time{font-size:.75rem;color:var(--mp-muted)}
#rb-my-page .mp-preview{margin-top:.75rem;font-size:.85rem}#rb-my-page .mp-pagination{margin-top:.8rem}
#rb-my-page[data-layout=gallery] .mp-content{display:flex;flex-direction:column}#rb-my-page[data-layout=gallery] .mp-main-column{order:-1;width:100%}#rb-my-page[data-layout=gallery] .mp-gallery-panel{order:-1}#rb-my-page[data-layout=gallery] .mp-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}#rb-my-page[data-layout=gallery] .mp-about-column{width:100%}
#rb-my-page[data-layout=journal] .mp-content{grid-template-columns:minmax(0,2fr) minmax(12rem,1fr)}#rb-my-page[data-layout=journal] .mp-main-column{grid-column:1;grid-row:1}#rb-my-page[data-layout=journal] .mp-about-column{grid-column:2}
#rb-my-page[data-layout=fan] .mp-content{grid-template-columns:1fr}#rb-my-page[data-layout=fan] .mp-about-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}#rb-my-page[data-layout=fan] .mp-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Scrapbook: taped photo prints, without changing gallery column counts. */
#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo){--mp-paper-tilt:-2deg;position:relative;isolation:isolate;overflow:visible;padding:.35rem .35rem .65rem;background:var(--mp-soft);border:1px solid var(--mp-border);border-radius:2px;transform:rotate(var(--mp-paper-tilt));box-shadow:1px 3px 5px #0002;margin:.3rem .15rem}
#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo):nth-child(2n){--mp-paper-tilt:2.2deg}
#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo):nth-child(3n){--mp-paper-tilt:-.8deg}
#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo):nth-child(5n){--mp-paper-tilt:1deg}
#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo)::before,
#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo)::after{content:"";position:absolute;z-index:3;pointer-events:none;width:clamp(1.4rem,30%,3.2rem);height:clamp(.65rem,1.5vw,1rem);background:linear-gradient(100deg,#eadcbba6,#f7eccdbf 48%,#dfcc9e99);border:1px solid #c5ae7940;box-shadow:0 1px 2px #0001;clip-path:polygon(2% 0,98% 3%,100% 26%,97% 50%,100% 75%,98% 100%,1% 97%,3% 72%,0 46%,3% 20%)}
#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo)::before{top:-.3rem;left:-.25rem;transform:rotate(-28deg)}
#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo)::after{top:-.25rem;right:-.2rem;transform:rotate(26deg)}
#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo):nth-child(3n)::before{left:32%;transform:rotate(-6deg);width:36%}
#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo):nth-child(3n)::after{display:none}
#rb-my-page[data-layout=scrapbook] .mp-gallery{padding:.5rem .25rem .25rem}
#rb-my-page[data-layout=scrapbook] .mp-photo-fan{padding:.5rem .25rem;gap:.5rem}
#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo):focus-within{transform:rotate(0deg);z-index:5}
@media(hover:hover) and (pointer:fine){#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo):hover{transform:rotate(0deg) translateY(-.15rem);z-index:5}}
@media(max-width:640px){#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo){transform:rotate(calc(var(--mp-paper-tilt) * .5));margin:.25rem .1rem}}
@media(prefers-reduced-motion:reduce){#rb-my-page[data-layout=scrapbook] :is(.mp-gallery figure,.mp-featured-photo):is(:hover,:focus-within){transform:rotate(var(--mp-paper-tilt))}}
.mp-layout-picker{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.mp-layout-picker legend{font-size:.9rem;font-weight:bold;margin-bottom:.5rem}
.rb-space-editor .mp-layout-choice{position:relative;padding:.6rem;border:1px solid var(--border-default);border-radius:.45rem;cursor:pointer;display:flex;flex-direction:column;gap:.45rem;min-width:0}.rb-space-editor .mp-layout-choice input{width:auto;margin:0;align-self:start}.mp-layout-choice:has(input:checked){outline:2px solid var(--color-brand-400);background:var(--brand-tint-soft)}.mp-layout-choice:has(input:disabled){opacity:.55;cursor:not-allowed}.mp-layout-choice strong{font-size:.75rem}
.mp-layout-sample{height:3.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;padding-top:.55rem;border-top:.65rem solid var(--border-strong)}.mp-layout-sample i{background:var(--brand-tint-soft);border:1px solid var(--border-strong);border-radius:.1rem}.mp-layout-sample--fan i:first-child{transform:rotate(-10deg) translateX(.2rem)}.mp-layout-sample--fan i:last-child{transform:rotate(10deg) translateX(-.2rem)}.mp-layout-sample--classic{grid-template-columns:1fr 2fr}.mp-layout-sample--classic i:last-child{display:none}.mp-layout-sample--journal{grid-template-columns:1fr;gap:.2rem}.mp-layout-sample--scrapbook i:nth-child(odd){transform:rotate(-7deg)}.mp-featured-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
@media(max-width:640px){#rb-my-page .mp-content,#rb-my-page[data-layout=journal] .mp-content{grid-template-columns:1fr}#rb-my-page[data-layout=journal] .mp-main-column,#rb-my-page[data-layout=journal] .mp-about-column{grid-column:auto;grid-row:auto}#rb-my-page[data-layout=journal] .mp-main-column{order:-1}#rb-my-page .mp-identity{flex-wrap:wrap;gap:.75rem;padding:.85rem}#rb-my-page .mp-avatar{width:4.25rem;height:4.25rem;flex-basis:4.25rem}#rb-my-page .mp-edit{margin-left:auto}#rb-my-page[data-layout=gallery] .mp-gallery,#rb-my-page[data-layout=fan] .mp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}#rb-my-page[data-layout=fan] .mp-featured-photo:nth-child(1){transform:rotate(-5deg)}#rb-my-page[data-layout=fan] .mp-featured-photo:nth-child(3){transform:rotate(5deg)}#rb-my-page .mp-featured-photo figcaption{font-size:.7rem}#rb-my-page .mp-featured{margin:.7rem 0}.mp-layout-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-featured-selects{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#rb-my-page .mp-featured-photo{transition:none}}
html[data-my-page-theme=graphite],#rb-my-page[data-page-theme=graphite]{--mp-bg:#101214;--mp-panel:#1e2226;--mp-text:#f0f2f4;--mp-muted:#b4bdc5;--mp-border:#424b53;--mp-accent:#99d8ea;--mp-soft:#293941;color-scheme:dark}
html[data-my-page-theme=deepsea],#rb-my-page[data-page-theme=deepsea]{--mp-bg:#071a29;--mp-panel:#102b3f;--mp-text:#eaf5ff;--mp-muted:#a9c5db;--mp-border:#365c76;--mp-accent:#77d9ef;--mp-soft:#1d4054;color-scheme:dark}
html[data-my-page-theme=ember],#rb-my-page[data-page-theme=ember]{--mp-bg:#201412;--mp-panel:#32211b;--mp-text:#fff0df;--mp-muted:#d5b7a5;--mp-border:#715044;--mp-accent:#ffba82;--mp-soft:#4a3024;color-scheme:dark}
html[data-my-page-theme=aubergine],#rb-my-page[data-page-theme=aubergine]{--mp-bg:#1c1424;--mp-panel:#2c2038;--mp-text:#f6edf9;--mp-muted:#c8b4d4;--mp-border:#665075;--mp-accent:#e4b5eb;--mp-soft:#452d51;color-scheme:dark}
html[data-my-page-theme=arctic],#rb-my-page[data-page-theme=arctic]{--mp-bg:#e7eef5;--mp-panel:#fcfdff;--mp-text:#203348;--mp-muted:#52677d;--mp-border:#bacadb;--mp-accent:#215f95;--mp-soft:#d9e7f5;color-scheme:light}
html[data-my-page-theme]{max-width:none;margin:0;padding:0;border-radius:0;background:var(--mp-bg);isolation:auto;}html[data-my-page-theme=custom]{max-width:none;margin:0;padding:0;border-radius:0;background:var(--mp-bg);isolation:auto;--bg-page:var(--mp-bg);--bg-sidebar:var(--mp-panel);--bg-surface:var(--mp-panel);--bg-raised:var(--mp-soft);--bg-overlay:var(--mp-soft);--border-default:var(--mp-border);--border-strong:var(--mp-muted);--text-primary:var(--mp-text);--text-secondary:var(--mp-muted);--text-muted:var(--mp-muted);--link-color:var(--mp-accent);--link-hover-color:var(--mp-text);--accent-color:var(--mp-accent);--color-brand-300:var(--mp-accent);--color-brand-400:var(--mp-accent);--color-brand-500:var(--mp-accent);--brand-tint-soft:var(--mp-soft);--brand-tint-panel:var(--mp-soft);--brand-border-soft:var(--mp-border);--brand-border-mid:var(--mp-border);--brand-border-hard:var(--mp-accent);--color-rb-bg:var(--mp-bg);--color-rb-surface:var(--mp-panel);--color-rb-raised:var(--mp-soft);--color-rb-border:var(--mp-border);--color-rb-border-strong:var(--mp-muted);--color-rb-text:var(--mp-text);--color-rb-muted:var(--mp-muted);--color-rb-link:var(--mp-accent);--color-rb-accent:var(--mp-accent);--color-surface:var(--mp-panel);--color-surface-raised:var(--mp-soft);--color-border:var(--mp-border);--color-text-primary:var(--mp-text);--color-text-secondary:var(--mp-muted);--color-text-muted:var(--mp-muted)}
html[data-my-page-theme] body{background:var(--mp-bg);color:var(--mp-text)}
html[data-my-page-theme] .rb-main-shell{width:100%;max-width:none!important;padding:.85rem clamp(.5rem,1.5vw,1.25rem)}
html[data-my-page-theme] #rb-my-page{width:100%;max-width:none;margin:0;padding:clamp(.6rem,1.2vw,1rem)}
html[data-my-page-width=full] #rb-main-content{padding-left:0!important;padding-top:0!important}
html[data-my-page-theme] .mp-full-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem 1rem;background:var(--mp-panel);border-bottom:1px solid var(--mp-border);font-size:.8rem;line-height:1.4}
html[data-my-page-theme] .mp-full-nav a{color:var(--mp-accent)}
html[data-my-page-theme] #rb-my-page .mp-featured-photo{max-width:24rem}
html[data-my-page-theme] #rb-my-page .mp-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
html[data-my-page-theme] #rb-my-page .mp-prose{max-width:85ch}
@media(max-width:640px){html[data-my-page-theme] .rb-main-shell{padding:.5rem}html[data-my-page-theme] #rb-my-page{padding:.5rem}html[data-my-page-theme] #rb-my-page .mp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-my-page-theme] .rb-top-menu-row{justify-content:center;flex-wrap:wrap}
html[data-my-page-theme] .rb-top-menu-row>div{justify-content:center}
html[data-my-page-theme] .mp-full-nav{justify-content:center;flex-wrap:wrap}

/* Compact photos, with fewer columns on narrow screens. */
html[data-my-page-theme] #rb-my-page .mp-gallery {
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:.65rem;
}
html[data-my-page-theme] #rb-my-page .mp-gallery :is(figure,button) {
    min-width:0;
    max-width:100%;
}
html[data-my-page-theme] #rb-my-page .mp-gallery img {
    width:100%;
    max-width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
}
@media(max-width:1023px) {
    html[data-my-page-theme] #rb-my-page .mp-gallery {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media(max-width:640px) {
    html[data-my-page-theme] #rb-my-page .mp-gallery {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.55rem;
    }
}


/* New page palettes retain independent, author-selected colors. */
html[data-my-page-theme=midnight-orange],#rb-my-page[data-page-theme=midnight-orange]{--mp-bg:#0b0e12;--mp-panel:#171c23;--mp-text:#f3f4f6;--mp-muted:#b0bac7;--mp-border:#38414d;--mp-accent:#ff791f;--mp-soft:#392217;color-scheme:dark}
html[data-my-page-theme=retro-eighties],#rb-my-page[data-page-theme=retro-eighties]{--mp-bg:#101525;--mp-panel:#191f35;--mp-text:#fff6ed;--mp-muted:#c3c7de;--mp-border:#49536d;--mp-accent:#ff75b8;--mp-soft:#302843;color-scheme:dark}

/* Photo effects use transforms, not dimensions, so neighboring content stays put. */
#rb-my-page :is(.mp-featured-photo,.mp-gallery figure){transition:transform .22s ease,box-shadow .22s ease;animation:mp-photo-arrive .4s ease-out}
#rb-my-page :is(.mp-featured-photo,.mp-gallery figure):nth-child(2){animation-delay:.045s}
#rb-my-page :is(.mp-featured-photo,.mp-gallery figure):nth-child(3){animation-delay:.09s}
#rb-my-page :is(.mp-featured-photo,.mp-gallery figure) button{position:relative;isolation:isolate;overflow:hidden;border-radius:inherit}
#rb-my-page :is(.mp-featured-photo,.mp-gallery figure) button::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#fff0 20%,#fff3 45%,#fff0 70%);opacity:0;transform:translateX(-150%)}
#rb-my-page .mp-photo-caption:empty{display:none}
@keyframes mp-photo-arrive{from{opacity:.3}to{opacity:1}}
@keyframes mp-photo-shine{0%{opacity:0;transform:translateX(-150%)}20%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translateX(150%)}}
@media(hover:hover) and (pointer:fine){
 #rb-my-page .mp-featured-photo:hover{z-index:5;transform:translateY(-.3rem);box-shadow:0 .55rem 1rem #0003}
 #rb-my-page[data-layout=fan] .mp-featured-photo:hover{transform:rotate(0) translateY(-.45rem) scale(1.025)}
 #rb-my-page .mp-gallery figure:hover{transform:translateY(-.2rem);box-shadow:0 .4rem .85rem #0002}
 #rb-my-page :is(.mp-featured-photo,.mp-gallery figure) button:hover::after{animation:mp-photo-shine .7s ease-out both}
}
#rb-my-page .mp-gallery figure:focus-within{transform:translateY(-.2rem);position:relative;z-index:5}
#rb-my-page :is(.mp-featured-photo,.mp-gallery figure) button:focus-visible{outline-offset:-3px;outline-width:3px}

/* Instant-film frames: real editable captions, never baked into the image. */
#rb-my-page[data-page-theme=retro-eighties]:not([style*="background-image"]){background-image:linear-gradient(#5fe8ed0c 1px,transparent 1px),linear-gradient(90deg,#5fe8ed0c 1px,transparent 1px),radial-gradient(ellipse at 95% 0%,#ff4f9d20,transparent 55%);background-size:32px 32px,32px 32px,100% 100%}
#rb-my-page[data-page-theme=retro-eighties] .mp-identity{border-top:0;border-image:none;background-image:linear-gradient(90deg,#ff75b8 0 34%,#62eaf0 34% 70%,#ffe477 70%),repeating-linear-gradient(135deg,transparent 0 14px,#62eaf009 14px 16px);background-size:100% 4px,100% 100%;background-position:bottom,center;background-repeat:no-repeat;padding-bottom:1.2rem}
#rb-my-page[data-page-theme=retro-eighties] :is(.mp-featured-photo,.mp-gallery figure){box-sizing:border-box;padding:clamp(.3rem,.6vw,.55rem);background:#fffef9;border:1px solid #d8d0c3;border-radius:1px;box-shadow:0 3px 8px #453b2829;color:#263743}
#rb-my-page[data-page-theme=retro-eighties] :is(.mp-featured-photo,.mp-gallery figure) img{border-radius:0;aspect-ratio:1/1;object-fit:cover}
#rb-my-page[data-page-theme=retro-eighties] :is(.mp-featured-photo,.mp-gallery figure) button{border-radius:0}
#rb-my-page[data-page-theme=retro-eighties] .mp-photo-caption{display:block;min-height:2.5rem;padding:.55rem .2rem .25rem;font-family:'RB Handwritten','Segoe Print','Bradley Hand',cursive;font-size:clamp(1.05rem,1.7vw,1.45rem);font-weight:600;line-height:1.12;color:#263743;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere}
#rb-my-page[data-page-theme=retro-eighties] .mp-photo-caption:empty{display:block}
#rb-my-page[data-page-theme=retro-eighties][data-layout=scrapbook] .mp-gallery figure{background:#fffef9}
@media(max-width:640px){#rb-my-page[data-page-theme=retro-eighties] .mp-photo-caption{font-size:1.05rem;min-height:2.15rem}}
@media(prefers-reduced-motion:reduce){
 #rb-my-page :is(.mp-featured-photo,.mp-gallery figure),#rb-my-page :is(.mp-featured-photo,.mp-gallery figure) button::after{animation:none;transition:none}
 #rb-my-page :is(.mp-featured-photo,.mp-gallery figure) button::after{display:none}
 #rb-my-page .mp-gallery figure:is(:hover,:focus-within){transform:none}
 #rb-my-page .mp-featured-photo:hover{transform:none}
 #rb-my-page[data-layout=fan] .mp-featured-photo:nth-child(1):hover{transform:rotate(-9deg)}
 #rb-my-page[data-layout=fan] .mp-featured-photo:nth-child(2):hover{transform:translateY(-.6rem)}
 #rb-my-page[data-layout=fan] .mp-featured-photo:nth-child(3):hover{transform:rotate(9deg)}
}

/* Custom palette links are independent from decorative highlights. */
html[data-my-page-theme=custom]{--link-color:var(--mp-link);--link-hover-color:var(--mp-text);--color-rb-link:var(--mp-link)}
#rb-my-page[data-page-theme=custom] a{color:var(--mp-link)}
#rb-my-page .mp-journal-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}
#rb-my-page .mp-journal-heading h2{margin:0}
.mp-journal-count{display:inline-block;margin-left:.35rem;font-size:.75rem;font-weight:400;color:var(--mp-muted,var(--text-muted))}
#rb-my-page .mp-journal-entries{display:grid;gap:.85rem}
#rb-my-page .mp-journal-entries .mp-entry{border:1px solid var(--mp-border);border-left:3px solid var(--mp-accent);border-radius:.35rem;padding:.75rem;margin:0;min-width:0}
#rb-my-page .mp-journal-entries .mp-entry h3{margin:.25rem 0 .5rem;font-size:1rem}
#rb-my-page .mp-journal-pagination{margin-top:.85rem}
#rb-my-page .mp-journal{scroll-margin-top:5rem}
@media(min-width:1000px){#rb-my-page[data-layout=fan] .mp-journal-entries,#rb-my-page[data-layout=gallery] .mp-journal-entries{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 80s Retro: geometric neon trim on readable, solid surfaces. */
#rb-my-page[data-page-theme=retro-eighties] .mp-hero{border-color:#62eaf0;border-radius:3px;box-shadow:4px 4px 0 #ff75b82b}
#rb-my-page[data-page-theme=retro-eighties] .mp-panel{border-radius:3px;border-color:#49536d;border-top:2px solid #62eaf0}
#rb-my-page[data-page-theme=retro-eighties] .mp-panel:nth-child(even){border-top-color:#ff75b8}
#rb-my-page[data-page-theme=retro-eighties] .mp-name h1{font-family:'Arial Black','Trebuchet MS',sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:.015em;color:#fff6ed;text-shadow:none}
#rb-my-page[data-page-theme=retro-eighties] .mp-eyebrow{color:#62eaf0;letter-spacing:.12em}
#rb-my-page[data-page-theme=retro-eighties] h2{color:#62eaf0;font-weight:800;letter-spacing:.035em}
#rb-my-page[data-page-theme=retro-eighties] .mp-avatar{outline:2px solid #ff75b8;border-color:#191f35}
#rb-my-page[data-page-theme=retro-eighties] .mp-interests span{border:1px solid #667792;background:#242d46;color:#fff6ed;border-radius:2px}
#rb-my-page[data-page-theme=retro-eighties] .mp-journal-entries .mp-entry{border-left-color:#ff75b8;background:#151b2e}
#rb-my-page[data-page-theme=retro-eighties] .mp-edit{border-color:#ff75b8;color:#fff6ed;background:#302843;border-radius:3px}/* User-selected My Page palette override. Theme accents remain intact. */
#rb-my-page[data-page-color-mode="dark"] {
    --mp-bg:#101214;--mp-panel:#1d2328;--mp-text:#f1f4f5;--mp-muted:#b5c0c5;
    --mp-border:#465158;--mp-soft:#29343a;color-scheme:dark;
}
#rb-my-page[data-page-color-mode="light"] {
    --mp-bg:#f4f4f2;--mp-panel:#ffffff;--mp-text:#202322;--mp-muted:#5f6868;
    --mp-border:#c9d0cc;--mp-soft:#e8eeeb;color-scheme:light;
}
